*{box-sizing:border-box;margin:0;padding:0}
:root{
  /* ── Brand Colors ── */
  --blue:#2563eb;--blue-light:#eff6ff;--blue-border:#bfdbfe;
  --green:#16a34a;--green-light:#f0fdf4;--green-border:#bbf7d0;
  --red:#dc2626;--red-light:#fef2f2;--red-border:#fca5a5;
  --purple:#7c3aed;--purple-light:#f5f3ff;--purple-border:#e9d5ff;
  --amber:#d97706;--amber-light:#fffbeb;--amber-border:#fde68a;
  --gray:#6b7280;--gray-light:#f9fafb;--gray-border:#e5e7eb;

  /* ── Semantic Tokens (Light) ── */
  --text:#111827;--text2:#374151;--text3:#6b7280;
  --bg:#f3f4f6;--white:#fff;--radius:10px;

  /* ── Surface ── */
  --surface-1:#ffffff;
  --surface-2:#f9fafb;
  --surface-3:#f3f4f6;
  --surface-hover:#f3f4f6;

  /* ── Border ── */
  --border-1:#e5e7eb;
  --border-2:#d1d5db;

  /* ── Accent ── */
  --accent:#2563eb;
  --accent-light:#eff6ff;
  --accent-hover:#1d4ed8;

  /* ── Ink (text) ── */
  --ink-1:#111827;
  --ink-2:#374151;
  --ink-3:#6b7280;
  --ink-4:#9ca3af;

  /* ── Shadow ── */
  --shadow-color:rgba(0,0,0,.06);

  /* ── Design Tokens ── */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;
  --space-5:20px;--space-6:24px;--space-8:32px;

  --radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:16px;--radius-full:999px;

  --transition-fast:all .12s ease;
  --transition-base:all .18s ease;
  --transition-slow:all .3s ease;

  --shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
  --shadow-md:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);
  --shadow-lg:0 12px 32px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06);

  --input-h:38px;
  --btn-h:36px;
  --btn-h-sm:30px;
  --btn-h-lg:42px;

  /* z-index scale */
  --z-dropdown:100;
  --z-sticky:200;
  --z-modal:1000;
  --z-toast:2000;
  --z-search:9999;
}
/* ── ACCESSIBILITY ── */
:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}
.nav-btn:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}
button:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}

/* ── IMPROVED SCROLLBAR ── */
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--gray-border);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--gray)}

/* ── SELECTION ── */
::selection{background:rgba(59,130,246,.2);color:var(--text)}

/* ── PRINT STYLES ── */
@media print{
  .topbar,.nav,.kc-action-bar,.rp-search-wrap{display:none!important}
  .panel{display:block!important}
  .rp-card{break-inside:avoid;margin-bottom:12px}
}

[data-theme="dark"]{
  /* ── Brand Colors (Dark adapted) ── */
  --blue:#60a5fa;--blue-light:#1e3a5f;--blue-border:#1e40af;
  --green:#4ade80;--green-light:#14532d;--green-border:#166534;
  --red:#f87171;--red-light:#450a0a;--red-border:#991b1b;
  --purple:#a78bfa;--purple-light:#2e1065;--purple-border:#4c1d95;
  --amber:#fbbf24;--amber-light:#451a03;--amber-border:#92400e;
  --gray:#9ca3af;--gray-light:#1f2937;--gray-border:#374151;

  /* ── Semantic Tokens (Dark) ── */
  --text:#f9fafb;--text2:#e5e7eb;--text3:#9ca3af;
  --bg:#0f172a;--white:#1e293b;--radius:10px;

  /* ── Surface (Dark) ── */
  --surface-1:#1e293b;
  --surface-2:#273449;
  --surface-3:#1e293b;
  --surface-hover:#273449;

  /* ── Border (Dark) ── */
  --border-1:#334155;
  --border-2:#475569;

  /* ── Accent (Dark) ── */
  --accent:#60a5fa;
  --accent-light:#1e3a5f;
  --accent-hover:#93c5fd;

  /* ── Ink (Dark) ── */
  --ink-1:#f9fafb;
  --ink-2:#e5e7eb;
  --ink-3:#9ca3af;
  --ink-4:#64748b;

  /* ── Shadow (Dark) ── */
  --shadow-color:rgba(0,0,0,.3);
}
/* ── Global Theme Transition ── */
html{transition:background-color .18s ease,color .18s ease}
*{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
/* Don't animate transforms, width, height etc. */
*{transition-property:background-color,border-color,color,box-shadow,fill,stroke}

/* prefers-reduced-motion */
@media(prefers-reduced-motion:reduce){
  *,html{transition-duration:.01ms !important;animation-duration:.01ms !important}
}

body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);background:var(--bg);min-height:100vh}
.hidden{display:none!important}

#loading{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:999;flex-direction:column;gap:12px}
.spinner{width:36px;height:36px;border:3px solid var(--gray-border);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
#loading p{font-size:13px;color:var(--text3)}

#login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.login-card{background:var(--white);border-radius:16px;padding:32px 28px;width:100%;max-width:380px;box-shadow:0 4px 24px rgba(0,0,0,0.08);border:1px solid var(--gray-border)}
.login-logo{text-align:center;margin-bottom:24px}
.login-icon{width:56px;height:56px;background:var(--blue-light);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.login-logo h1{font-size:20px;font-weight:700}
.login-logo p{font-size:13px;color:var(--text3);margin-top:4px}
.form-group{margin-bottom:14px}
.form-label{font-size:12px;font-weight:600;color:var(--text2);margin-bottom:5px;display:block;text-transform:uppercase;letter-spacing:.04em}
.form-input{width:100%;padding:10px 12px;border:1.5px solid var(--gray-border);border-radius:var(--radius-md);font-size:14px;color:var(--text);background:#fff;transition:border .15s;font-family:inherit}
.form-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.form-error{font-size:12px;color:var(--red);margin-top:6px;padding:8px 10px;background:var(--red-light);border-radius:var(--radius-sm);border:1px solid var(--red-border)}
.btn{width:100%;padding:11px;border-radius:var(--radius-md);border:none;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-base);font-family:inherit}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{background:#1d4ed8}
.btn-primary:disabled{opacity:.5;cursor:not-allowed}

#yoriq-screen{min-height:100vh;background:var(--bg);padding:20px}
.yoriq-wrap{max-width:560px;margin:0 auto}
.yoriq-header{text-align:center;margin-bottom:24px;padding-top:12px}
.yoriq-header h2{font-size:20px;font-weight:700;margin-bottom:6px}
.yoriq-header p{font-size:13px;color:var(--text3)}
.rule-card{background:var(--white);border-radius:12px;padding:16px;margin-bottom:12px;border-left:4px solid var(--blue);box-shadow:0 1px 4px rgba(0,0,0,0.06)}
.rule-card.danger{border-left-color:var(--red)}
.rule-title{font-size:14px;font-weight:700;margin-bottom:10px}
.rule-body{font-size:13px;color:var(--text2);line-height:1.75}
.rule-body ol{margin-left:18px}
.rule-body li{margin-bottom:5px}
.warn-note{margin-top:10px;padding:9px 12px;background:var(--amber-light);border-radius:var(--radius-md);color:#78350f;font-size:12px;border:1px solid var(--amber-border);line-height:1.6}
.jarima-tbl{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px}
.jarima-tbl th{padding:7px 10px;text-align:left;font-size:11px;color:var(--text3);font-weight:600;border-bottom:1px solid var(--gray-border);text-transform:uppercase;letter-spacing:.04em}
.jarima-tbl td{padding:9px 10px;border-bottom:1px solid #f5f5f5}
.jarima-tbl tr:last-child td{border-bottom:none}
.j-pct{font-weight:700;color:var(--red);text-align:right}
.agree-row{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--blue-light);border-radius:var(--radius-md);border:1.5px solid var(--blue-border);margin-bottom:12px;cursor:pointer}
.agree-row input{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:var(--blue);flex-shrink:0}
.agree-row span{font-size:13px;line-height:1.65;color:var(--text2)}
.agree-btn{width:100%;padding:13px;border-radius:var(--radius-md);border:none;background:var(--blue);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition-base)}
.agree-btn:hover:not(:disabled){background:#1d4ed8}
.agree-btn:disabled{opacity:.4;cursor:not-allowed}

#app-screen{min-height:100vh;background:var(--bg)}
.topbar{background:var(--white);border-bottom:1px solid var(--gray-border);padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:52px;position:sticky;top:0;z-index:100}
.topbar-left{display:flex;align-items:center;gap:10px}
.topbar-icon{width:32px;height:32px;background:var(--blue-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}
.topbar-title{font-size:15px;font-weight:800;color:#16a34a;letter-spacing:-0.3px}
.topbar-right{display:flex;align-items:center;gap:8px}
.user-chip{display:flex;align-items:center;gap:7px;padding:5px 10px;background:var(--gray-light);border-radius:20px;font-size:12px;color:var(--text);font-weight:600}
.user-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}
.role-badge{font-size:11px;padding:2px 8px;border-radius:20px;font-weight:600}
.role-badge.owner{background:#fef3c7;color:#92400e}
.role-badge.admin{background:var(--blue-light);color:var(--blue)}
.role-badge.ishlab{background:var(--purple-light);color:var(--purple)}
.logout-btn{padding:6px 12px;border-radius:7px;border:1px solid var(--gray-border);background:#fff;font-size:12px;color:var(--text3);cursor:pointer;font-family:inherit;transition:var(--transition-fast)}
.logout-btn:hover{border-color:var(--red-border);color:var(--red);background:var(--red-light)}

.nav{display:flex;gap:2px;padding:8px 12px;background:var(--white);border-bottom:1px solid var(--gray-border);overflow-x:auto;position:sticky;top:52px;z-index:99}
.nav-btn{padding:7px 14px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;cursor:pointer;font-size:13px;font-weight:500;color:var(--text3);display:flex;align-items:center;gap:6px;white-space:nowrap;transition:var(--transition-fast);font-family:inherit}
.nav-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.nav-btn.active{background:var(--blue-light);border-color:var(--blue-border);color:var(--blue)}
.nav-btn:hover:not(.active){background:var(--gray-light);color:var(--text)}

.panel{display:none;padding:16px;max-width:820px;margin:0 auto}
.panel.active{display:block}
@keyframes panel-in{from{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}

.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.stat{background:var(--white);border-radius:var(--radius);padding:14px;border:1px solid var(--gray-border)}
.stat-label{font-size:11px;color:var(--text3);margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.stat-val{font-size:21px;font-weight:700}

.card{background:var(--white);border:1px solid var(--gray-border);border-radius:12px;padding:16px;margin-bottom:14px}
.card-title{font-size:14px;font-weight:700;margin-bottom:14px;color:var(--text);display:flex;align-items:center;gap:8px}
.card-title svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

input[type=text],select{width:100%;padding:8px 11px;border:1.5px solid var(--gray-border);border-radius:var(--radius-md);background:#fff;color:var(--text);font-size:13px;font-family:inherit;transition:border .12s}
input[type=text]:focus,select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}

.add-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-md);border:1.5px dashed var(--gray-border);background:transparent;cursor:pointer;font-size:13px;color:var(--text3);width:100%;justify-content:center;margin-top:8px;transition:var(--transition-fast);font-family:inherit}
.add-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}
.add-btn.purple{border-color:var(--purple-border);color:var(--purple)}
.add-btn.purple:hover{border-color:var(--purple);background:var(--purple-light)}

.icon-btn{padding:6px;border-radius:7px;border:1px solid var(--gray-border);background:transparent;cursor:pointer;color:var(--text3);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);flex-shrink:0}
.icon-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icon-btn:hover{background:var(--red-light);color:var(--red);border-color:var(--red-border)}

.tbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:var(--radius-md);margin-top:10px}
.tbar.green{background:var(--green-light)}.tbar.blue{background:var(--blue-light)}.tbar.purple{background:var(--purple-light)}.tbar.dark{background:var(--gray-light);border:1px solid var(--gray-border)}
.tl{font-size:13px;font-weight:600}.tv{font-size:18px;font-weight:700}
.tl.green,.tv.green{color:var(--green)}.tl.blue,.tv.blue{color:var(--blue)}.tl.purple,.tv.purple{color:var(--purple)}.tl.dark,.tv.dark{color:var(--text)}

.badge{font-size:12px;font-weight:600;padding:4px 9px;border-radius:var(--radius-sm);white-space:nowrap;text-align:center}
.bw{background:var(--amber-light);color:#92400e;border:1px solid var(--amber-border);min-width:80px}
.bo{background:var(--green-light);color:#15803d;border:1px solid var(--green-border);min-width:80px}
.bp{background:var(--purple-light);color:#6d28d9;border:1px solid var(--purple-border)}
.fzbadge{background:var(--blue-light);color:var(--blue);border:1px solid var(--blue-border);font-size:12px;font-weight:600;padding:4px 9px;border-radius:var(--radius-sm);min-width:50px;text-align:center}
.drbadge{background:var(--green-light);color:#15803d;border:1px solid var(--green-border);font-size:12px;font-weight:600;padding:4px 9px;border-radius:var(--radius-sm);min-width:90px;text-align:center}

.tbl-head{display:grid;grid-template-columns:1fr 130px 56px 96px 36px;gap:7px;font-size:11px;color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:4px 2px 8px}
.zakaz-row{display:grid;grid-template-columns:1fr 130px 56px 96px 36px;gap:7px;align-items:center;margin-bottom:7px}

.hist-row{padding:12px 14px;background:var(--white);border-radius:var(--radius-md);margin-bottom:8px;border:1px solid var(--gray-border);color:var(--text)}
.hist-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;gap:8px}
.hist-name{font-size:13px;font-weight:700}
.hist-date{font-size:11px;color:var(--text3);white-space:nowrap}
.hist-items{font-size:12px;color:var(--text2);line-height:1.7}
.hist-total{font-size:13px;font-weight:700;color:var(--green);margin-top:6px}
.type-pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:600;margin-bottom:6px}
.type-pill.admin{background:var(--blue-light);color:var(--blue)}
.type-pill.ishlab{background:var(--purple-light);color:var(--purple)}

.owner-row{display:grid;grid-template-columns:36px 1fr 140px 140px;gap:8px;align-items:center;padding:10px 14px;border-radius:var(--radius-md);margin-bottom:4px;background:var(--gray-light);border:1px solid #f0f0f0}
.owner-head{font-size:11px;font-weight:600;color:var(--text3);padding:4px 14px;letter-spacing:.05em;text-transform:uppercase}
.av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}

.pi{margin-bottom:6px;padding:10px 12px;background:var(--gray-light);border-radius:var(--radius-md);border:1px solid var(--gray-border);transition:background .15s}
.ui{margin-bottom:8px;padding:12px;background:var(--purple-light);border-radius:var(--radius-md);border:1px solid var(--purple-border)}
.ugrid{display:grid;grid-template-columns:1fr 80px 80px auto;gap:7px;align-items:center}
.ugrid-wrap{display:grid;grid-template-columns:1fr;gap:8px}
.ugrid-bottom{display:grid;grid-template-columns:75px 75px auto;gap:7px;align-items:center}
.ures{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid var(--purple-border)}
.note-box{font-size:11px;color:var(--text3);padding:6px 10px;background:#fff;border-radius:7px;margin-top:6px;border:1px solid var(--gray-border);line-height:1.5}
.prod-grid{display:grid;grid-template-columns:1fr;gap:6px}
.prod-row-bottom{display:grid;grid-template-columns:90px 90px auto;gap:6px;align-items:center}
.prod-row-top{display:grid;grid-template-columns:1fr 90px 90px auto;gap:6px;align-items:center}

.ft{width:100%;border-collapse:collapse;font-size:13px}
.ft th{padding:8px 12px;text-align:left;font-size:11px;color:var(--text3);font-weight:600;border-bottom:1px solid var(--gray-border);text-transform:uppercase;letter-spacing:.04em}
.ft td{padding:9px 12px;border-bottom:1px solid #f5f5f5}
.ft tr:last-child td{border-bottom:none}
.fp{font-weight:700;color:var(--blue);text-align:right}
.hl td{background:var(--blue-light)}

/* ── UNIFIED BUTTON SYSTEM ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:var(--btn-h);padding:0 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:var(--transition-base);white-space:nowrap;outline:none}
.btn:focus-visible{box-shadow:0 0 0 3px rgba(59,130,246,.3)}
.btn-primary{background:#3B82F6;color:#fff}
.btn-primary:hover{background:#2563EB;box-shadow:var(--shadow-md)}
.btn-primary:active{background:#1D4ED8;transform:translateY(1px)}
.btn-secondary{background:var(--gray-light);color:var(--text2);border:1px solid var(--gray-border)}
.btn-secondary:hover{background:var(--gray-border);color:var(--text)}
.btn-danger{background:#EF4444;color:#fff}
.btn-danger:hover{background:#DC2626;box-shadow:0 4px 12px rgba(239,68,68,.3)}
.btn-ghost{background:none;color:var(--text2);border:1px solid transparent}
.btn-ghost:hover{background:var(--gray-light);border-color:var(--gray-border)}
.btn-sm{height:var(--btn-h-sm);padding:0 10px;font-size:12px;border-radius:var(--radius-sm)}
.btn-lg{height:var(--btn-h-lg);padding:0 20px;font-size:14px;border-radius:var(--radius-lg)}
.btn-icon{width:var(--btn-h);padding:0;border-radius:var(--radius-md)}
.btn-icon.btn-sm{width:var(--btn-h-sm)}
.btn[disabled],.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}

/* ── UNIFIED INPUT SYSTEM ── */
input[type=text],input[type=email],input[type=password],select,textarea{
  height:var(--input-h);padding:0 12px;border:1.5px solid var(--gray-border);
  border-radius:var(--radius-md);font-size:13px;color:var(--text);
  background:var(--white);font-family:inherit;outline:none;
  transition:border-color .15s,box-shadow .15s;width:100%
}
textarea{height:auto;padding:9px 12px}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,
select:focus,textarea:focus{
  border-color:#3B82F6;box-shadow:0 0 0 3px rgba(59,130,246,.12)
}
input[type=text]:invalid:not(:placeholder-shown),
input[type=email]:invalid:not(:placeholder-shown){
  border-color:#EF4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)
}
.input-group{position:relative;display:flex;align-items:center}
.input-group input{padding-right:36px}
.input-group .input-suffix{position:absolute;right:12px;font-size:12px;color:var(--text3);pointer-events:none}
.input-group .input-prefix{position:absolute;left:12px;color:var(--text3);pointer-events:none}
.input-group.has-prefix input{padding-left:36px}
.input-error{border-color:#EF4444 !important;box-shadow:0 0 0 3px rgba(239,68,68,.1) !important}
.input-error-msg{font-size:11px;color:#EF4444;margin-top:3px;display:flex;align-items:center;gap:4px}
.input-hint{font-size:11px;color:var(--text3);margin-top:3px}

/* ── FORM LABEL SYSTEM ── */
.form-label{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;display:flex;align-items:center;gap:4px}
.form-label .required{color:#EF4444;font-size:13px}
.form-group{display:flex;flex-direction:column;gap:0;margin-bottom:var(--space-4)}
.form-group:last-child{margin-bottom:0}
.form-row{display:grid;gap:var(--space-3)}
.form-row.cols-2{grid-template-columns:1fr 1fr}
.form-row.cols-3{grid-template-columns:1fr 1fr 1fr}
@media(max-width:600px){.form-row.cols-2,.form-row.cols-3{grid-template-columns:1fr}}

/* ── TOAST NOTIFICATIONS ── */
#toast-container{position:fixed;bottom:24px;right:24px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px;pointer-events:none}
.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-border);box-shadow:var(--shadow-lg);font-size:13px;font-weight:500;color:var(--text);min-width:240px;max-width:360px;animation:toast-in .2s ease;pointer-events:all}
.toast.success{border-left:3px solid #22C55E}
.toast.error{border-left:3px solid #EF4444}
.toast.warning{border-left:3px solid #F59E0B}
.toast.info{border-left:3px solid #3B82F6}
@keyframes toast-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@keyframes toast-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}
.toast.hiding{animation:toast-out .2s ease forwards}
[data-theme="dark"] .toast{background:#1E293B;border-color:#334155}

/* ── CONFIRM DIALOG ── */
.confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:16px}
.confirm-box{background:var(--white);border-radius:var(--radius-xl);padding:24px;max-width:380px;width:100%;box-shadow:var(--shadow-lg);animation:modal-in .2s ease}
@keyframes modal-in{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
.confirm-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:8px}
.confirm-msg{font-size:13px;color:var(--text3);margin-bottom:20px;line-height:1.5}
.confirm-actions{display:flex;gap:8px;justify-content:flex-end}
[data-theme="dark"] .confirm-box{background:#1E293B}

/* ── SKELETON LOADING ── */
.skeleton{background:linear-gradient(90deg,var(--gray-light) 25%,var(--gray-border) 50%,var(--gray-light) 75%);background-size:200% 100%;animation:skeleton-wave 1.5s infinite;border-radius:var(--radius-md)}
@keyframes skeleton-wave{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ── BADGE SYSTEM ── */
.badge-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.badge-dot.green{background:#22C55E}
.badge-dot.red{background:#EF4444}
.badge-dot.yellow{background:#F59E0B}
.badge-dot.blue{background:#3B82F6}

.tgbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;border-radius:var(--radius-md);border:none;background:#2AABEE;color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px;transition:var(--transition-base);font-family:inherit}
.tgbtn:hover{background:#1a9bde}
.savebtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;border-radius:var(--radius-md);border:none;background:var(--green);color:#fff;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px;transition:var(--transition-base);font-family:inherit}
.savebtn:hover{background:#15803d}
.savebtn svg{stroke:#fff;fill:none}
.diz-row{background:var(--gray-light);border-radius:var(--radius-md);border:1px solid var(--gray-border);padding:12px;margin-bottom:10px}
.diz-grid{display:grid;grid-template-columns:1fr 130px 110px auto;gap:8px;align-items:center}
.diz-mijoz{margin-top:8px;padding:10px;background:#fff;border-radius:var(--radius-md);border:1px solid var(--blue-border);display:none}
.diz-mijoz.show{display:block}
.tolov-toggle{display:flex;gap:6px;margin-top:8px}
.tolov-btn{flex:1;padding:7px;border-radius:var(--radius-md);border:1.5px solid var(--gray-border);background:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition-base);font-family:inherit;color:var(--text3)}
.tolov-btn.tolandi{background:var(--green-light);border-color:var(--green-border);color:var(--green)}
.tolov-btn.tolanmadi{background:var(--red-light);border-color:var(--red-border);color:var(--red)}
.tolov-select{width:100%;padding:7px 10px;border:1.5px solid var(--gray-border);border-radius:var(--radius-md);background:#fff;color:var(--text);font-size:13px;font-family:inherit}
.tolov-select:focus{outline:none;border-color:var(--blue)}
.tgbtn svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.notify{position:fixed;bottom:20px;right:20px;padding:12px 18px;border-radius:var(--radius-md);background:#1f2937;color:#fff;font-size:13px;font-weight:500;z-index:9999;opacity:0;transform:translateY(10px);transition:var(--transition-slow);pointer-events:none;max-width:300px}
.notify.show{opacity:1;transform:translateY(0)}

.uv-info{font-size:12px;color:var(--text3);padding:8px 12px;background:#fff;border-radius:var(--radius-md);margin-bottom:10px;line-height:1.75;border:1px solid var(--purple-border)}
.card-close-btn{width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--gray-border);background:#fff;color:var(--text3);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition-fast)}
.card-close-btn:hover{background:var(--red-light);color:var(--red);border-color:var(--red-border)}
.card-close-btn.purple:hover{background:var(--purple-light);color:var(--purple);border-color:var(--purple-border)}
.card-close-btn.amber:hover{background:var(--amber-light);color:var(--amber);border-color:var(--amber-border)}
.restore-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:var(--blue-light);color:var(--blue);border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;margin:2px 4px 2px 0;border:1px solid var(--blue-border)}
.restore-chip:hover{background:var(--blue);color:#fff}
.avans-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;border-radius:var(--radius-md);border:1.5px solid var(--amber-border);background:var(--amber-light);color:var(--amber);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition-base);font-family:inherit}
.avans-btn:hover{background:var(--amber);color:#fff}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}
.modal-box{background:var(--white);border-radius:14px;padding:24px;width:100%;max-width:380px;box-shadow:0 10px 40px rgba(0,0,0,0.2)}
.modal-title{font-size:16px;font-weight:700;margin-bottom:16px}
.avans-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;margin-right:6px}
.avans-chip.kutilmoqda{background:var(--amber-light);color:var(--amber)}
.avans-chip.berildi{background:var(--green-light);color:var(--green)}
.give-avans-row{display:flex;gap:8px;margin-top:8px;align-items:center;flex-wrap:wrap}
.give-avans-row input{width:140px}

/* ── HISOBOTLAR (Reports) ── */
.rp-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;padding:20px 0 16px}
.rp-title{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-0.5px}
.rp-subtitle{font-size:13px;color:var(--text3);margin-top:2px}
.rp-search-wrap{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.rp-search-box{display:flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:7px 12px;transition:border-color .15s;min-width:200px}
.rp-search-box:focus-within{border-color:#3B82F6}
.rp-search-box input{border:none;outline:none;background:none;font-size:13px;color:var(--text);font-family:inherit;width:100%}
.rp-search-box svg{color:var(--text3);flex-shrink:0}
.rp-select{background:var(--white);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:7px 12px;font-size:13px;color:var(--text);font-family:inherit;cursor:pointer;outline:none}
.rp-select:focus{border-color:#3B82F6}

.rp-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px}
/* ── HAMBURGER ── */
.hamburger-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-md);transition:background .15s}
.hamburger-btn:hover{background:var(--gray-light)}
.hamburger-btn span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:all .25s}
.hamburger-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger-btn.open span:nth-child(2){opacity:0}
.hamburger-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* ── GLOBAL SEARCH ── */
.global-search-wrap{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;padding-top:80px;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}
.global-search-box{display:flex;align-items:center;gap:10px;background:var(--white);border-radius:14px;padding:12px 16px;width:min(560px,90vw);border:1.5px solid #3B82F6;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.global-search-box input{border:none;outline:none;background:none;font-size:15px;color:var(--text);font-family:inherit;flex:1}
.global-search-box kbd{background:var(--gray-light);border:1px solid var(--gray-border);border-radius:5px;padding:2px 7px;font-size:11px;color:var(--text3);font-family:inherit}
.global-search-results{background:var(--white);border-radius:14px;width:min(560px,90vw);margin-top:8px;border:1px solid var(--gray-border);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.15)}
.gs-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .12s;border-bottom:1px solid var(--gray-border)}
.gs-item:last-child{border-bottom:none}
.gs-item:hover,.gs-item.active{background:var(--blue-light)}
.gs-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--gray-light);flex-shrink:0}
.gs-label{font-size:13px;font-weight:600;color:var(--text)}
.gs-desc{font-size:11px;color:var(--text3)}
.gs-shortcut{margin-left:auto;font-size:11px;color:var(--text3);background:var(--gray-light);padding:2px 7px;border-radius:5px;border:1px solid var(--gray-border)}

/* ── QUICK ACTION ── */
.gs-trigger-btn{display:flex;align-items:center;gap:6px;background:var(--gray-light);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:5px 10px;cursor:pointer;font-size:12px;color:var(--text3);font-family:inherit;transition:var(--transition-base)}
.gs-trigger-btn:hover{border-color:#3B82F6;color:#3B82F6}
.gs-trigger-btn span{font-weight:500}
.gs-trigger-btn kbd{background:var(--white);border:1px solid var(--gray-border);border-radius:4px;padding:1px 5px;font-size:10px;font-family:inherit}
@media(max-width:700px){.gs-trigger-btn span,.gs-trigger-btn kbd{display:none}.gs-trigger-btn{padding:6px}}
.quick-action-btn{width:32px;height:32px;border-radius:var(--radius-md);background:#3B82F6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition-base);flex-shrink:0}
.quick-action-btn:hover{background:#2563EB;box-shadow:0 4px 12px rgba(59,130,246,.4);transform:scale(1.05)}
.quick-action-menu{position:absolute;top:52px;right:16px;background:var(--white);border-radius:14px;border:1px solid var(--gray-border);box-shadow:0 16px 40px rgba(0,0,0,.12);z-index:1000;overflow:hidden;min-width:200px;animation:qa-pop .15s ease}
@keyframes qa-pop{from{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}
.qa-item{display:flex;align-items:center;gap:10px;padding:11px 16px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text);transition:background .12s;border-bottom:1px solid var(--gray-border)}
.qa-item:last-child{border-bottom:none}
.qa-item:hover{background:var(--blue-light);color:#3B82F6}
[data-theme="dark"] .quick-action-menu{background:#1E293B;border-color:#334155}
[data-theme="dark"] .qa-item:hover{background:rgba(59,130,246,.1)}
[data-theme="dark"] .global-search-box{background:#1E293B;border-color:#3B82F6}
[data-theme="dark"] .global-search-results{background:#1E293B;border-color:#334155}
[data-theme="dark"] .gs-item:hover,[data-theme="dark"] .gs-item.active{background:rgba(59,130,246,.1)}

/* ── NAV IMPROVEMENTS ── */
.nav-btn{padding:7px 14px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;cursor:pointer;font-size:13px;font-weight:500;color:var(--text3);display:flex;align-items:center;gap:6px;white-space:nowrap;transition:var(--transition-base);font-family:inherit;position:relative}
.nav-btn.active{color:#3B82F6;background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.2);font-weight:600}
.nav-btn.active::after{content:"";position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);width:20px;height:2px;background:#3B82F6;border-radius:1px}
.nav-btn:hover:not(.active){background:var(--gray-light);color:var(--text)}
.nav-btn svg{transition:transform .15s}
.nav-btn:hover svg{transform:scale(1.1)}

/* ── ACTIVE PAGE INDICATOR ── */
.nav-active-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:#3B82F6;border-radius:1px;transform:scaleX(0);transition:transform .2s}
.nav-btn.active .nav-active-bar{transform:scaleX(1)}

@media(max-width:700px){.rp-stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:701px) and (max-width:900px){.rp-stats-grid{grid-template-columns:repeat(3,1fr)}}

.rp-stat-card{background:var(--white);border-radius:12px;padding:14px;border:1px solid var(--gray-border)}
.rp-stat-icon{width:30px;height:30px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.rp-stat-label{font-size:10px;color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.rp-stat-val{font-size:16px;font-weight:700;color:var(--text);letter-spacing:-0.3px}

/* Report cards */
.rp-card{background:var(--white);border-radius:16px;border:1px solid var(--gray-border);margin-bottom:20px;overflow:hidden;transition:box-shadow .25s,transform .25s}
.rp-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.09);transform:translateY(-1px)}
.rp-card-top{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--gray-border)}
.rp-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rp-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;height:24px;letter-spacing:.01em}
.rp-badge.admin{background:rgba(59,130,246,.1);color:#3B82F6;border:1px solid rgba(59,130,246,.2)}
.rp-badge.ishlab{background:rgba(99,102,241,.1);color:#6366F1;border:1px solid rgba(99,102,241,.2)}
.rp-badge.dizayner{background:rgba(168,85,247,.1);color:#a855f7;border:1px solid rgba(168,85,247,.2)}
.rp-badge.paid{background:rgba(34,197,94,.1);color:#22C55E;border:1px solid rgba(34,197,94,.2)}
.rp-badge.wait{background:rgba(245,158,11,.1);color:#F59E0B;border:1px solid rgba(245,158,11,.2)}
.rp-badge.brak{background:rgba(239,68,68,.1);color:#EF4444;border:1px solid rgba(239,68,68,.2)}
.rp-badge.day{background:rgba(250,204,21,.12);color:#92400e;border:1px solid rgba(250,204,21,.3)}
.rp-badge.night{background:rgba(30,41,59,.6);color:#94A3B8;border:1px solid rgba(148,163,184,.2)}
.rp-card-name{font-size:13px;font-weight:600;color:var(--text)}
.rp-card-date{font-size:12px;color:var(--text3);font-variant-numeric:tabular-nums}
.rp-card-right{display:flex;align-items:center;gap:8px}
.rp-action-btn{background:none;border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:6px 10px;cursor:pointer;color:var(--text3);font-size:12px;display:flex;align-items:center;gap:4px;transition:var(--transition-base);font-family:inherit;height:32px}
.rp-action-btn:hover{background:var(--gray-light);color:var(--text);border-color:var(--text3)}
.rp-action-btn.danger:hover{background:rgba(239,68,68,.08);color:#EF4444;border-color:rgba(239,68,68,.3)}
.rp-action-btn.primary{background:#3B82F6;color:#fff;border-color:#3B82F6;font-weight:600}
.rp-action-btn.primary:hover{background:#2563EB;box-shadow:0 2px 8px rgba(59,130,246,.4)}
.rp-items{padding:0}
.rp-items-header{display:grid;grid-template-columns:1fr 90px 80px 110px;gap:0;padding:10px 24px;background:var(--gray-light);font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--gray-border)}
.rp-items-header>div:nth-child(2){text-align:right}
.rp-items-header>div:nth-child(3){text-align:center}
.rp-items-header>div:nth-child(4){text-align:right}
.rp-item-row{display:grid;grid-template-columns:1fr 90px 80px 110px;gap:0;align-items:center;padding:0 24px;min-height:48px;border-bottom:1px solid var(--gray-border);transition:background .12s}
.rp-item-row:last-child{border-bottom:none}
.rp-item-row:nth-child(even){background:rgba(0,0,0,.015)}
.rp-item-row:hover{background:var(--gray-light)}
.rp-item-name{display:flex;flex-direction:column;gap:1px;padding:10px 0}
.rp-item-name-main{font-size:13px;font-weight:600;color:var(--text);line-height:1.3}
.rp-item-name-sub{font-size:11px;color:var(--text3)}
.rp-item-qty{font-size:12px;color:var(--text2);text-align:right;font-variant-numeric:tabular-nums}
.rp-item-brak-val{font-size:12px;text-align:center;font-variant-numeric:tabular-nums}
.rp-item-brak-val.zero{color:var(--text3)}
.rp-item-brak-val.pos{color:#EF4444;font-weight:600}
.rp-item-price{font-size:13px;font-weight:700;color:var(--text);text-align:right;font-variant-numeric:tabular-nums}
.rp-card-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--gray-border);flex-wrap:wrap;gap:12px}
.rp-total-label{font-size:11px;color:var(--text3);font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.rp-total{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-0.5px;font-variant-numeric:tabular-nums}
.rp-card-owner-actions{display:flex;gap:6px;flex-wrap:wrap}
.rp-show-more{background:none;border:none;color:#3B82F6;font-size:12px;font-weight:500;cursor:pointer;padding:12px 24px;font-family:inherit;width:100%;text-align:center;border-top:1px solid var(--gray-border);transition:background .15s}
.rp-highlight{background:rgba(245,158,11,.3);border-radius:3px;transition:background 1.5s ease}
.rp-highlight.fade{background:transparent}
.rp-show-more:hover{background:rgba(59,130,246,.05)}
.rp-page-btn{background:var(--white);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:7px 14px;font-size:13px;cursor:pointer;font-family:inherit;color:var(--text2);transition:var(--transition-base);min-width:36px}
.rp-page-btn:hover{background:var(--gray-light);color:var(--text)}
.rp-page-btn.active{background:#3B82F6;color:#fff;border-color:#3B82F6;font-weight:600}
[data-theme="dark"] .rp-stat-card{background:#1E293B;border-color:#334155}
[data-theme="dark"] .rp-card{background:#1E293B;border-color:#334155}
[data-theme="dark"] .rp-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.3)}
[data-theme="dark"] .rp-card-top{border-color:#334155}
[data-theme="dark"] .rp-card-footer{border-color:#334155}
[data-theme="dark"] .rp-items-header{background:#273449;border-color:#334155}
[data-theme="dark"] .rp-item-row{border-color:#334155}
[data-theme="dark"] .rp-item-row:nth-child(even){background:rgba(255,255,255,.015)}
[data-theme="dark"] .rp-item-row:hover{background:#273449}
[data-theme="dark"] .rp-show-more{border-color:#334155}
[data-theme="dark"] .rp-search-box{background:#1E293B;border-color:#334155}
[data-theme="dark"] .rp-select{background:#1E293B;border-color:#334155;color:#F8FAFC}
[data-theme="dark"] .rp-page-btn{background:#1E293B;border-color:#334155;color:#94A3B8}
[data-theme="dark"] .rp-action-btn{border-color:#334155;color:#94A3B8}
[data-theme="dark"] .rp-action-btn:hover{background:#273449;color:#F8FAFC;border-color:#475569}


/* ── BI DASHBOARD ── */
.bi-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;padding:20px 0 16px}
.bi-title{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-0.5px}
.bi-subtitle{font-size:13px;color:var(--text3);margin-top:2px}
.bi-header-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bi-range-btns{display:flex;gap:2px;background:var(--gray-light);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:3px}
.bi-range-btn{background:none;border:none;border-radius:var(--radius-md);padding:5px 12px;font-size:12px;font-weight:500;color:var(--text3);cursor:pointer;font-family:inherit;transition:var(--transition-base)}
.bi-range-btn.active{background:var(--white);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.bi-range-btn:hover:not(.active){color:var(--text);background:rgba(255,255,255,.5)}

.bi-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
/* ── HAMBURGER ── */
.hamburger-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-md);transition:background .15s}
.hamburger-btn:hover{background:var(--gray-light)}
.hamburger-btn span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:all .25s}
.hamburger-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger-btn.open span:nth-child(2){opacity:0}
.hamburger-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* ── GLOBAL SEARCH ── */
.global-search-wrap{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;padding-top:80px;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}
.global-search-box{display:flex;align-items:center;gap:10px;background:var(--white);border-radius:14px;padding:12px 16px;width:min(560px,90vw);border:1.5px solid #3B82F6;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.global-search-box input{border:none;outline:none;background:none;font-size:15px;color:var(--text);font-family:inherit;flex:1}
.global-search-box kbd{background:var(--gray-light);border:1px solid var(--gray-border);border-radius:5px;padding:2px 7px;font-size:11px;color:var(--text3);font-family:inherit}
.global-search-results{background:var(--white);border-radius:14px;width:min(560px,90vw);margin-top:8px;border:1px solid var(--gray-border);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.15)}
.gs-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .12s;border-bottom:1px solid var(--gray-border)}
.gs-item:last-child{border-bottom:none}
.gs-item:hover,.gs-item.active{background:var(--blue-light)}
.gs-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--gray-light);flex-shrink:0}
.gs-label{font-size:13px;font-weight:600;color:var(--text)}
.gs-desc{font-size:11px;color:var(--text3)}
.gs-shortcut{margin-left:auto;font-size:11px;color:var(--text3);background:var(--gray-light);padding:2px 7px;border-radius:5px;border:1px solid var(--gray-border)}

/* ── QUICK ACTION ── */
.gs-trigger-btn{display:flex;align-items:center;gap:6px;background:var(--gray-light);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:5px 10px;cursor:pointer;font-size:12px;color:var(--text3);font-family:inherit;transition:var(--transition-base)}
.gs-trigger-btn:hover{border-color:#3B82F6;color:#3B82F6}
.gs-trigger-btn span{font-weight:500}
.gs-trigger-btn kbd{background:var(--white);border:1px solid var(--gray-border);border-radius:4px;padding:1px 5px;font-size:10px;font-family:inherit}
@media(max-width:700px){.gs-trigger-btn span,.gs-trigger-btn kbd{display:none}.gs-trigger-btn{padding:6px}}
.quick-action-btn{width:32px;height:32px;border-radius:var(--radius-md);background:#3B82F6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition-base);flex-shrink:0}
.quick-action-btn:hover{background:#2563EB;box-shadow:0 4px 12px rgba(59,130,246,.4);transform:scale(1.05)}
.quick-action-menu{position:absolute;top:52px;right:16px;background:var(--white);border-radius:14px;border:1px solid var(--gray-border);box-shadow:0 16px 40px rgba(0,0,0,.12);z-index:1000;overflow:hidden;min-width:200px;animation:qa-pop .15s ease}
@keyframes qa-pop{from{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}
.qa-item{display:flex;align-items:center;gap:10px;padding:11px 16px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text);transition:background .12s;border-bottom:1px solid var(--gray-border)}
.qa-item:last-child{border-bottom:none}
.qa-item:hover{background:var(--blue-light);color:#3B82F6}
[data-theme="dark"] .quick-action-menu{background:#1E293B;border-color:#334155}
[data-theme="dark"] .qa-item:hover{background:rgba(59,130,246,.1)}
[data-theme="dark"] .global-search-box{background:#1E293B;border-color:#3B82F6}
[data-theme="dark"] .global-search-results{background:#1E293B;border-color:#334155}
[data-theme="dark"] .gs-item:hover,[data-theme="dark"] .gs-item.active{background:rgba(59,130,246,.1)}

/* ── NAV IMPROVEMENTS ── */
.nav-btn{padding:7px 14px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;cursor:pointer;font-size:13px;font-weight:500;color:var(--text3);display:flex;align-items:center;gap:6px;white-space:nowrap;transition:var(--transition-base);font-family:inherit;position:relative}
.nav-btn.active{color:#3B82F6;background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.2);font-weight:600}
.nav-btn.active::after{content:"";position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);width:20px;height:2px;background:#3B82F6;border-radius:1px}
.nav-btn:hover:not(.active){background:var(--gray-light);color:var(--text)}
.nav-btn svg{transition:transform .15s}
.nav-btn:hover svg{transform:scale(1.1)}

/* ── ACTIVE PAGE INDICATOR ── */
.nav-active-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:#3B82F6;border-radius:1px;transform:scaleX(0);transition:transform .2s}
.nav-btn.active .nav-active-bar{transform:scaleX(1)}

@media(max-width:700px){.bi-kpi-grid{grid-template-columns:repeat(2,1fr)}}

.bi-kpi-card{background:var(--white);border-radius:14px;padding:16px;border:1px solid var(--gray-border);position:relative;overflow:hidden;transition:box-shadow .2s}
.bi-kpi-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.bi-kpi-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.bi-kpi-label{font-size:11px;color:var(--text3);font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.bi-kpi-value{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-0.3px;margin-bottom:4px}
.bi-kpi-change{font-size:11px;font-weight:500}
.bi-kpi-change.up{color:#22C55E}
.bi-kpi-change.down{color:#EF4444}

.bi-card{background:var(--white);border-radius:16px;padding:20px;border:1px solid var(--gray-border);margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.bi-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;flex-wrap:wrap;gap:8px}
.bi-card-title{font-size:14px;font-weight:700;color:var(--text)}

.bi-emp-row{display:grid;grid-template-columns:28px 1fr 90px 90px 70px;gap:8px;align-items:center;padding:10px 12px;border-radius:var(--radius-md);transition:background .15s}
.bi-emp-row:hover{background:var(--gray-light)}
.bi-emp-rank{font-size:12px;font-weight:700;color:var(--text3)}
.bi-emp-name{font-size:13px;font-weight:600;color:var(--text)}
.bi-emp-val{font-size:12px;color:var(--text2);text-align:right}
.bi-score-bar{height:4px;border-radius:2px;background:var(--gray-border);overflow:hidden;margin-top:4px}
.bi-score-fill{height:100%;border-radius:2px;background:#3B82F6;transition:width .5s}

.bi-insight{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--radius-md);background:var(--gray-light);border:1px solid var(--gray-border)}
.bi-insight-icon{width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}
.bi-insight-text{font-size:12px;color:var(--text2);line-height:1.5}

/* Dark mode BI */
[data-theme="dark"] .bi-kpi-card{background:#1E293B;border-color:#334155}
[data-theme="dark"] .bi-card{background:#1E293B;border-color:#334155}
[data-theme="dark"] .bi-range-btns{background:#273449;border-color:#334155}
[data-theme="dark"] .bi-range-btn.active{background:#1E293B;color:#F8FAFC}
[data-theme="dark"] .bi-emp-row:hover{background:#273449}
[data-theme="dark"] .bi-insight{background:#273449;border-color:#334155}

/* ── ISHLAB CHIQARISH — Modern SaaS ── */
.ish-stat{background:var(--white);border-radius:12px;padding:14px 16px;border:1px solid var(--gray-border)}
.ish-stat-label{font-size:11px;color:var(--text3);font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.ish-stat-val{font-size:18px;font-weight:700;color:var(--text)}

.ish-card{background:var(--white);border-radius:16px;padding:16px;border:1px solid var(--gray-border);margin-bottom:16px;border-top:2px solid var(--ish-accent,#3B82F6);box-shadow:0 1px 4px rgba(0,0,0,.04);transition:box-shadow .2s}
.ish-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}

.ish-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.ish-card-title{font-size:13px;font-weight:700;letter-spacing:-0.1px}
.ish-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ish-close-btn{background:none;border:none;cursor:pointer;color:var(--text3);padding:4px;border-radius:var(--radius-sm);display:flex;transition:var(--transition-base)}
.ish-close-btn:hover{background:var(--gray-light);color:var(--text)}

.ish-price-info{background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);padding:8px 12px;font-size:11px;color:var(--text3);margin-bottom:12px;line-height:1.6}

.ish-add-btn{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#3B82F6;background:none;border:1.5px dashed rgba(59,130,246,.3);border-radius:var(--radius-md);padding:8px 14px;cursor:pointer;width:100%;justify-content:center;margin-top:10px;transition:var(--transition-base)}
.ish-add-btn:hover{background:rgba(59,130,246,.06);border-color:rgba(59,130,246,.6)}

.ish-total-bar{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--gray-border);font-size:12px;color:var(--text3);font-weight:500}

.ish-grand-footer{background:var(--white);border-radius:16px;padding:20px;border:1px solid var(--gray-border);margin-top:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.ish-primary-btn{display:flex;align-items:center;gap:7px;background:#3B82F6;color:#fff;border:none;border-radius:var(--radius-md);padding:10px 18px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:var(--transition-base)}
.ish-primary-btn:hover{background:#2563EB;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.4)}
.ish-secondary-btn{display:flex;align-items:center;gap:7px;background:var(--gray-light);color:var(--text2);border:1px solid var(--gray-border);border-radius:var(--radius-md);padding:10px 16px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:var(--transition-base)}
.ish-secondary-btn:hover{background:var(--gray-border);color:var(--text)}

/* Dark mode */
[data-theme="dark"] .ish-stat{background:#1E293B;border-color:#334155}
[data-theme="dark"] .ish-card{background:#1E293B;border-color:#334155}
[data-theme="dark"] .ish-grand-footer{background:#1E293B;border-color:#334155}
[data-theme="dark"] .ish-secondary-btn{background:#273449;border-color:#334155;color:#94A3B8}
[data-theme="dark"] .ish-secondary-btn:hover{background:#334155;color:#F8FAFC}
[data-theme="dark"] .ish-add-btn:hover{background:rgba(59,130,246,.1)}
[data-theme="dark"] .ish-price-info{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.2)}
[data-theme="dark"] .ish-close-btn:hover{background:#273449}
.ofset-blok{background:var(--gray-light);border-radius:var(--radius-md);padding:12px;margin-bottom:8px}
.ofset-blok-title{font-size:11px;font-weight:700;color:var(--text3);margin-bottom:8px;letter-spacing:0.5px}
.of-part-sum{font-size:13px;font-weight:700;color:var(--blue)}
[data-theme="dark"] .ofset-blok{background:#1e293b;border:1px solid var(--gray-border)}
[data-theme="dark"] .ofset-blok-title{color:var(--text3)}
[data-theme="dark"] .of-part-sum{color:var(--blue)}
[data-theme="dark"] #panel-kalk .card{background:var(--white)}
[data-theme="dark"] .ofset-blok label{color:var(--text)}
[data-theme="dark"] .ofset-blok input{background:var(--white);color:var(--text);border-color:var(--gray-border)}
[data-theme="dark"] .ofset-blok select{background:var(--white);color:var(--text);border-color:var(--gray-border)}
[data-theme="dark"] .ofset-blok .form-label{color:var(--text3)}
[data-theme="dark"] #kalk-of-result{background:var(--blue-light);border-color:var(--blue-border)}
[data-theme="dark"] .ofset-blok[style*="green"]{background:#14532d !important;border-color:#166534 !important}
[data-theme="dark"] .ofset-blok[style*="green"] .ofset-blok-title{color:#4ade80}
[data-theme="dark"] .ofset-blok[style*="green"] #of-foyda-jami{color:#4ade80}
[data-theme="dark"] .kalk-result{background:var(--blue-light);border-color:var(--blue-border)}
[data-theme="dark"] #panel-kalk .filter-btn{background:var(--gray-light);color:var(--text3);border-color:var(--gray-border)}
[data-theme="dark"] #panel-kalk .filter-btn.active{background:var(--blue-light);color:var(--blue);border-color:var(--blue-border)}
[data-theme="dark"] #panel-kalk input[type=text]{background:var(--white);color:var(--text);border-color:var(--gray-border)}
[data-theme="dark"] #panel-kalk select{background:var(--white);color:var(--text);border-color:var(--gray-border)}
[data-theme="dark"] #panel-kalk label{color:var(--text)}
[data-theme="dark"] #panel-kalk .form-label{color:var(--text3)}
[data-theme="dark"] #panel-kalk optgroup{background:var(--white);color:var(--text3)}
[data-theme="dark"] #panel-kalk option{background:var(--white);color:var(--text)}
[data-theme="dark"] #sig-result > div > div{background:#1e3a5f !important;border-color:var(--blue-border) !important}
[data-theme="dark"] #sig-result > div > div:last-child{background:#14532d !important;border-color:var(--green-border) !important}
[data-theme="dark"] #sig-result > div:last-child{background:var(--gray-light) !important}
[data-theme="dark"] #kalk-banner-format > div{background:var(--blue-light) !important;border-color:var(--blue-border) !important;color:var(--blue) !important}
[data-theme="dark"] #kalk-banner-warn > div{background:var(--red-light) !important;border-color:var(--red-border) !important;color:var(--red) !important}
[data-theme="dark"] #kalk-bek-format > div{background:var(--blue-light) !important;border-color:var(--blue-border) !important;color:var(--blue) !important}
[data-theme="dark"] #panel-kalk input[type=radio]{accent-color:var(--blue)}
[data-theme="dark"] label[id^="bek-rulo"]{background:var(--gray-light);border-color:var(--gray-border);color:var(--text)}
[data-theme="dark"] .kalk-result div{color:var(--text)}
[data-theme="dark"] #sig-result > div > div{background:#1e3a5f;border-color:var(--blue-border)}
.kalk-result{padding:20px;background:var(--blue-light);border-radius:12px;border:1px solid var(--blue-border);text-align:center;margin-top:4px;transition:var(--transition-base)}
[data-theme="dark"] .kalk-result{background:var(--blue-light);border-color:var(--blue-border)}

/* ── KALKULYATOR ── */
.kc-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 0 8px}
.kc-title{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-0.5px}
.kc-subtitle{font-size:13px;color:var(--text3);margin-top:2px}

.kc-tabs{display:flex;gap:2px;padding:4px;background:var(--gray-light);border-radius:14px;margin-bottom:20px;border:1px solid var(--gray-border);flex-wrap:wrap}
.kc-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);border:none;background:none;font-size:13px;font-weight:500;color:var(--text3);cursor:pointer;font-family:inherit;transition:var(--transition-base);white-space:nowrap}
.kc-tab:hover{color:var(--text);background:rgba(255,255,255,.5)}
.kc-tab.active{background:var(--white);color:#3B82F6;font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,.1)}
[data-theme="dark"] .kc-tab.active{background:#273449;box-shadow:0 1px 4px rgba(0,0,0,.3)}
[data-theme="dark"] .kc-tabs{background:#1E293B;border-color:#334155}
[data-theme="dark"] .kc-tab:hover{background:rgba(255,255,255,.05)}

.kc-body{display:flex;flex-direction:column;gap:0}
.kc-section{display:block}
@keyframes kc-fade{from{opacity:1}to{opacity:1}}

.kc-section-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}
.kc-section-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kc-section-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:2px}
.kc-section-desc{font-size:12px;color:var(--text3)}

.kc-block{background:var(--white);border-radius:14px;padding:20px;margin-bottom:12px;border:1px solid var(--gray-border)}
.kc-block-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.kc-step{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);background:#3B82F6;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}

.kc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kc-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
@media(max-width:700px){
  .hamburger-btn{display:flex !important}
  .nav{flex-direction:column;position:fixed;top:52px;left:0;right:0;bottom:0;z-index:998;background:var(--white);padding:16px;gap:4px;transform:translateX(-100%);transition:transform .25s;border-right:1px solid var(--gray-border);width:260px;overflow-y:auto}
  .nav.mobile-open{transform:translateX(0);box-shadow:8px 0 32px rgba(0,0,0,.15)}
  .nav-btn{width:100%;justify-content:flex-start;padding:12px 16px;border-radius:var(--radius-md)}
  .nav-btn.active::after{display:none}
  .topbar-right .user-chip span:not(.user-dot){display:none}
  .global-search-box{width:90vw}
}
@media(max-width:600px){.kc-grid-2,.kc-grid-3{grid-template-columns:1fr}}

.kc-field{display:flex;flex-direction:column;gap:4px}
.kc-label{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.04em}
.kc-input-wrap{position:relative;display:flex;align-items:center}
.kc-input-wrap input{padding-right:40px}
.kc-unit{position:absolute;right:12px;font-size:12px;color:var(--text3);pointer-events:none;font-weight:500}
.kc-select{width:100%;padding:9px 12px;border:1.5px solid var(--gray-border);border-radius:var(--radius-md);font-size:13px;color:var(--text);background:var(--white);font-family:inherit;cursor:pointer;outline:none;transition:border-color .15s}
.kc-select:focus{border-color:#3B82F6}
/* Light mode: ochilgan ro'yxat o'qilishi uchun aniq oq fon + qora matn (dark
   qoidalar [data-theme="dark"] bilan pastda override qiladi). Faqat .kc-select. */
.kc-select option{background:#fff;color:#1e293b}
.kc-select optgroup{background:#f1f5f9;color:#475569;font-weight:600}
/* Switch: klaviatura fokusi ko'rinsin (input opacity:0 bo'lgani uchun trackda). */
.kc-switch-input:focus-visible + .kc-switch{outline:2px solid #3B82F6;outline-offset:2px}
.kc-hint{font-size:11px;color:#3B82F6;margin-top:2px;cursor:pointer}
.kc-result-field{justify-content:flex-end}
.of-part-sum{font-size:15px;font-weight:700;color:#3B82F6;padding:9px 0}

.kc-info-box{background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);padding:14px;margin-bottom:16px}
.kc-info-title{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}
.kc-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
.kc-price-range{font-size:12px;color:var(--text3)}
.kc-price-val{font-size:12px;font-weight:600;color:var(--text);text-align:right}

.kc-radio-group{display:flex;gap:8px;flex-wrap:wrap}
.kc-radio-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-md);border:1.5px solid var(--gray-border);cursor:pointer;font-size:13px;font-weight:500;color:var(--text2);transition:var(--transition-base);background:var(--white)}
.kc-radio-btn:has(input:checked){border-color:#3B82F6;color:#3B82F6;background:rgba(59,130,246,.06)}
.kc-radio-btn input{width:0;height:0;opacity:0;position:absolute}

.kc-toggle-row{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:12px 0;gap:12px}
.kc-toggle-label{font-size:13px;font-weight:600;color:var(--text)}
.kc-toggle-desc{font-size:11px;color:var(--text3);margin-top:2px}
.kc-switch-wrap{position:relative;flex-shrink:0}
.kc-switch-input{opacity:0;width:0;height:0;position:absolute}
.kc-switch{display:block;width:44px;height:24px;background:#cbd5e1;border-radius:12px;transition:all .25s;position:relative;cursor:pointer}
.kc-switch::before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:all .25s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.kc-switch-input:checked + .kc-switch{background:#3B82F6}
.kc-switch-input:checked + .kc-switch::before{transform:translateX(20px)}

.kc-services{border:1px solid var(--gray-border);border-radius:12px;overflow:hidden}
.kc-service-item{padding:0 16px;background:var(--white)}
.kc-service-item + .kc-service-item{border-top:1px solid var(--gray-border)}

.kc-format-badge{padding:8px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:600;color:#3B82F6;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2)}
.kc-warn-box{padding:10px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:600;color:#EF4444;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2)}

.kc-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.kc-result-card{background:var(--white);border-radius:12px;padding:16px;border:1px solid var(--gray-border);text-align:center}
.kc-result-label{font-size:11px;color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.kc-result-value{font-size:22px;font-weight:700;letter-spacing:-0.3px}
.kc-result-sub{font-size:11px;color:var(--text3);margin-top:4px}
.kc-result-highlight{background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:16px;text-align:center}
.kc-result-highlight-label{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.kc-result-highlight-val{font-size:28px;font-weight:700;color:#3B82F6;letter-spacing:-0.5px}

.kc-action-bar{position:sticky;bottom:0;background:var(--white);border-top:1px solid var(--gray-border);padding:12px 16px;display:flex;gap:8px;margin:16px -16px -16px;z-index:10}
.kc-btn-primary{display:flex;align-items:center;gap:7px;background:#3B82F6;color:#fff;border:none;border-radius:12px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:var(--transition-base);flex:1;justify-content:center}
.kc-btn-primary:hover{background:#2563EB;box-shadow:0 4px 12px rgba(59,130,246,.4)}
.kc-btn-secondary{display:flex;align-items:center;gap:7px;background:var(--gray-light);color:var(--text2);border:1px solid var(--gray-border);border-radius:12px;padding:10px 16px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:var(--transition-base)}
.kc-btn-secondary:hover{background:var(--gray-border)}

[data-theme="dark"] .kc-block{background:#1E293B;border-color:#334155}
[data-theme="dark"] .kc-result-card{background:#273449;border-color:#334155}
[data-theme="dark"] .kc-services{border-color:#334155}
[data-theme="dark"] .kc-service-item{background:#1E293B;border-color:#334155}
[data-theme="dark"] .kc-service-item + .kc-service-item{border-color:#334155}
[data-theme="dark"] .kc-radio-btn{background:#1E293B;border-color:#334155}
[data-theme="dark"] .kc-switch{background:#334155}
[data-theme="dark"] .kc-action-bar{background:#1E293B;border-color:#334155}
[data-theme="dark"] .kc-btn-secondary{background:#273449;border-color:#334155;color:#94A3B8}
[data-theme="dark"] .kc-select{background:#1E293B;border-color:#334155;color:#F8FAFC}
[data-theme="dark"] .kc-select option{background:#1E293B;color:#F8FAFC}
[data-theme="dark"] .kc-select optgroup{background:#273449;color:#94A3B8}
[data-theme="dark"] select{background:#1E293B !important;color:#F8FAFC !important;border-color:#334155 !important}
[data-theme="dark"] select option{background:#1E293B;color:#F8FAFC}
[data-theme="dark"] select optgroup{background:#273449;color:#94A3B8;font-weight:600}
[data-theme="dark"] .kc-select option,[data-theme="dark"] .kc-select optgroup{background:#1E293B}
[data-theme="dark"] .kalk-result{background:var(--blue-light);border-color:var(--blue-border)}
[data-theme="dark"] #panel-kalk .filter-btn{background:var(--gray-light);color:var(--text3);border-color:var(--gray-border)}
[data-theme="dark"] #panel-kalk .filter-btn.active{background:var(--blue-light);color:var(--blue);border-color:var(--blue-border)}
[data-theme="dark"] #panel-kalk input[type=text]{background:var(--white);color:var(--text);border-color:var(--gray-border)}
[data-theme="dark"] #panel-kalk select{background:var(--white);color:var(--text);border-color:var(--gray-border)}
[data-theme="dark"] #panel-kalk label{color:var(--text)}
[data-theme="dark"] #panel-kalk .form-label{color:var(--text3)}
[data-theme="dark"] #panel-kalk optgroup{background:var(--white);color:var(--text3)}
[data-theme="dark"] #panel-kalk option{background:var(--white);color:var(--text)}
[data-theme="dark"] #sig-result > div > div{background:#1e3a5f !important;border-color:var(--blue-border) !important}
[data-theme="dark"] #sig-result > div > div:last-child{background:#14532d !important;border-color:var(--green-border) !important}
[data-theme="dark"] #sig-result > div:last-child{background:var(--gray-light) !important}
[data-theme="dark"] #kalk-banner-format > div{background:var(--blue-light) !important;border-color:var(--blue-border) !important;color:var(--blue) !important}
[data-theme="dark"] #kalk-banner-warn > div{background:var(--red-light) !important;border-color:var(--red-border) !important;color:var(--red) !important}
[data-theme="dark"] #kalk-bek-format > div{background:var(--blue-light) !important;border-color:var(--blue-border) !important;color:var(--blue) !important}
[data-theme="dark"] #panel-kalk input[type=radio]{accent-color:var(--blue)}
[data-theme="dark"] label[id^="bek-rulo"]{background:var(--gray-light);border-color:var(--gray-border);color:var(--text)}
[data-theme="dark"] .kalk-result div{color:var(--text)}
.db-recent-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:var(--radius-md);margin-bottom:6px;border:1px solid var(--gray-border);background:var(--white)}
.db-recent-item:hover{border-color:var(--blue-border)}
.db-recent-label{font-size:12px;font-weight:600}
.db-recent-sum{font-size:13px;font-weight:700}
.db-recent-date{font-size:11px;color:var(--text3)}
.db-recent-status{font-size:11px;padding:2px 8px;border-radius:20px;font-weight:600}
.sklad-search-wrap{display:flex;align-items:center;gap:6px;padding:7px 11px;border:1.5px solid var(--gray-border);border-radius:var(--radius-md);background:#fff}
.sklad-search-wrap svg{stroke:var(--text3);flex-shrink:0}
.sklad-card{background:var(--white);border-radius:12px;border:1px solid var(--gray-border);padding:14px;margin-bottom:10px;transition:var(--transition-base)}
.sklad-card:hover{border-color:var(--blue-border);box-shadow:0 2px 8px rgba(37,99,235,0.08)}
.sklad-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:8px}
.sklad-nom{font-size:14px;font-weight:700;color:var(--text)}
.sklad-miq{font-size:22px;font-weight:700}
.sklad-birlik{font-size:12px;color:var(--text3);font-weight:400;margin-left:3px}
.sklad-actions{display:flex;gap:6px;flex-wrap:wrap}
.prixod-btn{padding:6px 12px;border-radius:7px;border:1.5px solid var(--green-border);background:var(--green-light);color:var(--green);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:var(--transition-fast)}
.prixod-btn:hover{background:var(--green);color:#fff}
.rasxod-btn{padding:6px 12px;border-radius:7px;border:1.5px solid var(--red-border);background:var(--red-light);color:var(--red);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:var(--transition-fast)}
.rasxod-btn:hover{background:var(--red);color:#fff}
.sklad-hist-btn{padding:6px 12px;border-radius:7px;border:1.5px solid var(--gray-border);background:var(--gray-light);color:var(--text3);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:var(--transition-fast)}
.sklad-hist-btn:hover{background:var(--blue-light);border-color:var(--blue-border);color:var(--blue)}
.sklad-log{margin-top:10px;border-top:1px solid var(--gray-border);padding-top:10px;display:none}
.sklad-log.show{display:block}
.sklad-log-item{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:12px;border-bottom:1px solid var(--gray-border)}
.sklad-log-item:last-child{border-bottom:none}
.sklad-warning{background:var(--red-light);border-color:var(--red-border)}
.rasm-upload-area{border:2px dashed var(--gray-border);border-radius:var(--radius-md);padding:16px;text-align:center;cursor:pointer;transition:var(--transition-base);background:var(--gray-light)}
.rasm-upload-area:hover{border-color:var(--blue-border);background:var(--blue-light)}
.rasm-upload-area.drag-over{border-color:var(--blue);background:var(--blue-light);transform:scale(1.01)}
.rasm-upload-area img{width:100%;max-height:120px;object-fit:cover;border-radius:7px}
.sklad-img{width:100%;height:200px;object-fit:cover;object-position:center;border-radius:var(--radius-md);margin-bottom:10px;cursor:pointer}
.sklad-img-wrap{position:relative}
.sklad-img-wrap:hover::after{content:"Kattalashtirish";position:absolute;inset:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;border-radius:var(--radius-md)}
.sklad-img-modal{position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:2000;display:flex;align-items:center;justify-content:center;cursor:pointer}
.sklad-img-modal img{max-width:95vw;max-height:90vh;border-radius:var(--radius-md);object-fit:contain}
.sklad-low{background:var(--amber-light);border-color:var(--amber-border)}
.diz-row-tools{display:flex;align-items:center;gap:8px;margin:8px 0;flex-wrap:wrap}
.sw-mini{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border-radius:var(--radius-md);border:1px solid var(--gray-border);flex:1;min-width:0}
.sw-mini-time{font-size:14px;font-weight:700;font-family:monospace;color:var(--text);letter-spacing:1px}
.sw-mini-price{font-size:11px;color:var(--green);font-weight:600;flex:1}
.sw-mini-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--gray-border);background:#fff;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);flex-shrink:0;line-height:1}
.sw-mini-btn:hover{background:var(--blue-light);border-color:var(--blue-border)}
.sw-mini-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.tasdiq-btn{padding:5px 10px;border-radius:7px;border:1.5px solid var(--purple-border);background:var(--purple-light);color:var(--purple);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit;transition:var(--transition-fast)}
.tasdiq-btn:hover{background:var(--purple);color:#fff}
.empty-state{text-align:center;padding:48px 20px;color:var(--text3)}
.empty-state svg{width:40px;height:40px;stroke:var(--gray-border);fill:none;stroke-width:1.5;margin:0 auto 12px;display:block}
.bell-btn{position:relative;padding:7px;border-radius:var(--radius-md);border:1px solid var(--gray-border);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}
.theme-toggle-btn{
  width:36px;height:36px;border-radius:var(--radius-md);
  background:var(--surface-2);border:1px solid var(--border-1);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  color:var(--ink-2);transition:background .18s,border-color .18s,color .18s,transform .1s;
  flex-shrink:0;position:relative;overflow:hidden;
}
.theme-toggle-btn:hover{background:var(--surface-hover);color:var(--accent);border-color:var(--accent)}
.theme-toggle-btn:active{transform:scale(.92)}
.theme-icon-sun,.theme-icon-moon{
  position:absolute;transition:transform .3s ease,opacity .3s ease;
}
.theme-icon-sun{transform:rotate(0deg) scale(1);opacity:1}
.theme-icon-moon{transform:rotate(-90deg) scale(0);opacity:0}
[data-theme="dark"] .theme-icon-sun{transform:rotate(90deg) scale(0);opacity:0}
[data-theme="dark"] .theme-icon-moon{transform:rotate(0deg) scale(1) !important;opacity:1 !important;display:block !important}

.bell-btn:hover{background:var(--blue-light);border-color:var(--blue-border);color:var(--blue)}
.bell-btn svg{stroke:var(--text3)}
.bell-badge{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.nav-badge{background:var(--red);color:#fff;border-radius:20px;padding:1px 6px;font-size:10px;font-weight:700;margin-left:2px}
.msg-item{padding:12px 14px;background:var(--white);border-radius:var(--radius-md);margin-bottom:8px;border:1px solid var(--gray-border);position:relative}
.msg-item.unread{border-color:var(--blue-border);background:var(--blue-light)}
.msg-item.sent{border-color:var(--green-border);background:var(--green-light)}
.msg-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}
.msg-from{font-size:12px;font-weight:700;color:var(--text)}
.msg-time{font-size:11px;color:var(--text3)}
.msg-body{font-size:13px;color:var(--text2);line-height:1.6}
.msg-direction{font-size:11px;padding:2px 8px;border-radius:20px;font-weight:600}
.msg-direction.inbox{background:var(--blue-light);color:var(--blue)}
.msg-direction.sent{background:var(--green-light);color:var(--green)}
.read-btn{font-size:11px;padding:3px 10px;border-radius:var(--radius-sm);border:1px solid var(--blue-border);background:var(--white);color:var(--blue);cursor:pointer;font-family:inherit;margin-top:6px}
.msg-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.msg-action-btn{font-size:12px;padding:5px 12px;border-radius:7px;border:none;cursor:pointer;font-family:inherit;font-weight:500;transition:var(--transition-fast)}
.msg-action-btn.blue{background:var(--blue-light);color:var(--blue);border:1px solid var(--blue-border)}
.msg-action-btn.green{background:var(--green-light);color:var(--green);border:1px solid var(--green-border)}
.msg-action-btn.amber{background:var(--amber-light);color:var(--amber);border:1px solid var(--amber-border)}
.msg-action-btn:hover{opacity:0.8}
.msg-status{font-size:12px;padding:5px 12px;border-radius:7px;font-weight:500}
.msg-status.green{background:var(--green-light);color:var(--green)}
.msg-status.amber{background:var(--amber-light);color:var(--amber)}
.hisob-row{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-border);padding:14px 16px;margin-bottom:8px}
.hisob-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}
.hisob-name{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.hisob-role{font-size:11px;padding:2px 8px;border-radius:20px;font-weight:600}
.hisob-role.admin{background:var(--blue-light);color:var(--blue)}
.hisob-role.ishlab{background:var(--purple-light);color:var(--purple)}
.hisob-role.dizayner{background:var(--amber-light);color:var(--amber)}
.hisob-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.hisob-num{text-align:center;padding:8px;background:var(--gray-light);border-radius:var(--radius-md)}
.hisob-num-label{font-size:10px;color:var(--text3);font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.hisob-num-val{font-size:15px;font-weight:700;margin-top:2px}
.hisob-actions{display:flex;gap:8px;flex-wrap:wrap}
.hisob-btn{padding:7px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:var(--transition-fast)}
.hisob-btn.green{background:var(--green-light);color:var(--green);border:1px solid var(--green-border)}
.hisob-btn.green.active{background:var(--green);color:#fff}
.hisob-btn.red{background:var(--red-light);color:var(--red);border:1px solid var(--red-border)}
.hisob-btn.amber{background:var(--amber-light);color:var(--amber);border:1px solid var(--amber-border)}
.hisob-btn.amber.active{background:var(--amber);color:#fff}
.empty-state p{font-size:13px}

.filter-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.filter-btn{padding:6px 14px;border-radius:20px;border:1px solid var(--gray-border);background:#fff;font-size:12px;font-weight:500;color:var(--text3);cursor:pointer;transition:var(--transition-fast);font-family:inherit}
.filter-btn.active{background:var(--blue-light);border-color:var(--blue-border);color:var(--blue)}

[data-theme="dark"] .nav-btn{color:var(--text3)}
[data-theme="dark"] *{color:inherit}
[data-theme="dark"] .panel{color:var(--text)}
[data-theme="dark"] .card{color:var(--text)}
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea{background:var(--white) !important;color:var(--text) !important;border-color:var(--gray-border) !important}
[data-theme="dark"] label{color:var(--text)}
[data-theme="dark"] .form-label{color:var(--text3) !important}
[data-theme="dark"] .nav-btn:hover,[data-theme="dark"] .nav-btn.active{background:var(--gray-light);color:var(--text)}
[data-theme="dark"] .logout-btn{background:var(--gray-light);border-color:var(--gray-border);color:var(--text)}
[data-theme="dark"] .badge.bw{background:var(--gray-light);border-color:var(--gray-border);color:var(--text2)}
[data-theme="dark"] .badge.bo{background:#1a2744;border-color:#1e40af;color:#93c5fd}
[data-theme="dark"] .pi,[data-theme="dark"] .ui,[data-theme="dark"] .diz-row{background:var(--gray-light);border-color:var(--gray-border)}
[data-theme="dark"] .zakaz-row{background:var(--gray-light);border-color:var(--gray-border)}
[data-theme="dark"] .tbar.dark{background:#0f172a;border-color:#334155}
[data-theme="dark"] .filter-btn{background:var(--gray-light);border-color:var(--gray-border);color:var(--text3)}
[data-theme="dark"] .filter-btn.active{background:var(--blue-light);color:var(--blue)}
[data-theme="dark"] .add-btn{background:var(--gray-light);border-color:var(--gray-border);color:var(--text2)}
[data-theme="dark"] .sklad-card{background:var(--white)}
[data-theme="dark"] .sklad-hist-btn{background:var(--gray-light);border-color:var(--gray-border);color:var(--text3)}
[data-theme="dark"] .icon-btn{background:var(--gray-light);border-color:var(--gray-border);color:var(--text3)}
[data-theme="dark"] .note-box{background:#1e3a2f;border-color:#166534;color:#86efac}
[data-theme="dark"] .uv-info{background:var(--gray-light);border-color:var(--purple-border)}
[data-theme="dark"] .tolov-btn{background:var(--gray-light);border-color:var(--gray-border);color:var(--text3)}
[data-theme="dark"] .sw-mini{background:var(--gray-light);border-color:var(--gray-border)}
[data-theme="dark"] .sw-mini-btn{background:var(--gray-light);border-color:var(--gray-border);color:var(--text3)}
[data-theme="dark"] #loading{background:var(--bg)}
[data-theme="dark"] .login-card{box-shadow:0 4px 24px rgba(0,0,0,0.5)}
[data-theme="dark"] .rasm-upload-area{background:var(--gray-light);border-color:var(--gray-border)}
[data-theme="dark"] .sklad-log{border-color:var(--gray-border)}
[data-theme="dark"] .sklad-card{background:var(--white);color:var(--text)}
[data-theme="dark"] .sklad-nom{color:var(--text)}
[data-theme="dark"] .sklad-actions button{background:var(--gray-light)}
[data-theme="dark"] .sklad-log-item{border-color:var(--gray-border);color:var(--text2)}
[data-theme="dark"] .sw-mini{background:var(--gray-light);border-color:var(--gray-border);color:var(--text)}
[data-theme="dark"] .diz-row{background:var(--white);color:var(--text)}
[data-theme="dark"] .pi{background:var(--white);color:var(--text)}
[data-theme="dark"] .ui{background:var(--white);color:var(--text)}
[data-theme="dark"] input[type=checkbox]{accent-color:var(--blue)}
[data-theme="dark"] .foiz-table td,[data-theme="dark"] .foiz-table th{border-color:var(--gray-border);color:var(--text)}
[data-theme="dark"] .foiz-table tr:nth-child(even){background:var(--gray-light)}
[data-theme="dark"] .agree-row{color:var(--text)}
[data-theme="dark"] .rule-card{background:var(--white);color:var(--text)}
[data-theme="dark"] .rule-body{color:var(--text2)}
[data-theme="dark"] .note-box{background:#1e3a2f;border-color:#166534;color:#86efac}
[data-theme="dark"] .nav-badge{background:var(--red);color:#fff}
[data-theme="dark"] .bozorlik-card{background:var(--white);color:var(--text)}
[data-theme="dark"] .hist-row{background:var(--white);color:var(--text)}
[data-theme="dark"] .topbar{background:var(--white);border-color:var(--gray-border)}
[data-theme="dark"] .topbar-title{color:#4ade80}
[data-theme="dark"] .role-badge{background:var(--blue-light);color:var(--blue)}
[data-theme="dark"] .user-chip{background:var(--gray-light);color:#F8FAFC;font-weight:600}
[data-theme="dark"] .logout-btn{background:var(--white);color:var(--text2)}
[data-theme="dark"] .topbar-title{color:#4ade80}
[data-theme="dark"] .logout-btn{background:var(--gray-light);border-color:var(--gray-border);color:var(--text)}
[data-theme="dark"] .bell-btn{background:var(--white);border-color:var(--gray-border);color:var(--text)}
[data-theme="dark"] .shift-slider{background:#334155;border-color:#475569}
[data-theme="dark"] .db-recent-item{background:var(--white);color:var(--text)}
[data-theme="dark"] .db-recent-label{color:var(--text)}
[data-theme="dark"] .db-recent-date{color:var(--text3)}
[data-theme="dark"] #db-kpi-card{background:var(--white)}
[data-theme="dark"] #db-kpi-card .stat{background:var(--white)}
[data-theme="dark"] .hist-items{color:var(--text2)}
[data-theme="dark"] .hist-items span[style*="color:#"]{color:var(--text2) !important}
[data-theme="dark"] .msg-item{background:var(--white);color:var(--text)}
[data-theme="dark"] .msg-from{color:var(--text3)}
[data-theme="dark"] .msg-text{color:var(--text)}
[data-theme="dark"] .sklad-log-item{border-color:var(--gray-border)}
@media(max-width:700px){
  .hamburger-btn{display:flex !important}
  .nav{flex-direction:column;position:fixed;top:52px;left:0;right:0;bottom:0;z-index:998;background:var(--white);padding:16px;gap:4px;transform:translateX(-100%);transition:transform .25s;border-right:1px solid var(--gray-border);width:260px;overflow-y:auto}
  .nav.mobile-open{transform:translateX(0);box-shadow:8px 0 32px rgba(0,0,0,.15)}
  .nav-btn{width:100%;justify-content:flex-start;padding:12px 16px;border-radius:var(--radius-md)}
  .nav-btn.active::after{display:none}
  .topbar-right .user-chip span:not(.user-dot){display:none}
  .global-search-box{width:90vw}
}
@media(max-width:600px){
  .stat-row{grid-template-columns:1fr 1fr}
  .tbl-head,.zakaz-row{grid-template-columns:1fr 90px 44px 80px 36px;font-size:12px}
  .owner-row{grid-template-columns:28px 1fr 100px 100px}
}
@media(max-width:420px){
  .ugrid-bottom{grid-template-columns:1fr 1fr auto;gap:6px}
  .prod-row-bottom{grid-template-columns:1fr 80px auto}
}

/* ── DAVOMAT (QR skaner) ── */
.dv-status-info{background:var(--blue-light);color:var(--blue);border:1px solid var(--blue-border)}
.dv-status-success{background:var(--green-light);color:var(--green);border:1px solid var(--green-border)}
.dv-status-error{background:var(--red-light);color:var(--red);border:1px solid var(--red-border)}

/* ── "Qidirish" (global search) tugmasi — dark mode ko'rinuvchanlik tuzatildi ──
   Muammo: default fon var(--gray-light) (#1f2937) va chegara var(--gray-border)
   (#374151) dark rejimda topbar surface (--white #1e293b) bilan deyarli bir xil
   bo'lib, tugma faqat hoverda (ko'k) ko'rinardi. Yechim: elevatsiyalangan
   surface + yorqin matn — hoversiz ham aniq. Faqat shu tugma; light mode tegilmaydi. */
[data-theme="dark"] .gs-trigger-btn{background:#334155;border-color:#475569;color:var(--text2)}
[data-theme="dark"] .gs-trigger-btn:hover{background:#3b4a61;border-color:var(--blue);color:var(--blue)}
[data-theme="dark"] .gs-trigger-btn kbd{background:#1e293b;border-color:#475569;color:var(--text2)}
/* Klaviatura fokusi ikkala mavzuda ham ko'rinsin. */
.gs-trigger-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* Ofset: Oddiy/Katalog rejim tugmasi */
.of-mode-btn{flex:1;cursor:pointer}
.of-mode-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}

/* ── Avans modal — dark-mode ko'rinuvchanlik + klaviatura fokusi (faqat shu modal) ──
   Muammo: "Bekor" tugmasi va inputlar dark rejimda past kontrast edi. Yechim:
   CSS o'zgaruvchilari + dark uchun elevatsiyalangan "Bekor". Light mode tegilmaydi. */
#avans-modal .modal-title{color:var(--text)}
#avans-modal .form-label{color:var(--text2)}
#avans-modal input,#avans-modal textarea{color:var(--text);background:var(--white);border:1.5px solid var(--gray-border)}
#avans-modal input::placeholder,#avans-modal textarea::placeholder{color:var(--text3);opacity:1}
#avans-modal input:focus,#avans-modal textarea:focus{outline:none;border-color:var(--blue)}
#avans-modal #avans-cancel-btn{background:var(--gray-light);color:var(--text);border:1px solid var(--gray-border)}
#avans-modal #avans-cancel-btn:hover{background:var(--gray-border)}
#avans-modal .savebtn:disabled,#avans-modal #avans-cancel-btn:disabled{opacity:.6;cursor:not-allowed}
#avans-modal button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
[data-theme="dark"] #avans-modal #avans-cancel-btn{background:#334155;border-color:#475569;color:var(--text2)}
[data-theme="dark"] #avans-modal #avans-cancel-btn:hover{background:#3b4a61}