/* Resas Chemie — Hero Dashboard + Studio Menu */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Source+Sans+3:wght@400;500;600;700&display=swap');

:root{
	--ink:#12160e;
	--muted:#6a7360;
	--line:#e2e8d6;
	--bg:#eef1e8;
	--card:#ffffff;
	--lime:#a8cc3a;
	--lime-2:#c3e05a;
	--lime-deep:#6f9418;
	--forest:#151c0e;
	--forest-2:#1f2a12;
	--soft:#eaf3cc;
	--warn:#c9851a;
	--danger:#c94a4a;
	--info:#3d8bb8;
	--ok:#3f9a5f;
	--radius:18px;
	--shadow:0 4px 6px rgba(18,22,14,.03), 0 14px 36px rgba(18,22,14,.07);
}

body.with-side-menu{
	font-family:'Source Sans 3',sans-serif !important;
	color:var(--ink);
	background:
		radial-gradient(1000px 480px at 100% -20%, rgba(195,224,90,.28), transparent 55%),
		radial-gradient(700px 400px at -10% 40%, rgba(168,204,58,.12), transparent 50%),
		var(--bg) !important;
	-webkit-font-smoothing:antialiased;
}

h1,h2,h3,.card-header,#pageTitle,.rs-hero h1,.rs-login-card h1,.rs-login-visual h2,.rs-q .txt,.rs-card-title{
	font-family:'Outfit',sans-serif !important;
}

/* ===== Header ===== */
.site-header{
	background:rgba(255,255,255,.86) !important;
	backdrop-filter:blur(16px) saturate(150%);
	-webkit-backdrop-filter:blur(16px) saturate(150%);
	border-bottom:1px solid rgba(226,232,214,.9) !important;
}
.site-header .site-logo img{max-height:44px;width:auto;}
#pageTitle{
	background:var(--soft) !important;
	border:1px solid #d2e3a0 !important;
	color:var(--forest) !important;
	font-weight:700 !important;
	border-radius:999px !important;
	box-shadow:none !important;
}
.site-header .user-menu{margin-right:6px;}
.site-header .user-menu .dropdown-toggle.rs-userchip{
	display:inline-flex;align-items:center;gap:8px;
	padding:5px 12px 5px 5px;margin:0;
	background:#fff;border:1px solid var(--line);border-radius:999px;
	font-size:12px;font-weight:600;color:var(--ink);vertical-align:middle;
	cursor:pointer;box-shadow:none;outline:none;
}
.site-header .user-menu .dropdown-toggle.rs-userchip:after{
	display:inline-block;margin-left:4px;border-top-color:var(--muted);opacity:.7;
}
.site-header .user-menu .dropdown-toggle.rs-userchip:hover,
.site-header .user-menu.open .dropdown-toggle.rs-userchip{
	border-color:var(--lime);background:var(--soft);
}
.site-header .user-menu .dropdown-toggle.rs-userchip img{
	width:30px;height:30px;border-radius:50%;object-fit:cover;display:block;
}
.rs-userchip-txt{text-align:left;line-height:1.15;}
.rs-userchip-txt small{display:block;font-size:10px;color:var(--muted);font-weight:500;}

/* ===== Side menu ===== */
.side-menu{
	background:linear-gradient(180deg, #0e1309 0%, #151c0e 40%, #1c2610 100%) !important;
	border-right:1px solid rgba(255,255,255,.05) !important;
	display:flex !important;
	flex-direction:column !important;
}
.side-menu:before{display:none !important;content:none !important;}

.rs-brand{
	display:flex;align-items:center;gap:10px;
	padding:22px 18px 18px;
	border-bottom:1px solid rgba(255,255,255,.06);
	margin-bottom:8px;
}
.rs-brand img{height:28px;width:auto;filter:brightness(1.05);}
.rs-brand span{
	font-family:'Outfit',sans-serif;
	font-size:11px;font-weight:800;letter-spacing:.18em;
	color:var(--lime-2);text-transform:uppercase;
	padding:4px 8px;border-radius:6px;
	background:rgba(168,204,58,.12);
	border:1px solid rgba(168,204,58,.25);
}

.side-menu-list{flex:1;}
.side-menu-list .lbl{
	color:rgba(255,255,255,.7) !important;
	font-weight:600 !important;
	font-size:.95rem !important;
	letter-spacing:.01em;
}
.side-menu-list a:hover .lbl,
.side-menu-list li.opened > a .lbl{color:#fff !important;}
.side-menu-list .fa,
.side-menu-list .font-icon,
.side-menu-list .glyphicon{color:var(--lime-2) !important;}
.side-menu-list > li > a{
	margin:3px 10px !important;
	border-radius:12px !important;
	/* StartUI padding-left 46px koru — sadece yan boşluk */
}
.side-menu-list > li:hover > a,
.side-menu-list > li.opened > a{
	background:rgba(168,204,58,.14) !important;
}
.side-menu-list > li.opened{background:transparent !important;}
.side-menu-list a,
.side-menu-list li > span{border-left-color:transparent !important;}
.side-menu-list > li.opened > a,
.side-menu-list > li:hover > a{
	border-left-color:transparent !important;
	box-shadow:inset 3px 0 0 var(--lime);
}

.rs-menu-foot{
	padding:16px 18px 22px;
	border-top:1px solid rgba(255,255,255,.06);
	display:flex;justify-content:space-between;align-items:center;
	color:rgba(255,255,255,.35);
	font-size:11px;font-weight:600;
}
.rs-menu-foot span{
	color:var(--lime-2);opacity:.7;
	font-family:'Outfit',sans-serif;letter-spacing:.06em;
}

/* ===== HERO ===== */
.rs-hero{
	position:relative;
	margin:0 0 18px;
	border-radius:24px;
	overflow:hidden;
	min-height:220px;
	box-shadow:var(--shadow);
}
.rs-hero-bg{
	position:absolute;inset:0;
	background:
		radial-gradient(700px 280px at 85% 20%, rgba(195,224,90,.35), transparent 55%),
		radial-gradient(500px 260px at 10% 90%, rgba(111,148,24,.35), transparent 50%),
		linear-gradient(125deg, #0f1509 0%, #1a2610 38%, #3d5514 100%);
}
.rs-hero-bg:after{
	content:'';
	position:absolute;inset:0;
	background:
		linear-gradient(90deg, rgba(15,21,9,.35) 0%, transparent 55%),
		url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.035'%3E%3Cpath d='M36 0l2 34h34v4H38l-2 34h-4L30 38H0v-4h30L32 0z'/%3E%3C/g%3E%3C/svg%3E");
	opacity:1;
	pointer-events:none;
}
.rs-hero-grid{
	position:relative;z-index:1;
	display:grid;
	grid-template-columns:1.4fr .9fr;
	gap:24px;
	padding:32px 34px;
	align-items:center;
}
@media(max-width:991px){
	.rs-hero-grid{grid-template-columns:1fr;padding:26px 22px;}
}
.rs-hero-kicker{
	display:inline-block;
	font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
	color:var(--lime-2);margin-bottom:12px;
	padding:5px 10px;border-radius:999px;
	background:rgba(195,224,90,.12);
	border:1px solid rgba(195,224,90,.28);
}
.rs-hero h1{
	font-size:clamp(28px, 3.2vw, 40px) !important;
	font-weight:800 !important;
	color:#fff !important;
	margin:0 0 10px !important;
	letter-spacing:-.04em;
	line-height:1.08 !important;
}
.rs-hero-lead{
	margin:0 0 22px !important;
	color:rgba(255,255,255,.72) !important;
	font-size:15px !important;
	max-width:420px;
	line-height:1.5;
}
.rs-hero-actions{display:flex;flex-wrap:wrap;gap:10px;}
.rs-btn-main{
	display:inline-flex;align-items:center;
	padding:12px 20px;border-radius:999px;
	background:linear-gradient(180deg, var(--lime-2), var(--lime));
	color:var(--forest) !important;
	font-weight:800;text-decoration:none !important;
	box-shadow:0 12px 28px rgba(0,0,0,.25);
	transition:transform .15s ease;
}
.rs-btn-main:hover{transform:translateY(-2px);color:var(--forest)!important;}
.rs-btn-ghost{
	display:inline-flex;align-items:center;
	padding:12px 18px;border-radius:999px;
	background:rgba(255,255,255,.08);
	border:1px solid rgba(255,255,255,.18);
	color:#fff !important;font-weight:700;text-decoration:none !important;
}
.rs-btn-ghost:hover{background:rgba(255,255,255,.14);color:#fff!important;}

.rs-hero-stats{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
}
.rs-hero-stat{
	padding:16px 16px 14px;
	border-radius:16px;
	background:rgba(255,255,255,.07);
	border:1px solid rgba(255,255,255,.12);
	backdrop-filter:blur(8px);
}
.rs-hero-stat strong{
	display:block;
	font-family:'Outfit',sans-serif;
	font-size:28px;font-weight:800;color:#fff;
	letter-spacing:-.03em;line-height:1;
}
.rs-hero-stat span{
	display:block;margin-top:6px;
	font-size:11px;font-weight:700;letter-spacing:.08em;
	text-transform:uppercase;color:rgba(255,255,255,.55);
}

/* Pipeline */
.rs-pipeline{
	display:flex;flex-wrap:wrap;align-items:center;gap:12px;
	margin:0 0 18px;
	padding:14px 16px;
	background:var(--card);
	border:1px solid var(--line);
	border-radius:16px;
	box-shadow:var(--shadow);
}
.rs-pipe{
	display:flex;align-items:center;gap:10px;
	padding:8px 14px 8px 10px;
	border-radius:12px;
	background:var(--bg);
	min-width:140px;
}
.rs-pipe .dot{
	width:10px;height:10px;border-radius:50%;
	box-shadow:0 0 0 4px rgba(168,204,58,.15);
}
.rs-pipe .dot.d0{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.15);}
.rs-pipe .dot.d1{background:#0ea5e9;box-shadow:0 0 0 4px rgba(14,165,233,.15);}
.rs-pipe .dot.d2{background:var(--ok);box-shadow:0 0 0 4px rgba(63,154,95,.15);}
.rs-pipe em{
	display:block;font-style:normal;
	font-family:'Outfit',sans-serif;font-size:20px;font-weight:800;
	line-height:1;letter-spacing:-.03em;color:var(--ink);
}
.rs-pipe small{display:block;font-size:11px;color:var(--muted);font-weight:600;margin-top:2px;}
.rs-pipe-link{
	margin-left:auto;
	font-weight:700;font-size:13px;
	color:var(--lime-deep);text-decoration:none !important;
}
.rs-pipe-link:hover{color:var(--forest);}

/* Quick modules */
.rs-quick{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:14px;margin-bottom:20px;
}
@media(max-width:991px){.rs-quick{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.rs-quick{grid-template-columns:1fr;}}

.rs-q{
	display:flex;align-items:center;gap:14px;
	padding:18px 16px;
	background:var(--card);
	border:1px solid var(--line);
	border-radius:var(--radius);
	text-decoration:none !important;color:var(--ink);
	box-shadow:var(--shadow);
	transition:transform .18s ease, border-color .18s, box-shadow .18s;
}
.rs-q:hover{
	transform:translateY(-3px);
	border-color:var(--lime);
	box-shadow:0 18px 40px rgba(111,148,24,.12);
	color:var(--ink);
}
.rs-q .ico{
	width:48px;height:48px;border-radius:14px;
	display:flex;align-items:center;justify-content:center;
	font-size:18px;flex-shrink:0;
}
.rs-q .ico.i1{background:#eaf3cc;color:#5f8014;}
.rs-q .ico.i2{background:#e0f2fe;color:#0369a1;}
.rs-q .ico.i3{background:#fce7f3;color:#be185d;}
.rs-q .ico.i4{background:#dcfce7;color:#15803d;}
.rs-q .txt{display:block;font-weight:750;font-size:15px;letter-spacing:-.02em;}
.rs-q .sub{display:block;font-size:12px;color:var(--muted);margin-top:2px;font-weight:500;}
.rs-q .go{margin-left:auto;color:var(--muted);font-weight:700;opacity:.5;transition:opacity .15s, transform .15s;}
.rs-q:hover .go{opacity:1;transform:translateX(3px);color:var(--lime-deep);}
.rs-q-accent{
	background:linear-gradient(145deg, #f7fbe8, #fff);
	border-color:#d5e8a0;
}

/* Cards / tables */
.card, section.card{
	border:1px solid var(--line)!important;
	border-radius:var(--radius)!important;
	box-shadow:var(--shadow)!important;
	background:var(--card)!important;
	overflow:hidden;
}
.card-header, section.card > .card-header{
	background:linear-gradient(180deg,#fff,#f7f9f0)!important;
	border-bottom:1px solid var(--line)!important;
	font-weight:700;font-size:15px;color:var(--forest);
	padding:15px 18px!important;
}
.rs-card-title{font-weight:750;letter-spacing:-.02em;}
.card-block{padding:18px!important;}
.rs-table-card .card-header .pull-xs-right .btn{margin-left:6px;}

/* Buttons */
.btn{font-family:'Source Sans 3',sans-serif!important;font-weight:700;border-radius:11px!important;}
a.btn.btn-resas,button.btn.btn-resas,.btn.btn-resas,
a.btn.btn-primary,button.btn.btn-primary,.btn.btn-primary{
	background:linear-gradient(180deg,var(--lime),var(--lime-deep))!important;
	border-color:var(--lime-deep)!important;color:#fff!important;
	box-shadow:0 8px 18px rgba(111,148,24,.28);
}
a.btn.btn-resas:hover,.btn.btn-resas:hover,a.btn.btn-primary:hover,.btn.btn-primary:hover{
	background:var(--forest)!important;border-color:var(--forest)!important;color:#fff!important;
}
a.btn.btn-warning,.btn.btn-warning{background:var(--warn)!important;border-color:var(--warn)!important;color:#fff!important;}
a.btn.btn-info,.btn.btn-info{background:var(--info)!important;border-color:var(--info)!important;color:#fff!important;}
a.btn.btn-success,.btn.btn-success{background:var(--ok)!important;border-color:var(--ok)!important;color:#fff!important;}
a.btn.btn-danger,.btn.btn-danger{background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important;}

a.btn.btn-default,button.btn.btn-default,.btn.btn-default,
a.btn.btn-secondary,button.btn.btn-secondary,.btn.btn-secondary,
.card-header .btn.btn-default,.card-header a.btn.btn-default,
.card-header .btn.btn-secondary,.card-header a.btn.btn-secondary,
.modal-footer .btn.btn-default,.modal-footer .btn.btn-secondary,
.modal-footer button.btn.btn-secondary{
	background:var(--soft)!important;
	border:1px solid #c5d68e!important;
	color:var(--forest)!important;
	box-shadow:none!important;text-shadow:none!important;
}
a.btn.btn-default:hover,.btn.btn-default:hover,
a.btn.btn-secondary:hover,.btn.btn-secondary:hover,
.card-header .btn.btn-secondary:hover,
.modal-footer .btn.btn-secondary:hover{
	background:#e0eeb8!important;border-color:var(--lime-deep)!important;color:#0f1509!important;
}
.btn-xs{padding:4px 9px;font-size:12px;line-height:1.35;border-radius:8px!important;}
.btn-rounded{border-radius:999px!important;}
.btn-sm{border-radius:10px!important;}
.modal-footer .btn{min-width:96px;font-weight:700!important;}
.table td .btn-xs{
	margin-right:4px;border-radius:999px!important;padding:3px 9px;
	pointer-events:auto!important;cursor:pointer;box-shadow:none;
}

/* Forms */
.form-group{margin-bottom:12px!important;}
label{font-weight:700;font-size:12px;color:var(--muted);}
.form-control{
	padding:10px 12px!important;font-size:14px!important;font-weight:500;
	border:1px solid var(--line)!important;border-radius:12px!important;
	min-height:40px;background:#fff!important;
}
.form-control:focus{border-color:var(--lime)!important;box-shadow:0 0 0 4px rgba(168,204,58,.2)!important;}

/* Tables */
.table{font-size:13.5px;margin-bottom:0;}
.table thead th{
	background:var(--soft)!important;border-color:var(--line)!important;
	color:var(--forest);font-weight:700;font-size:11px;
	text-transform:uppercase;letter-spacing:.07em;padding:12px!important;
}
.table td{padding:13px 12px!important;vertical-align:middle!important;border-color:var(--line)!important;}
.table-bordered,.table-bordered td,.table-bordered th{border-color:var(--line)!important;}
.table-striped tbody tr:nth-of-type(odd){background:rgba(234,243,204,.4);}
.table tbody tr:hover{background:#e8f2c4!important;}
.table a{color:var(--lime-deep);font-weight:700;text-decoration:none;}
.table a:hover{color:var(--forest);}
.table .clas_0,.table .clas_1{background:#f3f9e0!important;}
.table .clas_2{background:#eaf4fb!important;}
.table .clas_3{background:#fff8e8!important;}
.table .clas_4{background:#eaf8ef!important;}
.table .clas_5{background:#fceeee!important;}

.label,.label-info,.label-pill{border-radius:999px!important;padding:4px 10px!important;font-weight:700;font-size:11px;}
.label-info{background:var(--lime-deep)!important;}
.label-danger{background:var(--danger)!important;}
.label-primary{background:var(--info)!important;}
.label-success{background:var(--ok)!important;}

.nav-tabs{border-bottom:1px solid var(--line)!important;}
.nav-tabs .nav-link{border:none!important;color:var(--muted);font-weight:700;border-radius:10px 10px 0 0!important;padding:9px 14px;}
.nav-tabs .nav-link.active{color:var(--forest)!important;background:var(--soft)!important;box-shadow:inset 0 -2px 0 var(--lime);}

.modal-content{border-radius:20px!important;border:none!important;overflow:hidden;box-shadow:0 28px 70px rgba(18,22,14,.28);}
.modal-header{background:linear-gradient(120deg,var(--forest),#3d5514 55%,var(--lime-deep));color:#fff;border:none;padding:16px 20px;}
.modal-header .modal-title,.modal-header .modal-title b{color:#fff!important;font-weight:750;}
.modal-header .close,.modal-header .modal-close{color:#fff;opacity:.85;text-shadow:none;}
.modal-body{background:#f6f8f0;padding:18px 12px;}
.modal-footer{border-top:1px solid var(--line);background:#fff;padding:12px 18px;}

.alert{border-radius:12px!important;border:none;}
.alert-info{background:var(--soft);color:var(--forest);}
.rs-empty{text-align:center;padding:42px 16px;color:var(--muted);}
.rs-empty i{font-size:32px;color:var(--lime-2);display:block;margin-bottom:8px;}

/* Login split */
.rs-login-wrap{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;padding:0;background:var(--forest);}
@media(max-width:900px){.rs-login-wrap{grid-template-columns:1fr;}.rs-login-visual{display:none;}}
.rs-login-visual{
	position:relative;overflow:hidden;padding:48px;display:flex;align-items:flex-end;color:#fff;
	background:
		radial-gradient(ellipse at 30% 20%,rgba(195,224,90,.35),transparent 50%),
		radial-gradient(ellipse at 80% 80%,rgba(111,148,24,.4),transparent 45%),
		linear-gradient(160deg,#0c1108 0%,#1a2610 45%,#4a6618 100%);
}
.rs-login-visual:before{
	content:'';position:absolute;inset:0;
	background:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M0 0h40v40H0V0zm40 40h40v40H40V40z'/%3E%3C/g%3E%3C/svg%3E");
}
.rs-login-visual .copy{position:relative;z-index:1;max-width:440px;}
.rs-login-visual .copy .eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--lime-2);font-weight:800;margin-bottom:14px;}
.rs-login-visual .copy h2{font-size:42px;font-weight:800;line-height:1.08;letter-spacing:-.04em;margin:0 0 14px;color:#fff;}
.rs-login-visual .copy p{margin:0;color:rgba(255,255,255,.72);font-size:16px;line-height:1.55;}
.rs-login-panel{
	display:flex;align-items:center;justify-content:center;padding:40px 28px;
	background:radial-gradient(600px 300px at 100% 0%,rgba(195,224,90,.18),transparent 60%),var(--bg);
}
.rs-login-card{
	width:100%;max-width:400px;background:#fff;border-radius:22px;padding:36px 32px 28px;
	border:1px solid var(--line);box-shadow:var(--shadow);animation:rsUp .45s ease both;
}
.rs-login-card .brand{text-align:center;}
.rs-login-card .brand img{width:72%;max-width:200px;}
.rs-login-card .brand-sub{text-align:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:10px 0 18px;font-weight:700;}
.rs-login-card h1{font-size:26px;font-weight:800;color:var(--ink);text-align:center;margin:0 0 18px;letter-spacing:-.03em;}
.rs-login-card .btn{width:100%;margin-top:10px;padding:12px;font-size:15px;font-weight:800;}
.rs-login-foot{text-align:center;margin-top:18px;font-size:11px;color:var(--muted);}
@keyframes rsUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}

.rs-teklif-actions .btn{margin-left:4px;margin-bottom:4px;}
.rs-teklif-actions{max-width:620px;text-align:right;}

/* Full-screen loading (teklif gönder vb.) */
.rs-loading{
	position:fixed;inset:0;z-index:20000;
	display:none;align-items:center;justify-content:center;
	background:rgba(15,21,9,.55);
	backdrop-filter:blur(4px);
	-webkit-backdrop-filter:blur(4px);
}
.rs-loading.is-on{display:flex;}
.rs-loading-box{
	background:#fff;border-radius:18px;padding:28px 36px;text-align:center;
	box-shadow:0 20px 50px rgba(0,0,0,.25);max-width:320px;width:90%;
	border:1px solid var(--line);
}
.rs-loading-spin{
	width:42px;height:42px;margin:0 auto 16px;
	border:3px solid #e4e9da;border-top-color:var(--lime-deep);
	border-radius:50%;
	animation:rsSpin .7s linear infinite;
}
.rs-loading-box strong{
	display:block;font-family:'Outfit',sans-serif;font-size:16px;font-weight:750;
	color:var(--ink);margin-bottom:6px;
}
.rs-loading-box span{
	display:block;font-size:13px;color:var(--muted);font-weight:500;line-height:1.4;
}
@keyframes rsSpin{to{transform:rotate(360deg);}}
body.rs-loading-lock{overflow:hidden !important;}