/* VAYUSAKTI — Admin panel */
:root{--navy:#0b3d7a;--navy-d:#082a55;--navy-dd:#061d3b;--green:#2f9e3a;--lime:#8cc63f;--line:#e6ebf1;--bg:#f3f6f9;--muted:#6b7a8c;--bs-primary:#0b3d7a;--bs-primary-rgb:11,61,122}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:#1c2a3c;font-size:14px}
h1,h2,h3,h4,h5{font-family:'Outfit','Inter',sans-serif}
a{color:var(--navy);text-decoration:none}a:hover{color:var(--green)}
.btn-primary{background:var(--navy);border-color:var(--navy)}.btn-primary:hover,.btn-primary:focus{background:var(--navy-d);border-color:var(--navy-d)}
.btn-outline-primary{color:var(--navy);border-color:var(--navy)}.btn-outline-primary:hover{background:var(--navy);border-color:var(--navy)}
.form-control:focus,.form-select:focus{border-color:var(--green);box-shadow:0 0 0 .2rem rgba(47,158,58,.15)}
.form-check-input:checked{background-color:var(--green);border-color:var(--green)}
.form-label{font-weight:600;font-size:13px;color:#2b3b50;margin-bottom:4px}

.adm-wrap{display:flex;min-height:100vh}
.adm-side{width:260px;flex:0 0 260px;background:linear-gradient(180deg,var(--navy-dd),var(--navy-d));color:#b8c7da;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;z-index:1040}
.adm-brand{display:flex;align-items:center;gap:8px;padding:18px 18px 14px;border-bottom:1px solid rgba(255,255,255,.07)}
.adm-brand img{height:38px;background:#fff;border-radius:10px;padding:4px 8px}
.adm-brand span{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--lime)}
.adm-side nav{padding:8px 10px 20px;flex:1}
.adm-group{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:#7088a6;padding:16px 10px 6px;font-weight:700}
.adm-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;color:#c5d2e2;font-weight:500;font-size:13.5px;margin-bottom:1px}
.adm-link i{font-size:1rem;width:20px;color:#8fa6c3}
.adm-link:hover{background:rgba(255,255,255,.06);color:#fff}
.adm-link.active{background:linear-gradient(90deg,rgba(140,198,63,.22),rgba(140,198,63,.05));color:#fff;box-shadow:inset 3px 0 0 var(--lime)}
.adm-link.active i{color:var(--lime)}
.adm-link em{margin-left:auto;font-style:normal;background:var(--green);color:#fff;border-radius:20px;font-size:11px;padding:1px 8px;font-weight:700}
.adm-side-foot{padding:12px 18px;font-size:11px;color:#5f7796;border-top:1px solid rgba(255,255,255,.06)}
.adm-main{flex:1;min-width:0;display:flex;flex-direction:column}
.adm-top{position:sticky;top:0;z-index:1030;background:#fff;border-bottom:1px solid var(--line);padding:10px 24px;display:flex;align-items:center;gap:12px}
.adm-search{position:relative;flex:0 1 420px}.adm-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted)}
.adm-search input{width:100%;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:8px 12px 8px 34px;font-size:13.5px}
.adm-search input:focus{outline:0;border-color:var(--green);background:#fff}
.adm-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--green));color:#fff;display:inline-grid;place-items:center;font-weight:700;font-size:13px}
.adm-content{padding:24px;flex:1}
.adm-titlebar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.adm-titlebar h1{font-size:1.45rem;margin:0;color:var(--navy-dd)}
@media(max-width:991px){.adm-side{position:fixed;left:-270px;transition:left .25s;box-shadow:0 0 40px rgba(0,0,0,.3)}.adm-side.open{left:0}.adm-content{padding:16px}.adm-top{padding:10px 16px}}

.adm-card{border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 3px rgba(16,40,70,.04);background:#fff}
.adm-card>.card-header{background:#fff;border-bottom:1px solid var(--line);font-weight:600;padding:12px 18px;border-radius:14px 14px 0 0}
.adm-card>.card-footer{background:#fbfcfd;border-top:1px solid var(--line);border-radius:0 0 14px 14px}
.adm-table thead th{background:#f8fafc;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px}
.adm-table td{padding:11px 14px;border-color:#f0f3f6}
.adm-table tbody tr:hover{background:#fafcfe}
.adm-table .row-new{background:#f4fbf1}
.adm-thumb{width:64px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.adm-tabs .nav-link{color:var(--muted);font-weight:600;border:0;border-bottom:2px solid transparent}
.adm-tabs .nav-link.active{color:var(--navy);border-bottom-color:var(--green);background:transparent}
.adm-tabs{border-bottom:1px solid var(--line)}

.kpi{display:flex;justify-content:space-between;align-items:flex-start;padding:18px;border-radius:14px;background:#fff;border:1px solid var(--line);color:inherit;height:100%;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.kpi:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,40,70,.08);color:inherit}
.kpi span{display:block;font-size:12.5px;color:var(--muted);font-weight:600}
.kpi strong{display:block;font-family:'Outfit','Inter',system-ui,sans-serif;font-size:2rem;line-height:1.15;color:var(--navy-dd)}
.kpi small{color:var(--muted)}
.kpi>i{font-size:1.5rem;width:48px;height:48px;border-radius:12px;display:grid;place-items:center}
.kpi-primary>i{background:#e8f0fb;color:var(--navy)}.kpi-success>i{background:#e7f6e3;color:var(--green)}.kpi-warning>i{background:#fff4dc;color:#c88a00}.kpi-info>i{background:#e3f6f9;color:#0f8aa0}
.kpi::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%}
.kpi-primary::after{background:var(--navy)}.kpi-success::after{background:var(--green)}.kpi-warning::after{background:#f0ad4e}.kpi-info::after{background:#17a2b8}
.mini-kpi{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;height:100%}
.mini-kpi i{font-size:1.2rem;color:var(--green);width:36px;height:36px;border-radius:10px;background:#f0f8ec;display:grid;place-items:center;flex:0 0 36px}
.mini-kpi strong{display:block;font-family:'Outfit','Inter',system-ui,sans-serif;font-size:1.1rem;color:var(--navy-dd);line-height:1.2}.mini-kpi span{font-size:11.5px;color:var(--muted)}

.badge{font-weight:600}
[class*="badge-soft-"]{padding:.38em .7em;border-radius:20px;font-size:11.5px}
.badge-soft-primary{background:#e8f0fb;color:#0b3d7a}.badge-soft-info{background:#e2f5f9;color:#0d7b8f}.badge-soft-indigo{background:#ece8fb;color:#4b33a8}
.badge-soft-warning{background:#fff3d6;color:#8a6100}.badge-soft-orange{background:#ffeadb;color:#b04f00}.badge-soft-success{background:#e7f6e3;color:#1f7a2b}
.badge-soft-teal{background:#dcf5ef;color:#0f7c63}.badge-soft-danger{background:#fde7e7;color:#b42323}.badge-soft-secondary{background:#eef1f4;color:#55657a}
.badge-soft-dark{background:#e1e5ea;color:#2a3442}.badge-soft-light{background:#f6f7f9;color:#7a8696}

.status-tabs{display:flex;flex-wrap:wrap;gap:6px}
.status-tabs a{padding:6px 12px;border-radius:30px;background:#fff;border:1px solid var(--line);color:#3b4a5e;font-weight:500;font-size:13px}
.status-tabs a span{background:#eef2f6;border-radius:20px;padding:0 7px;margin-left:4px;font-size:11.5px}
.status-tabs a.active{background:var(--navy);color:#fff;border-color:var(--navy)}.status-tabs a.active span{background:rgba(255,255,255,.2)}

.pipeline{display:flex;flex-wrap:wrap;gap:5px}
.pipeline .btn{border:1px solid var(--line);border-radius:8px;font-size:12px;padding:4px 9px;color:#3b4a5e}
.pipeline .btn-check:checked+.btn{background:var(--green);border-color:var(--green);color:#fff}
.lead-msg{background:#f7f9fb;border:1px solid var(--line);border-radius:10px;padding:14px;white-space:normal}
.timeline-list{list-style:none;margin:0;padding:14px 18px 6px}
.timeline-list li{position:relative;padding:0 0 14px 22px;border-left:2px solid #e8edf2;margin-left:6px}
.timeline-list li::before{content:"";position:absolute;left:-7px;top:3px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #c3cfdb}
.timeline-list li.tl-status::before{border-color:var(--green)}.timeline-list li.tl-reply::before{border-color:var(--navy)}.timeline-list li.tl-note::before{border-color:#f0ad4e}

.img-field .img-prev{width:110px;height:82px;border-radius:10px;border:1px dashed #c9d5e2;background:#f7f9fb;display:grid;place-items:center;overflow:hidden;flex:0 0 110px;color:#a7b6c6;font-size:1.6rem}
.img-field .img-prev img{width:100%;height:100%;object-fit:cover}
.rich-wrap .ql-toolbar{border-radius:10px 10px 0 0;border-color:#d7e0ea;background:#fafbfd}
.rich-wrap .ql-container{border-radius:0 0 10px 10px;border-color:#d7e0ea;font-family:'Inter',sans-serif;font-size:15px}
.rich-wrap .ql-editor{min-height:inherit;line-height:1.7}
.rich-wrap textarea.html-mode{font-family:ui-monospace,Menlo,monospace;font-size:13px;min-height:360px}

.repeater .rep-row{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:#fcfdfe}
.repeater .rep-row:hover{border-color:#cfe0f0}
.rep-handle{color:#b5c2cf;padding-top:6px;width:18px}
.rep-actions{display:flex;gap:4px;flex:0 0 auto}
.rep-head{gap:10px;padding:0 12px 6px}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.g-item{border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff}.g-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.g-item.removing{opacity:.4;outline:2px solid #dc3545}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.media-item{border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff}
.media-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#f3f6f9}
.dropzone-lite{border:2px dashed #c9d5e2;border-radius:14px;padding:26px;text-align:center;background:#fafcff;transition:all .2s}
.dropzone-lite.over{border-color:var(--green);background:#f2fbef}
.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:60vh;overflow:auto}
.picker-grid button{border:2px solid transparent;border-radius:10px;padding:0;overflow:hidden;background:#f3f6f9}
.picker-grid button:hover{border-color:var(--green)}.picker-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}

.sec-item{padding:14px 18px}.sec-item.sec-hidden{opacity:.55;background:#fafbfc}
.sec-ic{width:40px;height:40px;border-radius:10px;background:#eef4fb;color:var(--navy);display:grid;place-items:center;font-size:1.1rem;flex:0 0 40px}
.spot-opt{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:10px;margin-bottom:8px;cursor:pointer}
.spot-opt img{width:48px;height:36px;object-fit:cover;border-radius:6px}
.spot-opt:has(input:checked){border-color:var(--green);background:#f3fbef}

.adm-auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(800px 400px at 10% 10%,rgba(140,198,63,.25),transparent 60%),linear-gradient(135deg,#061d3b,#0b3d7a 55%,#1d6e46)}
.auth-card{width:100%;max-width:420px;background:#fff;border-radius:20px;padding:34px;box-shadow:0 30px 70px rgba(0,0,0,.3)}
@media print{.adm-side,.adm-top,.adm-titlebar .btn,form .card-footer,.sticky-xl-top{display:none!important}.adm-content{padding:0}}

.adm-dev{margin-top:32px;padding:14px 0 4px;border-top:1px solid #e6ebf1;text-align:center;font-size:12.5px;color:#6b7785}.adm-dev a{font-weight:600}
.adm-dev-out{position:fixed;left:0;right:0;bottom:12px;border:0;margin:0;color:rgba(255,255,255,.8)}.adm-dev-out a{color:#fff}