/* ===== app.css ===== */
:root{
  --bg:#f6f8fc;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --text:#111827;
  --muted:#6b7280;
  --line:#e7ebf2;
  --primary:#1f4fd6;
  --primary-2:#173ea8;
  --sidebar:#111827;
  --sidebar-2:#0b1220;
  --shadow:0 10px 30px rgba(15,23,42,.06);
  --shadow-lg:0 24px 70px rgba(15,23,42,.16);
  --radius:18px;
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  font-family:var(--nls-font-family,"Lato",Helvetica,Arial,sans-serif);
  background:
    radial-gradient(circle at top left,rgba(37,99,235,.06),transparent 28%),
    var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
}

button,input,select,textarea,optgroup,option{font-family:inherit;font-size:inherit;line-height:inherit;font-weight:inherit}

.app-shell{display:flex;min-height:100vh}

.sidebar{
  position:fixed;
  inset:0 auto 0 0;
  width:268px;
  padding:22px 18px;
  background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2));
  color:#fff;
  display:flex;
  flex-direction:column;
  z-index:40;
  box-shadow:12px 0 40px rgba(15,23,42,.12);
}

.brand{
  display:flex;
  align-items:center;
  gap:13px;
  padding:4px 8px 24px;
  border-bottom:1px solid rgba(255,255,255,.08);
  margin-bottom:18px;
}

.brand-mark{
  width:46px;
  height:46px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-weight:900;
  letter-spacing:-.04em;
  background:linear-gradient(135deg,#3b82f6,#1d4ed8);
  box-shadow:0 12px 30px rgba(37,99,235,.35);
}

.brand strong{
  display:block;
  font-size:16px;
  letter-spacing:.02em;
}

.brand span{
  display:block;
  margin-top:2px;
  color:#93a4bd;
  font-size:11px;
  letter-spacing:.22em;
}

.sidebar nav{
  display:grid;
  gap:7px;
}

.sidebar nav a{
  color:#b9c4d4;
  text-decoration:none;
  padding:12px 14px;
  border-radius:12px;
  font-size:14px;
  font-weight:700;
  transition:.18s ease;
  position:relative;
}

.sidebar nav a:hover{
  color:#fff;
  background:rgba(255,255,255,.06);
  transform:translateX(2px);
}

.sidebar nav a.active{
  color:#fff;
  background:linear-gradient(135deg,#2455dc,#1e40af);
  box-shadow:0 10px 24px rgba(30,64,175,.32);
}

.sidebar-footer{
  margin-top:auto;
  padding:18px 8px 4px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#d8e0eb;
  font-size:13px;
}

.sidebar-footer a{
  display:inline-block;
  margin-top:7px;
  color:#93c5fd;
  text-decoration:none;
}

.main{
  margin-left:268px;
  width:calc(100% - 268px);
  padding:30px 34px 42px;
}

.topbar{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  margin-bottom:26px;
}

.topbar h1{
  margin:0;
  font-size:30px;
  line-height:1.15;
  letter-spacing:-.035em;
}

.topbar p{
  margin:7px 0 0;
  color:var(--muted);
  font-size:14px;
}

.panel,.card,.attention-card{
  background:rgba(255,255,255,.94);
  border:1px solid rgba(226,232,240,.9);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  backdrop-filter:blur(10px);
}

.panel{
  padding:22px;
  margin-bottom:22px;
}

.panel-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.panel-header h2,.panel h2{
  margin:0;
  font-size:18px;
  letter-spacing:-.02em;
}

.panel-header p{margin:5px 0 0}

.cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-bottom:22px;
}

.metric{padding:20px}

.metric .label{
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.metric .value{
  font-size:34px;
  font-weight:900;
  letter-spacing:-.04em;
  margin-top:8px;
}

.btn{
  border:0;
  border-radius:11px;
  padding:10px 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none;
  font-weight:800;
  font-size:13px;
  cursor:pointer;
  transition:.18s ease;
  white-space:nowrap;
}

.btn:hover{transform:translateY(-1px)}

.btn-primary{
  color:#fff;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  box-shadow:0 8px 18px rgba(31,79,214,.2);
}

.btn-light{
  color:#274690;
  background:#edf3ff;
  border:1px solid #dbe7ff;
}

.btn-danger{
  color:#b42318;
  background:#fff0ef;
  border:1px solid #ffd5d2;
}

.input,select,textarea{
  width:100%;
  background:#fff;
  border:1px solid #dfe5ee;
  border-radius:12px;
  padding:11px 12px;
  color:var(--text);
  outline:none;
  transition:.18s ease;
}

.input:focus,select:focus,textarea:focus{
  border-color:#7ea0ff;
  box-shadow:0 0 0 4px rgba(37,99,235,.08);
}

textarea{min-height:100px;resize:vertical}

.form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.form-group{
  display:grid;
  gap:7px;
}

.form-group.full{grid-column:1/-1}

label{
  font-size:12px;
  font-weight:800;
  color:#334155;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:18px;
}

.search-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
}

.table-wrap{
  overflow:auto;
  border:1px solid #e8edf4;
  border-radius:14px;
}

table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}

th{
  padding:12px 14px;
  background:#f8fafc;
  color:#64748b;
  text-align:left;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.07em;
  border-bottom:1px solid #e8edf4;
  white-space:nowrap;
}

td{
  padding:14px;
  border-bottom:1px solid #eef2f6;
  font-size:13px;
  vertical-align:middle;
}

tbody tr{
  transition:.15s ease;
}

tbody tr:hover{
  background:#fbfdff;
}

tbody tr:last-child td{border-bottom:0}

.badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-radius:999px;
  padding:6px 9px;
  font-size:11px;
  font-weight:900;
}

.b-new{background:#e8f1ff;color:#2454c6}
.b-scheduled{background:#e9f8ef;color:#137a43}
.b-loaded{background:#fff3da;color:#9a5d00}
.b-cancelled{background:#ffe9e7;color:#b42318}

.notice{
  border-radius:12px;
  padding:13px 15px;
  background:#ecfdf3;
  border:1px solid #c9f2d8;
  color:#166534;
  margin-bottom:18px;
}

.notice.danger,.danger{
  background:#fff0ef;
  border-color:#ffd6d2;
  color:#b42318;
}

.muted{color:var(--muted)}

.grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.product-row{
  display:grid;
  grid-template-columns:2fr 1fr 1fr auto;
  gap:10px;
  margin-bottom:10px;
}

.login-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 20% 20%,rgba(59,130,246,.3),transparent 30%),
    linear-gradient(135deg,#0f172a,#111827 45%,#1d4ed8);
}

.login-card{
  width:min(430px,92vw);
  padding:34px;
  background:rgba(255,255,255,.97);
  border:1px solid rgba(255,255,255,.65);
  border-radius:24px;
  box-shadow:0 30px 80px rgba(0,0,0,.28);
}

.login-card h1{
  margin:0;
  font-size:28px;
  letter-spacing:-.04em;
}

.login-card p{color:var(--muted)}

.login-card .btn{
  width:100%;
  margin-top:14px;
  padding:12px 14px;
}

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

@media(max-width:820px){
  .sidebar{
    position:static;
    width:100%;
    min-height:auto;
  }
  .app-shell{display:block}
  .main{
    width:100%;
    margin-left:0;
    padding:18px;
  }
  .sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sidebar-footer{display:none}
  .topbar h1{font-size:25px}
}

@media(max-width:620px){
  .sidebar nav{grid-template-columns:1fr 1fr}
  .cards{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .product-row{grid-template-columns:1fr}
  .panel{padding:16px}
  .topbar{margin-bottom:18px}
}


/* ===== statuses.css ===== */
.status-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.status-tab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:12px;
  text-decoration:none;
  font-weight:900;
  font-size:12px;
  border:1px solid transparent;
  transition:.18s ease;
}

.status-tab:hover{transform:translateY(-1px)}

.status-tab .count{
  min-width:24px;
  height:24px;
  padding:0 7px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:11px;
  background:rgba(255,255,255,.78);
}

.tab-new{background:#eaf2ff;color:#1e4fc4}
.tab-scheduled{background:#f0ebff;color:#6d28d9}
.tab-upcoming{background:#fff0df;color:#c2410c}
.tab-delivered{background:#e8f9ee;color:#15803d}
.tab-cancelled{background:#ffebe9;color:#b42318}
.tab-all{background:#eef2f6;color:#475569}

.status-tab.active{
  box-shadow:0 0 0 3px rgba(37,99,235,.1),0 8px 20px rgba(15,23,42,.06);
  border-color:currentColor;
}

.order-row td:first-child{border-left:4px solid transparent}
.row-new td:first-child{border-left-color:#3b82f6}
.row-scheduled td:first-child{border-left-color:#8b5cf6}
.row-upcoming td:first-child{border-left-color:#f97316}
.row-delivered td:first-child{border-left-color:#22c55e}
.row-cancelled td:first-child{border-left-color:#ef4444}

.order-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}

.order-status::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
}

.status-new{background:#eaf2ff;color:#1e4fc4}
.status-scheduled{background:#f0ebff;color:#6d28d9}
.status-upcoming{background:#fff0df;color:#c2410c}
.status-delivered{background:#e8f9ee;color:#15803d}
.status-cancelled{background:#ffebe9;color:#b42318}
.status-archived{background:#edf1f5;color:#475569}

.delivery-highlight{font-weight:900;color:#c2410c}

.card-link{
  display:block;
  color:inherit;
  text-decoration:none;
}

@media(max-width:760px){
  .status-tabs{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .status-tab{justify-content:space-between}
}


/* ===== document_buttons.css ===== */
.order-actions-inline{
  display:flex;
  gap:7px;
  align-items:center;
  flex-wrap:wrap;
  min-width:360px;
}
.btn-compact{
  padding:8px 10px;
  border-radius:10px;
  font-size:12px;
  font-weight:700;
}
.btn-outline{
  background:#fff;
  color:#334155;
  border:1px solid #dfe5ee;
  box-shadow:none;
}
.btn-outline:hover{
  background:#f8fafc;
  border-color:#cbd5e1;
}
.btn-pdf{
  background:#eefbf1;
  color:#16743b;
  border:1px solid #ccefd7;
}
.btn-loading{
  background:#fff5e8;
  color:#a65305;
  border:1px solid #ffe0b8;
}
@media(max-width:760px){
  .order-actions-inline{min-width:0}
}


/* ===== operations.css ===== */
.operations-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-bottom:22px;
}

.operations-card{
  background:#fff;
  border:1px solid #e5eaf1;
  border-radius:18px;
  padding:20px;
  box-shadow:0 10px 28px rgba(15,23,42,.05);
  text-decoration:none;
  color:inherit;
  transition:.18s ease;
}

.operations-card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(15,23,42,.09);
}

.operations-card small{
  display:block;
  color:#64748b;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.operations-card strong{
  display:block;
  margin-top:9px;
  font-size:34px;
  letter-spacing:-.05em;
}

.quick-status{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  align-items:center;
}

.btn-loaded{
  background:#fff2d8;
  color:#9a5b00;
  border:1px solid #f8d99b;
}

.btn-departed{
  background:#e9f1ff;
  color:#2451ba;
  border:1px solid #ccdcff;
}

.btn-delivered{
  background:#e9f8ef;
  color:#16733e;
  border:1px solid #c8ecd5;
}

.route-card{
  background:#fff;
  border:1px solid #e5eaf1;
  border-radius:18px;
  padding:18px;
  box-shadow:0 10px 28px rgba(15,23,42,.05);
  margin-bottom:16px;
}

.route-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:14px;
}

.route-title{
  font-size:18px;
  font-weight:900;
}

.route-meta{
  color:#64748b;
  font-size:13px;
  margin-top:4px;
}

.route-orders{
  display:grid;
  gap:10px;
}

.route-order{
  border:1px solid #e8edf4;
  border-radius:13px;
  padding:13px 14px;
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
}

.route-order-main strong{
  display:block;
  margin-bottom:4px;
}

.route-order-main small{
  color:#64748b;
}

.time-chip{
  display:inline-flex;
  align-items:center;
  padding:6px 9px;
  border-radius:999px;
  background:#f1f5f9;
  color:#475569;
  font-size:11px;
  font-weight:800;
}

@media(max-width:900px){
  .operations-grid{grid-template-columns:1fr}
}

@media(max-width:700px){
  .route-head,.route-order{
    display:block;
  }

  .route-head .btn,
  .route-order .quick-status{
    margin-top:12px;
  }
}


/* ===== workweek.css ===== */
.workweek-panel{
  margin-top:22px;
}

.workweek-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

.day-card-today{
  border-color:#93b4ff;
  box-shadow:0 0 0 3px rgba(37,99,235,.08);
}

.day-card-today .day-card-head{
  background:#edf4ff;
  color:#1d4ed8;
}

@media(max-width:1100px){
  .workweek-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:760px){
  .workweek-grid{
    grid-template-columns:1fr;
  }
}


/* ===== nls-v3-foundation.css ===== */
:root{
  /* Typography system — Lato, inspired by mature business interfaces */
  --nls-font-family:"Lato",Helvetica,Arial,sans-serif;
  --nls-font-light:300;
  --nls-font-regular:400;
  --nls-font-bold:700;
  --nls-text-micro:9px;
  --nls-text-xs:11px;
  --nls-text-sm:12px;
  --nls-text-md:14px;
  --nls-text-lg:16px;
  --nls-text-xl:20px;
  --nls-text-2xl:28px;
  --nls-text-3xl:36px;
  --nls-leading-tight:16px;
  --nls-leading-body:20px;
  --nls-leading-title:34px;

  --nls-bg:#f4f6f8;--nls-surface:#ffffff;--nls-surface-2:#f8fafc;--nls-sidebar:#2f323b;
  --nls-sidebar-text:#ffffff;--nls-sidebar-muted:#b8bfcc;--nls-sidebar-line:rgba(255,255,255,.10);--nls-sidebar-hover:#383c46;--nls-sidebar-active:#242a35;
  --nls-text:#172033;--nls-muted:#6b7280;--nls-line:#e3e8ef;--nls-accent:#2563eb;--nls-accent-soft:#eaf1ff;
  --nls-success:#16a34a;--nls-warning:#d97706;--nls-danger:#dc2626;--nls-info:#0284c7;
  --nls-shadow:none;--nls-radius:8px;--nls-radius-sm:6px;
  --nls-sidebar-width:270px;--nls-topbar-height:76px;
}
html[data-theme="dark"]{
  --nls-bg:#181a1e;--nls-surface:#22252a;--nls-surface-2:#1d2024;--nls-sidebar:#2b2e34;
  --nls-text:#f5f5f6;--nls-muted:#a3a6ad;--nls-line:rgba(255,255,255,.10);--nls-accent:#3b82f6;--nls-accent-soft:rgba(59,130,246,.12);
  --nls-success:#34d399;--nls-warning:#f59e0b;--nls-danger:#f87171;--nls-info:#38bdf8;
  --nls-shadow:none;
}
*{box-sizing:border-box}
html{font-family:var(--nls-font-family);font-weight:var(--nls-font-regular);background:var(--nls-bg);color:var(--nls-text)}
body.nls-body{margin:0;background:var(--nls-bg);color:var(--nls-text);min-height:100vh}
body.nls-body a{color:inherit;text-decoration:none}
body.nls-body button,body.nls-body input,body.nls-body select,body.nls-body textarea{font:inherit}
.nls-shell{display:grid;grid-template-columns:var(--nls-sidebar-width) minmax(0,1fr);min-height:100vh;transition:grid-template-columns .22s ease}
.nls-sidebar{position:sticky;top:0;height:100vh;background:var(--nls-sidebar);color:var(--nls-sidebar-text);border-right:1px solid var(--nls-sidebar-line);padding:18px 0 0;display:flex;flex-direction:column;z-index:60;overflow:hidden}
.nls-brand-row{display:flex;align-items:center;min-height:88px;padding:2px 18px 18px;border-bottom:1px solid var(--nls-sidebar-line)}
.nls-brand{display:flex;align-items:center;gap:14px;min-width:0;flex:1}
.nls-brand img{width:52px;height:52px;object-fit:contain;border-radius:10px;background:#fff;padding:5px;border:1px solid rgba(255,255,255,.18)}
.nls-brand span{display:flex;flex-direction:column;min-width:0;white-space:nowrap}
.nls-brand strong{font-size:var(--nls-text-lg);letter-spacing:.13em;color:#fff}.nls-brand small{font-size:var(--nls-text-xs);color:#d4af5f;letter-spacing:.13em;margin-top:3px}
.nls-icon-button{width:40px;height:40px;border:1px solid var(--nls-line);border-radius:6px;background:var(--nls-surface);color:var(--nls-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s ease;flex:0 0 auto}
.nls-icon-button:hover{background:var(--nls-surface-2);border-color:color-mix(in srgb,var(--nls-accent) 28%,var(--nls-line))}
.nls-icon-button svg,.nls-nav-link svg,.nls-primary-button svg,.nls-theme-switch svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.nls-sidebar .nls-icon-button{background:transparent;color:var(--nls-sidebar-text);border-color:var(--nls-sidebar-line)}
.nls-sidebar .nls-icon-button:hover{background:var(--nls-sidebar-hover);border-color:rgba(255,255,255,.18)}
.nls-nav{display:flex;flex-direction:column;gap:0;overflow-y:auto;padding:8px 0 18px;scrollbar-width:thin}
.nls-nav-label{font-size:var(--nls-text-xs);font-weight:var(--nls-font-bold);letter-spacing:.12em;color:var(--nls-sidebar-muted);padding:18px 20px 9px;white-space:nowrap}
.nls-nav-link{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 20px;border-radius:0;border-bottom:1px solid var(--nls-sidebar-line);color:var(--nls-sidebar-muted);font-size:var(--nls-text-sm);font-weight:var(--nls-font-regular);white-space:nowrap;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}
.nls-nav-link:hover{background:#343944;color:var(--nls-sidebar-text)}
.nls-nav-link.is-active{background:#252a34;color:#ffffff;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(0,0,0,.28)}
.nls-nav-link svg{flex:0 0 auto}
.nls-sidebar-user{margin-top:auto;border-top:1px solid var(--nls-sidebar-line);padding:14px 14px 16px;display:flex;align-items:center;gap:8px}
.nls-user-card{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:var(--nls-sidebar-text)}.nls-user-card img{width:38px;height:38px;object-fit:cover;border-radius:6px;border:1px solid var(--nls-sidebar-line)}
.nls-user-card span{display:flex;flex-direction:column;min-width:0}.nls-user-card strong,.nls-user-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nls-user-card strong{font-size:var(--nls-text-sm);color:var(--nls-sidebar-text)}.nls-user-card small{font-size:var(--nls-text-xs);color:var(--nls-sidebar-muted);margin-top:2px}
.nls-workspace{min-width:0}
.nls-topbar{height:var(--nls-topbar-height);position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--nls-surface) 90%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--nls-line);display:flex;align-items:center;gap:16px;padding:0 28px}
.nls-mobile-menu{display:none}
.nls-topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.nls-theme-switch{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--nls-line);background:var(--nls-surface-2);border-radius:10px}
.nls-theme-switch button{width:30px;height:30px;padding:0;border:0;background:transparent;color:var(--nls-muted);border-radius:8px;display:grid;place-items:center;cursor:pointer}
.nls-theme-switch button svg{width:15px;height:15px}
.nls-theme-switch button:hover{color:var(--nls-text);background:var(--nls-surface)}
.nls-theme-switch button.is-active{background:var(--nls-surface);color:var(--nls-accent);box-shadow:none}
.nls-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nls-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:0;border-radius:6px;background:var(--nls-accent);color:#fff;font-size:var(--nls-text-sm);font-weight:var(--nls-font-bold);box-shadow:none}
.nls-main{padding:28px;min-width:0}.nls-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.nls-eyebrow{display:block;color:var(--nls-accent);font-size:var(--nls-text-xs);font-weight:var(--nls-font-bold);letter-spacing:.13em;margin-bottom:8px}.nls-page-header h1{margin:0;font-size:var(--nls-text-2xl);line-height:var(--nls-leading-title);font-weight:var(--nls-font-bold);letter-spacing:0}.nls-page-header p{margin:8px 0 0;color:var(--nls-muted);font-size:var(--nls-text-sm);max-width:720px}
/* Foundation components for legacy page content */
.nls-main .card,.nls-main .panel,.nls-main .widget,.nls-main .v8-card,.nls-main .v10-card,.nls-main .v23-card,.nls-main .v24-card{background:var(--nls-surface);border:1px solid var(--nls-line);border-radius:var(--nls-radius);box-shadow:var(--nls-shadow);color:var(--nls-text)}
.nls-main table{width:100%;border-collapse:separate;border-spacing:0;background:var(--nls-surface);color:var(--nls-text)}.nls-main th{background:var(--nls-surface-2);color:var(--nls-muted);font-size:var(--nls-text-xs);text-transform:uppercase;letter-spacing:.04em}.nls-main th,.nls-main td{border-color:var(--nls-line);padding:12px 14px}.nls-main input,.nls-main select,.nls-main textarea{background:var(--nls-surface);color:var(--nls-text);border:1px solid var(--nls-line);border-radius:10px;min-height:42px}.nls-main input:focus,.nls-main select:focus,.nls-main textarea:focus{outline:3px solid color-mix(in srgb,var(--nls-accent) 16%,transparent);border-color:var(--nls-accent)}
.nls-main .btn,.nls-main button,.nls-main [class*="button"]{border-radius:10px}

.nls-mobile-backdrop{display:none}
@media (max-width:1050px){.nls-topbar{padding:0 18px}.nls-main{padding:22px}}
@media (max-width:820px){
 .nls-shell{display:block}.nls-sidebar{position:fixed;left:0;top:0;width:min(86vw,300px);transform:translateX(-104%);transition:transform .22s ease;box-shadow:var(--nls-shadow)}.nls-shell.is-mobile-open .nls-sidebar{transform:translateX(0)}
 .nls-mobile-backdrop{position:fixed;inset:0;background:rgba(5,10,18,.48);z-index:55}.nls-shell.is-mobile-open .nls-mobile-backdrop{display:block}
 .nls-mobile-menu{display:inline-flex}.nls-sidebar-toggle{display:none}.nls-topbar-actions .nls-primary-button span{display:none}.nls-topbar-actions .nls-primary-button{width:42px;padding:0}.nls-main{padding:18px}.nls-page-header{align-items:flex-start}
}
@media (max-width:560px){.nls-topbar{height:66px;padding:0 12px;gap:9px}.nls-topbar-actions{gap:7px}.nls-main{padding:14px}.nls-page-header h1{font-size:var(--nls-text-2xl)}.nls-page-header p{font-size:var(--nls-text-sm)}}
@media print{body.nls-body .nls-sidebar,body.nls-body .nls-topbar,body.nls-body .nls-page-header{display:none}body.nls-body .nls-shell{display:block}body.nls-body .nls-main{padding:0}}

/* NLS V3 typography — Lato / business UI */
html,body,button,input,select,textarea,optgroup,option,.nls-shell,.nls-main,.nls-orders-page,.nls-range-picker,.nls-range-picker button,.nls-range-picker input,.nls-range-picker select{font-family:var(--nls-font-family,"Lato",Helvetica,Arial,sans-serif)}
body.nls-body{font-weight:var(--nls-font-regular)}
.nls-brand strong,.nls-nav-label,.nls-primary-button{font-weight:var(--nls-font-bold)}
.nls-page-header h1{font-weight:var(--nls-font-bold);letter-spacing:0}
.nls-eyebrow,.nls-nav-label{font-weight:var(--nls-font-bold);text-transform:uppercase;letter-spacing:.14em}
.nls-topbar{background:var(--nls-surface);backdrop-filter:none}
.nls-icon-button,.nls-primary-button,.nls-theme-switch,.nls-main input,.nls-main select,.nls-main textarea{box-shadow:none}

/* Canonical typography roles */
.nls-page-header p,.nls-nav-link,.nls-primary-button,.nls-main td{font-size:var(--nls-text-sm);line-height:var(--nls-leading-tight);font-weight:var(--nls-font-regular)}
.nls-eyebrow,.nls-nav-label,.nls-main th{font-size:var(--nls-text-xs);line-height:var(--nls-leading-tight);font-weight:var(--nls-font-bold);text-transform:uppercase;letter-spacing:.08em}
.nls-brand strong{font-size:var(--nls-text-lg);line-height:var(--nls-leading-tight);font-weight:var(--nls-font-bold)}


/* Sprint 2 — fixed brand, canonical primary buttons and order drawer */
.nls-primary-button,.btn.btn-primary,.v10-primary-button,.oc-button-primary{background:var(--nls-accent);border-color:var(--nls-accent);color:#fff}
.nls-primary-button svg,.btn.btn-primary svg,.v10-primary-button svg,.oc-button-primary svg{color:#fff;stroke:#fff}
.nls-primary-button:hover,.btn.btn-primary:hover,.v10-primary-button:hover,.oc-button-primary:hover{background:color-mix(in srgb,var(--nls-accent) 84%,#000);border-color:color-mix(in srgb,var(--nls-accent) 84%,#000);color:#fff}
.drawer-backdrop{position:fixed;inset:0;z-index:190;background:rgba(8,12,18,.46);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
.drawer{position:fixed;top:0;right:0;z-index:200;width:min(520px,94vw);height:100vh;background:var(--nls-surface);color:var(--nls-text);border-left:1px solid var(--nls-line);transform:translateX(104%);visibility:hidden;transition:transform .22s ease,visibility .22s ease;display:flex;flex-direction:column}
.drawer.is-open{transform:translateX(0);visibility:visible}.drawer-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--nls-line)}
.drawer-header strong{font-size:var(--nls-text-lg);font-weight:var(--nls-font-bold);text-transform:uppercase;letter-spacing:.08em}
.drawer-body{padding:22px;overflow:auto;flex:1}.drawer .icon-btn{width:36px;height:36px;border:1px solid var(--nls-line);border-radius:6px;background:var(--nls-surface-2);color:var(--nls-text)}


/* Sprint 2 brand and primary action refinement */
.nls-brand-row{
  min-height:112px;
  padding:10px 8px 18px;
  justify-content:center;
}
.nls-brand{
  justify-content:center;
  width:100%;
}
.nls-brand img{
  width:210px;
  height:92px;
  max-width:100%;
  object-fit:contain;
  object-position:center;
  border:0;
  border-radius:0;
  background:transparent;
  padding:0;
}
.nls-primary-button{
  color:#fff;
  font-family:var(--nls-font-family);
  font-size:13px;
  line-height:13px;
  font-weight:var(--nls-font-regular);
}
.nls-primary-button:link,
.nls-primary-button:visited,
.nls-primary-button:hover,
.nls-primary-button:focus,
.nls-primary-button:active{
  color:#fff;
}
.nls-primary-button span{
  color:#fff;
}
.nls-fa-plus{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-family:FontAwesome,"Font Awesome 6 Free","Font Awesome 5 Free",Arial,sans-serif;
  font-size:13px;
  line-height:13px;
  font-weight:400;
  color:#fff;
}
@media(max-width:680px){
  .nls-brand-row{min-height:92px}
  .nls-brand img{width:170px;height:72px}
}


/* Sidebar logo — transparent silver/blue brand */
.nls-brand-row{min-height:128px;padding:12px 12px 14px;border-bottom:1px solid var(--nls-sidebar-line)}
.nls-brand{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.nls-brand img{width:220px;height:108px;object-fit:contain;object-position:center;background:transparent;border:0;border-radius:0;padding:0;filter:none}
@media(max-width:820px){.nls-brand-row{min-height:110px}.nls-brand img{width:190px;height:92px}}

/* Dashboard greeting */
.nls-greeting-emoji{display:inline-block;margin-left:6px;font-size:.82em;vertical-align:.08em}


/* ===== nls-v3-operations.css ===== */
/* NICONIS Logistic Suite V3 — Sprint 2 Operations Center
   Fișier autonom. Fără forțări CSS, fără stiluri inline, fără clase legacy. */
.oc-v3{display:grid;gap:22px;color:var(--nls-text)}
.oc-v3 *{box-sizing:border-box}


.oc-attention-center{background:var(--nls-surface);border:1px solid var(--nls-line);border-radius:8px;overflow:hidden;box-shadow:none}
.oc-attention-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--nls-line)}
.oc-attention-heading h2{margin:3px 0 0;font-size:var(--nls-text-xl);letter-spacing:0}.oc-attention-heading p{margin:6px 0 0;color:var(--nls-muted);font-size:var(--nls-text-sm)}
.oc-attention-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.oc-alert-card{min-width:0;padding:20px 22px}.oc-alert-card+ .oc-alert-card{border-left:1px solid var(--nls-line)}
.oc-alert-card>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:center;margin-bottom:16px}
.oc-alert-icon{width:42px;height:42px;border-radius:6px;display:grid;place-items:center}.oc-alert-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.oc-alert-store .oc-alert-icon{color:var(--nls-warning);background:color-mix(in srgb,var(--nls-warning) 11%,transparent)}
.oc-alert-deadline .oc-alert-icon{color:var(--nls-danger);background:color-mix(in srgb,var(--nls-danger) 10%,transparent)}
.oc-alert-card header strong{display:block;font-size:var(--nls-text-md)}.oc-alert-card header small{display:block;margin-top:3px;color:var(--nls-muted);font-size:var(--nls-text-xs)}
.oc-alert-number{min-width:34px;height:28px;padding:0 9px;border-radius:999px;display:grid;place-items:center;background:var(--nls-surface-2);border:1px solid var(--nls-line);font-size:var(--nls-text-sm);font-weight:var(--nls-font-bold)}
.oc-alert-list{display:grid;gap:8px}.oc-alert-item{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px;padding:9px 11px;border:1px solid var(--nls-line);border-radius:6px;background:var(--nls-surface-2)}
.oc-alert-item:hover{border-color:color-mix(in srgb,var(--nls-accent) 32%,var(--nls-line));background:var(--nls-accent-soft)}.oc-alert-item span{min-width:0}.oc-alert-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--nls-text-sm)}.oc-alert-item small{display:block;margin-top:3px;color:var(--nls-muted);font-size:var(--nls-text-micro)}.oc-alert-item b{flex:0 0 auto;color:var(--nls-text);font-size:var(--nls-text-xs)}
.oc-alert-empty{min-height:58px;padding:16px;border:1px dashed var(--nls-line);border-radius:6px;color:var(--nls-muted);display:flex;align-items:center;font-size:var(--nls-text-xs)}

.oc-layout-top{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}
.oc-panel{background:var(--nls-surface);border:1px solid var(--nls-line);border-radius:8px;box-shadow:none;overflow:hidden}
.oc-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--nls-line)}
.oc-panel-header h2{margin:3px 0 0;font-size:var(--nls-text-lg);letter-spacing:0}.oc-panel-header p{margin:6px 0 0;color:var(--nls-muted);font-size:var(--nls-text-sm)}.oc-section-kicker{display:block;color:var(--nls-accent);font-size:var(--nls-text-xs);font-weight:var(--nls-font-bold);letter-spacing:.12em}.oc-count-badge{min-width:78px;text-align:center;padding:7px 10px;border-radius:999px;background:var(--nls-accent-soft);color:var(--nls-accent);font-size:var(--nls-text-xs);font-weight:var(--nls-font-bold)}
.oc-action-list{display:grid}.oc-action-row{position:relative;display:grid;grid-template-columns:5px minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--nls-line)}.oc-action-row:last-child{border-bottom:0}.oc-action-marker{width:5px;height:44px;border-radius:999px;background:var(--oc-action-tone)}.oc-action-danger{--oc-action-tone:var(--nls-danger)}.oc-action-warning{--oc-action-tone:var(--nls-warning)}.oc-action-info{--oc-action-tone:var(--nls-info)}
.oc-action-main{min-width:0}.oc-action-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.oc-action-main strong{font-size:var(--nls-text-md)}.oc-action-main p{margin:5px 0;color:var(--nls-text);font-size:var(--nls-text-sm)}.oc-action-main small{color:var(--nls-muted);font-size:var(--nls-text-xs)}.oc-action-dates{display:flex;gap:18px}.oc-action-dates span{display:flex;flex-direction:column;min-width:82px}.oc-action-dates small{font-size:var(--nls-text-micro);text-transform:uppercase;letter-spacing:.08em;color:var(--nls-muted)}.oc-action-dates strong{margin-top:4px;font-size:var(--nls-text-sm)}
.oc-action-buttons{display:flex;justify-content:flex-end}.oc-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:6px;font-size:var(--nls-text-xs);font-weight:var(--nls-font-bold);border:1px solid transparent;cursor:pointer}.oc-button-primary{background:var(--nls-accent);color:#fff}.oc-button-secondary{background:var(--nls-surface-2);border-color:var(--nls-line);color:var(--nls-text)}.oc-button:hover{filter:brightness(.98)}
.oc-status-chip{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;font-size:var(--nls-text-xs);font-weight:var(--nls-font-bold);white-space:nowrap}.oc-status-danger{background:color-mix(in srgb,var(--nls-danger) 12%,transparent);color:var(--nls-danger)}.oc-status-warning{background:color-mix(in srgb,var(--nls-warning) 13%,transparent);color:var(--nls-warning)}.oc-status-info{background:color-mix(in srgb,var(--nls-info) 12%,transparent);color:var(--nls-info)}
.oc-empty-state{min-height:180px;padding:32px;display:flex;align-items:center;justify-content:center;gap:14px;text-align:left}.oc-empty-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--nls-success) 28%,var(--nls-line));background:color-mix(in srgb,var(--nls-success) 9%,transparent);color:var(--nls-success);font-size:var(--nls-text-xl)}.oc-empty-state strong{font-size:var(--nls-text-sm)}.oc-empty-state p{margin:5px 0 0;color:var(--nls-muted);font-size:var(--nls-text-xs)}
.oc-calendar-panel{position:sticky;top:calc(var(--nls-topbar-height) + 20px)}.oc-calendar-header{align-items:center}.oc-calendar-header>span{color:var(--nls-muted);font-size:var(--nls-text-xs)}.oc-calendar-weekdays,.oc-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding-left:16px;padding-right:16px}.oc-calendar-weekdays{padding-top:16px;padding-bottom:8px;color:var(--nls-muted);font-size:var(--nls-text-xs);font-weight:var(--nls-font-bold);text-align:center}.oc-calendar-grid{padding-bottom:16px}.oc-calendar-blank{min-height:48px}.oc-calendar-day{min-height:48px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid transparent}.oc-calendar-day:hover{background:var(--nls-surface-2)}.oc-calendar-day.is-today{border-color:color-mix(in srgb,var(--nls-accent) 38%,var(--nls-line));background:var(--nls-accent-soft)}.oc-calendar-day strong{font-size:var(--nls-text-sm)}.oc-calendar-events{display:flex;align-items:center;gap:3px;min-height:10px}.oc-calendar-events small{font-size:var(--nls-text-micro);color:var(--nls-muted)}.oc-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.oc-dot-delivery{background:var(--nls-success)}.oc-dot-loading{background:var(--nls-info)}.oc-calendar-footer{display:flex;align-items:center;gap:13px;padding:14px 18px;border-top:1px solid var(--nls-line);color:var(--nls-muted);font-size:var(--nls-text-micro)}.oc-calendar-footer span{display:flex;align-items:center;gap:5px}.oc-calendar-footer a{margin-left:auto;color:var(--nls-accent);font-weight:var(--nls-font-bold)}
.oc-table-wrap{overflow-x:auto;padding:0 12px 12px}.oc-orders-table{width:100%;border-collapse:separate;border-spacing:0 8px;background:transparent;table-layout:fixed}.oc-orders-table th{padding:12px 10px;text-align:center;background:transparent;color:var(--nls-muted);font-size:var(--nls-text-micro);letter-spacing:.08em;text-transform:uppercase;border:0}.oc-orders-table .oc-th-label{justify-content:center}.oc-orders-table td{padding:14px 10px;text-align:center;border-top:1px solid var(--nls-line);border-bottom:1px solid var(--nls-line);background:var(--nls-surface);font-size:var(--nls-text-sm);vertical-align:middle}.oc-orders-table td:first-child{border-left:1px solid var(--nls-line);border-radius:10px 0 0 10px}.oc-orders-table td:last-child{border-right:1px solid var(--nls-line);border-radius:0 10px 10px 0}.oc-orders-table tbody tr:hover td{background:var(--nls-surface-2);border-color:color-mix(in srgb,var(--nls-accent) 25%,var(--nls-line))}.oc-orders-table td small{display:block;margin-top:4px;color:var(--nls-muted);font-size:var(--nls-text-micro)}.oc-order-number{font-weight:var(--nls-font-bold);color:var(--nls-text)}.oc-order-status-new{background:color-mix(in srgb,#dc2626 11%,transparent);color:#dc2626}.oc-order-status-scheduled{background:color-mix(in srgb,#f59e0b 14%,transparent);color:#b77900}.oc-order-status-loaded{background:color-mix(in srgb,#2563eb 11%,transparent);color:#2563eb}.oc-order-status-in_transit{background:color-mix(in srgb,#7c3aed 12%,transparent);color:#7c3aed}.oc-order-status-delivered{background:color-mix(in srgb,#16a34a 11%,transparent);color:#16a34a}.oc-order-status-cancelled{background:color-mix(in srgb,#64748b 12%,transparent);color:#64748b}.oc-row-action{width:34px;height:34px;border:1px solid var(--nls-line);border-radius:6px;display:grid;place-items:center;color:var(--nls-accent);font-size:var(--nls-text-lg)}.oc-row-action:hover{background:var(--nls-accent-soft)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-theme="dark"] .oc-attention-center,html[data-theme="dark"] .oc-panel{box-shadow:none}
@media(max-width:1200px){.oc-layout-top{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:900px){.oc-attention-grid{grid-template-columns:1fr}.oc-alert-card+ .oc-alert-card{border-left:0;border-top:1px solid var(--nls-line)}.oc-layout-top{grid-template-columns:1fr}.oc-calendar-panel{position:static}.oc-action-row{grid-template-columns:5px minmax(0,1fr) auto}.oc-action-dates{grid-column:2/3}.oc-action-buttons{grid-column:3/4;grid-row:1/3}}
@media(max-width:680px){.oc-attention-heading{padding:17px}.oc-alert-card{padding:17px}.oc-action-row{grid-template-columns:4px 1fr;padding:16px}.oc-action-dates,.oc-action-buttons{grid-column:2}.oc-action-buttons{grid-row:auto;justify-content:flex-start}.oc-action-dates{flex-wrap:wrap}.oc-panel-header{padding:17px}.oc-orders-table thead{display:none}.oc-orders-table,.oc-orders-table tbody,.oc-orders-table tr,.oc-orders-table td{display:block;width:100%}.oc-orders-table{border-spacing:0 10px}.oc-orders-table tr{padding:12px 16px;border:1px solid var(--nls-line);border-radius:10px;background:var(--nls-surface)}.oc-orders-table td{padding:6px 0;border:0;background:transparent;text-align:left}.oc-orders-table td:last-child{position:absolute;right:16px;margin-top:-38px}.oc-calendar-panel{min-width:0}}

/* Operations Center — SmartBill-inspired typography and spacing */
.oc-v3{font-family:var(--nls-font-family);font-weight:var(--nls-font-regular);gap:28px}
.oc-attention-center,.oc-panel{border:1px solid var(--nls-line);box-shadow:none;background:var(--nls-surface)}
.oc-attention-heading,.oc-panel-header{padding:22px 24px}
.oc-alert-card{padding:22px 24px}
.oc-attention-heading h2,.oc-panel-header h2{font-size:var(--nls-text-lg);font-weight:var(--nls-font-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--nls-text)}
.oc-attention-heading p,.oc-panel-header p{font-size:var(--nls-text-sm);line-height:1.45}
.oc-section-kicker{font-size:var(--nls-text-micro);font-weight:var(--nls-font-bold);text-transform:uppercase;letter-spacing:.16em}
.oc-alert-card header strong,.oc-action-main strong{font-weight:var(--nls-font-bold)}
.oc-alert-item,.oc-action-row{background:transparent}
.oc-alert-item:hover{background:var(--nls-surface-2)}
.oc-button,.oc-status-chip,.oc-count-badge,.oc-alert-number{font-weight:var(--nls-font-bold)}
.oc-orders-table th{font-family:var(--nls-font-family);font-weight:var(--nls-font-bold);letter-spacing:.1em}
.oc-orders-table td{font-family:var(--nls-font-family)}
html[data-theme="light"] .oc-v3{--oc-section-bg:#fff}
html[data-theme="dark"] .oc-v3{--oc-section-bg:#1b2026}

/* Sprint 2 — tabel comenzi active, semantic și accesibil */
.oc-th-label{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.oc-ui-icon{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.oc-orders-table .oc-status-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent)}
.oc-orders-table .oc-status-chip{gap:8px;text-transform:uppercase;letter-spacing:.065em}
.oc-quantity{font-size:var(--nls-text-md);font-weight:var(--nls-font-bold);color:var(--nls-text)}
.oc-actions-heading{text-align:right}
.oc-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap}
.oc-icon-action{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--nls-line);border-radius:6px;background:var(--nls-surface);color:var(--nls-muted);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}
.oc-icon-action:hover{border-color:var(--nls-accent);background:var(--nls-accent-soft);color:var(--nls-accent)}
.oc-icon-action-edit{color:var(--nls-accent)}
.oc-icon-action-pdf{color:var(--nls-warning)}
.oc-icon-action-delete{color:var(--nls-danger)}
.oc-icon-action-delete:hover{border-color:var(--nls-danger);background:color-mix(in srgb,var(--nls-danger) 9%,transparent);color:var(--nls-danger)}
.oc-delete-form{display:inline-flex;margin:0}
.oc-orders-table td:last-child{min-width:180px}.oc-row-actions{justify-content:center}.oc-actions-heading{text-align:center}
@media(max-width:1100px){.oc-orders-table th,.oc-orders-table td{padding-left:11px;padding-right:11px}.oc-row-actions{gap:5px}.oc-icon-action{width:32px;height:32px}}
@media(max-width:680px){.oc-orders-table tr{position:relative}.oc-orders-table td{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;align-items:center}.oc-orders-table td::before{content:attr(data-label);font-size:var(--nls-text-micro);font-weight:var(--nls-font-bold);letter-spacing:.09em;text-transform:uppercase;color:var(--nls-muted)}.oc-orders-table td:last-child{position:static;margin:0;min-width:0}.oc-row-actions{justify-content:flex-start}}

/* Canonical Operations Center typography roles */
.oc-attention-heading h2,.oc-panel-header h2{font-size:var(--nls-text-lg);line-height:var(--nls-leading-tight);font-weight:var(--nls-font-bold);text-transform:uppercase;letter-spacing:.08em}
.oc-attention-heading p,.oc-panel-header p,.oc-action-main p,.oc-orders-table td{font-size:var(--nls-text-sm);line-height:var(--nls-leading-tight);font-weight:var(--nls-font-regular)}
.oc-alert-item small,.oc-action-main small,.oc-orders-table td small,.oc-calendar-header>span{font-size:var(--nls-text-xs);line-height:var(--nls-leading-tight);font-weight:var(--nls-font-regular)}
.oc-orders-table th,.oc-section-kicker,.oc-action-dates small{font-size:var(--nls-text-xs);line-height:var(--nls-leading-tight);font-weight:var(--nls-font-bold);text-transform:uppercase;letter-spacing:.08em}
.oc-order-number,.oc-quantity,.oc-action-main strong{font-size:var(--nls-text-md);line-height:var(--nls-leading-body);font-weight:var(--nls-font-bold)}

.oc-button-primary{color:#fff}.oc-button-primary:hover{color:#fff}


/* Sprint 2 attention center — NICONIS semantic system */
.oc-attention-center{
  border:1px solid color-mix(in srgb,var(--nls-accent) 38%,var(--nls-line));
  box-shadow:inset 4px 0 0 var(--nls-accent);
}
.oc-attention-heading{
  background:color-mix(in srgb,var(--nls-accent) 6%,var(--nls-surface));
  border-bottom:1px solid color-mix(in srgb,var(--nls-accent) 22%,var(--nls-line));
  align-items:center;
}
.oc-attention-title{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--nls-accent);
}
.oc-attention-title .oc-ui-icon{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}
.oc-attention-title strong{
  font-size:var(--nls-text-lg);
  line-height:var(--nls-leading-tight);
  font-weight:var(--nls-font-bold);
  letter-spacing:.08em;
}
.oc-attention-heading p{margin-left:31px}
.oc-urgent-badge{
  background:var(--nls-danger);
  border:1px solid var(--nls-danger);
  color:#fff;
  min-width:94px;
  justify-content:center;
  font-weight:var(--nls-font-bold);
  letter-spacing:.05em;
}
.oc-alert-card{position:relative;background:var(--nls-surface)}
.oc-alert-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--nls-accent);
}
.oc-alert-deadline::before{background:var(--nls-danger)}
.oc-alert-icon{
  width:42px;
  height:42px;
  border-radius:8px;
  background:color-mix(in srgb,var(--nls-accent) 10%,transparent);
  color:var(--nls-accent);
}
.oc-alert-deadline .oc-alert-icon{
  background:color-mix(in srgb,var(--nls-danger) 10%,transparent);
  color:var(--nls-danger);
}
.oc-alert-number{
  min-width:32px;
  height:32px;
  border-radius:999px;
  background:color-mix(in srgb,var(--nls-accent) 10%,transparent);
  color:var(--nls-accent);
  border:1px solid color-mix(in srgb,var(--nls-accent) 28%,var(--nls-line));
}
.oc-alert-deadline .oc-alert-number{
  background:color-mix(in srgb,var(--nls-danger) 10%,transparent);
  color:var(--nls-danger);
  border-color:color-mix(in srgb,var(--nls-danger) 30%,var(--nls-line));
}
.oc-alert-item{
  border:1px solid color-mix(in srgb,var(--nls-accent) 18%,var(--nls-line));
  border-radius:7px;
  margin-top:8px;
  padding:12px 14px;
  background:color-mix(in srgb,var(--nls-accent) 3%,var(--nls-surface));
}
.oc-alert-deadline .oc-alert-item{
  border-color:color-mix(in srgb,var(--nls-danger) 24%,var(--nls-line));
  background:color-mix(in srgb,var(--nls-danger) 4%,var(--nls-surface));
}
.oc-alert-empty{
  border:1px dashed var(--nls-line);
  border-radius:7px;
  padding:15px;
  color:var(--nls-muted);
  background:var(--nls-surface-2);
}
.oc-action-danger{--oc-action-tone:var(--nls-danger)}
.oc-action-warning{--oc-action-tone:var(--nls-danger)}
.oc-status-warning{background:color-mix(in srgb,var(--nls-danger) 10%,transparent);color:var(--nls-danger);border-color:color-mix(in srgb,var(--nls-danger) 26%,var(--nls-line))}
html[data-theme="dark"] .oc-attention-heading{
  background:color-mix(in srgb,var(--nls-accent) 9%,var(--nls-surface));
}


/* Sprint 2 action cards — compact operational hierarchy */
.oc-action-main{display:grid;gap:7px}
.oc-action-store{display:inline-flex;align-items:center;gap:8px;font-size:var(--nls-text-md);line-height:var(--nls-leading-body);font-weight:var(--nls-font-bold);color:var(--nls-text)}
.oc-action-store .oc-ui-icon{width:16px;height:16px;color:var(--nls-muted)}
.oc-action-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--nls-muted);font-size:var(--nls-text-xs)}
.oc-action-meta>span{display:inline-flex;align-items:center;gap:6px}
.oc-action-meta .oc-ui-icon{width:14px;height:14px}
.oc-action-main p{margin:0;color:var(--nls-text);font-size:var(--nls-text-sm)}
.oc-status-chip{min-height:24px;padding:0 9px;border-radius:999px;border:1px solid transparent;display:inline-flex;align-items:center;gap:6px;font-size:var(--nls-text-xs);font-weight:var(--nls-font-bold);letter-spacing:.03em}
.oc-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 13%,transparent)}
.oc-status-delayed-neutral{background:color-mix(in srgb,#475569 12%,transparent);color:#475569;border-color:color-mix(in srgb,#475569 24%,var(--nls-line))}
html[data-theme="dark"] .oc-status-delayed-neutral{background:color-mix(in srgb,#cbd5e1 10%,transparent);color:#cbd5e1;border-color:color-mix(in srgb,#cbd5e1 20%,var(--nls-line))}
.oc-action-row.oc-action-danger{--oc-action-tone:var(--nls-danger)}
.oc-action-row .oc-action-marker{align-self:stretch;height:auto;min-height:46px}
@media(max-width:680px){.oc-action-meta{gap:8px 10px}.oc-action-store{font-size:var(--nls-text-sm)}}


/* Sprint 2 — action cards: aligned operational frame */
.oc-actions-panel{overflow:hidden}
.oc-action-list{display:grid;gap:12px;padding:14px;background:var(--nls-surface-2)}
.oc-action-row{
  display:grid;
  grid-template-columns:6px minmax(360px,1fr) minmax(210px,auto) 132px;
  gap:20px;
  align-items:center;
  padding:18px 18px;
  border:1px solid var(--nls-line);
  border-radius:10px;
  background:var(--nls-surface);
  box-shadow:none;
}
.oc-action-row:last-child{border-bottom:1px solid var(--nls-line)}
.oc-action-row:hover{border-color:color-mix(in srgb,var(--oc-action-tone) 45%,var(--nls-line));background:color-mix(in srgb,var(--oc-action-tone) 2.5%,var(--nls-surface))}
.oc-action-marker{width:5px;min-height:66px;height:100%;border-radius:999px;background:var(--oc-action-tone)}
.oc-action-main{display:grid;grid-template-columns:minmax(170px,auto) minmax(0,1fr);grid-template-areas:"store meta" "message message";column-gap:18px;row-gap:8px;align-items:center}
.oc-action-store{grid-area:store;white-space:nowrap}
.oc-action-meta{grid-area:meta;display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap}
.oc-action-main>p{grid-area:message;margin:0;color:var(--nls-muted)}
.oc-action-dates{justify-content:flex-end;gap:24px;padding-left:18px;border-left:1px solid var(--nls-line)}
.oc-action-dates span{text-align:center;min-width:78px}
.oc-action-buttons{justify-content:center}
.oc-action-buttons .oc-button{min-width:112px}

/* Status chips: dark interior, white text, semantic border only */
.oc-action-row .oc-status-chip,
.oc-orders-table .oc-status-chip{
  background:#2f323b;
  color:#ffffff;
  border:1px solid currentColor;
  box-shadow:none;
  font-weight:var(--nls-font-bold);
  letter-spacing:.035em;
}
.oc-action-row .oc-status-chip .oc-status-dot{background:currentColor}
.oc-action-row .oc-status-danger{color:#ef4444;border-color:#ef4444}
.oc-action-row .oc-status-warning{color:#ef4444;border-color:#ef4444}
.oc-action-row .oc-status-info{color:#3b82f6;border-color:#3b82f6}
.oc-action-row .oc-status-delayed-neutral{color:#94a3b8;border-color:#94a3b8}
.oc-action-row .oc-status-chip::first-line{color:#fff}
/* Restore white text while border/dot carry semantic color using pseudo layer */
.oc-action-row .oc-status-chip,
.oc-orders-table .oc-status-chip{color:#fff}
.oc-action-row .oc-status-danger{border-color:#ef4444}
.oc-action-row .oc-status-warning{border-color:#ef4444}
.oc-action-row .oc-status-info{border-color:#3b82f6}
.oc-action-row .oc-status-delayed-neutral{border-color:#94a3b8}
.oc-action-row .oc-status-danger .oc-status-dot,.oc-action-row .oc-status-warning .oc-status-dot{background:#ef4444}
.oc-action-row .oc-status-info .oc-status-dot{background:#3b82f6}
.oc-action-row .oc-status-delayed-neutral .oc-status-dot{background:#94a3b8}

.oc-orders-table .oc-order-status-new{border-color:#dc2626}
.oc-orders-table .oc-order-status-scheduled{border-color:#f59e0b}
.oc-orders-table .oc-order-status-loaded{border-color:#2563eb}
.oc-orders-table .oc-order-status-in_transit{border-color:#7c3aed}
.oc-orders-table .oc-order-status-delivered{border-color:#16a34a}
.oc-orders-table .oc-order-status-cancelled{border-color:#64748b}

@media(max-width:1180px){
 .oc-action-row{grid-template-columns:6px minmax(0,1fr) auto}
 .oc-action-dates{grid-column:2;justify-content:flex-start;border-left:0;padding-left:0}
 .oc-action-buttons{grid-column:3;grid-row:1/3}
}
@media(max-width:760px){
 .oc-action-list{padding:10px;gap:10px}
 .oc-action-row{grid-template-columns:5px minmax(0,1fr);gap:12px;padding:15px}
 .oc-action-main{grid-template-columns:1fr;grid-template-areas:"store" "meta" "message"}
 .oc-action-dates,.oc-action-buttons{grid-column:2;grid-row:auto;justify-content:flex-start}
 .oc-action-dates{padding-top:4px}
}


/* Sprint 2 refinement — neutral graphite dark theme and clearer action flow */
.oc-action-meta{gap:0;flex-wrap:wrap}
.oc-action-meta>span{position:relative;margin-right:14px;padding-right:14px}
.oc-action-meta>span:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;width:1px;height:18px;background:var(--nls-line);transform:translateY(-50%)}
.oc-action-meta>span:last-child{margin-right:0;padding-right:0}
html[data-theme="dark"] .oc-action-list{background:#1d2024}
html[data-theme="dark"] .oc-action-row{background:#22252a;border-color:#35383f}
html[data-theme="dark"] .oc-action-row:hover{background:#272a30;border-color:#454952}
html[data-theme="dark"] .oc-panel,html[data-theme="dark"] .oc-attention-panel,html[data-theme="dark"] .oc-calendar-panel{background:#22252a}
html[data-theme="dark"] .oc-panel-header,html[data-theme="dark"] .oc-attention-heading{background:#22252a}
@media(max-width:760px){.oc-action-meta>span{margin-right:10px;padding-right:10px}.oc-action-meta>span:not(:last-child)::after{height:15px}}


/* Fixed operational columns — store | status | order | quantity */
.oc-action-main{
  display:grid;
  grid-template-columns:minmax(220px,300px) 160px 160px 118px;
  justify-content:start;
  grid-template-areas:
    "store status order quantity"
    "message message message message";
  column-gap:0;
  row-gap:9px;
  align-items:center;
  min-width:0;
}
.oc-action-store{
  grid-area:store;
  min-width:0;
  padding-right:20px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.oc-action-meta{
  display:contents;
}
.oc-action-status{
  grid-area:status;
  justify-self:center;
}
.oc-action-order{
  grid-area:order;
  justify-self:center;
}
.oc-action-quantity{
  grid-area:quantity;
  justify-self:center;
}
.oc-action-main>p{
  grid-area:message;
  padding-left:0;
}
.oc-action-meta>span{
  margin:0;
  padding:0 18px;
  min-height:28px;
  justify-content:center;
  white-space:nowrap;
  border-left:1px solid var(--nls-line);
}
.oc-action-meta>span::after{display:none}
.oc-action-meta>span:last-child{margin:0;padding:0 18px}

@media(max-width:1280px){
  .oc-action-main{grid-template-columns:minmax(200px,270px) 150px 150px 108px;justify-content:start}
  .oc-action-meta>span{padding:0 12px}
}
@media(max-width:1040px){
  .oc-action-main{
    grid-template-columns:minmax(180px,1fr) 160px 160px;
    grid-template-areas:
      "store status order"
      "message quantity quantity";
  }
  .oc-action-quantity{justify-self:start;border-left:0;padding-left:0}
}
@media(max-width:760px){
  .oc-action-main{
    grid-template-columns:1fr;
    grid-template-areas:"store" "status" "order" "quantity" "message";
    gap:9px;
  }
  .oc-action-status,.oc-action-order,.oc-action-quantity{justify-self:start}
  .oc-action-meta>span{border-left:0;padding:0;justify-content:flex-start;min-height:auto}
}

/* Calendar: full seven-day week and framed month */
.oc-calendar-month{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px;border:1px solid var(--nls-line);border-radius:6px;background:var(--nls-surface-2);color:var(--nls-text);font-size:var(--nls-text-xs);font-weight:var(--nls-font-bold);text-transform:capitalize}
.oc-calendar-weekdays,.oc-calendar-grid{grid-template-columns:repeat(7,1fr)}
.oc-calendar-day,.oc-calendar-blank{min-height:42px}
.oc-calendar-weekdays{gap:3px;padding-left:12px;padding-right:12px}
.oc-calendar-grid{gap:3px;padding-left:12px;padding-right:12px}
@media(max-width:1180px){.oc-calendar-day,.oc-calendar-blank{min-height:38px}.oc-calendar-grid,.oc-calendar-weekdays{gap:2px;padding-left:8px;padding-right:8px}}


/* Action buttons — unified sizing and a clear secondary Open action */
.oc-action-buttons .oc-button{
  min-width:124px;
  min-height:40px;
  gap:8px;
  padding:0 16px;
  border-radius:7px;
  font-family:var(--nls-font-family);
  font-size:var(--nls-text-sm);
  line-height:1;
  font-weight:var(--nls-font-bold);
  text-decoration:none;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.oc-action-buttons .oc-button .oc-ui-icon{width:16px;height:16px;flex:0 0 auto}
.oc-action-buttons .oc-button-primary{background:var(--nls-accent);border-color:var(--nls-accent);color:#fff}
.oc-action-buttons .oc-button-primary:hover{background:color-mix(in srgb,var(--nls-accent) 88%,#000);border-color:color-mix(in srgb,var(--nls-accent) 88%,#000);filter:none}
.oc-action-buttons .oc-button-secondary{background:var(--nls-surface-2);border-color:color-mix(in srgb,var(--nls-text) 18%,var(--nls-line));color:var(--nls-text)}
.oc-action-buttons .oc-button-secondary:hover{background:var(--nls-accent-soft);border-color:var(--nls-accent);color:var(--nls-accent);filter:none}
.oc-action-buttons .oc-button:active{transform:translateY(1px)}
html[data-theme="dark"] .oc-action-buttons .oc-button-secondary{background:#292c31;border-color:#474b53;color:#f5f7fa}
html[data-theme="dark"] .oc-action-buttons .oc-button-secondary:hover{background:#313843;border-color:var(--nls-accent);color:#ffffff}
@media(max-width:760px){.oc-action-buttons .oc-button{min-width:118px}}

/* Sprint 2 — button icon alignment */
.oc-button{gap:8px}
.oc-button .oc-ui-icon{width:16px;height:16px;flex:0 0 16px}

/* Sprint 2 — active orders visual refinement */
.oc-active-panel{
  overflow:hidden;
}
.oc-active-panel .oc-panel-header{
  padding:20px 22px 16px;
  border-bottom:1px solid var(--nls-line);
}
.oc-table-wrap{
  padding:12px 14px 16px;
  overflow-x:auto;
}
.oc-orders-table{
  border-collapse:separate;
  border-spacing:0 6px;
  table-layout:fixed;
}
.oc-orders-table thead th{
  padding:8px 12px 10px;
  color:var(--nls-muted);
  background:transparent;
  border:0;
  font-size:var(--nls-text-xs);
  letter-spacing:.07em;
}
.oc-orders-table tbody td{
  padding:13px 14px;
  background:var(--nls-surface);
  border-top:1px solid var(--nls-line);
  border-bottom:1px solid var(--nls-line);
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
.oc-orders-table tbody td:first-child{
  border-left:1px solid var(--nls-line);
  border-radius:9px 0 0 9px;
}
.oc-orders-table tbody td:last-child{
  border-right:1px solid var(--nls-line);
  border-radius:0 9px 9px 0;
}
.oc-orders-table tbody tr:hover td{
  background:var(--nls-surface-2);
  border-color:color-mix(in srgb,var(--nls-accent) 34%,var(--nls-line));
}
.oc-orders-table tbody tr:hover td:first-child{
  box-shadow:inset 3px 0 0 var(--nls-accent);
}
.oc-orders-table th:nth-child(2),
.oc-orders-table td:nth-child(2),
.oc-orders-table th:nth-child(3),
.oc-orders-table td:nth-child(3){text-align:left}
.oc-orders-table th:nth-child(1),
.oc-orders-table td:nth-child(1){width:150px}
.oc-orders-table th:nth-child(2),
.oc-orders-table td:nth-child(2){width:150px}
.oc-orders-table th:nth-child(3),
.oc-orders-table td:nth-child(3){width:220px}
.oc-orders-table th:nth-child(4),
.oc-orders-table td:nth-child(4){width:100px}
.oc-orders-table th:nth-child(5),
.oc-orders-table td:nth-child(5){width:125px}
.oc-orders-table th:nth-child(6),
.oc-orders-table td:nth-child(6),
.oc-orders-table th:nth-child(7),
.oc-orders-table td:nth-child(7){width:118px}
.oc-orders-table th:nth-child(8),
.oc-orders-table td:nth-child(8){width:150px}
.oc-orders-table .oc-th-label{
  gap:7px;
  justify-content:center;
}
.oc-orders-table th:nth-child(2) .oc-th-label,
.oc-orders-table th:nth-child(3) .oc-th-label{justify-content:flex-start}
.oc-orders-table .oc-order-number{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  color:var(--nls-accent);
  font-size:var(--nls-text-md);
  font-weight:var(--nls-font-bold);
  text-decoration:none;
}
.oc-orders-table .oc-order-number:hover{text-decoration:underline}
.oc-orders-table td:nth-child(3) strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:var(--nls-text-sm);
}
.oc-orders-table .oc-quantity{
  display:block;
  font-size:var(--nls-text-lg);
  line-height:1;
  font-weight:var(--nls-font-bold);
}
.oc-orders-table td small{
  margin-top:3px;
  opacity:.78;
}
.oc-orders-table .oc-status-chip{
  min-width:112px;
  justify-content:center;
  padding:6px 10px;
}
.oc-row-actions{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:4px;
  border:1px solid var(--nls-line);
  border-radius:8px;
  background:color-mix(in srgb,var(--nls-surface-2) 78%,transparent);
}
.oc-icon-action{
  width:32px;
  height:32px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--nls-muted);
}
.oc-icon-action:hover{
  background:var(--nls-accent-soft);
  color:var(--nls-accent);
}
.oc-icon-action-delete:hover{
  background:color-mix(in srgb,#dc2626 15%,transparent);
  color:#ef4444;
}
html[data-theme="dark"] .oc-orders-table tbody td{background:#23262b;border-color:#363a41}
html[data-theme="dark"] .oc-orders-table tbody tr:nth-child(even) td{background:#202328}
html[data-theme="dark"] .oc-orders-table tbody tr:hover td{background:#2a2e34;border-color:#4b5563}
html[data-theme="light"] .oc-orders-table tbody tr:nth-child(even) td{background:#fafbfc}

/* Urgent badge — calm pulse, no aggressive blinking */
.oc-urgent-badge{
  position:relative;
  animation:ocUrgentPulse 1.9s ease-in-out infinite;
  transform-origin:center;
}
.oc-urgent-badge::after{
  content:"";
  position:absolute;
  inset:-4px;
  border:1px solid rgba(239,68,68,.45);
  border-radius:999px;
  opacity:0;
  animation:ocUrgentRing 1.9s ease-out infinite;
  pointer-events:none;
}
@keyframes ocUrgentPulse{
  0%,100%{transform:scale(1);filter:brightness(1)}
  50%{transform:scale(1.035);filter:brightness(1.12)}
}
@keyframes ocUrgentRing{
  0%{opacity:0;transform:scale(.94)}
  35%{opacity:.65}
  100%{opacity:0;transform:scale(1.12)}
}
@media (prefers-reduced-motion:reduce){
  .oc-urgent-badge,.oc-urgent-badge::after{animation:none}
}

@media(max-width:1180px){
  .oc-orders-table th:nth-child(3),.oc-orders-table td:nth-child(3){width:190px}
  .oc-orders-table th:nth-child(8),.oc-orders-table td:nth-child(8){width:140px}
}

/* Unified solid status badges — Light and Dark */
.oc-action-row .oc-status-chip,
.oc-orders-table .oc-status-chip{
  color:#fff;
  border:0;
  box-shadow:none;
}
.oc-action-row .oc-status-chip .oc-status-dot,
.oc-orders-table .oc-status-chip::before{
  background:#fff;
  box-shadow:none;
}
.oc-action-row .oc-status-danger,
.oc-action-row .oc-status-warning{
  background:#dc2626;
  color:#fff;
}
.oc-action-row .oc-status-info{
  background:#2563eb;
  color:#fff;
}
.oc-action-row .oc-status-delayed-neutral{
  background:#475569;
  color:#fff;
}
.oc-orders-table .oc-order-status-new{background:#dc2626;color:#fff}
.oc-orders-table .oc-order-status-scheduled{background:#a16207;color:#fff}
.oc-orders-table .oc-order-status-loaded{background:#2563eb;color:#fff}
.oc-orders-table .oc-order-status-in_transit{background:#7c3aed;color:#fff}
.oc-orders-table .oc-order-status-delivered{background:#16a34a;color:#fff}
.oc-orders-table .oc-order-status-cancelled{background:#64748b;color:#fff}

/* Sprint 3: Dashboard active orders table matches Orders page table style. */
.oc-active-panel .oc-table-wrap{
  padding:0;
  overflow:auto;
}
.oc-active-panel .oc-orders-table{
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  table-layout:fixed;
  background:var(--orders-surface,var(--nls-surface));
}
.oc-active-panel .oc-orders-table thead th{
  height:40px;
  padding:0 14px;
  text-align:left;
  font-size:10px;
  line-height:1;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--orders-muted,var(--nls-muted));
  font-weight:700;
  background:rgba(107,114,128,.055);
  border:0;
  border-bottom:1px solid var(--orders-border,var(--nls-line));
}
.oc-active-panel .oc-orders-table .oc-th-label{
  justify-content:flex-start;
}
.oc-active-panel .oc-orders-table tbody td{
  height:58px;
  padding:8px 14px;
  border:0;
  border-bottom:1px solid var(--orders-border,var(--nls-line));
  border-radius:0;
  background:var(--orders-row,var(--nls-surface));
  font-size:12px;
  line-height:1.25;
  text-align:left;
  vertical-align:middle;
}
.oc-active-panel .oc-orders-table tbody tr:nth-child(even) td{
  background:var(--orders-row-alt,var(--nls-surface-2));
}
.oc-active-panel .oc-orders-table tbody tr:hover td{
  background:color-mix(in srgb,var(--orders-blue,var(--nls-accent)) 5%,var(--orders-row,var(--nls-surface)));
  border-color:var(--orders-border,var(--nls-line));
}
.oc-active-panel .oc-orders-table tbody tr:hover td:first-child{
  box-shadow:none;
}
.oc-active-panel .oc-orders-table th:nth-child(1),
.oc-active-panel .oc-orders-table td:nth-child(1){width:135px}
.oc-active-panel .oc-orders-table th:nth-child(2),
.oc-active-panel .oc-orders-table td:nth-child(2){width:130px}
.oc-active-panel .oc-orders-table th:nth-child(3),
.oc-active-panel .oc-orders-table td:nth-child(3){width:210px}
.oc-active-panel .oc-orders-table th:nth-child(4),
.oc-active-panel .oc-orders-table td:nth-child(4){width:105px}
.oc-active-panel .oc-orders-table th:nth-child(5),
.oc-active-panel .oc-orders-table td:nth-child(5),
.oc-active-panel .oc-orders-table th:nth-child(6),
.oc-active-panel .oc-orders-table td:nth-child(6),
.oc-active-panel .oc-orders-table th:nth-child(7),
.oc-active-panel .oc-orders-table td:nth-child(7){width:115px}
.oc-active-panel .oc-orders-table th:nth-child(8),
.oc-active-panel .oc-orders-table td:nth-child(8){width:170px;text-align:center}
.oc-active-panel .oc-orders-table th:nth-child(8) .oc-th-label{
  justify-content:center;
}
.oc-active-panel .oc-orders-table .oc-status-chip{
  min-width:100px;
  padding:6px 10px;
  justify-content:center;
  font-size:10px;
  line-height:1;
  letter-spacing:0;
}
.oc-active-panel .oc-orders-table .oc-status-chip::before{
  width:6px;
  height:6px;
  background:#fff;
  box-shadow:none;
}
.oc-active-panel .oc-orders-table .oc-order-number,
.oc-active-panel .oc-orders-table .oc-order-number:visited{
  color:var(--orders-blue,var(--nls-accent));
  font-weight:700;
}
.oc-active-panel .oc-orders-table .oc-order-number:hover,
.oc-active-panel .oc-orders-table .oc-order-number:focus-visible{
  color:color-mix(in srgb,var(--orders-blue,var(--nls-accent)) 80%,#ffffff);
  text-decoration:underline;
}
.oc-active-panel .oc-orders-table td:nth-child(3) strong{
  font-size:11px;
}
.oc-active-panel .oc-orders-table .oc-quantity{
  font-size:12px;
  font-weight:700;
}
.oc-active-panel .oc-orders-table td small{
  margin-top:2px;
  font-size:10px;
}
.oc-active-panel .oc-row-actions{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
}
.oc-active-panel .oc-icon-action{
  width:30px;
  height:30px;
  border-radius:6px;
  background:transparent;
  color:var(--orders-muted,var(--nls-muted));
}
.oc-active-panel .oc-icon-action:hover{
  color:var(--orders-blue,var(--nls-accent));
  border-color:var(--orders-blue,var(--nls-accent));
  background:color-mix(in srgb,var(--orders-blue,var(--nls-accent)) 8%,transparent);
}
@media(max-width:1100px){
  .oc-active-panel .oc-orders-table{min-width:1050px}
}
@media(max-width:680px){
  .oc-active-panel .oc-orders-table thead{display:table-header-group}
  .oc-active-panel .oc-orders-table,
  .oc-active-panel .oc-orders-table tbody,
  .oc-active-panel .oc-orders-table tr,
  .oc-active-panel .oc-orders-table td{display:table-cell;width:auto}
  .oc-active-panel .oc-orders-table tbody{display:table-row-group}
  .oc-active-panel .oc-orders-table tr{display:table-row;padding:0;border:0;border-radius:0;background:transparent}
  .oc-active-panel .oc-orders-table td{display:table-cell;grid-template-columns:none;gap:0;padding:8px 14px}
  .oc-active-panel .oc-orders-table td::before{content:none}
  .oc-active-panel .oc-orders-table td:last-child{position:static;margin:0;min-width:170px}
}


/* ===== nls-v3-orders.css ===== */
:root{--orders-blue:#2563eb;--orders-border:#d9dee7;--orders-surface:#fff;--orders-bg:#f4f6f8;--orders-text:#1f2937;--orders-muted:#6b7280;--orders-row:#fff;--orders-row-alt:#fafbfc}
html[data-theme="dark"]{--orders-border:#34383f;--orders-surface:#202328;--orders-bg:#17191d;--orders-text:#f5f7fa;--orders-muted:#9ca3af;--orders-row:#202328;--orders-row-alt:#23272c}
.nls-orders-page{padding:28px;background:var(--orders-bg);min-height:100vh;color:var(--orders-text);font-family:var(--nls-font-family,"Lato",Helvetica,Arial,sans-serif)}
.nls-orders-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.nls-orders-heading h1{font-size:22px;line-height:1.2;margin:0 0 4px;font-weight:700;letter-spacing:.04em}.nls-orders-heading p{margin:0;font-size:12px;color:var(--orders-muted)}
.nls-orders-manual,.nls-filter-button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 16px;border:0;border-radius:6px;background:var(--orders-blue);color:#fff;text-decoration:none;font-size:12px;font-weight:700}.nls-orders-manual svg,.nls-filter-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.nls-orders-tabs{display:flex;gap:24px;border-bottom:1px solid var(--orders-border);margin-bottom:16px}.nls-orders-tabs a{position:relative;display:flex;align-items:center;gap:7px;padding:10px 2px 12px;color:var(--orders-muted);text-decoration:none;font-size:12px;font-weight:400}.nls-orders-tabs a strong{font-size:10px;padding:2px 6px;border-radius:10px;background:rgba(107,114,128,.12)}.nls-orders-tabs a.active{color:var(--orders-text);font-weight:700}.nls-orders-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--orders-blue)}
.nls-orders-filters{display:flex;align-items:end;gap:10px;margin-bottom:16px}.nls-search-field,.nls-select-field,.nls-date-field{display:flex;align-items:center;height:38px;border:1px solid var(--orders-border);border-radius:6px;background:var(--orders-surface)}.nls-search-field{width:min(320px,30vw);padding:0 11px}.nls-search-field svg,.nls-select-field svg{width:15px;height:15px;fill:none;stroke:var(--orders-muted);stroke-width:1.8;flex:none}.nls-search-field input,.nls-select-field select,.nls-date-field input{border:0;outline:0;background:transparent;color:var(--orders-text);font:400 12px/1 var(--nls-font-family,"Lato",sans-serif)}.nls-search-field input{width:100%;padding-left:8px}.nls-select-field{padding:0 10px}.nls-select-field select{padding-left:8px}.nls-date-field{position:relative;padding:0 9px}.nls-date-field span{font-size:9px;color:var(--orders-muted);margin-right:6px;text-transform:uppercase}.nls-date-sep{align-self:center;color:var(--orders-muted)}.nls-reset-button{height:38px;display:inline-flex;align-items:center;padding:0 12px;color:var(--orders-muted);text-decoration:none;font-size:12px}
.nls-orders-panel{background:var(--orders-surface);border:1px solid var(--orders-border);border-radius:8px;overflow:hidden}.nls-orders-table-wrap{overflow:auto}.nls-orders-table{width:100%;border-collapse:collapse;table-layout:fixed}.nls-orders-table th{height:40px;padding:0 14px;text-align:left;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--orders-muted);font-weight:700;background:rgba(107,114,128,.055);border-bottom:1px solid var(--orders-border)}.nls-orders-table td{height:58px;padding:8px 14px;border-bottom:1px solid var(--orders-border);font-size:12px;vertical-align:middle}.nls-orders-table tbody tr:nth-child(even){background:var(--orders-row-alt)}.nls-orders-table tbody tr:hover{background:color-mix(in srgb,var(--orders-blue) 5%,var(--orders-row))}.nls-orders-table th:nth-child(1){width:135px}.nls-orders-table th:nth-child(2){width:130px}.nls-orders-table th:nth-child(3){width:210px}.nls-orders-table th:nth-child(4){width:105px}.nls-orders-table th:nth-child(5),.nls-orders-table th:nth-child(6),.nls-orders-table th:nth-child(7){width:115px}.nls-orders-table th:nth-child(8){width:170px;text-align:center}
.nls-status{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:100px;padding:6px 10px;border-radius:999px;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;white-space:nowrap}.nls-status i{width:6px;height:6px;border-radius:50%;background:#fff}.nls-status.status-new{background:#dc2626}.nls-status.status-scheduled{background:#a16207}.nls-status.status-in_transit{background:#7c3aed}.nls-status.status-delivered{background:#16a34a}.nls-status.status-cancelled{background:#6b7280}.nls-order-number{color:var(--orders-text);font-weight:700;text-decoration:none}.nls-order-number:hover{color:var(--orders-blue)}.nls-store-name{font-size:11px}.nls-orders-actions{text-align:center}.nls-orders-actions .order-actions-inline{display:inline-flex;gap:5px;align-items:center}.nls-orders-actions .v14-action-slot{display:inline-flex}.nls-orders-actions .v8-action-btn{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--orders-border);border-radius:6px;background:transparent;color:var(--orders-muted)}.nls-orders-actions .v8-action-btn:hover{color:var(--orders-blue);border-color:var(--orders-blue);background:color-mix(in srgb,var(--orders-blue) 8%,transparent)}.nls-orders-actions .v8-action-btn span{display:none}.nls-orders-actions .v8-action-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7}.nls-orders-actions form{margin:0;width:auto}.nls-orders-actions .v14-action-placeholder{display:none}
.nls-orders-footer{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:11px;color:var(--orders-muted)}.nls-pagination{display:flex;align-items:center;gap:4px}.nls-pagination a,.nls-pagination span{min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;text-decoration:none;color:var(--orders-text);font-size:11px}.nls-pagination a.active{border:1px solid var(--orders-border);background:var(--orders-surface);font-weight:700}.nls-pagination a.disabled{opacity:.35;pointer-events:none}.nls-orders-empty{text-align:center;color:var(--orders-muted);padding:48px}
@media(max-width:1100px){.nls-orders-filters{flex-wrap:wrap}.nls-search-field{width:100%}.nls-orders-table{min-width:1050px}}
@media(max-width:700px){.nls-orders-page{padding:16px}.nls-orders-heading{align-items:flex-start}.nls-orders-tabs{overflow:auto;gap:18px}.nls-orders-manual span{display:none}.nls-date-sep{display:none}}

/* Sprint 3.1 — tabel Comenzi aliniat cu Dashboard */
.nls-orders-page{padding:20px 24px 28px}
.nls-orders-heading{margin-bottom:14px}
.nls-orders-heading h1{font-family:"Lato",Helvetica,Arial,sans-serif;font-size:20px;letter-spacing:.03em}
.nls-orders-table-wrap{overflow-x:hidden;overflow-y:visible}
.nls-orders-table{width:100%;min-width:0;table-layout:fixed}
.nls-orders-table th,
.nls-orders-table td{text-align:center}
.nls-orders-table th{height:38px;padding:0 8px;font-size:9px}
.nls-orders-table td{height:48px;padding:6px 8px;font-size:11px}
.nls-orders-table th:nth-child(1){width:13%}
.nls-orders-table th:nth-child(2){width:13%}
.nls-orders-table th:nth-child(3){width:19%}
.nls-orders-table th:nth-child(4){width:10%}
.nls-orders-table th:nth-child(5){width:11%}
.nls-orders-table th:nth-child(6){width:10%}
.nls-orders-table th:nth-child(7){width:10%}
.nls-orders-table th:nth-child(8){width:14%}
.nls-th,.nls-cell-icon,.nls-order-number{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.nls-th svg,.nls-cell-icon svg,.nls-order-number svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.nls-order-number{color:var(--orders-blue);font-weight:700}
.nls-order-number:hover{color:color-mix(in srgb,var(--orders-blue) 82%,white)}
.nls-store-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}
.nls-status{min-width:92px;padding:5px 9px;font-size:9px}
.nls-orders-actions .order-actions-inline{gap:4px;justify-content:center}
.nls-orders-actions .v8-action-btn{width:27px;height:27px;border-radius:5px}
.nls-orders-actions .v8-action-icon{width:13px;height:13px}
.nls-orders-footer{min-height:46px}
@media(max-width:1100px){
  .nls-orders-table{min-width:0}
  .nls-orders-table th,.nls-orders-table td{padding-left:5px;padding-right:5px;font-size:10px}
  .nls-orders-actions .v8-action-btn{width:25px;height:25px}
}

/* Sprint 3 refinement: filters, order links and dashboard-identical compact actions */
.nls-orders-filters{align-items:center;flex-wrap:wrap}
.nls-select-field{position:relative;overflow:visible;min-width:150px}
.nls-select-field select{width:100%;min-width:0;padding-right:24px;color:var(--orders-text);color-scheme:light dark;cursor:pointer}
.nls-select-field select option{background:var(--orders-surface);color:var(--orders-text)}
html[data-theme="light"] .nls-select-field select{color-scheme:light}
html[data-theme="dark"] .nls-select-field select{color-scheme:dark}
.nls-store-filter{min-width:220px;max-width:280px}
.nls-order-number,.nls-order-number:visited{color:var(--orders-blue)}
.nls-order-number:hover,.nls-order-number:focus-visible{color:color-mix(in srgb,var(--orders-blue) 78%,#fff);text-decoration:none}
.nls-orders-actions .order-actions-inline{display:inline-grid;grid-auto-flow:column;grid-auto-columns:28px;gap:5px;align-items:center;justify-content:center}
.nls-orders-actions .v14-action-slot{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}
.nls-orders-actions .v8-action-btn{width:28px;height:28px;min-width:28px;min-height:28px;padding:0;border-radius:6px;background:transparent;border:1px solid var(--orders-border);color:var(--orders-muted)}
.nls-orders-actions .v8-action-primary{color:#3b82f6}
.nls-orders-actions .v8-action-secondary{color:var(--orders-text)}
.nls-orders-actions .v8-action-document{color:#8b5cf6}
.nls-orders-actions .v8-action-warehouse{color:#d4a017}
.nls-orders-actions .v8-action-delete{color:#ef4444}
.nls-orders-actions .v8-action-btn:hover{transform:none;background:color-mix(in srgb,currentColor 10%,transparent);border-color:currentColor;color:currentColor}
.nls-orders-actions form{display:flex;align-items:center;justify-content:center;width:28px;margin:0}
@media(max-width:1250px){.nls-store-filter{min-width:190px;max-width:230px}}


/* Sprint 3.2 — interaction, alignment and adaptive desktop/laptop layout */
.nls-orders-table-wrap{width:100%;overflow-x:hidden}
.nls-orders-table th,.nls-orders-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nls-orders-table td:nth-child(2),.nls-orders-table td:nth-child(3){text-align:left}
.nls-orders-table th:nth-child(2),.nls-orders-table th:nth-child(3){text-align:left}
.nls-orders-table td:nth-child(2) .nls-order-number,
.nls-orders-table td:nth-child(3) .nls-cell-icon{justify-content:flex-start;width:100%}
.nls-orders-page .nls-order-number,
.nls-orders-page .nls-order-number:link,
.nls-orders-page .nls-order-number:visited,
.nls-orders-page .nls-order-number:hover,
.nls-orders-page .nls-order-number:active{color:var(--orders-blue);text-decoration:none}
.nls-orders-actions .v8-action-btn,
.nls-orders-actions button,
.nls-orders-actions a,
.nls-orders-actions form{cursor:pointer}
.nls-orders-actions .v8-action-btn[disabled],
.nls-orders-actions .v8-action-btn[aria-disabled="true"]{cursor:not-allowed}
.drawer [data-drawer-close]{cursor:pointer}

@media (max-width:1440px){
  .nls-orders-page{padding:18px 18px 24px}
  .nls-orders-table th{font-size:8.5px;padding-left:6px;padding-right:6px}
  .nls-orders-table td{font-size:10.5px;padding-left:6px;padding-right:6px}
  .nls-orders-table th:nth-child(1){width:13%}
  .nls-orders-table th:nth-child(2){width:14%}
  .nls-orders-table th:nth-child(3){width:19%}
  .nls-orders-table th:nth-child(4){width:9%}
  .nls-orders-table th:nth-child(5){width:10%}
  .nls-orders-table th:nth-child(6){width:10%}
  .nls-orders-table th:nth-child(7){width:10%}
  .nls-orders-table th:nth-child(8){width:15%}
}

@media (max-width:1240px){
  .nls-orders-heading h1{font-size:18px}
  .nls-orders-tabs{gap:16px}
  .nls-orders-filters{gap:8px}
  .nls-search-field{width:min(260px,100%)}
  .nls-store-filter{min-width:175px;max-width:210px}
  .nls-orders-table th:nth-child(5),
  .nls-orders-table td:nth-child(5){display:none}
  .nls-orders-table th:nth-child(1){width:14%}
  .nls-orders-table th:nth-child(2){width:15%}
  .nls-orders-table th:nth-child(3){width:21%}
  .nls-orders-table th:nth-child(4){width:10%}
  .nls-orders-table th:nth-child(6){width:12%}
  .nls-orders-table th:nth-child(7){width:12%}
  .nls-orders-table th:nth-child(8){width:16%}
}

@media (max-width:1024px){
  .nls-orders-page{padding:14px}
  .nls-orders-heading{gap:12px}
  .nls-orders-tabs{overflow-x:auto;scrollbar-width:none}
  .nls-orders-tabs::-webkit-scrollbar{display:none}
  .nls-orders-table th:nth-child(4),
  .nls-orders-table td:nth-child(4){display:none}
  .nls-orders-table th:nth-child(1){width:17%}
  .nls-orders-table th:nth-child(2){width:18%}
  .nls-orders-table th:nth-child(3){width:25%}
  .nls-orders-table th:nth-child(6){width:13%}
  .nls-orders-table th:nth-child(7){width:13%}
  .nls-orders-table th:nth-child(8){width:14%}
  .nls-orders-actions .order-actions-inline{grid-auto-columns:26px;gap:3px}
  .nls-orders-actions .v14-action-slot,
  .nls-orders-actions .v8-action-btn,
  .nls-orders-actions form{width:26px;height:26px;min-width:26px;min-height:26px}
}


/* Sprint 3.3 — manual action contrast and custom date range picker */
.nls-orders-manual,
.nls-orders-manual:link,
.nls-orders-manual:visited,
.nls-orders-manual:hover,
.nls-orders-manual:active{color:#fff;background:var(--orders-blue);cursor:pointer}
.nls-orders-manual svg{stroke:#fff}
.nls-range-picker{position:relative;min-width:238px}
.nls-range-trigger{width:100%;height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--orders-border);border-radius:6px;background:var(--orders-surface);color:var(--orders-text);font:400 12px/1 "Lato",Helvetica,Arial,sans-serif;cursor:pointer;text-align:left}
.nls-range-trigger>span{flex:1;white-space:nowrap}
.nls-range-trigger svg{width:15px;height:15px;fill:none;stroke:var(--orders-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.nls-range-trigger:hover,.nls-range-trigger[aria-expanded="true"]{border-color:var(--orders-blue)}
.nls-range-chevron{transition:transform .18s ease}.nls-range-trigger[aria-expanded="true"] .nls-range-chevron{transform:rotate(180deg)}
.nls-range-popover{position:absolute;z-index:1200;top:calc(100% + 7px);left:0;width:660px;border:1px solid var(--orders-border);border-radius:8px;background:var(--orders-surface);box-shadow:0 14px 35px rgba(15,23,42,.18);overflow:hidden;color:var(--orders-text)}
.nls-range-popover[hidden]{display:none}
.nls-range-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--orders-border)}
.nls-range-shortcuts button{height:40px;border:0;background:transparent;color:var(--orders-muted);font:400 12px "Lato",sans-serif;cursor:pointer}
.nls-range-shortcuts button:hover{background:color-mix(in srgb,var(--orders-blue) 8%,transparent);color:var(--orders-blue)}
.nls-range-calendars{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 16px 14px}
.nls-range-calendar+.nls-range-calendar{border-left:1px solid var(--orders-border);padding-left:20px}
.nls-cal-head{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;margin-bottom:9px}
.nls-cal-head strong{text-align:center;font-size:13px;font-weight:400;text-transform:capitalize}
.nls-cal-nav{width:30px;height:30px;border:0;border-radius:5px;background:transparent;color:var(--orders-text);cursor:pointer;font-size:20px;line-height:1}
.nls-cal-nav:hover{background:color-mix(in srgb,var(--orders-blue) 10%,transparent);color:var(--orders-blue)}
.nls-cal-week,.nls-cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}
.nls-cal-week span{height:26px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--orders-muted)}
.nls-cal-day{position:relative;height:31px;border:0;background:transparent;color:var(--orders-text);font:400 11px "Lato",sans-serif;cursor:pointer}
.nls-cal-day.other{color:var(--orders-muted);opacity:.55}
.nls-cal-day:hover{background:color-mix(in srgb,var(--orders-blue) 12%,transparent)}
.nls-cal-day.in-range{background:color-mix(in srgb,var(--orders-blue) 18%,transparent)}
.nls-cal-day.range-start,.nls-cal-day.range-end{background:var(--orders-blue);color:#fff;font-weight:700}
.nls-cal-day.today:after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;border-radius:50%;background:var(--orders-blue);transform:translateX(-50%)}
.nls-cal-day.range-start.today:after,.nls-cal-day.range-end.today:after{background:#fff}
.nls-range-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--orders-border)}
.nls-range-cancel,.nls-range-apply{height:36px;padding:0 16px;border-radius:5px;font:700 12px "Lato",sans-serif;cursor:pointer}
.nls-range-cancel{border:0;background:transparent;color:var(--orders-muted)}
.nls-range-apply{border:0;background:var(--orders-blue);color:#fff}
@media(max-width:900px){.nls-range-popover{position:fixed;left:16px;right:16px;top:90px;width:auto;max-height:calc(100vh - 110px);overflow:auto}.nls-range-calendars{grid-template-columns:1fr}.nls-range-calendar+.nls-range-calendar{border-left:0;border-top:1px solid var(--orders-border);padding-left:0;padding-top:18px}}


/* Sprint 3.4 — stable compact range trigger after submit */
.nls-orders-filters .nls-range-picker{position:relative;flex:0 0 238px;width:238px;min-width:238px;max-width:238px;height:38px;align-self:center;box-sizing:border-box}
.nls-orders-filters .nls-range-trigger{appearance:none;-webkit-appearance:none;box-sizing:border-box;position:relative;width:238px;min-width:238px;max-width:238px;height:38px;min-height:38px;max-height:38px;margin:0;padding:0 10px;display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden;border:1px solid var(--orders-border);border-radius:6px;background:var(--orders-surface);color:var(--orders-text);font:400 12px/38px "Lato",Helvetica,Arial,sans-serif;white-space:nowrap;vertical-align:middle}
.nls-orders-filters .nls-range-trigger>span{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}
.nls-orders-filters .nls-range-trigger>svg{display:block;flex:0 0 15px;width:15px;min-width:15px;max-width:15px;height:15px;min-height:15px;max-height:15px;margin:0;padding:0;fill:none;stroke:var(--orders-muted);stroke-width:1.8}
.nls-orders-filters .nls-range-trigger .nls-range-chevron{margin-left:auto}
@media(max-width:1240px){.nls-orders-filters .nls-range-picker,.nls-orders-filters .nls-range-trigger{flex-basis:220px;width:220px;min-width:220px;max-width:220px}}
@media(max-width:700px){.nls-orders-filters .nls-range-picker,.nls-orders-filters .nls-range-trigger{flex-basis:100%;width:100%;min-width:100%;max-width:100%}}


/* ===== niconis_v11_login.css ===== */
:root{color-scheme:dark;--bg:#080a0b;--line:#2b3134;--text:#f4f6f5;--muted:#89928d;--accent:#8fc94f}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--nls-font-family,"Lato",Helvetica,Arial,sans-serif);background:radial-gradient(circle at 18% 75%,rgba(127,191,63,.12),transparent 28%),#080a0b;color:var(--text)}
.v11-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)}
.v11-login-brand{display:flex;flex-direction:column;justify-content:center;padding:8vw;border-right:1px solid #1e2326}
.v11-login-brand img{width:min(340px,60%)}.v11-login-brand h1{margin:28px 0 0;font-size:38px}.v11-login-brand p{color:var(--muted)}
.v11-login-features{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.v11-login-features span{padding:8px 11px;border:1px solid #2a3033;border-radius:999px;background:#101315;color:#abb3ae;font-size:10px}
.v11-login-card{width:min(460px,calc(100% - 48px));align-self:center;justify-self:center;padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#15191b,#0f1213);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.v11-login-card-head span,.v11-login-card-head small{display:block}.v11-login-card-head span{font-size:22px;font-weight:800}.v11-login-card-head small{margin-top:7px;color:var(--muted);font-size:11px}
.v11-login-form{display:grid;gap:16px;margin-top:24px}.v11-login-form label{display:grid;gap:7px}.v11-login-form label>span{color:#9fa8a2;font-size:10px;font-weight:700}
.v11-login-form input{width:100%;height:46px;padding:0 13px;border:1px solid #30363a;border-radius:10px;background:#191d1f;color:#fff;outline:none}
.v11-password-wrap{position:relative}.v11-password-wrap button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:transparent;color:#929b96}
.v11-login-submit{height:46px;border:0;border-radius:10px;background:linear-gradient(180deg,#97d156,#7fbf3f);color:#101411;font-weight:800}
.v11-login-error{margin-top:16px;padding:10px 12px;border:1px solid rgba(224,91,91,.3);border-radius:9px;background:rgba(224,91,91,.08);color:#ef8585;font-size:10px}
.v11-login-card footer{display:flex;justify-content:space-between;margin-top:22px;padding-top:16px;border-top:1px solid #242a2d;color:#77817b;font-size:9px}
@media(max-width:900px){.v11-login-shell{grid-template-columns:1fr}.v11-login-brand{display:none}.v11-login-card{margin:40px 0}}


/* ===== niconis_v23_logistic_calendar.css ===== */
/* NICONIS V23.5 — Calendar logistic modern */
.v23-calendar-page,.v23-calendar-page *{box-sizing:border-box}
.v23-calendar-page{--bg:#0b1013;--panel:#11181d;--panel2:#151e24;--line:rgba(255,255,255,.085);--text:#f4f7f8;--muted:#94a1a8;--lime:#86c936;--blue:#55a8ff;--orange:#ff951f;--red:#ff545d;--green:#46cf7a;color:var(--text);display:flex;flex-direction:column;gap:16px;margin-bottom:28px}
.v23-calendar-page svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v23-calendar-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,#141c21,#0e1418);box-shadow:0 18px 45px rgba(0,0,0,.22)}
.v23-calendar-title{display:flex;align-items:center;gap:15px;min-width:0}.v23-calendar-title-icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border:1px solid rgba(85,168,255,.25);border-radius:13px;color:#76baff;background:rgba(85,168,255,.09)}.v23-calendar-title-icon svg{width:25px;height:25px}.v23-calendar-title h1{margin:0;font-size:23px;line-height:1.1;letter-spacing:-.03em}.v23-calendar-title p{margin:6px 0 0;color:var(--muted);font-size:12px}
.v23-calendar-stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.v23-calendar-stats span{min-width:86px;padding:10px 13px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);text-align:center}.v23-calendar-stats strong{display:block;font-size:17px;font-weight:800}.v23-calendar-stats small{display:block;margin-top:3px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.v23-calendar-filters{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:17px 18px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.v23-calendar-filter-form{display:grid;grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) auto;gap:12px;align-items:end;flex:1}.v23-calendar-filter-form label{display:flex;flex-direction:column;gap:7px;color:#aeb8bd;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.v23-date-input-wrap{height:44px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#0c1216}.v23-date-input-wrap svg{width:18px;height:18px;color:#7f919b}.v23-date-input-wrap input{width:100%;min-width:0;border:0;outline:0;color:#eef2f4;background:transparent;font:inherit;color-scheme:dark}.v23-calendar-submit{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:0;border-radius:10px;color:#0d1408;background:var(--lime);font-weight:800;cursor:pointer}.v23-calendar-submit svg{width:17px;height:17px}.v23-calendar-quick-periods{display:flex;gap:8px;flex-wrap:wrap}.v23-calendar-quick-periods a{min-height:36px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--line);border-radius:9px;color:#bdc7cc;background:rgba(255,255,255,.025);text-decoration:none;font-size:11px;font-weight:650}.v23-calendar-quick-periods a:hover{color:#fff;border-color:rgba(255,255,255,.2)}
.v23-calendar-days{display:flex;flex-direction:column;gap:16px}.v23-calendar-day{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#10171b,#0c1215);box-shadow:0 14px 34px rgba(0,0,0,.18)}.v23-calendar-day.is-today{border-color:rgba(134,201,54,.32);box-shadow:0 0 0 1px rgba(134,201,54,.07),0 15px 36px rgba(0,0,0,.2)}.v23-calendar-day.is-past{opacity:.86}.v23-calendar-day-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.v23-calendar-date-block{display:flex;align-items:center;gap:13px}.v23-calendar-day-number{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(85,168,255,.22);border-radius:12px;color:#8bc3ff;background:rgba(85,168,255,.08);font-size:20px;font-weight:850}.v23-calendar-date-block strong{display:block;font-size:15px}.v23-calendar-date-block small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.v23-calendar-day-summary{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.v23-calendar-day-summary span{padding:8px 11px;border:1px solid var(--line);border-radius:9px;color:#9eabb1;background:rgba(255,255,255,.02);font-size:10px}.v23-calendar-day-summary strong{color:#f1f5f6;font-size:12px}
.v23-calendar-vehicle-list{display:flex;flex-direction:column;gap:12px;padding:14px}.v23-calendar-vehicle{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#121a1f}.v23-calendar-vehicle.is-incomplete{border-color:rgba(255,149,31,.23)}.v23-calendar-vehicle-header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(255,255,255,.025),transparent)}.v23-calendar-vehicle-main{display:flex;align-items:center;gap:11px;min-width:0}.v23-calendar-truck-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid rgba(85,168,255,.2);border-radius:10px;color:#77b9fb;background:rgba(85,168,255,.08)}.is-incomplete .v23-calendar-truck-icon{color:#ffad53;border-color:rgba(255,149,31,.23);background:rgba(255,149,31,.08)}.v23-calendar-truck-icon svg{width:20px;height:20px}.v23-calendar-vehicle-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.v23-calendar-vehicle-main small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.v23-calendar-route-count{flex:0 0 auto;padding:6px 9px;border:1px solid var(--line);border-radius:8px;color:#aab5ba;background:rgba(255,255,255,.025);font-size:9px;font-weight:700}
.v23-calendar-route-list{display:flex;flex-direction:column}.v23-calendar-route{position:relative;min-height:70px;display:grid;grid-template-columns:110px minmax(230px,1.25fr) minmax(170px,.9fr) 90px 36px;align-items:center;gap:14px;padding:11px 14px;color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.065);transition:background .15s ease,transform .15s ease}.v23-calendar-route:last-child{border-bottom:0}.v23-calendar-route:hover{background:rgba(255,255,255,.035);transform:translateX(2px)}.v23-calendar-route::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:#55a8ff}.v23-calendar-route.status-overdue::before{background:var(--red)}.v23-calendar-route.status-today::before,.v23-calendar-route.status-in_transit::before{background:var(--orange)}.v23-calendar-route.status-loaded::before{background:#b576ff}.v23-calendar-route.status-delivered::before{background:var(--green)}.v23-calendar-route-status{width:max-content;display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(85,168,255,.18);border-radius:8px;color:#93c9ff;background:rgba(85,168,255,.08);font-size:9px;font-weight:800}.v23-calendar-route-status i{width:8px;height:8px;border-radius:50%;background:#55a8ff;box-shadow:0 0 0 3px rgba(85,168,255,.1)}.status-overdue .v23-calendar-route-status{color:#ff858b;border-color:rgba(255,84,93,.2);background:rgba(255,84,93,.09)}.status-overdue .v23-calendar-route-status i{background:var(--red)}.status-today .v23-calendar-route-status,.status-in_transit .v23-calendar-route-status{color:#ffb45f;border-color:rgba(255,149,31,.2);background:rgba(255,149,31,.09)}.status-today .v23-calendar-route-status i,.status-in_transit .v23-calendar-route-status i{background:var(--orange)}.status-loaded .v23-calendar-route-status{color:#d0a5ff;border-color:rgba(181,118,255,.2);background:rgba(181,118,255,.09)}.status-loaded .v23-calendar-route-status i{background:#b576ff}.status-delivered .v23-calendar-route-status{color:#80e5a3;border-color:rgba(70,207,122,.2);background:rgba(70,207,122,.09)}.status-delivered .v23-calendar-route-status i{background:var(--green)}
.v23-calendar-store,.v23-calendar-order{min-width:0;display:flex;align-items:center;gap:10px}.v23-calendar-row-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#91a1a9;background:rgba(255,255,255,.025)}.v23-calendar-row-icon svg{width:17px;height:17px}.v23-calendar-store strong,.v23-calendar-order strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.v23-calendar-store small,.v23-calendar-order small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.v23-calendar-units{text-align:right}.v23-calendar-units strong{display:block;font-size:16px;font-weight:850}.v23-calendar-units small{display:block;margin-top:2px;color:var(--muted);font-size:9px}.v23-calendar-open{width:32px;height:32px;display:grid;place-items:center;justify-self:end;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#aeb9be;background:rgba(255,255,255,.025)}.v23-calendar-open svg{width:15px;height:15px}
.v23-calendar-empty{min-height:160px;display:flex;align-items:center;justify-content:center;gap:14px;padding:28px;border:1px dashed rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.015)}.v23-calendar-empty>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(70,207,122,.2);border-radius:50%;color:#69dd91;background:rgba(70,207,122,.07)}.v23-calendar-empty svg{width:23px;height:23px}.v23-calendar-empty strong{display:block;font-size:14px}.v23-calendar-empty p{margin:5px 0 0;color:var(--muted);font-size:11px}
@media(max-width:1100px){.v23-calendar-hero{align-items:flex-start;flex-direction:column}.v23-calendar-stats{justify-content:flex-start}.v23-calendar-filters{align-items:stretch;flex-direction:column}.v23-calendar-route{grid-template-columns:105px minmax(190px,1fr) minmax(150px,.8fr) 75px 34px}}
@media(max-width:760px){.v23-calendar-page{gap:12px}.v23-calendar-hero{padding:16px;border-radius:14px}.v23-calendar-title-icon{width:44px;height:44px;flex-basis:44px}.v23-calendar-title h1{font-size:20px}.v23-calendar-stats{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.v23-calendar-stats span{min-width:0}.v23-calendar-filters{padding:13px}.v23-calendar-filter-form{grid-template-columns:1fr 1fr}.v23-calendar-submit{grid-column:1/-1}.v23-calendar-quick-periods{display:grid;grid-template-columns:repeat(3,1fr)}.v23-calendar-quick-periods a{justify-content:center;padding:0 7px;text-align:center}.v23-calendar-day-header{align-items:flex-start;flex-direction:column;padding:13px}.v23-calendar-day-summary{justify-content:flex-start}.v23-calendar-vehicle-list{padding:10px}.v23-calendar-vehicle-header{padding:10px 11px}.v23-calendar-route{grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:0;padding:13px}.v23-calendar-route-status{grid-column:1}.v23-calendar-open{grid-column:2;grid-row:1}.v23-calendar-store{grid-column:1/-1}.v23-calendar-order{grid-column:1/-1;padding-top:9px;border-top:1px solid rgba(255,255,255,.06)}.v23-calendar-units{grid-column:2;grid-row:3;text-align:right}.v23-calendar-route::before{top:10px;bottom:10px}.v23-calendar-date-block{gap:10px}.v23-calendar-day-number{width:42px;height:42px;font-size:18px}}
@media(max-width:480px){.v23-calendar-filter-form{grid-template-columns:1fr}.v23-calendar-submit{grid-column:auto}.v23-calendar-quick-periods{grid-template-columns:1fr}.v23-calendar-day-summary{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.v23-calendar-day-summary span{text-align:center}}


/* V23.6 — săptămână de lucru */
.v23-week-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.v23-week-nav,.v23-transport-registry-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#151b20;color:#dbe2e6;text-decoration:none;font-weight:700;font-size:12px}
.v23-week-nav:hover,.v23-transport-registry-link:hover{background:#1c242a;color:#fff;border-color:rgba(255,255,255,.2)}
.v23-week-nav.is-current{border-color:rgba(126,202,45,.35);color:#aee86c;background:rgba(126,202,45,.08)}
.v23-transport-registry-link{margin-left:auto;border-color:rgba(85,165,255,.28);color:#8ec5ff}
.v23-calendar-day.is-empty-day{opacity:.72}
.v23-calendar-empty-day{padding:22px;color:#7f8b92;font-size:12px;text-align:center}
@media(max-width:760px){.v23-week-toolbar{display:grid;grid-template-columns:1fr 1fr}.v23-week-nav.is-current,.v23-transport-registry-link{grid-column:1/-1;margin-left:0}.v23-week-nav{font-size:11px;padding:0 10px}.v23-calendar-day.is-empty-day{display:none}}


/* ===== niconis_v23_transport_registry.css ===== */
.v23-transport-page{display:grid;gap:18px}.v23-transport-page>header{display:flex;justify-content:space-between;align-items:center;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#11171b}.v23-transport-page h1{margin:0;color:#fff}.v23-transport-page p{margin:6px 0 0;color:#93a0a8}.v23-transport-page>header a{color:#9ed96a;text-decoration:none;font-weight:700}.v23-transport-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.v23-transport-card{padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#11171b}.v23-transport-card h2{margin-top:0}.v23-add-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:16px}.v23-add-form.vehicle{grid-template-columns:1fr 1fr auto}.v23-resource-list{display:grid;gap:8px}.v23-resource-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#151c21;color:#fff}.v23-resource-row span{display:grid;gap:4px}.v23-resource-row small{color:#8f9ca4}.v23-resource-row button{border:0;background:transparent;color:#9ed96a;font-weight:700;cursor:pointer}.v23-resource-row.is-inactive{opacity:.45}@media(max-width:760px){.v23-transport-page>header{align-items:flex-start;flex-direction:column;gap:12px}.v23-transport-grid{grid-template-columns:1fr}.v23-add-form,.v23-add-form.vehicle{grid-template-columns:1fr}.v23-resource-row{align-items:flex-start}}


/* ===== niconis_v24_driver_vehicle_link.css ===== */
.v24-auto-vehicle{background:rgba(255,255,255,.025);color:#b8c3c9;cursor:not-allowed}.v24-crew-form{display:grid;grid-template-columns:1fr 1.25fr auto;gap:12px;margin-bottom:18px}.v24-crew-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr);gap:12px;align-items:center;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}.v24-crew-row span{display:flex;flex-direction:column;gap:5px}.v24-crew-row small{color:#8f9ba2}.v24-crew-row select{width:100%;background:#11181d;color:#eef2f4;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:10px}@media(max-width:760px){.v24-crew-form,.v24-crew-row{grid-template-columns:1fr}}


/* ===== canonical interaction and date-range rules ===== */
.nls-orders-filters .nls-range-picker{position:relative;flex:0 0 238px;width:238px;min-width:238px;max-width:238px;height:38px;align-self:center;box-sizing:border-box}
.nls-orders-filters .nls-range-trigger{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;height:38px;margin:0;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid var(--orders-border);border-radius:6px;background:var(--orders-surface);color:var(--orders-text);font:400 12px/1 "Lato",Helvetica,Arial,sans-serif;cursor:pointer;overflow:hidden;text-align:left}
.nls-orders-filters .nls-range-trigger>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nls-orders-filters .nls-range-trigger>svg{width:15px;height:15px;min-width:15px;fill:none;stroke:var(--orders-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.nls-range-popover{position:absolute;z-index:1200;top:calc(100% + 7px);left:0;width:660px;border:1px solid var(--orders-border);border-radius:8px;background:var(--orders-surface);box-shadow:0 14px 35px rgba(15,23,42,.24);overflow:hidden;color:var(--orders-text)}
.nls-range-popover[hidden]{display:none}
.nls-cal-day{pointer-events:auto;user-select:none}
.nls-cal-day:focus-visible{outline:2px solid var(--orders-blue);outline-offset:-2px}
.nls-orders-manual,.nls-orders-manual:link,.nls-orders-manual:visited,.nls-orders-manual:hover,.nls-orders-manual:active{color:#fff;background:var(--orders-blue)}
.nls-orders-manual svg{stroke:#fff}
@media(max-width:1240px){.nls-orders-filters .nls-range-picker{flex-basis:220px;width:220px;min-width:220px;max-width:220px}}
@media(max-width:700px){.nls-orders-filters .nls-range-picker{flex-basis:100%;width:100%;min-width:100%;max-width:100%}}

/* Orders controls: explicit typography and interactive cursor */
.nls-orders-page .nls-filter-button,
.nls-orders-page .nls-orders-manual,
.nls-orders-page .nls-range-trigger,
.nls-orders-page .nls-range-shortcuts button,
.nls-orders-page .nls-range-cancel,
.nls-orders-page .nls-range-apply,
.nls-orders-page .nls-orders-actions button,
.nls-orders-page .nls-orders-actions a {
  font-family: "Lato", Helvetica, Arial, sans-serif;
}

.nls-orders-page .nls-filter-button,
.nls-orders-page .nls-orders-manual,
.nls-orders-page .nls-range-trigger,
.nls-orders-page .nls-range-shortcuts button,
.nls-orders-page .nls-range-cancel,
.nls-orders-page .nls-range-apply,
.nls-orders-page .nls-orders-actions button,
.nls-orders-page .nls-orders-actions a,
.nls-orders-page button:not(:disabled),
.nls-orders-page a[role="button"] {
  cursor: pointer;
}

.nls-orders-page .nls-filter-button {
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}

/* Sprint 4.0.8 — premium dashboard scheduling drawer */
.drawer{width:min(680px,96vw);box-shadow:-28px 0 80px rgba(15,23,42,.18)}
.drawer-header{padding:22px 26px;background:var(--nls-surface);position:sticky;top:0;z-index:4}
.drawer-header strong{font-size:18px;letter-spacing:.03em;text-transform:none}
.drawer-body{padding:22px 24px 34px;background:var(--nls-bg)}
.schedule-drawer-shell{display:grid;gap:16px}
.schedule-order-card,.schedule-section{background:var(--nls-surface);border:1px solid var(--nls-line);border-radius:16px;box-shadow:0 8px 28px rgba(15,23,42,.04)}
.schedule-order-card{display:flex;align-items:center;gap:14px;padding:18px}
.schedule-order-icon,.schedule-title-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--nls-accent)}
.schedule-order-icon{width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--nls-accent) 10%,transparent)}
.schedule-order-icon svg,.schedule-title-icon svg,.doc-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.schedule-order-main{display:grid;gap:2px;min-width:0;flex:1}.schedule-order-main strong{font-size:19px}.schedule-order-main span:last-child{color:var(--nls-muted);font-size:13px}.schedule-eyebrow{font-size:10px!important;text-transform:uppercase;letter-spacing:.12em;color:var(--nls-muted)!important;font-weight:700}
.schedule-source-badge{padding:7px 10px;border-radius:999px;font-size:11px;font-weight:700}.schedule-source-badge.is-auto{background:#dcfce7;color:#15803d}.schedule-source-badge.is-manual{background:#ede9fe;color:#6d28d9}
.schedule-section{padding:18px}.schedule-section-title{display:flex;align-items:flex-start;gap:11px;margin-bottom:16px}.schedule-title-icon{width:26px;height:26px}.schedule-title-icon svg{width:19px;height:19px}.schedule-section-title h3{margin:0 0 2px;font-size:15px}.schedule-section-title p{margin:0;color:var(--nls-muted);font-size:12px}
.schedule-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.schedule-meta-grid>div{padding:12px;border:1px solid var(--nls-line);border-radius:11px;background:var(--nls-surface-2);display:grid;gap:4px}.schedule-meta-grid span{font-size:11px;color:var(--nls-muted)}.schedule-meta-grid strong{font-size:13px}.schedule-meta-grid .is-deadline{color:#ef4444}
.schedule-products{border:1px solid var(--nls-line);border-radius:12px;overflow:hidden}.schedule-product-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;border-bottom:1px solid var(--nls-line)}.schedule-product-row:last-child{border-bottom:0}.schedule-product-row>div{display:grid;gap:3px;min-width:0}.schedule-product-row strong{font-size:12px}.schedule-product-row small{font-size:10px;color:var(--nls-muted)}.schedule-product-row>span{white-space:nowrap;font-weight:700;font-size:12px;color:var(--nls-accent)}
.schedule-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.schedule-form-grid label{display:grid;gap:7px}.schedule-form-grid label>span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--nls-muted)}.schedule-form-grid .is-full{grid-column:1/-1}.schedule-form-grid input,.schedule-form-grid select,.schedule-form-grid textarea{width:100%;border:1px solid var(--nls-line);border-radius:10px;background:var(--nls-surface-2);color:var(--nls-text);padding:11px 12px;min-height:44px}.schedule-form-grid textarea{min-height:92px;resize:vertical}.schedule-form-grid input:focus,.schedule-form-grid select:focus,.schedule-form-grid textarea:focus{outline:none;border-color:var(--nls-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--nls-accent) 12%,transparent)}
.schedule-form-actions{display:flex;justify-content:flex-end;margin-top:16px}.schedule-form-actions .btn{min-height:43px;padding:0 18px;border-radius:10px;font-weight:700}
.schedule-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.schedule-doc-grid>a{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--nls-line);border-radius:12px;background:var(--nls-surface-2);color:var(--nls-text);text-decoration:none;transition:.18s}.schedule-doc-grid>a:hover{border-color:var(--nls-accent);transform:translateY(-1px)}.schedule-doc-grid a>div{display:grid;gap:3px}.schedule-doc-grid strong{font-size:12px}.schedule-doc-grid small{font-size:10px;color:var(--nls-muted)}.doc-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.doc-icon.pdf{color:#ef4444;background:#fee2e2}.doc-icon.sheet{color:#16a34a;background:#dcfce7}.doc-icon svg{width:21px;height:21px}
.schedule-actions-section .btn{border-radius:10px}.schedule-actions-section{margin-bottom:8px}
html[data-theme="dark"] .schedule-order-card,html[data-theme="dark"] .schedule-section{box-shadow:none}html[data-theme="dark"] .drawer{box-shadow:-28px 0 80px rgba(0,0,0,.38)}html[data-theme="dark"] .doc-icon.pdf{background:rgba(239,68,68,.12)}html[data-theme="dark"] .doc-icon.sheet{background:rgba(34,197,94,.12)}html[data-theme="dark"] .schedule-source-badge.is-auto{background:rgba(34,197,94,.14);color:#86efac}
@media(max-width:620px){.drawer{width:100vw}.drawer-body{padding:16px 14px 28px}.schedule-form-grid,.schedule-meta-grid,.schedule-doc-grid{grid-template-columns:1fr}.schedule-form-grid .is-full{grid-column:auto}.schedule-section{padding:15px}.schedule-order-card{padding:15px}}

/* Sprint 4.0.9 — clean date pickers and fully clickable document cards */
.schedule-date-picker{position:relative;min-height:48px;border:1px solid var(--nls-line);border-radius:12px;background:var(--nls-surface-2);display:flex;align-items:center;gap:11px;padding:0 42px 0 13px;overflow:hidden;transition:border-color .18s,box-shadow .18s,background .18s;cursor:pointer}
.schedule-date-picker:hover{border-color:color-mix(in srgb,var(--nls-accent) 45%,var(--nls-line));background:color-mix(in srgb,var(--nls-accent) 3%,var(--nls-surface-2))}
.schedule-date-picker:focus-within{border-color:var(--nls-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--nls-accent) 12%,transparent)}
.schedule-date-icon{width:31px;height:31px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--nls-accent) 10%,transparent);color:var(--nls-accent);flex:0 0 auto}
.schedule-date-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.schedule-date-value{font-size:13px;font-weight:700;color:var(--nls-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.schedule-date-picker.is-empty .schedule-date-value{font-weight:500;color:var(--nls-muted)}
.schedule-date-chevron{position:absolute;right:14px;top:50%;transform:translateY(-54%);font-size:18px;color:var(--nls-muted);pointer-events:none}
.schedule-date-input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;padding:0!important;border:0!important;min-height:0!important}
.schedule-date-input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.schedule-date-input:disabled{cursor:not-allowed!important}
.schedule-date-picker:has(.schedule-date-input:disabled){opacity:.65;cursor:not-allowed}

.schedule-doc-grid{gap:12px}
.schedule-doc-grid>a.schedule-doc-card{position:relative;min-height:76px;padding:14px 46px 14px 14px;border-radius:14px;background:var(--nls-surface);box-shadow:0 5px 18px rgba(15,23,42,.035);cursor:pointer}
.schedule-doc-grid>a.schedule-doc-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.08)}
.schedule-doc-grid>a.schedule-doc-card.pdf-card:hover{border-color:#ef4444;background:color-mix(in srgb,#ef4444 3%,var(--nls-surface))}
.schedule-doc-grid>a.schedule-doc-card.sheet-card:hover{border-color:#22c55e;background:color-mix(in srgb,#22c55e 3%,var(--nls-surface))}
.schedule-doc-card .doc-icon{width:42px;height:42px;border-radius:12px;flex:0 0 auto}
.schedule-doc-card .doc-icon svg{width:24px;height:24px;stroke-width:1.9}
.schedule-doc-card strong{font-size:13px}.schedule-doc-card small{font-size:11px;line-height:1.3}
.schedule-doc-arrow{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:27px;height:27px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--nls-muted);background:var(--nls-surface-2);border:1px solid var(--nls-line);transition:.18s}
.schedule-doc-card:hover .schedule-doc-arrow{color:var(--nls-text);transform:translateY(-50%) translate(2px,-2px)}
html[data-theme="dark"] .schedule-doc-grid>a.schedule-doc-card{box-shadow:none}
html[data-theme="dark"] .schedule-date-picker{background:var(--nls-surface-2)}
@media(max-width:620px){.schedule-doc-grid>a.schedule-doc-card{min-height:70px}.schedule-date-value{font-size:12px}}

/* Sprint 5 — Calendar + Parc auto */
.s5-page{display:grid;gap:18px}.s5-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.s5-head h1{margin:0;font-size:28px}.s5-head p{margin:6px 0 0;color:var(--nls-muted)}.s5-toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:12px;border:1px solid var(--nls-border);border-radius:14px;background:var(--nls-card)}.s5-segment{display:flex;border:1px solid var(--nls-border);border-radius:9px;padding:3px}.s5-segment a,.s5-today,.s5-period a{color:var(--nls-text);text-decoration:none}.s5-segment a{padding:8px 13px;border-radius:7px;font-weight:700;font-size:13px}.s5-segment a.active{background:var(--nls-accent);color:#fff}.s5-period{display:flex;justify-content:center;align-items:center;gap:16px}.s5-period a{width:34px;height:34px;border:1px solid var(--nls-border);border-radius:9px;display:grid;place-items:center;font-size:22px}.s5-today{border:1px solid var(--nls-border);padding:9px 14px;border-radius:9px;font-weight:700}.s5-calendar{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));border:1px solid var(--nls-border);border-radius:15px;overflow:auto;background:var(--nls-card)}.s5-calendar.is-month{grid-template-columns:repeat(7,minmax(135px,1fr))}.s5-day{min-height:520px;border-right:1px solid var(--nls-border)}.s5-calendar.is-month .s5-day{min-height:175px;border-bottom:1px solid var(--nls-border)}.s5-day:last-child{border-right:0}.s5-day>header{padding:12px;border-bottom:1px solid var(--nls-border);display:flex;justify-content:space-between;color:var(--nls-muted)}.s5-day.today>header{background:color-mix(in srgb,var(--nls-accent) 11%,transparent);color:var(--nls-accent)}.s5-day-body{padding:8px;display:grid;gap:8px;align-content:start}.s5-event{display:grid;gap:4px;padding:10px;border:1px solid var(--nls-border);border-left:3px solid var(--nls-accent);border-radius:9px;text-decoration:none;color:var(--nls-text);background:color-mix(in srgb,var(--nls-card) 94%,var(--nls-accent));transition:.18s}.s5-event:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,23,42,.08)}.s5-event-time{font-size:11px;font-weight:900;color:var(--nls-accent)}.s5-event small,.s5-empty{color:var(--nls-muted);font-size:11px}.s5-empty{padding:16px 4px}.s5-day.muted-day{opacity:.5}.s5-primary{border:0;border-radius:10px;background:var(--nls-accent);color:#fff;padding:11px 16px;font-weight:800;cursor:pointer}.s5-fleet-summary{display:flex;gap:12px}.s5-fleet-summary>div{min-width:150px;border:1px solid var(--nls-border);border-radius:13px;background:var(--nls-card);padding:15px;display:grid}.s5-fleet-summary strong{font-size:25px}.s5-fleet-summary span{color:var(--nls-muted)}.s5-fleet-summary .warn strong{color:#e08a00}.s5-fleet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.s5-vehicle-card{border:1px solid var(--nls-border);border-radius:16px;background:var(--nls-card);padding:18px;display:grid;gap:16px}.s5-vehicle-card>header{display:flex;align-items:center;gap:12px}.s5-vehicle-card h2{margin:0}.s5-vehicle-card p{margin:4px 0 0;color:var(--nls-muted)}.s5-vehicle-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--nls-accent) 12%,transparent);color:var(--nls-accent)}.s5-vehicle-icon svg{width:24px}.s5-edit{margin-left:auto;border:1px solid var(--nls-border);background:transparent;color:var(--nls-text);border-radius:9px;padding:8px 11px;cursor:pointer}.s5-doc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.s5-doc-state{border:1px solid var(--nls-border);border-radius:11px;padding:12px;display:grid;gap:5px}.s5-doc-state span{font-size:12px;color:var(--nls-muted)}.s5-doc-state strong{font-size:13px}.s5-doc-state.ok{border-color:#b8e8cf}.s5-doc-state.ok strong{color:#168653}.s5-doc-state.soon{border-color:#f2d38c;background:rgba(245,158,11,.06)}.s5-doc-state.soon strong{color:#c87900}.s5-doc-state.expired{border-color:#f2b6b6;background:rgba(239,68,68,.06)}.s5-doc-state.expired strong{color:#dc2626}.s5-doc-state.missing strong{color:var(--nls-muted)}.s5-vehicle-card footer{display:flex;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--nls-border);color:var(--nls-muted);font-size:12px}.s5-empty-fleet{grid-column:1/-1;padding:35px;text-align:center;border:1px dashed var(--nls-border);border-radius:14px;color:var(--nls-muted)}.s5-modal[hidden]{display:none!important}.s5-modal{position:fixed;inset:0;z-index:999;background:rgba(8,15,28,.62);display:grid;place-items:center;padding:20px}.s5-modal-card{width:min(720px,100%);position:relative;background:var(--nls-card);color:var(--nls-text);border-radius:18px;padding:24px}.s5-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:inherit;font-size:26px}.s5-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.s5-form-grid label{display:grid;gap:6px;font-size:12px;font-weight:800}.s5-form-grid input,.s5-form-grid textarea{border:1px solid var(--nls-border);border-radius:9px;background:var(--nls-input,var(--nls-card));color:var(--nls-text);padding:11px;font:inherit}.s5-form-grid .wide{grid-column:1/-1}.s5-form-grid textarea{min-height:75px}.s5-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.s5-secondary{border:1px solid var(--nls-border);background:transparent;color:var(--nls-text);border-radius:10px;padding:10px 15px}.s5-event.status-delivered{border-left-color:#16a36a}.s5-event.status-in_transit{border-left-color:#2563eb}.s5-event.status-loaded{border-left-color:#f59e0b}
@media(max-width:900px){.s5-toolbar{grid-template-columns:1fr}.s5-period{justify-content:space-between}.s5-calendar{grid-template-columns:repeat(7,minmax(145px,1fr))}.s5-fleet-grid{grid-template-columns:1fr}.s5-form-grid{grid-template-columns:1fr}.s5-form-grid .wide{grid-column:auto}}

/* Sprint 5.0.2 — calendar polish + fleet propriu separat */
.s5-page{max-width:1480px;margin:0 auto;gap:20px}
.s5-head{padding:0 2px}.s5-head h1{font-size:24px}.s5-head p{max-width:760px;line-height:1.55}
.s5-toolbar{border-color:var(--nls-line);background:var(--nls-surface);box-shadow:0 8px 28px rgba(15,23,42,.04)}
.s5-segment,.s5-period a,.s5-today{border-color:var(--nls-line)}
.s5-calendar{border-color:var(--nls-line);background:var(--nls-surface);box-shadow:0 10px 30px rgba(15,23,42,.05);overflow-x:auto}
.s5-day{border-color:var(--nls-line);min-height:500px;background:var(--nls-surface)}
.s5-day>header{border-color:var(--nls-line);padding:13px 14px;font-size:12px}
.s5-day-body{padding:10px;gap:9px}
.s5-event{border-color:var(--nls-line);background:var(--nls-surface-2);padding:11px 12px;box-shadow:none}
.s5-event strong{font-size:13px;line-height:1.25}.s5-event small{line-height:1.45}.s5-empty{text-align:center;padding:22px 6px}
.s5-primary{display:inline-flex;align-items:center;gap:8px;background:var(--nls-accent)}.s5-primary svg{width:17px;height:17px}
.s5-fleet-summary>div,.s5-vehicle-card{border-color:var(--nls-line);background:var(--nls-surface)}
.s5-fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.s5-vehicle-card{box-shadow:0 8px 28px rgba(15,23,42,.045)}
.s5-edit{display:inline-flex;align-items:center;gap:7px;border-color:var(--nls-line)}.s5-edit svg{width:15px;height:15px}
.s5-doc-state{border-color:var(--nls-line);background:var(--nls-surface-2)}
.s5-vehicle-card footer{border-color:var(--nls-line)}
.s5-empty-fleet{display:grid;gap:7px;background:var(--nls-surface);border-color:var(--nls-line)}.s5-empty-fleet strong{font-size:16px;color:var(--nls-text)}
.s5-modal-card{background:var(--nls-surface)}.s5-modal-lead{margin:-8px 0 18px;color:var(--nls-muted)}
.s5-form-grid input,.s5-form-grid textarea{background:var(--nls-surface-2);border-color:var(--nls-line)}
.s5-actions-spacer{flex:1}.s5-danger{border:1px solid color-mix(in srgb,#dc2626 35%,var(--nls-line));background:color-mix(in srgb,#dc2626 8%,transparent);color:#dc2626;border-radius:10px;padding:10px 15px;font-weight:800;cursor:pointer}
html[data-theme="dark"] .s5-toolbar,html[data-theme="dark"] .s5-calendar,html[data-theme="dark"] .s5-vehicle-card{box-shadow:none}
@media(max-width:900px){.s5-page{max-width:none}.s5-fleet-grid{grid-template-columns:1fr}.s5-head{align-items:flex-start;flex-direction:column}.s5-head .s5-primary{width:100%;justify-content:center}}

/* Calendar logistic */
.logistics-calendar-page{display:grid;gap:18px;max-width:1600px;margin:0 auto}.calendar-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.calendar-page-header h1{margin:0;font-size:30px;letter-spacing:-.03em}.calendar-page-header p{margin:7px 0 0;color:var(--nls-muted)}.calendar-header-actions{display:flex;gap:10px}.calendar-outline-button,.calendar-primary-button,.calendar-today-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 15px;font-weight:800;text-decoration:none}.calendar-outline-button,.calendar-today-button{border:1px solid var(--nls-border);background:var(--nls-card);color:var(--nls-text)}.calendar-primary-button{border:1px solid var(--nls-accent);background:var(--nls-accent);color:#fff}.calendar-primary-button svg{width:17px;height:17px}.calendar-toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:12px 14px;border:1px solid var(--nls-border);border-radius:14px;background:var(--nls-card)}.calendar-view-switch{display:flex;padding:3px;border:1px solid var(--nls-border);border-radius:9px}.calendar-view-switch a{padding:8px 14px;border-radius:7px;color:var(--nls-text);font-size:13px;font-weight:800;text-decoration:none}.calendar-view-switch a.active{background:var(--nls-accent);color:#fff}.calendar-navigation{display:flex;align-items:center;justify-content:center;gap:18px}.calendar-navigation a{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--nls-border);border-radius:9px;color:var(--nls-text);font-size:22px;text-decoration:none}.calendar-timeline{--hour-height:88px;display:grid;grid-template-columns:78px repeat(var(--calendar-days),minmax(150px,1fr));grid-template-rows:68px 704px;border:1px solid var(--nls-border);border-radius:15px;overflow:auto;background:var(--nls-card);box-shadow:0 14px 34px rgba(15,23,42,.06)}.calendar-corner{grid-column:1;grid-row:1;border-right:1px solid var(--nls-border);border-bottom:1px solid var(--nls-border)}.calendar-day-heading{grid-row:1;display:flex;align-items:center;justify-content:center;gap:7px;border-right:1px solid var(--nls-border);border-bottom:1px solid var(--nls-border);color:var(--nls-muted)}.calendar-day-heading strong{color:var(--nls-text)}.calendar-day-heading.today{background:color-mix(in srgb,var(--nls-accent) 9%,transparent)}.calendar-day-heading.today strong{color:var(--nls-accent)}.calendar-time-axis{grid-column:1;grid-row:2;position:relative;border-right:1px solid var(--nls-border)}.calendar-time-axis span{position:absolute;right:13px;transform:translateY(-7px);font-size:12px;color:var(--nls-muted);font-weight:700}.calendar-day-column{grid-row:2;position:relative;min-width:150px;border-right:1px solid var(--nls-border);background:var(--nls-card)}.calendar-day-column.today{background:color-mix(in srgb,var(--nls-accent) 3%,var(--nls-card))}.calendar-hour-line,.calendar-half-line{position:absolute;left:0;right:0;height:1px;background:var(--nls-border);pointer-events:none}.calendar-half-line{opacity:.45}.calendar-event-card{position:absolute;left:7px;right:7px;z-index:2;min-height:78px;display:grid;align-content:start;gap:3px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--event-color) 30%,var(--nls-border));border-left:4px solid var(--event-color);border-radius:9px;background:color-mix(in srgb,var(--event-color) 10%,var(--nls-card));color:var(--nls-text);text-decoration:none;box-shadow:0 5px 14px rgba(15,23,42,.06);transition:transform .16s ease,box-shadow .16s ease}.calendar-event-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,23,42,.12)}.calendar-event-card.is-planned{--event-color:#64748b}.calendar-event-card.is-scheduled{--event-color:#7c3aed}.calendar-event-card.is-transit{--event-color:#2563eb}.calendar-event-card.is-delivered{--event-color:#16a36a}.calendar-event-time{font-size:11px;font-weight:900;color:var(--event-color)}.calendar-event-card strong{font-size:13px;line-height:1.15}.calendar-event-card small{font-size:11px;color:var(--nls-muted)}.calendar-event-card em{margin-top:3px;font-size:10px;font-style:normal;font-weight:900;color:var(--event-color)}.calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(135px,1fr));border:1px solid var(--nls-border);border-radius:15px;overflow:auto;background:var(--nls-card)}.calendar-month-day{min-height:165px;padding:10px;border-right:1px solid var(--nls-border);border-bottom:1px solid var(--nls-border)}.calendar-month-day header{display:flex;justify-content:space-between;color:var(--nls-muted);font-size:12px}.calendar-month-day.today{background:color-mix(in srgb,var(--nls-accent) 7%,var(--nls-card))}.calendar-month-day.outside{opacity:.45}.calendar-month-event{display:block;margin-top:7px;padding:6px 8px;border-left:3px solid var(--nls-accent);border-radius:6px;background:color-mix(in srgb,var(--nls-accent) 8%,var(--nls-card));color:var(--nls-text);font-size:11px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-month-day small{display:block;margin-top:6px;color:var(--nls-muted)}html[data-theme="dark"] .calendar-timeline,html[data-theme="dark"] .calendar-toolbar{box-shadow:none}@media(max-width:900px){.calendar-page-header{flex-direction:column}.calendar-header-actions{width:100%}.calendar-header-actions a{flex:1}.calendar-toolbar{grid-template-columns:1fr}.calendar-navigation{justify-content:space-between}.calendar-timeline{grid-template-columns:65px repeat(var(--calendar-days),minmax(190px,1fr))}.calendar-month-grid{grid-template-columns:repeat(7,minmax(150px,1fr))}}

/* Alerte documente parc auto */
.oc-alert-fleet .oc-alert-icon{color:#2563eb;background:rgba(37,99,235,.1)}.oc-alert-item.fleet-alert-watch b{color:#a16207}.oc-alert-item.fleet-alert-urgent b{color:#ea580c}.oc-alert-item.fleet-alert-critical b{color:#dc2626}.oc-alert-item.fleet-alert-watch{border-left:3px solid #eab308}.oc-alert-item.fleet-alert-urgent{border-left:3px solid #f97316}.oc-alert-item.fleet-alert-critical{border-left:3px solid #dc2626}

/* Calendar logistic */
.logistics-calendar-page{--calendar-grid-line:#d5dce6;max-width:none;width:100%;}
.calendar-table-wrap{width:100%;overflow-x:auto;overflow-y:visible;border:1px solid var(--calendar-grid-line);border-radius:15px;background:var(--nls-card);box-shadow:0 12px 30px rgba(15,23,42,.05)}
.calendar-week-table{width:100%;min-width:1080px;border-collapse:collapse;table-layout:fixed;background:var(--nls-card)}
.calendar-week-table th,.calendar-week-table td{border:1px solid var(--calendar-grid-line)}
.calendar-week-table thead th{height:60px;padding:0 12px;background:var(--nls-card);position:sticky;top:0;z-index:3;border-top:0}
.calendar-time-header{width:72px;color:var(--nls-muted);font-size:12px;text-align:center}
.calendar-table-day{text-align:center;color:var(--nls-muted);font-size:13px;font-weight:600}
.calendar-table-day span{margin-right:6px}.calendar-table-day strong{color:var(--nls-text);font-size:14px}.calendar-table-day.today{background:color-mix(in srgb,var(--nls-accent) 9%,var(--nls-card))}.calendar-table-day.today strong{color:var(--nls-accent)}
.calendar-time-cell{width:72px;height:58px;padding:0 10px;text-align:right;vertical-align:top;padding-top:9px;background:var(--nls-card);color:var(--nls-muted);font-size:11px;font-weight:800}
.calendar-slot-cell{height:58px;padding:4px;vertical-align:top;background:var(--nls-card)}
.calendar-slot-cell.today{background:color-mix(in srgb,var(--nls-accent) 2.5%,var(--nls-card))}
.calendar-slot-events{display:flex;gap:4px;width:100%;height:100%;min-height:49px}
.calendar-table-event{--event-color:#64748b;display:flex;min-width:0;flex:1;flex-direction:column;justify-content:center;gap:1px;padding:5px 7px;border:1px solid color-mix(in srgb,var(--event-color) 22%,var(--nls-border));border-left:3px solid var(--event-color);border-radius:7px;background:color-mix(in srgb,var(--event-color) 6%,var(--nls-card));color:var(--nls-text);text-decoration:none;overflow:hidden;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.calendar-table-event:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--event-color) 48%,var(--nls-border));background:color-mix(in srgb,var(--event-color) 10%,var(--nls-card))}
.calendar-table-event.is-planned{--event-color:#64748b}.calendar-table-event.is-scheduled{--event-color:#7c3aed}.calendar-table-event.is-transit{--event-color:#2563eb}.calendar-table-event.is-delivered{--event-color:#16a36a}
.calendar-table-event-top{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0}.calendar-table-event-top b{font-size:10px;color:var(--event-color)}.calendar-table-event-top em{font-size:9px;font-style:normal;color:var(--event-color);white-space:nowrap}
.calendar-table-event>strong{font-size:11px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-table-event>small{font-size:9px;color:var(--nls-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-slot-events.has-multiple .calendar-table-event-top em{display:none}.calendar-slot-events.has-multiple .calendar-table-event{padding-inline:5px}.calendar-slot-events.has-multiple .calendar-table-event>small{display:none}
html[data-theme="dark"] .logistics-calendar-page{--calendar-grid-line:#334155}html[data-theme="dark"] .calendar-table-wrap{box-shadow:none}
@media(max-width:900px){.calendar-week-table{min-width:980px}.calendar-page-header p{display:none}.calendar-table-wrap{border-radius:12px}.calendar-time-cell,.calendar-time-header{width:58px}.calendar-toolbar{position:static}.calendar-header-actions{display:none}}

/* Calendar compact cu durată de încărcare */
.calendar-page-header-compact{justify-content:flex-end;margin:0}
.calendar-page-header-compact .calendar-header-actions{margin-left:auto}
.calendar-week-table tbody tr{height:36px}
.calendar-time-cell{height:36px;padding-top:6px}
.calendar-slot-cell{height:36px;padding:3px;position:relative;overflow:visible}
.calendar-slot-events{min-height:29px;height:29px;position:relative;overflow:visible}
.calendar-table-event{position:relative;z-index:2;height:calc((36px * var(--event-span,3)) - 7px);min-height:calc((36px * var(--event-span,3)) - 7px);justify-content:flex-start;padding:6px 7px;box-sizing:border-box;box-shadow:0 4px 12px rgba(15,23,42,.08)}
.calendar-table-event:hover{z-index:8}
.calendar-week-table tbody tr:hover>th,
.calendar-week-table tbody tr:hover>td,
.calendar-week-table tbody td:hover,
.calendar-week-table tbody th:hover{background:inherit!important}
html[data-theme="dark"] .calendar-week-table tbody tr:hover>th,
html[data-theme="dark"] .calendar-week-table tbody tr:hover>td,
html[data-theme="dark"] .calendar-week-table tbody td:hover,
html[data-theme="dark"] .calendar-week-table tbody th:hover{background:var(--nls-card)!important;color:var(--nls-text)!important}
html[data-theme="dark"] .calendar-slot-cell.today:hover{background:color-mix(in srgb,var(--nls-accent) 2.5%,var(--nls-card))!important}
html[data-theme="dark"] .calendar-table-event:hover{background:color-mix(in srgb,var(--event-color) 12%,var(--nls-card))!important}
@media(max-width:900px){.calendar-week-table tbody tr{height:34px}.calendar-time-cell,.calendar-slot-cell{height:34px}.calendar-table-event{height:calc((34px * var(--event-span,3)) - 7px);min-height:calc((34px * var(--event-span,3)) - 7px)}}


/* Calendar: carduri solide și limită vizuală la 16:00 */
.calendar-week-table tbody tr:hover{
  background:transparent!important;
}
.calendar-week-table tbody tr:hover>th,
.calendar-week-table tbody tr:hover>td,
.calendar-week-table tbody td:hover,
.calendar-week-table tbody th:hover{
  background:var(--nls-card)!important;
}
.calendar-week-table tbody tr:hover>.calendar-slot-cell.today,
.calendar-week-table tbody .calendar-slot-cell.today:hover{
  background:color-mix(in srgb,var(--nls-accent) 2.5%,var(--nls-card))!important;
}
.calendar-table-event{
  opacity:1;
  background:#f8fafc;
  border-color:#cbd5e1;
  box-shadow:0 4px 12px rgba(15,23,42,.10);
}
.calendar-table-event.is-planned{background:#f1f5f9;border-color:#cbd5e1}
.calendar-table-event.is-scheduled{background:#f3efff;border-color:#c4b5fd}
.calendar-table-event.is-transit{background:#eef5ff;border-color:#93c5fd}
.calendar-table-event.is-delivered{background:#ecfdf5;border-color:#86efac}
.calendar-table-event:hover{filter:brightness(.985)}
html[data-theme="dark"] .calendar-week-table tbody tr:hover{
  background:transparent!important;
}
html[data-theme="dark"] .calendar-week-table tbody tr:hover>th,
html[data-theme="dark"] .calendar-week-table tbody tr:hover>td,
html[data-theme="dark"] .calendar-week-table tbody td:hover,
html[data-theme="dark"] .calendar-week-table tbody th:hover{
  background:#20242a!important;
}
html[data-theme="dark"] .calendar-week-table tbody tr:hover>.calendar-slot-cell.today,
html[data-theme="dark"] .calendar-week-table tbody .calendar-slot-cell.today:hover{
  background:color-mix(in srgb,var(--nls-accent) 7%,#20242a)!important;
}
html[data-theme="dark"] .calendar-table-event{
  color:#f8fafc;
  box-shadow:0 5px 14px rgba(0,0,0,.28);
}
html[data-theme="dark"] .calendar-table-event.is-planned{background:#2b3038;border-color:#475569}
html[data-theme="dark"] .calendar-table-event.is-scheduled{background:#30274a;border-color:#6d5bd0}
html[data-theme="dark"] .calendar-table-event.is-transit{background:#203451;border-color:#3b82f6}
html[data-theme="dark"] .calendar-table-event.is-delivered{background:#183b30;border-color:#22c55e}
html[data-theme="dark"] .calendar-table-event:hover{filter:brightness(1.08)}

/* Calendar compact */
.calendar-primary-button,
.calendar-primary-button:visited,
.calendar-primary-button:hover,
.calendar-primary-button:focus,
.calendar-primary-button *{
  color:#fff!important;
  fill:none;
  stroke:currentColor;
}
.calendar-table-wrap{
  overflow:visible;
  max-height:none;
}
.calendar-week-table{
  min-width:0;
}
.calendar-week-table thead th{
  height:48px;
  padding:0 8px;
}
.calendar-week-table tbody tr{
  height:30px;
}
.calendar-time-cell,
.calendar-slot-cell{
  height:30px;
}
.calendar-time-cell{
  padding-top:5px;
  font-size:10px;
}
.calendar-slot-cell{
  padding:2px;
}
.calendar-slot-events{
  min-height:26px;
  height:26px;
}
.calendar-table-event{
  height:calc((30px * var(--event-span,3)) - 5px);
  min-height:calc((30px * var(--event-span,3)) - 5px);
  padding:5px 6px;
}
.calendar-table-event-top b{font-size:9px}
.calendar-table-event-top em{font-size:8px}
.calendar-table-event>strong{font-size:10px}
.calendar-table-event>small{font-size:8px}

@media(max-width:900px){
  .calendar-table-wrap{overflow-x:auto;overflow-y:hidden}
  .calendar-week-table{min-width:980px}
  .calendar-week-table tbody tr{height:30px}
  .calendar-time-cell,.calendar-slot-cell{height:30px}
  .calendar-table-event{height:calc((30px * var(--event-span,3)) - 5px);min-height:calc((30px * var(--event-span,3)) - 5px)}
}

/* Calendar orar 08:00–16:00 */
.calendar-week-table thead th{height:52px}
.calendar-week-table tbody tr{height:58px}
.calendar-time-cell,.calendar-slot-cell{height:58px}
.calendar-time-cell{padding-top:8px;font-size:11px}
.calendar-slot-cell{padding:3px;position:relative;overflow:visible}
.calendar-slot-events{min-height:52px;height:52px;position:relative;overflow:visible}
.calendar-table-event{
  position:absolute;
  top:calc((58px * var(--event-offset,0)) + 2px);
  left:3px;
  right:3px;
  width:auto;
  height:calc((58px * var(--event-span,1.5)) - 6px);
  min-height:calc((58px * var(--event-span,1.5)) - 6px);
  z-index:2;
  padding:7px 8px;
}
.calendar-slot-events.has-multiple{display:flex;gap:4px}
.calendar-slot-events.has-multiple .calendar-table-event{position:relative;top:0;left:auto;right:auto;flex:1;width:auto}
.calendar-table-wrap{overflow-x:visible;overflow-y:visible}
@media(max-width:900px){
  .calendar-table-wrap{overflow-x:auto;overflow-y:visible}
  .calendar-week-table{min-width:980px}
  .calendar-week-table tbody tr{height:52px}
  .calendar-time-cell,.calendar-slot-cell{height:52px}
  .calendar-slot-events{height:46px;min-height:46px}
  .calendar-table-event{top:calc((52px * var(--event-offset,0)) + 2px);height:calc((52px * var(--event-span,1.5)) - 6px);min-height:calc((52px * var(--event-span,1.5)) - 6px)}
}


/* Calendar logistic: interval operațional și carduri bine delimitate */
.calendar-week-table{border-collapse:separate;border-spacing:0;border:1px solid color-mix(in srgb,var(--nls-line) 78%,var(--nls-text) 22%)}
.calendar-week-table th,.calendar-week-table td{border-right:1px solid color-mix(in srgb,var(--nls-line) 72%,var(--nls-text) 28%);border-bottom:1px solid color-mix(in srgb,var(--nls-line) 72%,var(--nls-text) 28%)}
.calendar-week-table tr>*:last-child{border-right:0}
.calendar-week-table tbody tr:last-child>*{border-bottom:0}
.calendar-table-event{border-width:2px!important;box-shadow:0 5px 14px rgba(15,23,42,.12)!important;padding:9px 10px!important;border-radius:8px!important}
.calendar-table-event.is-scheduled{border-color:#7c3aed!important}
.calendar-table-event.is-transit{border-color:#2563eb!important}
.calendar-table-event.is-delivered{border-color:#16a34a!important}
.calendar-table-event.is-planned{border-color:#64748b!important}
html[data-theme="dark"] .calendar-week-table{border-color:#526071}
html[data-theme="dark"] .calendar-week-table th,html[data-theme="dark"] .calendar-week-table td{border-color:#435063}
html[data-theme="dark"] .calendar-table-event{box-shadow:0 6px 16px rgba(0,0,0,.34)!important}


/* Dashboard attention alignment and fleet urgency */
.oc-attention-center{
  position:relative;
  box-shadow:none;
  border-left:4px solid var(--nls-accent);
}
.oc-alert-card::before{display:none!important}
.oc-attention-grid{align-items:stretch}
.oc-alert-card{height:100%}
.oc-alert-deadline{border-left:1px solid color-mix(in srgb,var(--nls-danger) 58%,var(--nls-line))}
.oc-alert-fleet{border-top:1px solid var(--nls-line)}

.oc-alert-fleet .oc-alert-icon{
  color:#ef4444;
  background:rgba(239,68,68,.13);
}
.oc-alert-fleet .oc-alert-number{
  color:#ef4444;
  border-color:rgba(239,68,68,.45);
  background:rgba(239,68,68,.12);
}
.oc-alert-item[class*="fleet-alert-"]{
  position:relative;
  min-height:64px;
  padding:13px 15px 13px 50px;
  border-width:2px;
  overflow:hidden;
}
.oc-alert-item[class*="fleet-alert-"]::before{
  content:"!";
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:999px;
  font-size:14px;
  font-weight:900;
}
.oc-alert-item[class*="fleet-alert-"] strong{font-size:14px;letter-spacing:.01em}
.oc-alert-item[class*="fleet-alert-"] small{font-size:12px;margin-top:5px}
.fleet-alert-badge{
  padding:7px 10px;
  border-radius:999px;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.045em;
  white-space:nowrap;
}
.oc-alert-item.fleet-alert-watch{
  border-color:#d9a70c;
  background:#fff9df;
  box-shadow:0 8px 20px rgba(161,98,7,.08);
}
.oc-alert-item.fleet-alert-watch::before{color:#7c5200;background:#fde68a}
.oc-alert-item.fleet-alert-watch .fleet-alert-badge{color:#744500;background:#fde68a}

.oc-alert-item.fleet-alert-urgent{
  border-color:#f04438;
  background:#fff0ed;
  box-shadow:0 10px 26px rgba(220,38,38,.16),inset 5px 0 0 #ef4444;
}
.oc-alert-item.fleet-alert-urgent::before{color:#fff;background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.12)}
.oc-alert-item.fleet-alert-urgent strong{color:#991b1b;font-size:15px}
.oc-alert-item.fleet-alert-urgent small{color:#b42318}
.oc-alert-item.fleet-alert-urgent .fleet-alert-badge{color:#fff;background:#dc2626;box-shadow:0 5px 14px rgba(220,38,38,.25)}

.oc-alert-item.fleet-alert-critical{
  border-color:#b91c1c;
  background:#fee2e2;
  box-shadow:0 12px 30px rgba(185,28,28,.24),inset 6px 0 0 #991b1b;
}
.oc-alert-item.fleet-alert-critical::before{content:"!!";color:#fff;background:#991b1b;box-shadow:0 0 0 6px rgba(185,28,28,.15)}
.oc-alert-item.fleet-alert-critical strong{color:#7f1d1d;font-size:15px}
.oc-alert-item.fleet-alert-critical small{color:#991b1b;font-weight:700}
.oc-alert-item.fleet-alert-critical .fleet-alert-badge{color:#fff;background:#991b1b;box-shadow:0 5px 14px rgba(153,27,27,.3)}

html[data-theme="dark"] .oc-attention-center{border-left-color:#3b82f6}
html[data-theme="dark"] .oc-alert-item.fleet-alert-watch{background:#302812;border-color:#a77900}
html[data-theme="dark"] .oc-alert-item.fleet-alert-watch strong{color:#fef3c7}
html[data-theme="dark"] .oc-alert-item.fleet-alert-watch small{color:#f5d770}
html[data-theme="dark"] .oc-alert-item.fleet-alert-urgent{background:#3a1819;border-color:#ef4444;box-shadow:0 10px 30px rgba(239,68,68,.2),inset 5px 0 0 #ef4444}
html[data-theme="dark"] .oc-alert-item.fleet-alert-urgent strong{color:#fecaca}
html[data-theme="dark"] .oc-alert-item.fleet-alert-urgent small{color:#fca5a5}
html[data-theme="dark"] .oc-alert-item.fleet-alert-critical{background:#450f13;border-color:#f87171;box-shadow:0 12px 34px rgba(248,113,113,.25),inset 6px 0 0 #ef4444}
html[data-theme="dark"] .oc-alert-item.fleet-alert-critical strong{color:#fff}
html[data-theme="dark"] .oc-alert-item.fleet-alert-critical small{color:#fecaca}

@media(max-width:900px){
  .oc-alert-deadline{border-left:0;border-top:1px solid color-mix(in srgb,var(--nls-danger) 58%,var(--nls-line))}
  .oc-alert-item[class*="fleet-alert-"]{align-items:flex-start;flex-direction:column;padding-right:15px}
  .fleet-alert-badge{margin-left:0}
}


/* Dashboard urgency language shared by operational alerts */
.oc-alert-item.attention-alert-watch,
.oc-alert-item.attention-alert-critical{
  position:relative;
  min-height:64px;
  padding:13px 15px 13px 50px;
  border-width:2px;
  overflow:hidden;
}
.oc-alert-item.attention-alert-watch::before,
.oc-alert-item.attention-alert-critical::before{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:999px;
  font-size:14px;
  font-weight:900;
}
.oc-alert-item.attention-alert-watch::before{content:"!"}
.oc-alert-item.attention-alert-critical::before{content:"!!"}
.oc-alert-item.attention-alert-watch strong,
.oc-alert-item.attention-alert-critical strong{font-size:15px;letter-spacing:.01em}
.oc-alert-item.attention-alert-watch small,
.oc-alert-item.attention-alert-critical small{font-size:12px;margin-top:5px}
.attention-alert-badge{
  padding:7px 10px;
  border-radius:999px;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.045em;
  white-space:nowrap;
}
.oc-alert-item.attention-alert-watch{
  border-color:#d9a70c;
  background:#fff9df;
  box-shadow:0 8px 20px rgba(161,98,7,.08),inset 5px 0 0 #d9a70c;
}
.oc-alert-item.attention-alert-watch::before{color:#7c5200;background:#fde68a}
.oc-alert-item.attention-alert-watch strong{color:#744500}
.oc-alert-item.attention-alert-watch small{color:#8a5a00}
.oc-alert-item.attention-alert-watch .attention-alert-badge{color:#744500;background:#fde68a}
.oc-alert-item.attention-alert-critical{
  border-color:#b91c1c;
  background:#fee2e2;
  box-shadow:0 12px 30px rgba(185,28,28,.22),inset 6px 0 0 #991b1b;
}
.oc-alert-item.attention-alert-critical::before{color:#fff;background:#991b1b;box-shadow:0 0 0 6px rgba(185,28,28,.15)}
.oc-alert-item.attention-alert-critical strong{color:#7f1d1d}
.oc-alert-item.attention-alert-critical small{color:#991b1b;font-weight:700}
.oc-alert-item.attention-alert-critical .attention-alert-badge{color:#fff;background:#991b1b;box-shadow:0 5px 14px rgba(153,27,27,.3)}
.oc-alert-deadline .oc-alert-icon{color:#ef4444;background:rgba(239,68,68,.13)}
.oc-alert-deadline .oc-alert-number{color:#ef4444;border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.12)}
.oc-alert-store .oc-alert-icon{color:#d97706;background:rgba(245,158,11,.14)}
.oc-alert-store .oc-alert-number{color:#b45309;border-color:rgba(217,119,6,.4);background:rgba(245,158,11,.13)}
html[data-theme="dark"] .oc-alert-item.attention-alert-watch{background:#302812;border-color:#a77900;box-shadow:0 10px 28px rgba(167,121,0,.18),inset 5px 0 0 #d9a70c}
html[data-theme="dark"] .oc-alert-item.attention-alert-watch strong{color:#fef3c7}
html[data-theme="dark"] .oc-alert-item.attention-alert-watch small{color:#f5d770}
html[data-theme="dark"] .oc-alert-item.attention-alert-critical{background:#450f13;border-color:#f87171;box-shadow:0 12px 34px rgba(248,113,113,.25),inset 6px 0 0 #ef4444}
html[data-theme="dark"] .oc-alert-item.attention-alert-critical strong{color:#fff}
html[data-theme="dark"] .oc-alert-item.attention-alert-critical small{color:#fecaca}
@media(max-width:900px){
  .oc-alert-item.attention-alert-watch,
  .oc-alert-item.attention-alert-critical{align-items:flex-start;flex-direction:column;padding-right:15px}
  .attention-alert-badge{margin-left:0}
}
/* Calendar lunar și hover stabil */
.calendar-month-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  grid-auto-rows:minmax(126px,auto)!important;
  width:100%!important;
  overflow:hidden!important;
  border:1px solid var(--calendar-grid-line)!important;
  border-radius:12px!important;
  background:var(--nls-card)!important;
}
.calendar-month-day{
  min-width:0!important;
  min-height:126px!important;
  padding:10px!important;
  border:0!important;
  border-right:1px solid var(--calendar-grid-line)!important;
  border-bottom:1px solid var(--calendar-grid-line)!important;
  background:var(--nls-card)!important;
  opacity:1!important;
  box-sizing:border-box!important;
}
.calendar-month-day:nth-child(7n){border-right:0!important}
.calendar-month-day:nth-last-child(-n+7){border-bottom:0!important}
.calendar-month-day>header{
  min-height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0 0 7px!important;
  color:var(--nls-muted)!important;
  font-size:11px!important;
}
.calendar-month-day>header b{font-size:13px!important;color:var(--nls-text)!important}
.calendar-month-day.outside{background:var(--nls-surface-2)!important}
.calendar-month-day.outside>header{opacity:.48!important}
.calendar-month-day.today{background:color-mix(in srgb,var(--nls-accent) 6%,var(--nls-card))!important}
.calendar-month-day.today>header b{color:var(--nls-accent)!important}
.calendar-month-event{
  --event-color:#64748b;
  display:block!important;
  margin:5px 0 0!important;
  padding:6px 8px!important;
  border:1px solid color-mix(in srgb,var(--event-color) 55%,var(--calendar-grid-line))!important;
  border-left:3px solid var(--event-color)!important;
  border-radius:6px!important;
  background:color-mix(in srgb,var(--event-color) 10%,var(--nls-card))!important;
  color:var(--nls-text)!important;
  font-size:10px!important;
  line-height:1.25!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  opacity:1!important;
  filter:none!important;
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
.calendar-month-event.is-planned{--event-color:#64748b}
.calendar-month-event.is-scheduled{--event-color:#7c3aed}
.calendar-month-event.is-transit{--event-color:#2563eb}
.calendar-month-event.is-delivered{--event-color:#16a34a}
.calendar-month-event:hover{
  transform:translateY(-1px)!important;
  background:color-mix(in srgb,var(--event-color) 14%,var(--nls-card))!important;
  border-color:var(--event-color)!important;
  color:var(--nls-text)!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:0 4px 10px rgba(15,23,42,.10)!important;
}
.calendar-table-event:hover,
html[data-theme="dark"] .calendar-table-event:hover{
  opacity:1!important;
  filter:none!important;
  color:var(--nls-text)!important;
}
html[data-theme="dark"] .calendar-table-event.is-planned:hover{background:#343b46!important}
html[data-theme="dark"] .calendar-table-event.is-scheduled:hover{background:#3b305a!important}
html[data-theme="dark"] .calendar-table-event.is-transit:hover{background:#284263!important}
html[data-theme="dark"] .calendar-table-event.is-delivered:hover{background:#214a3c!important}
html[data-theme="dark"] .calendar-month-day{background:#1f242b!important}
html[data-theme="dark"] .calendar-month-day.outside{background:#1a1f25!important}
html[data-theme="dark"] .calendar-month-day.today{background:#202b3d!important}
html[data-theme="dark"] .calendar-month-event{background:color-mix(in srgb,var(--event-color) 18%,#1f242b)!important;color:#f8fafc!important}
html[data-theme="dark"] .calendar-month-event:hover{background:color-mix(in srgb,var(--event-color) 28%,#1f242b)!important;color:#fff!important;filter:none!important;opacity:1!important}
@media(max-width:900px){
  .calendar-month-grid{grid-template-columns:repeat(7,minmax(145px,1fr))!important;overflow-x:auto!important}
  .calendar-month-day{min-height:118px!important}
}

/* Parc auto */
.fleet-simple-page{display:grid;gap:18px}.fleet-simple-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.fleet-simple-header h1{margin:0;font-size:28px}.fleet-simple-header p{margin:6px 0 0;color:var(--nls-muted)}.fleet-add-button{display:inline-flex;align-items:center;gap:7px}.fleet-add-button svg{width:17px;height:17px}.fleet-simple-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 210px auto;gap:10px;align-items:center}.fleet-search{height:44px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--nls-border);border-radius:11px;background:var(--nls-card)}.fleet-search svg{width:18px;color:var(--nls-muted)}.fleet-search input{width:100%;border:0;outline:0;background:transparent;color:var(--nls-text);font:inherit}.fleet-simple-toolbar select{height:44px;border:1px solid var(--nls-border);border-radius:11px;padding:0 12px;background:var(--nls-card);color:var(--nls-text);font:inherit}.fleet-filter-button{height:44px;border:1px solid var(--nls-border);border-radius:11px;padding:0 16px;background:var(--nls-card);color:var(--nls-text);font-weight:700;cursor:pointer}.fleet-table-card{border:1px solid var(--nls-border);border-radius:15px;background:var(--nls-card);overflow:hidden}.fleet-table-wrap{overflow-x:auto}.fleet-simple-table{width:100%;border-collapse:collapse;min-width:980px}.fleet-simple-table th{padding:15px 18px;text-align:left;font-size:12px;color:var(--nls-muted);font-weight:800;border-bottom:1px solid var(--nls-border)}.fleet-simple-table td{padding:17px 18px;border-bottom:1px solid var(--nls-border);vertical-align:middle}.fleet-simple-table tbody tr:last-child td{border-bottom:0}.fleet-simple-table tbody tr:hover{background:color-mix(in srgb,var(--nls-card) 92%,var(--nls-accent))}.fleet-registration{display:block;color:var(--nls-text);font-size:16px;font-weight:900;text-decoration:none}.fleet-simple-table td:first-child>span{display:block;margin-top:4px;color:var(--nls-muted);font-size:12px}.fleet-date-state{display:grid;gap:4px}.fleet-date-state strong{font-size:13px}.fleet-date-state span{font-size:11px;color:var(--nls-muted)}.fleet-date-state.ok strong{color:#159455}.fleet-date-state.soon strong{color:#c27800}.fleet-date-state.urgent strong,.fleet-date-state.critical strong{color:#e05220}.fleet-date-state.expired strong{color:#dc2626}.fleet-date-state.missing strong{color:var(--nls-muted);font-weight:600}.fleet-actions-column{width:150px}.fleet-row-actions{display:flex;align-items:center;gap:7px}.fleet-row-actions form{margin:0}.fleet-row-actions a,.fleet-row-actions button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--nls-border);border-radius:9px;background:transparent;color:var(--nls-text);cursor:pointer}.fleet-row-actions svg{width:17px;height:17px}.fleet-row-actions .danger{color:#dc2626}.fleet-empty{padding:34px;text-align:center;display:grid;gap:6px;color:var(--nls-muted)}.fleet-empty strong{color:var(--nls-text)}
.vehicle-detail-page{display:grid;gap:20px;max-width:1180px}.vehicle-back{color:var(--nls-muted);text-decoration:none;font-weight:700}.vehicle-detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.vehicle-detail-header h1{margin:0;font-size:30px}.vehicle-detail-header p{margin:5px 0 0;color:var(--nls-muted)}.vehicle-edit-link{padding:10px 14px;border:1px solid var(--nls-border);border-radius:10px;color:var(--nls-text);text-decoration:none;font-weight:800}.vehicle-document-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vehicle-document-card{padding:18px;border:1px solid var(--nls-border);border-radius:14px;background:var(--nls-card);display:grid;gap:7px}.vehicle-document-card span{font-size:12px;color:var(--nls-muted);font-weight:800}.vehicle-document-card strong{font-size:17px}.vehicle-document-card small{color:var(--nls-muted)}.vehicle-document-card.ok strong{color:#159455}.vehicle-document-card.soon strong{color:#c27800}.vehicle-document-card.urgent strong{color:#e05220}.vehicle-document-card.expired strong{color:#dc2626}.vehicle-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vehicle-info-card{padding:20px;border:1px solid var(--nls-border);border-radius:14px;background:var(--nls-card)}.vehicle-info-card h2{margin:0 0 16px;font-size:17px}.vehicle-info-card dl{margin:0;display:grid;gap:13px}.vehicle-info-card dl div{display:flex;justify-content:space-between;gap:20px;padding-bottom:12px;border-bottom:1px solid var(--nls-border)}.vehicle-info-card dl div:last-child{padding-bottom:0;border-bottom:0}.vehicle-info-card dt{color:var(--nls-muted)}.vehicle-info-card dd{margin:0;font-weight:800}.vehicle-notes{margin:0;line-height:1.7;color:var(--nls-text)}
html[data-theme="dark"] .fleet-simple-table tbody tr:hover{background:#20262f}.fleet-modal .s5-modal-card{box-shadow:0 28px 80px rgba(0,0,0,.25)}
@media(max-width:800px){.fleet-simple-header{flex-direction:column}.fleet-add-button{width:100%;justify-content:center}.fleet-simple-toolbar{grid-template-columns:1fr}.vehicle-document-grid{grid-template-columns:1fr 1fr}.vehicle-detail-columns{grid-template-columns:1fr}.vehicle-detail-header{align-items:flex-start;flex-direction:column}}


/* Parc auto — formular și acțiuni */
html{font-synthesis:none}
.fleet-simple-header-actions{justify-content:flex-end;margin-top:-72px;min-height:44px}
.fleet-row-actions a,.fleet-row-actions button{background:var(--nls-surface);border-color:var(--nls-line);color:var(--nls-text);opacity:1;visibility:visible}
.fleet-row-actions a:hover,.fleet-row-actions button:hover{background:var(--nls-surface-2);border-color:var(--nls-accent);color:var(--nls-accent)}
.fleet-row-actions .danger:hover{border-color:#dc2626;color:#dc2626;background:color-mix(in srgb,#dc2626 8%,var(--nls-surface))}
.fleet-row-actions svg{display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fleet-date-input{position:relative;min-height:46px;display:flex;align-items:center;padding:0 42px 0 13px;border:1px solid var(--nls-line);border-radius:10px;background:var(--nls-surface-2);color:var(--nls-muted);overflow:hidden;cursor:pointer}
.fleet-date-input.has-value{color:var(--nls-text)}
.fleet-date-input:focus-within{border-color:var(--nls-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--nls-accent) 14%,transparent)}
.fleet-date-input input[type=date]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}
.fleet-date-input input[type=date]::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}
.fleet-date-calendar{position:absolute;right:13px;top:50%;transform:translateY(-50%);display:grid;place-items:center;color:var(--nls-muted);pointer-events:none}
.fleet-date-calendar svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fleet-search input::placeholder{font-weight:400;opacity:.78}
.nls-main,.nls-main input,.nls-main select,.nls-main textarea,.nls-main button{font-synthesis:none}
@media(max-width:800px){.fleet-simple-header-actions{margin-top:0}.fleet-simple-header-actions .fleet-add-button{width:100%}}


/* Registru transporturi */
.rt-page{display:grid;gap:18px}.rt-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.rt-header h1{margin:0 0 6px;font-size:28px}.rt-header p{margin:0;color:var(--nls-muted)}.rt-export{color:#fff!important}.rt-export svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.rt-filters{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr)) auto;gap:12px;align-items:end;padding:16px;border:1px solid var(--nls-border);border-radius:14px;background:var(--nls-surface)}.rt-filters label{display:grid;gap:6px}.rt-filters label>span{font-size:12px;font-weight:700;color:var(--nls-muted)}.rt-table-wrap{overflow-x:auto;border:1px solid var(--nls-border);border-radius:14px;background:var(--nls-surface)}.rt-table{width:100%;border-collapse:collapse;min-width:1320px}.rt-table th,.rt-table td{padding:14px 13px;border-bottom:1px solid var(--nls-border);text-align:left;vertical-align:middle}.rt-table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--nls-muted);background:var(--nls-surface-2)}.rt-table tbody tr:hover{background:var(--nls-hover)}.rt-table a{font-weight:800;color:var(--nls-accent)}.rt-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.rt-status.is-delivered{color:#16834c;background:rgba(22,163,74,.12)}.rt-status.is-in_transit{color:#2563eb;background:rgba(37,99,235,.12)}.rt-status.is-scheduled,.rt-status.is-new{color:#6d28d9;background:rgba(109,40,217,.12)}.rt-notes{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rt-empty{text-align:center!important;padding:40px!important;color:var(--nls-muted)}.rt-footer{display:flex;gap:8px;align-items:center;color:var(--nls-muted)}.rt-footer strong{color:var(--nls-text)}
@media(max-width:1200px){.rt-filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.rt-header{display:grid}.rt-filters{grid-template-columns:1fr}.rt-export{width:100%;justify-content:center}}

/* Registru transporturi — tabel unificat cu pagina Comenzi */
.rt-table-wrap.nls-orders-panel{border-radius:8px;background:var(--orders-surface);overflow-x:auto}
.rt-table.nls-orders-table{min-width:1500px;table-layout:fixed}
.rt-table.nls-orders-table th,.rt-table.nls-orders-table td{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rt-table.nls-orders-table th{height:42px;padding:0 10px}
.rt-table.nls-orders-table td{height:54px;padding:8px 10px}
.rt-table.nls-orders-table th:nth-child(1),.rt-table.nls-orders-table td:nth-child(1){width:135px}
.rt-table.nls-orders-table th:nth-child(2),.rt-table.nls-orders-table td:nth-child(2){width:135px}
.rt-table.nls-orders-table th:nth-child(3),.rt-table.nls-orders-table td:nth-child(3){width:145px}
.rt-table.nls-orders-table th:nth-child(4),.rt-table.nls-orders-table td:nth-child(4){width:190px;text-align:left}
.rt-table.nls-orders-table th:nth-child(5),.rt-table.nls-orders-table td:nth-child(5){width:165px}
.rt-table.nls-orders-table th:nth-child(6),.rt-table.nls-orders-table td:nth-child(6){width:150px}
.rt-table.nls-orders-table th:nth-child(7),.rt-table.nls-orders-table td:nth-child(7){width:110px}
.rt-table.nls-orders-table th:nth-child(8),.rt-table.nls-orders-table td:nth-child(8){width:110px}
.rt-table.nls-orders-table th:nth-child(9),.rt-table.nls-orders-table td:nth-child(9){width:125px}
.rt-table.nls-orders-table th:nth-child(10),.rt-table.nls-orders-table td:nth-child(10){width:190px;text-align:left}
.rt-th-label,.rt-cell-icon{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;max-width:100%}
.rt-table.nls-orders-table th:nth-child(4) .rt-th-label,.rt-table.nls-orders-table th:nth-child(10) .rt-th-label,.rt-table.nls-orders-table td:nth-child(4) .rt-cell-icon,.rt-table.nls-orders-table td:nth-child(10) .rt-cell-icon{justify-content:flex-start}
.rt-th-label svg,.rt-cell-icon svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:currentColor;stroke-width:1.8}
.rt-th-label{color:var(--orders-muted)}
.rt-cell-icon{color:var(--orders-text)}
.rt-cell-icon>span,.rt-cell-icon>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rt-cell-icon svg{color:var(--orders-blue)}
.rt-order-number{display:inline-flex;max-width:100%}
.rt-table.nls-orders-table .nls-status{min-width:98px}
.rt-table.nls-orders-table .nls-status.status-scheduled{background:#a16207}
.rt-table.nls-orders-table .nls-status.status-in_transit{background:#7c3aed}
.rt-table.nls-orders-table .nls-status.status-delivered{background:#16a34a}
.rt-table.nls-orders-table .nls-status.status-cancelled{background:#6b7280}
html[data-theme="dark"] .rt-table.nls-orders-table tbody tr:hover{background:color-mix(in srgb,var(--orders-blue) 8%,var(--orders-row))}
@media(max-width:1100px){.rt-table.nls-orders-table{min-width:1500px}}

/* ===== Sprint 7 — Rapoarte Leroy ===== */
.pc-page{display:grid;gap:18px}
.pc-toolbar-card,.pc-card,.pc-kpi-card{background:var(--nls-surface);border:1px solid var(--nls-line);border-radius:14px;box-shadow:none}
.pc-toolbar-card{overflow:hidden}
.pc-filters{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px;padding:18px}
.pc-field{display:grid;gap:7px;min-width:0}
.pc-field>span:first-child{color:var(--nls-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.pc-field select,.pc-field input{width:100%;height:42px;padding:0 12px;border:1px solid var(--nls-line);border-radius:10px;background:var(--nls-surface);color:var(--nls-text)}
.pc-date-control{position:relative;width:100%;height:42px;display:flex;align-items:center;gap:10px;padding:0 38px 0 12px;border:1px solid var(--nls-line);border-radius:10px;background:var(--nls-surface);color:var(--nls-text);overflow:hidden;cursor:pointer;user-select:none;transition:border-color .18s,box-shadow .18s,background .18s}
.pc-date-control:hover{border-color:color-mix(in srgb,var(--nls-accent) 42%,var(--nls-line));background:color-mix(in srgb,var(--nls-accent) 2%,var(--nls-surface))}
.pc-date-control:focus-within{border-color:var(--nls-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--nls-accent) 12%,transparent)}
.pc-date-control:focus-visible{outline:none;border-color:var(--nls-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--nls-accent) 12%,transparent)}
.pc-date-control input[type=date]{position:absolute;inset:0;z-index:-1;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}
.pc-date-control-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;color:var(--nls-text);pointer-events:none}
.pc-date-control.is-empty .pc-date-control-label{font-weight:400;color:var(--nls-muted)}
.pc-date-control svg{position:absolute;right:12px;top:50%;width:17px;height:17px;transform:translateY(-50%);fill:none;stroke:var(--nls-accent);stroke-width:1.8;pointer-events:none}
.pc-filter-actions{display:flex;align-items:flex-end;gap:8px}
.pc-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer}
.pc-button-primary{background:var(--nls-accent);border-color:var(--nls-accent);color:#fff}
.pc-button-primary:hover{background:color-mix(in srgb,var(--nls-accent) 84%,#000)}
.pc-button-secondary{background:var(--nls-surface);border-color:var(--nls-line);color:var(--nls-text)}
.pc-button-secondary:hover{border-color:color-mix(in srgb,var(--nls-accent) 45%,var(--nls-line));color:var(--nls-accent)}
.pc-toolbar-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-top:1px solid var(--nls-line);background:var(--nls-surface-2)}
.pc-toolbar-footer>div:first-child{display:grid;gap:3px}
.pc-toolbar-footer strong{font-size:13px}
.pc-toolbar-footer span{color:var(--nls-muted);font-size:11px}
.pc-source-note{display:block;margin-top:3px;color:var(--nls-accent);font-size:10px;font-weight:700;line-height:1.35}
.pc-export-actions{display:flex;gap:8px}
.pc-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.pc-kpi-card{min-width:0;padding:17px;display:grid;gap:13px}
.pc-kpi-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--nls-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.pc-kpi-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--nls-accent-soft);color:var(--nls-accent);font-size:13px}
.pc-kpi-card>strong{font-size:27px;line-height:1;color:var(--nls-text);font-weight:700;letter-spacing:-.03em}
.pc-kpi-card footer{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--nls-text);font-size:11px}
.pc-kpi-card footer small{color:var(--nls-muted)}
.pc-delta{font-weight:700}
.pc-delta.is-positive{color:var(--nls-success)}
.pc-delta.is-negative{color:var(--nls-danger)}
.pc-delta.is-neutral{color:var(--nls-muted)}
.pc-chart-grid,.pc-ranking-grid,.pc-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pc-card{padding:18px;min-width:0}
.pc-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.pc-card-header h2{margin:3px 0 0;font-size:17px;line-height:1.25}
.pc-card-header p{margin:6px 0 0;color:var(--nls-muted);font-size:12px}
.pc-card-header>small{color:var(--nls-muted);font-size:11px;white-space:nowrap}
.pc-eyebrow{display:block;color:var(--nls-accent);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.pc-chart{height:290px;min-width:0;overflow:hidden}
.pc-chart-large{height:280px}
.pc-chart svg{width:100%;height:100%;display:block;overflow:visible}
.pc-chart-grid-line{stroke:var(--nls-line);stroke-width:1}
.pc-chart-axis-label,.pc-chart-x-label{fill:var(--nls-muted);font-family:var(--nls-font-family);font-size:10px}
.pc-chart-axis-title{fill:var(--nls-muted);font-family:var(--nls-font-family);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.pc-chart-axis-right{fill:color-mix(in srgb,var(--nls-accent) 58%,var(--nls-muted))}
.pc-chart-area{fill:color-mix(in srgb,var(--nls-accent) 10%,transparent)}
.pc-chart-line{fill:none;stroke:var(--nls-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pc-chart-point{fill:var(--nls-surface);stroke:var(--nls-accent);stroke-width:3}
.pc-chart-bar{fill:color-mix(in srgb,var(--nls-accent) 72%,#000)}
.pc-combo-bar{fill:color-mix(in srgb,var(--nls-accent) 22%,transparent)}
.pc-combo-line{fill:none;stroke:var(--nls-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pc-combo-point{fill:var(--nls-surface);stroke:var(--nls-accent);stroke-width:3}
.pc-chart-empty,.pc-empty{margin:0;padding:32px 10px;text-align:center;color:var(--nls-muted);font-size:12px}
.pc-chart-legend{display:flex;align-items:center;gap:14px;color:var(--nls-muted);font-size:11px}
.pc-chart-legend span{display:flex;align-items:center;gap:6px}
.pc-chart-legend span::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--nls-accent)}
.pc-chart-legend .is-volume::before{background:color-mix(in srgb,var(--nls-accent) 25%,transparent);border:1px solid color-mix(in srgb,var(--nls-accent) 45%,var(--nls-line))}
.pc-ranking-list{display:grid;gap:3px}
.pc-ranking-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--nls-line)}
.pc-ranking-row:last-child{border-bottom:0}
.pc-rank{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--nls-surface-2);color:var(--nls-muted);font-size:11px;font-weight:700}
.pc-ranking-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center}
.pc-ranking-main>div{min-width:0}
.pc-ranking-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.pc-ranking-main small{display:block;margin-top:3px;color:var(--nls-muted);font-size:10px}
.pc-ranking-main>b{font-size:13px}
.pc-ranking-main progress{grid-column:1/-1;width:100%;height:5px}
.pc-ranking-main progress,.pc-distribution-row progress{appearance:none;border:0;border-radius:999px;overflow:hidden;background:var(--nls-surface-2);accent-color:var(--nls-accent)}
.pc-ranking-main progress::-webkit-progress-bar,.pc-distribution-row progress::-webkit-progress-bar{background:var(--nls-surface-2);border-radius:999px}
.pc-ranking-main progress::-webkit-progress-value,.pc-distribution-row progress::-webkit-progress-value{background:var(--nls-accent);border-radius:999px}
.pc-ranking-main progress::-moz-progress-bar,.pc-distribution-row progress::-moz-progress-bar{background:var(--nls-accent);border-radius:999px}
.pc-distribution-list{display:grid;gap:14px}
.pc-distribution-row{display:grid;grid-template-columns:105px minmax(0,1fr) 50px;align-items:center;gap:12px}
.pc-distribution-row>div{display:grid;gap:3px}
.pc-distribution-row strong{font-size:12px}
.pc-distribution-row span{color:var(--nls-muted);font-size:10px}
.pc-distribution-row progress{width:100%;height:8px}
.pc-distribution-row>b{text-align:right;font-size:12px}
.pc-alert-list{display:grid;gap:9px}
.pc-alert{display:grid;grid-template-columns:10px minmax(0,1fr);gap:11px;padding:12px;border:1px solid var(--nls-line);border-radius:11px;background:var(--nls-surface-2)}
.pc-alert-dot{width:9px;height:9px;margin-top:4px;border-radius:999px;background:var(--nls-muted)}
.pc-alert strong{font-size:12px}
.pc-alert p{margin:4px 0 0;color:var(--nls-muted);font-size:11px;line-height:1.45}
.pc-alert.is-critical{border-color:color-mix(in srgb,var(--nls-danger) 38%,var(--nls-line))}
.pc-alert.is-critical .pc-alert-dot{background:var(--nls-danger)}
.pc-alert.is-warning{border-color:color-mix(in srgb,var(--nls-warning) 42%,var(--nls-line))}
.pc-alert.is-warning .pc-alert-dot{background:var(--nls-warning)}
.pc-alert.is-info .pc-alert-dot{background:var(--nls-info)}
.pc-alert.is-success .pc-alert-dot{background:var(--nls-success)}
.pc-table-wrap{overflow-x:auto;border:1px solid var(--nls-line);border-radius:11px}
.pc-table{min-width:680px;border-collapse:collapse}
.pc-table th,.pc-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--nls-line)}
.pc-table tbody tr:last-child td{border-bottom:0}
.pc-table tbody tr:hover td{background:color-mix(in srgb,var(--nls-accent) 3%,var(--nls-surface))}
.pc-table td{font-size:12px}
.pc-text-link{color:var(--nls-accent);font-weight:700}
.pc-empty-cell{padding:28px;text-align:center;color:var(--nls-muted)}
.pc-inactive-card .pc-card-header{margin-bottom:12px}
.pc-empty-state{min-height:68px;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;border:1px dashed var(--nls-line);border-radius:11px;background:var(--nls-surface-2);text-align:left}
.pc-empty-state>span{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:999px;background:color-mix(in srgb,var(--nls-success) 13%,var(--nls-surface));color:var(--nls-success);font-weight:900}
.pc-empty-state>div{display:grid;gap:3px}
.pc-empty-state strong{font-size:12px}
.pc-empty-state small{color:var(--nls-muted);font-size:11px}
@media(max-width:1450px){.pc-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1120px){.pc-filters{grid-template-columns:repeat(3,minmax(160px,1fr))}.pc-chart-grid,.pc-ranking-grid,.pc-insight-grid{grid-template-columns:1fr}}
@media(max-width:760px){.pc-filters{grid-template-columns:1fr 1fr}.pc-toolbar-footer{align-items:flex-start;flex-direction:column}.pc-kpi-grid{grid-template-columns:1fr 1fr}.pc-export-actions{width:100%}.pc-export-actions .pc-button{flex:1}.pc-chart{height:250px}}
@media(max-width:520px){.pc-filters{grid-template-columns:1fr}.pc-filter-actions{display:grid;grid-template-columns:1fr 1fr}.pc-kpi-grid{grid-template-columns:1fr}.pc-distribution-row{grid-template-columns:90px minmax(0,1fr) 44px}.pc-chart-legend{display:none}}

/* Dashboard priority board — componenta oficială */
.oc-v3{
  width:100%;
  max-width:none;
  margin:0;
}
@media(min-width:1051px){
  body.nls-dashboard-body .nls-main{
    padding-left:18px;
    padding-right:18px;
  }
}
.dash-priority-board{
  overflow:hidden;
  border:1px solid var(--nls-line);
  border-radius:14px;
  background:var(--nls-surface);
  box-shadow:var(--nls-shadow);
}
.dash-priority-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:76px;
  padding:16px 20px;
  border-bottom:1px solid var(--nls-line);
}
.dash-priority-heading{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
.dash-priority-heading-icon{
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:10px;
  color:var(--nls-accent);
  background:var(--nls-accent-soft);
}
.dash-priority-heading-icon .oc-ui-icon{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.dash-priority-heading h2{
  margin:0;
  color:var(--nls-text);
  font-size:17px;
  line-height:1.25;
  font-weight:700;
}
.dash-priority-heading p{
  margin:4px 0 0;
  color:var(--nls-muted);
  font-size:12px;
  line-height:1.35;
}
.dash-priority-total{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex:0 0 auto;
  min-height:30px;
  padding:0 11px;
  border:1px solid var(--nls-line);
  border-radius:999px;
  color:var(--nls-text);
  background:var(--nls-surface-2);
  font-size:11px;
  font-weight:900;
  letter-spacing:.035em;
  white-space:nowrap;
}
.dash-priority-total.is-urgent{
  border-color:#dc2626;
  color:#fff;
  background:#dc2626;
  box-shadow:0 6px 18px rgba(220,38,38,.22);
  animation:dashUrgencyPulse 1.8s ease-in-out infinite;
}
.dash-priority-total.is-urgent::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 0 0 3px rgba(255,255,255,.16);
  animation:dashUrgencyDot 1.8s ease-in-out infinite;
}
@keyframes dashUrgencyPulse{
  0%,100%{transform:scale(1);filter:brightness(1);box-shadow:0 6px 18px rgba(220,38,38,.22)}
  50%{transform:scale(1.025);filter:brightness(1.14);box-shadow:0 7px 23px rgba(239,68,68,.34)}
}
@keyframes dashUrgencyDot{
  0%,100%{opacity:.78}
  50%{opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .dash-priority-total.is-urgent,
  .dash-priority-total.is-urgent::before{animation:none}
}
.dash-priority-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.dash-priority-card{
  --dash-priority-tone:var(--nls-accent);
  --dash-priority-soft:var(--nls-accent-soft);
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:238px;
  padding:18px 20px 14px;
  border-right:1px solid var(--nls-line);
  background:var(--nls-surface);
}
.dash-priority-card:last-child{border-right:0}
.dash-priority-card.is-store{
  --dash-priority-tone:#a16207;
  --dash-priority-soft:rgba(161,98,7,.10);
}
.dash-priority-card.is-deadline{
  --dash-priority-tone:#dc2626;
  --dash-priority-soft:rgba(220,38,38,.09);
}
.dash-priority-card.is-fleet{
  --dash-priority-tone:#2563eb;
  --dash-priority-soft:rgba(37,99,235,.09);
}
.dash-priority-card-head{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  margin-bottom:8px;
}
.dash-priority-card-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:10px;
  color:var(--dash-priority-tone);
  background:var(--dash-priority-soft);
}
.dash-priority-card-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.dash-priority-card-head h3{
  margin:0;
  color:var(--nls-text);
  font-size:14px;
  line-height:1.25;
  font-weight:700;
}
.dash-priority-card-head p{
  margin:3px 0 0;
  color:var(--nls-muted);
  font-size:11px;
  line-height:1.3;
}
.dash-priority-count{
  display:grid;
  place-items:center;
  min-width:30px;
  height:30px;
  padding:0 8px;
  border:1px solid color-mix(in srgb,var(--dash-priority-tone) 30%,var(--nls-line));
  border-radius:999px;
  color:var(--dash-priority-tone);
  background:var(--dash-priority-soft);
  font-size:12px;
  font-weight:700;
}
.dash-priority-list{
  display:grid;
  margin-top:4px;
}
.dash-priority-item{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-height:48px;
  padding:10px 0 10px 12px;
  border-top:1px solid var(--nls-line);
  color:var(--nls-text);
}
.dash-priority-item::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:3px;
  height:24px;
  border-radius:999px;
  background:var(--dash-priority-tone);
  transform:translateY(-50%);
}
.dash-priority-item:hover .dash-priority-copy strong{color:var(--dash-priority-tone)}
/* Urgențele roșii rămân elegante, dar au o ierarhie vizuală clară. */
.dash-priority-item.is-critical{
  margin:4px 0;
  padding:10px 10px 10px 15px;
  border:1px solid rgba(220,38,38,.22);
  border-radius:9px;
  background:linear-gradient(90deg,rgba(220,38,38,.095) 0%,rgba(220,38,38,.035) 62%,transparent 100%);
  box-shadow:0 4px 12px rgba(127,29,29,.055);
}
.dash-priority-item.is-critical::before{
  left:-1px;
  top:-1px;
  width:4px;
  height:calc(100% + 2px);
  border-radius:9px 0 0 9px;
  background:#dc2626;
  transform:none;
}
.dash-priority-item.is-critical .dash-priority-copy strong{
  color:#991b1b;
  font-weight:700;
}
.dash-priority-item.is-critical .dash-priority-copy small{color:#7f1d1d}
.dash-priority-item.is-critical .dash-priority-state.is-danger{
  color:#fff;
  background:#dc2626;
  box-shadow:0 3px 9px rgba(220,38,38,.16);
}
.dash-priority-item.is-critical:hover{
  border-color:rgba(220,38,38,.38);
  background:linear-gradient(90deg,rgba(220,38,38,.125) 0%,rgba(220,38,38,.05) 62%,transparent 100%);
}
.dash-priority-copy{
  min-width:0;
}
.dash-priority-copy strong{
  display:block;
  overflow:hidden;
  color:var(--nls-text);
  font-size:12px;
  line-height:1.3;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dash-priority-copy small{
  display:block;
  overflow:hidden;
  margin-top:3px;
  color:var(--nls-muted);
  font-size:10px;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dash-priority-state{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:25px;
  padding:0 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
}
.dash-priority-state.is-warning{
  color:#854d0e;
  background:rgba(234,179,8,.14);
}
.dash-priority-state.is-danger{
  color:#b91c1c;
  background:rgba(239,68,68,.12);
}
.dash-priority-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding-top:11px;
  border-top:1px solid var(--nls-line);
  color:var(--nls-muted);
  font-size:10px;
}
.dash-priority-footer a{
  color:var(--nls-accent);
  font-weight:700;
  white-space:nowrap;
}
.dash-priority-empty{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:112px;
  margin-top:4px;
  padding:16px;
  border:1px dashed var(--nls-line);
  border-radius:10px;
  color:var(--nls-muted);
  background:var(--nls-surface-2);
}
.dash-priority-empty span{
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:999px;
  color:var(--nls-success);
  background:color-mix(in srgb,var(--nls-success) 11%,transparent);
  font-weight:700;
}
.dash-priority-empty p{
  margin:0;
  font-size:11px;
  line-height:1.4;
}
html[data-theme="dark"] .dash-priority-card.is-store{
  --dash-priority-soft:rgba(245,158,11,.13);
}
html[data-theme="dark"] .dash-priority-card.is-deadline{
  --dash-priority-soft:rgba(248,113,113,.12);
}
html[data-theme="dark"] .dash-priority-card.is-fleet{
  --dash-priority-soft:rgba(96,165,250,.12);
}
html[data-theme="dark"] .dash-priority-state.is-warning{
  color:#fde68a;
  background:rgba(245,158,11,.16);
}
html[data-theme="dark"] .dash-priority-state.is-danger{
  color:#fecaca;
  background:rgba(239,68,68,.17);
}
html[data-theme="dark"] .dash-priority-item.is-critical{
  border-color:rgba(248,113,113,.28);
  background:linear-gradient(90deg,rgba(127,29,29,.30) 0%,rgba(127,29,29,.12) 62%,transparent 100%);
  box-shadow:0 5px 15px rgba(0,0,0,.12);
}
html[data-theme="dark"] .dash-priority-item.is-critical::before{background:#f05252}
html[data-theme="dark"] .dash-priority-item.is-critical .dash-priority-copy strong{color:#fff}
html[data-theme="dark"] .dash-priority-item.is-critical .dash-priority-copy small{color:#fca5a5}
html[data-theme="dark"] .dash-priority-item.is-critical .dash-priority-state.is-danger{
  color:#fff;
  background:#dc2626;
  box-shadow:0 3px 10px rgba(239,68,68,.22);
}
html[data-theme="dark"] .dash-priority-item.is-critical:hover{
  border-color:rgba(248,113,113,.48);
  background:linear-gradient(90deg,rgba(153,27,27,.36) 0%,rgba(127,29,29,.16) 62%,transparent 100%);
}
@media(max-width:1000px){
  .dash-priority-grid{grid-template-columns:1fr}
  .dash-priority-card{
    min-height:0;
    border-right:0;
    border-bottom:1px solid var(--nls-line);
  }
  .dash-priority-card:last-child{border-bottom:0}
}
@media(max-width:680px){
  .dash-priority-head{
    align-items:flex-start;
    padding:15px 16px;
  }
  .dash-priority-heading-icon{display:none}
  .dash-priority-heading h2{font-size:16px}
  .dash-priority-total{min-height:28px;padding:0 9px}
  .dash-priority-card{padding:16px}
  .dash-priority-card-head{grid-template-columns:36px minmax(0,1fr) auto}
  .dash-priority-card-icon{width:36px;height:36px}
  .dash-priority-footer{align-items:flex-start;flex-direction:column}
}

/* =========================================================
   SPRINT 6 · IMPORTURI + TELEGRAM
   ========================================================= */
.s6-eyebrow{
  display:block;
  margin-bottom:5px;
  color:var(--nls-accent);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.s6-panel-head{
  align-items:flex-start;
  gap:18px;
}
.s6-panel-head h2{margin:0 0 5px;font-size:18px}
.s6-panel-head p{margin:0}
.s6-inline-form{display:inline-flex;margin:0}
.import-notice-success{border-color:color-mix(in srgb,var(--nls-success) 36%,var(--nls-line));background:color-mix(in srgb,var(--nls-success) 8%,var(--nls-surface));}
.s6-import-overview{display:grid;gap:16px;margin-bottom:16px}
.s6-import-health{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:18px;
  padding:20px;
  border:1px solid var(--nls-line);
  border-radius:14px;
  background:var(--nls-surface);
}
.s6-import-health-icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:12px;
  color:var(--nls-accent);
  background:color-mix(in srgb,var(--nls-accent) 10%,transparent);
}
.s6-import-health-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.s6-import-health-icon.is-success{color:var(--nls-success);background:color-mix(in srgb,var(--nls-success) 11%,transparent)}
.s6-import-health-icon.is-warning{color:#b7791f;background:rgba(245,158,11,.12)}
.s6-import-health-icon.is-danger{color:var(--nls-danger);background:color-mix(in srgb,var(--nls-danger) 10%,transparent)}
.s6-import-health-copy span{display:block;margin-bottom:4px;color:var(--nls-accent);font-size:10px;font-weight:900;letter-spacing:.08em}
.s6-import-health-copy h2{margin:0 0 5px;font-size:19px}
.s6-import-health-copy p{margin:0;color:var(--nls-muted);font-size:12px}
.s6-import-health-meta{text-align:right}
.s6-import-health-meta strong{display:block;font-size:13px}
.s6-import-health-meta small{display:block;margin-top:3px;color:var(--nls-muted);font-size:10px}
.s6-import-health .nls-primary-button svg,
.s6-panel-head .btn svg,
.s6-group-actions .btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.s6-import-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.s6-import-kpis article{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:16px;
  border:1px solid var(--nls-line);
  border-radius:14px;
  background:var(--nls-surface);
}
.s6-import-kpis article>span{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:10px;
  color:var(--nls-muted);
  background:var(--nls-surface-2);
}
.s6-import-kpis svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.s6-import-kpis .is-success{color:var(--nls-success);background:color-mix(in srgb,var(--nls-success) 10%,transparent)}
.s6-import-kpis .is-danger{color:var(--nls-danger);background:color-mix(in srgb,var(--nls-danger) 10%,transparent)}
.s6-import-kpis .is-warning{color:#b7791f;background:rgba(245,158,11,.12)}
.s6-import-kpis strong{display:block;font-size:21px;line-height:1}
.s6-import-kpis small{display:block;margin-top:4px;color:var(--nls-muted);font-size:11px}
.s6-import-kpis em{grid-column:1/-1;color:var(--nls-muted);font-size:10px;font-style:normal}
.s6-import-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:16px}
.s6-import-main,.s6-import-side{display:grid;gap:16px;min-width:0}
.s6-import-panel,.s6-side-card{overflow:hidden}
.s6-count-badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid var(--nls-line);
  border-radius:999px;
  color:var(--nls-muted);
  background:var(--nls-surface-2);
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
}
.s6-import-filters{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 180px 180px auto;
  gap:10px;
  padding:14px 16px;
  border-top:1px solid var(--nls-line);
  border-bottom:1px solid var(--nls-line);
  background:var(--nls-surface-2);
}
.s6-import-filters select,
.s6-search-field,
.s6-field input,
.s6-field select,
.s6-group-row input,
.s6-settings-form input{
  min-height:40px;
  border:1px solid var(--nls-line);
  border-radius:10px;
  color:var(--nls-text);
  background:var(--nls-surface);
  font:inherit;
}
.s6-import-filters select,
.s6-field input,
.s6-field select,
.s6-group-row input,
.s6-settings-form input{width:100%;padding:0 12px}
.s6-search-field{display:flex;align-items:center;gap:8px;padding:0 11px}
.s6-search-field svg{flex:0 0 17px;width:17px;height:17px;fill:none;stroke:var(--nls-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.s6-search-field input{width:100%;min-width:0;border:0;outline:0;color:var(--nls-text);background:transparent;font:inherit}
.s6-import-table-wrap{max-height:680px}
.s6-import-table th,.s6-import-table td{vertical-align:middle}
.s6-import-table td:first-child strong{display:block;font-size:11px}
.s6-import-table td:first-child small{display:block;margin-top:3px;color:var(--nls-muted);font-size:10px}
.s6-document-cell{display:flex;align-items:center;gap:10px;min-width:250px}
.s6-document-cell>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;color:var(--nls-accent);background:color-mix(in srgb,var(--nls-accent) 9%,transparent)}
.s6-document-cell svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.s6-document-cell strong{display:block;overflow:hidden;max-width:360px;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.s6-document-cell small{display:block;overflow:hidden;max-width:360px;margin-top:3px;color:var(--nls-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.s6-import-status,
.s6-log-status{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
}
.s6-import-status.is-processed,.s6-log-status.is-sent,.s6-log-status.is-received{color:var(--nls-success);background:color-mix(in srgb,var(--nls-success) 11%,transparent)}
.s6-import-status.is-failed,.s6-log-status.is-failed{color:var(--nls-danger);background:color-mix(in srgb,var(--nls-danger) 11%,transparent)}
.s6-import-status.is-duplicate{color:#b7791f;background:rgba(245,158,11,.12)}
.s6-import-status.is-ignored,.s6-log-status.is-skipped{color:var(--nls-muted);background:var(--nls-surface-2)}
.s6-order-link{display:block;color:var(--nls-accent);font-size:11px;font-weight:900}
.s6-order-link small{display:block;overflow:hidden;max-width:170px;margin-top:3px;color:var(--nls-muted);font-size:9px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}
.s6-detail-text,.s6-log-message,.s6-log-error{display:block;overflow:hidden;max-width:300px;color:var(--nls-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.s6-log-error{color:var(--nls-danger)}
.s6-table-action{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:30px;
  padding:0 9px;
  border:1px solid var(--nls-line);
  border-radius:9px;
  color:var(--nls-text);
  background:var(--nls-surface);
  font-size:10px;
  font-weight:700;
  cursor:pointer;
}
.s6-table-action svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.s6-empty-state{display:flex;min-height:120px;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:var(--nls-muted);text-align:center}
.s6-empty-state>span{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:var(--nls-surface-2)}
.s6-empty-state svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.s6-empty-state strong{color:var(--nls-text);font-size:12px}
.s6-empty-state small{font-size:10px}
.s6-run-list{display:grid}
.s6-run-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid var(--nls-line)}
.s6-run-dot{width:8px;height:8px;border-radius:50%;background:var(--nls-muted)}
.s6-run-dot.is-success{background:var(--nls-success)}
.s6-run-dot.is-warning{background:#f59e0b}
.s6-run-dot.is-failed{background:var(--nls-danger)}
.s6-run-row strong{display:block;font-size:11px}
.s6-run-row small{display:block;overflow:hidden;max-width:560px;margin-top:3px;color:var(--nls-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.s6-run-row>span:nth-child(3),.s6-run-row em{color:var(--nls-muted);font-size:10px;font-style:normal;white-space:nowrap}
.s6-side-card{padding:16px}
.s6-side-card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.s6-side-card-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--nls-accent);background:color-mix(in srgb,var(--nls-accent) 10%,transparent)}
.s6-side-card-head svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.s6-side-card-head strong{display:block;font-size:12px}
.s6-side-card-head small{display:block;margin-top:3px;color:var(--nls-muted);font-size:10px}
.s6-system-list{display:grid;margin:0}
.s6-system-list>div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--nls-line)}
.s6-system-list dt{color:var(--nls-muted);font-size:10px}
.s6-system-list dd{max-width:175px;margin:0;font-size:10px;font-weight:700;text-align:right;word-break:break-word}
.s6-system-list dd.is-ok{color:var(--nls-success)}
.s6-system-list dd.is-bad{color:var(--nls-danger)}
.s6-system-list dd.is-warn{color:#b7791f}
.s6-settings-form,.s6-upload-form{display:grid;gap:10px;margin-top:14px}
.s6-settings-form{padding-top:14px;border-top:1px solid var(--nls-line)}
.s6-settings-form label,.s6-field{display:grid;gap:6px;color:var(--nls-muted);font-size:10px;font-weight:700}
.s6-file-drop{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:145px;padding:16px;border:1px dashed var(--nls-line);border-radius:12px;background:var(--nls-surface-2);text-align:center;cursor:pointer}
.s6-file-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.s6-file-drop>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:var(--nls-accent);background:color-mix(in srgb,var(--nls-accent) 10%,transparent)}
.s6-file-drop svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.s6-file-drop strong{font-size:12px}
.s6-file-drop small,.s6-security-note{color:var(--nls-muted);font-size:10px}
.s6-security-note{margin:12px 0 0;line-height:1.5}


/* ===== Sprint 6 · Telegram webhook-only rebuild ===== */
.tg-page{
  --tg-blue:#2563eb;
  --tg-blue-soft:color-mix(in srgb,var(--tg-blue) 10%,transparent);
  --tg-green:#16a34a;
  --tg-amber:#b7791f;
  --tg-red:#dc2626;
  display:grid;
  gap:18px;
}
.tg-page svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tg-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease}
.tg-page .btn-primary{background:var(--tg-blue);border-color:var(--tg-blue);color:#fff}
.tg-page .btn-light{background:var(--nls-surface);border-color:var(--nls-line);color:var(--nls-text)}
.tg-page .btn-light:hover{background:var(--nls-surface-2)}
.tg-page .btn-danger{background:color-mix(in srgb,var(--tg-red) 10%,var(--nls-surface));border-color:color-mix(in srgb,var(--tg-red) 28%,var(--nls-line));color:var(--tg-red)}
.tg-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.72fr);gap:16px}
.tg-overview-main,.tg-kpis article,.tg-card{background:var(--nls-surface);border:1px solid var(--nls-line);border-radius:14px;box-shadow:none}
.tg-overview-main{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px}
.tg-overview-icon,.tg-card-head>span:first-child{display:grid;place-items:center;color:var(--tg-blue);background:var(--tg-blue-soft)}
.tg-overview-icon{width:54px;height:54px;border-radius:14px}
.tg-overview-icon svg{width:25px;height:25px}
.tg-overview-main small,.tg-card-head small{display:block;color:var(--tg-blue);font-size:10px;font-weight:900;letter-spacing:.11em}
.tg-overview-main h2{margin:4px 0 0;font-size:22px;line-height:1.2}
.tg-overview-main p{margin:6px 0 0;color:var(--nls-muted);font-size:12px}
.tg-state,.tg-chip{display:inline-flex;align-items:center;gap:7px;min-height:29px;padding:0 10px;border:1px solid var(--nls-line);border-radius:999px;background:var(--nls-surface-2);font-size:10px;font-weight:900;white-space:nowrap}
.tg-state i{width:7px;height:7px;border-radius:50%;background:currentColor}
.tg-state.is-ok,.tg-chip.is-ok{color:var(--tg-green);border-color:color-mix(in srgb,var(--tg-green) 30%,var(--nls-line));background:color-mix(in srgb,var(--tg-green) 9%,var(--nls-surface))}
.tg-state.is-warn,.tg-chip.is-warn{color:var(--tg-amber);border-color:color-mix(in srgb,var(--tg-amber) 30%,var(--nls-line));background:color-mix(in srgb,var(--tg-amber) 9%,var(--nls-surface))}
.tg-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tg-kpis article{display:flex;min-height:78px;padding:16px;align-items:center;justify-content:space-between;gap:12px}
.tg-kpis strong{font-size:24px;line-height:1}
.tg-kpis span{max-width:95px;color:var(--nls-muted);font-size:11px;text-align:right}
.tg-form{display:grid;gap:18px}
.tg-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.tg-card{overflow:hidden}
.tg-card-head{display:flex;align-items:center;gap:13px;min-height:82px;padding:17px 20px;border-bottom:1px solid var(--nls-line)}
.tg-card-head>span:first-child{flex:0 0 42px;width:42px;height:42px;border-radius:11px}
.tg-card-head>div{min-width:0;flex:1}
.tg-card-head h2{margin:3px 0 0;font-size:17px;line-height:1.25}
.tg-card-head p{margin:5px 0 0;color:var(--nls-muted);font-size:11px;line-height:1.45}
.tg-card-body{padding:20px}
.tg-bot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:16px;align-items:stretch}
.tg-test-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--nls-line)}
.tg-test-row .btn:disabled{opacity:.5;cursor:not-allowed}
.tg-field{display:grid;gap:7px;color:var(--nls-muted);font-size:11px;font-weight:700}
.tg-field input,.tg-field select,.tg-group-row input{width:100%;min-height:42px;padding:0 12px;border:1px solid var(--nls-line);border-radius:10px;background:var(--nls-surface);color:var(--nls-text);font:inherit}
.tg-field input:focus,.tg-field select:focus,.tg-group-row input:focus{outline:3px solid color-mix(in srgb,var(--tg-blue) 14%,transparent);border-color:var(--tg-blue)}
.tg-field small{font-size:10px;font-weight:400}
.tg-switch-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center;min-height:76px;padding:14px;border:1px solid var(--nls-line);border-radius:12px;background:var(--nls-surface-2);cursor:pointer}
.tg-switch-card>input{position:absolute;opacity:0;pointer-events:none}
.tg-switch{position:relative;width:38px;height:22px;border-radius:999px;background:#aeb5c0;transition:.16s ease}
.tg-switch::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.25);transition:.16s ease}
.tg-switch-card>input:checked+.tg-switch{background:var(--tg-blue)}
.tg-switch-card>input:checked+.tg-switch::after{transform:translateX(16px)}
.tg-switch-card:has(input:checked){border-color:color-mix(in srgb,var(--tg-blue) 30%,var(--nls-line));background:var(--tg-blue-soft)}
.tg-switch-card strong{display:block;font-size:12px}
.tg-switch-card small{display:block;margin-top:4px;color:var(--nls-muted);font-size:10px;line-height:1.45}
.tg-switch-wide{min-height:88px}
.tg-facts{display:grid;margin:0}
.tg-facts>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;padding:11px 0;border-bottom:1px solid var(--nls-line)}
.tg-facts dt{color:var(--nls-muted);font-size:10px}
.tg-facts dd{margin:0;font-size:10px;font-weight:700;text-align:right;overflow-wrap:anywhere}
.tg-facts dd.is-danger{color:var(--tg-red)}
.tg-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.tg-group-head,.tg-group-row{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(190px,.8fr) minmax(440px,1.7fr) 42px;gap:12px;align-items:center}
.tg-group-head{padding:10px 20px;border-bottom:1px solid var(--nls-line);background:var(--nls-surface-2);color:var(--nls-muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.tg-group-list{display:grid}
.tg-group-row{padding:14px 20px;border-bottom:1px solid var(--nls-line)}
.tg-group-row>label{display:grid;gap:6px;color:var(--nls-muted);font-size:9px;font-weight:800}
.tg-group-row>label>span{display:none}
.tg-permissions{display:flex;flex-wrap:wrap;gap:7px}
.tg-permissions label{position:relative;cursor:pointer}
.tg-permissions input{position:absolute;opacity:0;pointer-events:none}
.tg-permissions span{display:inline-flex;align-items:center;min-height:29px;padding:0 9px;border:1px solid var(--nls-line);border-radius:999px;background:var(--nls-surface);color:var(--nls-muted);font-size:9px;font-weight:800;white-space:nowrap}
.tg-permissions input:checked+span{border-color:color-mix(in srgb,var(--tg-blue) 30%,var(--nls-line));background:var(--tg-blue-soft);color:var(--tg-blue)}
.tg-remove{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--nls-line);border-radius:10px;background:var(--nls-surface);color:var(--tg-red);cursor:pointer}
.tg-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;background:var(--nls-surface-2)}
.tg-card-footer p{margin:0;color:var(--nls-muted);font-size:10px}
.tg-switch-grid{display:grid;gap:12px}
.tg-queue-box{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:16px;margin-top:14px;padding:14px;border:1px solid var(--nls-line);border-radius:12px;background:var(--nls-surface-2)}
.tg-queue-box>div:first-child{display:flex;align-items:baseline;gap:7px}.tg-queue-box>div:first-child strong{font-size:24px}.tg-queue-box>div span,.tg-queue-box small{color:var(--nls-muted);font-size:10px}.tg-queue-box>div:nth-child(2){display:grid;gap:3px}.tg-queue-box>div:nth-child(2) strong{font-size:11px}
.tg-note{margin:12px 0 0;color:var(--nls-muted);font-size:10px;line-height:1.5}
.tg-fleet-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr) auto;gap:16px;align-items:center}
.tg-thresholds{display:flex;flex-wrap:wrap;gap:8px}.tg-thresholds span{display:inline-flex;align-items:center;min-height:31px;padding:0 10px;border:1px solid var(--nls-line);border-radius:999px;background:var(--nls-surface-2);font-size:10px;font-weight:800}
.tg-fleet-summary{display:flex;align-items:center;gap:14px}.tg-fleet-summary>div{display:grid;text-align:right}.tg-fleet-summary strong{font-size:22px}.tg-fleet-summary span{color:var(--nls-muted);font-size:10px}
.tg-save-bar{position:sticky;bottom:12px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px 13px 18px;border:1px solid color-mix(in srgb,var(--tg-blue) 24%,var(--nls-line));border-radius:13px;background:color-mix(in srgb,var(--nls-surface) 96%,transparent);box-shadow:0 12px 30px rgba(15,23,42,.10);backdrop-filter:blur(10px)}
.tg-save-bar strong{display:block;font-size:12px}.tg-save-bar span{display:block;margin-top:3px;color:var(--nls-muted);font-size:10px}
.tg-log-card{margin-top:0}.tg-table-wrap{overflow:auto}.tg-log-table{min-width:980px}.tg-log-table th{font-size:9px}.tg-log-table td{font-size:10px;vertical-align:top}.tg-log-table td:nth-child(3) strong{display:block}.tg-log-table td:nth-child(3) small{display:block;margin-top:3px;color:var(--nls-muted)}.tg-log-table td:last-child>span{display:block;max-width:440px}.tg-log-table td:last-child small{display:block;margin-top:4px}.tg-log-table .is-error{color:var(--tg-red)}
.tg-log-state{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:999px;background:var(--nls-surface-2);color:var(--nls-muted);font-size:9px;font-weight:900;white-space:nowrap}
.tg-log-state.is-sent,.tg-log-state.is-sent_from_queue,.tg-log-state.is-received,.tg-log-state.is-checked{background:color-mix(in srgb,var(--tg-green) 10%,transparent);color:var(--tg-green)}
.tg-log-state.is-queued{background:color-mix(in srgb,var(--tg-amber) 11%,transparent);color:var(--tg-amber)}
.tg-log-state.is-failed{background:color-mix(in srgb,var(--tg-red) 10%,transparent);color:var(--tg-red)}
.tg-log-state.is-no_results,.tg-log-state.is-skipped{background:var(--nls-surface-2);color:var(--nls-muted)}
.tg-empty{display:grid;place-items:center;gap:5px;min-height:120px;color:var(--nls-muted)}.tg-empty strong{color:var(--nls-text);font-size:12px}
html[data-theme="dark"] .tg-page{--tg-blue:#60a5fa;--tg-green:#4ade80;--tg-amber:#fbbf24;--tg-red:#f87171}
html[data-theme="dark"] .tg-save-bar{box-shadow:0 14px 32px rgba(0,0,0,.28)}
html[data-theme="dark"] .tg-switch{background:#59606b}
@media(max-width:1380px){.tg-overview{grid-template-columns:1fr}.tg-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.tg-fleet-layout{grid-template-columns:1fr 1.2fr}.tg-fleet-summary{grid-column:1/-1;justify-content:flex-end}.tg-group-head,.tg-group-row{grid-template-columns:minmax(150px,.7fr) minmax(170px,.75fr) minmax(390px,1.6fr) 42px}}
@media(max-width:1100px){.tg-grid-two{grid-template-columns:1fr}.tg-group-head{display:none}.tg-group-row{grid-template-columns:repeat(2,minmax(0,1fr)) 42px;align-items:start}.tg-group-row>label>span{display:block}.tg-permissions{grid-column:1/3}.tg-remove{grid-column:3;grid-row:1}.tg-bot-grid{grid-template-columns:1fr}.tg-fleet-layout{grid-template-columns:1fr}.tg-fleet-summary{grid-column:auto;justify-content:space-between}}
@media(max-width:760px){.tg-test-row{grid-template-columns:1fr}.tg-test-row .btn{width:100%}.tg-overview-main{grid-template-columns:48px minmax(0,1fr)}.tg-state{grid-column:1/-1;justify-self:start}.tg-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.tg-card-head{align-items:flex-start;flex-wrap:wrap}.tg-card-head .btn{width:100%}.tg-group-row{grid-template-columns:1fr 42px}.tg-group-row>label{grid-column:1}.tg-permissions{grid-column:1/-1}.tg-remove{grid-column:2;grid-row:1}.tg-card-footer{align-items:stretch;flex-direction:column}.tg-queue-box{grid-template-columns:1fr}.tg-fleet-summary{align-items:stretch;flex-direction:column}.tg-fleet-summary>div{text-align:left}.tg-save-bar{position:static;align-items:stretch;flex-direction:column}.tg-save-bar .btn{width:100%}.tg-facts>div{grid-template-columns:1fr}.tg-facts dd{text-align:left}}
@media(max-width:520px){.tg-page{gap:14px}.tg-overview-main,.tg-card-body,.tg-card-head,.tg-group-row,.tg-card-footer{padding-left:15px;padding-right:15px}.tg-kpis{grid-template-columns:1fr 1fr}.tg-kpis article{min-height:72px;padding:12px}.tg-overview-main h2{font-size:19px}.tg-thresholds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tg-thresholds span{justify-content:center;text-align:center}.tg-actions{display:grid}.tg-actions .btn{width:100%}}

/* ========================================================================== 
   SPRINT 8 — USERS & PROFILES
   Canonical user management and profile components.
   ========================================================================== */
.s8-notice{margin-bottom:18px}
.s8-eyebrow{display:block;margin-bottom:7px;color:var(--nls-accent);font-size:11px;line-height:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.s8-btn{min-height:42px;padding:0 15px;border:1px solid transparent;border-radius:10px;background:var(--nls-surface);color:var(--nls-text);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;line-height:1;cursor:pointer;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.s8-btn:hover{transform:translateY(-1px)}
.s8-btn svg,.s8-back-link svg,.s8-filter-field svg,.s8-search-field svg,.s8-section-head>span svg,.s8-profile-contact-row svg,.s8-self-profile-stats svg,.s8-account-meta-card svg,.s8-activity-icon svg,.s8-modal-icon svg,.s8-role-preview>span svg,.s8-file-picker>svg,.s8-permission-list svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.s8-btn-primary{background:var(--nls-accent);border-color:var(--nls-accent);color:#fff}
.s8-btn-primary:hover{background:color-mix(in srgb,var(--nls-accent) 84%,#000);border-color:color-mix(in srgb,var(--nls-accent) 84%,#000);color:#fff}
.s8-btn-secondary{background:var(--nls-surface);border-color:var(--nls-line);color:var(--nls-text)}
.s8-btn-secondary:hover{background:var(--nls-surface-2);border-color:color-mix(in srgb,var(--nls-accent) 35%,var(--nls-line));color:var(--nls-accent)}
.s8-btn-danger-soft{background:color-mix(in srgb,var(--nls-danger) 9%,var(--nls-surface));border-color:color-mix(in srgb,var(--nls-danger) 28%,var(--nls-line));color:var(--nls-danger)}
.s8-btn-danger-soft:hover{background:color-mix(in srgb,var(--nls-danger) 15%,var(--nls-surface));border-color:var(--nls-danger)}
.s8-btn-success{background:color-mix(in srgb,var(--nls-success) 10%,var(--nls-surface));border-color:color-mix(in srgb,var(--nls-success) 30%,var(--nls-line));color:var(--nls-success)}
.s8-btn-block{width:100%}
.s8-text-button{width:100%;padding:8px 4px;border:0;background:transparent;color:var(--nls-muted);font-size:12px;font-weight:700;cursor:pointer}
.s8-text-button:hover{color:var(--nls-accent)}

.s8-users-hero{min-height:126px;margin-bottom:18px;padding:24px 26px;border:1px solid var(--nls-line);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--nls-accent) 8%,var(--nls-surface)),var(--nls-surface) 58%);display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;position:relative}
.s8-users-hero::after{content:"";position:absolute;right:-68px;top:-96px;width:250px;height:250px;border:1px solid color-mix(in srgb,var(--nls-accent) 14%,transparent);border-radius:50%;box-shadow:0 0 0 34px color-mix(in srgb,var(--nls-accent) 3%,transparent),0 0 0 68px color-mix(in srgb,var(--nls-accent) 2%,transparent);pointer-events:none}
.s8-users-hero>div,.s8-users-hero>.s8-btn{position:relative;z-index:1}
.s8-users-hero h2{margin:0;color:var(--nls-text);font-size:24px;line-height:30px;font-weight:700}
.s8-users-hero p{margin:7px 0 0;color:var(--nls-muted);font-size:13px}

.s8-user-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.s8-user-metric{min-height:92px;padding:16px;border:1px solid var(--nls-line);border-radius:10px;background:var(--nls-surface);display:flex;align-items:center;gap:13px}
.s8-metric-icon{width:42px;height:42px;border-radius:10px;background:var(--nls-accent-soft);color:var(--nls-accent);display:grid;place-items:center;flex:0 0 auto}
.s8-metric-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.s8-user-metric>div{display:flex;flex-direction:column;min-width:0}
.s8-user-metric strong{font-size:24px;line-height:28px;color:var(--nls-text)}
.s8-user-metric small{margin-top:2px;color:var(--nls-muted);font-size:11px}
.s8-user-metric.is-success .s8-metric-icon{background:color-mix(in srgb,var(--nls-success) 11%,var(--nls-surface));color:var(--nls-success)}
.s8-user-metric.is-online .s8-metric-icon{background:color-mix(in srgb,#06b6d4 11%,var(--nls-surface));color:#0891b2}
.s8-user-metric.is-admin .s8-metric-icon{background:color-mix(in srgb,#7c3aed 11%,var(--nls-surface));color:#7c3aed}
html[data-theme="dark"] .s8-user-metric.is-online .s8-metric-icon{color:#67e8f9}
html[data-theme="dark"] .s8-user-metric.is-admin .s8-metric-icon{color:#c4b5fd}

.s8-users-panel{padding:0;overflow:hidden}
.s8-users-panel-head{padding:20px 22px;border-bottom:1px solid var(--nls-line);display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.s8-users-panel-head h2{margin:0;font-size:18px;color:var(--nls-text)}
.s8-users-panel-head>div>p{margin:5px 0 0;color:var(--nls-muted);font-size:12px}
.s8-user-filters{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.s8-search-field,.s8-filter-field{height:42px;border:1px solid var(--nls-line);border-radius:10px;background:var(--nls-surface);display:flex;align-items:center;gap:8px;color:var(--nls-muted);position:relative;text-transform:none;letter-spacing:0}
.s8-search-field{width:min(330px,32vw);padding:0 12px}
.s8-filter-field{padding:0 9px}
.s8-search-field:focus-within,.s8-filter-field:focus-within{border-color:var(--nls-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--nls-accent) 12%,transparent)}
.s8-search-field input,.s8-filter-field select{height:40px;min-height:0;border:0;background:transparent;color:var(--nls-text);outline:0;box-shadow:none;padding:0;font-size:12px;text-transform:none;letter-spacing:0}
.s8-search-field input{width:100%}
.s8-filter-field select{min-width:130px;padding-right:24px}
.s8-search-field input:focus,.s8-filter-field select:focus{outline:0;box-shadow:none;border:0}
.s8-filter-reset{padding:8px;color:var(--nls-muted);font-size:11px;font-weight:700}
.s8-filter-reset:hover{color:var(--nls-accent)}

.s8-users-table-wrap{overflow-x:auto}
.s8-users-table{min-width:960px;table-layout:fixed}
.s8-users-table thead th{height:46px;padding:0 16px;background:var(--nls-surface-2);border-bottom:1px solid var(--nls-line);font-size:10px;letter-spacing:.07em;color:var(--nls-muted)}
.s8-users-table tbody td{height:78px;padding:10px 16px;border-bottom:1px solid var(--nls-line);background:var(--nls-surface);vertical-align:middle}
.s8-users-table tbody tr:last-child td{border-bottom:0}
.s8-users-table tbody tr:hover td{background:color-mix(in srgb,var(--nls-accent) 2.5%,var(--nls-surface))}
.s8-users-table tbody tr.is-inactive td{opacity:.67}
.s8-users-table tbody tr.is-inactive:hover td{opacity:.82}
.s8-users-table th:nth-child(1){width:34%}.s8-users-table th:nth-child(2){width:14%}.s8-users-table th:nth-child(3){width:11%}.s8-users-table th:nth-child(4){width:18%}.s8-users-table th:nth-child(5){width:11%}.s8-users-table th:nth-child(6){width:12%;text-align:right}
.s8-user-cell{display:flex;align-items:center;gap:12px;min-width:0}
.s8-avatar-wrap{width:46px;height:46px;position:relative;display:block;flex:0 0 auto}
.s8-avatar-wrap img{width:46px;height:46px;border-radius:12px;border:1px solid var(--nls-line);object-fit:cover;background:var(--nls-surface-2)}
.s8-avatar-wrap i{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border:2px solid var(--nls-surface);border-radius:50%;background:#22c55e}
.s8-user-cell>span:last-child{display:flex;flex-direction:column;min-width:0}
.s8-user-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nls-text);font-size:13px;line-height:18px}
.s8-user-cell small{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nls-muted);font-size:11px}
.s8-user-cell em{margin-top:4px;color:var(--nls-muted);font-size:10px;font-style:normal}
.s8-role-badge,.s8-status-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:26px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}
.s8-role-badge.is-admin{background:color-mix(in srgb,#7c3aed 11%,var(--nls-surface));color:#6d28d9;border:1px solid color-mix(in srgb,#7c3aed 24%,var(--nls-line))}
.s8-role-badge.is-logistics{background:color-mix(in srgb,var(--nls-accent) 10%,var(--nls-surface));color:var(--nls-accent);border:1px solid color-mix(in srgb,var(--nls-accent) 24%,var(--nls-line))}
.s8-role-badge.is-warehouse{background:color-mix(in srgb,#d97706 10%,var(--nls-surface));color:#b45309;border:1px solid color-mix(in srgb,#d97706 24%,var(--nls-line))}
.s8-role-badge.is-viewer{background:var(--nls-surface-2);color:var(--nls-muted);border:1px solid var(--nls-line)}
html[data-theme="dark"] .s8-role-badge.is-admin{color:#c4b5fd}html[data-theme="dark"] .s8-role-badge.is-warehouse{color:#fbbf24}
.s8-status-badge{border:1px solid var(--nls-line);background:var(--nls-surface-2);color:var(--nls-muted)}
.s8-status-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}
.s8-status-badge.is-active{border-color:color-mix(in srgb,var(--nls-success) 25%,var(--nls-line));background:color-mix(in srgb,var(--nls-success) 8%,var(--nls-surface));color:var(--nls-success)}
.s8-status-badge.is-inactive{border-color:color-mix(in srgb,var(--nls-danger) 18%,var(--nls-line));background:color-mix(in srgb,var(--nls-danger) 6%,var(--nls-surface));color:var(--nls-muted)}
.s8-last-activity,.s8-date-cell{color:var(--nls-muted);font-size:11px;white-space:nowrap}.s8-last-activity.is-online{color:var(--nls-success);font-weight:700}
.s8-actions-col{text-align:right}
.s8-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.s8-row-actions form{margin:0}
.s8-icon-action{width:34px;height:34px;padding:0;border:1px solid var(--nls-line);border-radius:9px;background:var(--nls-surface);color:var(--nls-muted);display:grid;place-items:center;cursor:pointer}
.s8-icon-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.s8-icon-action:hover{border-color:color-mix(in srgb,var(--nls-accent) 34%,var(--nls-line));background:var(--nls-accent-soft);color:var(--nls-accent)}
.s8-icon-action.is-danger:hover{border-color:color-mix(in srgb,var(--nls-danger) 38%,var(--nls-line));background:color-mix(in srgb,var(--nls-danger) 9%,var(--nls-surface));color:var(--nls-danger)}
.s8-icon-action.is-success:hover{border-color:color-mix(in srgb,var(--nls-success) 38%,var(--nls-line));background:color-mix(in srgb,var(--nls-success) 9%,var(--nls-surface));color:var(--nls-success)}
.s8-users-mobile-list{display:none}
.s8-empty-state{min-height:260px;padding:38px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.s8-empty-state>span{width:52px;height:52px;border-radius:14px;background:var(--nls-surface-2);color:var(--nls-muted);display:grid;place-items:center}
.s8-empty-state svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}
.s8-empty-state strong{margin-top:14px;font-size:14px}.s8-empty-state p{margin:5px 0 0;color:var(--nls-muted);font-size:12px}

/* User create modal */
body.s8-modal-open{overflow:hidden}
.s8-modal{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:24px}
.s8-modal.is-open{display:flex}
.s8-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(5,10,18,.62);backdrop-filter:blur(5px);cursor:default}
.s8-modal-card{position:relative;width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid var(--nls-line);border-radius:14px;background:var(--nls-surface);color:var(--nls-text);box-shadow:0 28px 80px rgba(0,0,0,.28)}
.s8-modal-header{padding:20px 22px;border-bottom:1px solid var(--nls-line);display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.s8-modal-header>div{display:flex;align-items:center;gap:12px}.s8-modal-icon{width:42px;height:42px;border-radius:11px;background:var(--nls-accent-soft);color:var(--nls-accent);display:grid;place-items:center}
.s8-modal-header h2{margin:0;font-size:18px}.s8-modal-header p{margin:4px 0 0;color:var(--nls-muted);font-size:12px}
.s8-modal-close{width:36px;height:36px;padding:0;border:1px solid var(--nls-line);border-radius:9px;background:var(--nls-surface-2);color:var(--nls-muted);font-size:23px;line-height:1;cursor:pointer}
.s8-user-create-form{padding:22px}
.s8-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.s8-field{display:flex;flex-direction:column;gap:7px;color:var(--nls-text);font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:none}
.s8-field.is-full{grid-column:1/-1}
.s8-field>span:first-child{color:var(--nls-muted)}
.s8-field input,.s8-field select,.s8-field textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--nls-line);border-radius:10px;background:var(--nls-surface);color:var(--nls-text);font-size:12px;outline:0;box-shadow:none}
.s8-field textarea{min-height:104px;resize:vertical;line-height:18px}
.s8-field input:focus,.s8-field select:focus,.s8-field textarea:focus{border-color:var(--nls-accent);outline:3px solid color-mix(in srgb,var(--nls-accent) 12%,transparent);box-shadow:none}
.s8-password-input{position:relative;display:block}
.s8-password-input input{padding-right:44px}
.s8-password-input button{position:absolute;right:5px;top:50%;width:33px;height:33px;padding:0;transform:translateY(-50%);border:0;border-radius:8px;background:transparent;color:var(--nls-muted);display:grid;place-items:center;cursor:pointer}
.s8-password-input button:hover,.s8-password-input button.is-visible{background:var(--nls-surface-2);color:var(--nls-accent)}
.s8-password-input button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.s8-role-preview{margin-top:16px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--nls-accent) 20%,var(--nls-line));border-radius:10px;background:color-mix(in srgb,var(--nls-accent) 5%,var(--nls-surface));display:flex;align-items:flex-start;gap:11px}
.s8-role-preview>span{width:32px;height:32px;border-radius:8px;background:var(--nls-accent-soft);color:var(--nls-accent);display:grid;place-items:center;flex:0 0 auto}
.s8-role-preview strong{font-size:12px}.s8-role-preview p{margin:3px 0 0;color:var(--nls-muted);font-size:11px;line-height:16px}
.s8-modal-footer{margin-top:20px;padding-top:18px;border-top:1px solid var(--nls-line);display:flex;align-items:center;justify-content:flex-end;gap:9px}

/* User profile pages */
.s8-profile-toolbar{min-height:42px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.s8-profile-toolbar>div{display:flex;align-items:center;gap:9px}.s8-profile-toolbar form{margin:0}
.s8-back-link{display:inline-flex;align-items:center;gap:7px;color:var(--nls-muted);font-size:12px;font-weight:700}.s8-back-link:hover{color:var(--nls-accent)}
.s8-own-account{padding:7px 10px;border:1px solid var(--nls-line);border-radius:999px;background:var(--nls-surface);color:var(--nls-muted);font-size:10px;font-weight:700}
.s8-user-profile-hero,.s8-self-profile-hero{margin-bottom:18px;padding:24px;border:1px solid var(--nls-line);border-radius:12px;background:var(--nls-surface);display:grid;grid-template-columns:auto minmax(0,1fr) minmax(270px,360px);align-items:center;gap:20px;position:relative;overflow:hidden}
.s8-user-profile-hero::before,.s8-self-profile-hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--nls-accent)}
.s8-user-profile-hero.is-inactive::before{background:var(--nls-muted)}
.s8-profile-avatar-large{width:104px;height:104px;position:relative;z-index:1}
.s8-profile-avatar-large img{width:104px;height:104px;border-radius:28px;border:1px solid var(--nls-line);object-fit:cover;background:var(--nls-surface-2)}
.s8-profile-avatar-large i{position:absolute;right:2px;bottom:2px;width:17px;height:17px;border:3px solid var(--nls-surface);border-radius:50%;background:#22c55e}
.s8-profile-avatar-large.is-self img{border-radius:30px}
.s8-profile-identity-copy{min-width:0;position:relative;z-index:1}
.s8-profile-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.s8-profile-name-row h2{margin:0;font-size:25px;line-height:31px;color:var(--nls-text)}
.s8-profile-identity-copy>p{margin:5px 0 0;color:var(--nls-text);font-size:13px}.s8-profile-identity-copy>small{display:block;margin-top:5px;color:var(--nls-muted);font-size:11px}
.s8-profile-contact-row{margin-top:13px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.s8-profile-contact-row span{display:inline-flex;align-items:center;gap:6px;color:var(--nls-muted);font-size:11px}
.s8-profile-role-card{padding:15px;border:1px solid var(--nls-line);border-radius:11px;background:var(--nls-surface-2);position:relative;z-index:1}
.s8-profile-role-card>p{margin:9px 0 10px;color:var(--nls-muted);font-size:11px;line-height:16px}.s8-profile-role-card>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.s8-profile-role-card small{display:flex;align-items:center;gap:5px;color:var(--nls-text);font-size:10px}.s8-profile-role-card small svg{width:13px;height:13px;fill:none;stroke:var(--nls-success);stroke-width:2.2}
.s8-profile-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.s8-profile-content,.s8-profile-sidebar{display:grid;gap:18px}
.s8-profile-page-grid .panel{margin:0}
.s8-section-card{padding:0;overflow:hidden}
.s8-section-head{padding:18px 20px;border-bottom:1px solid var(--nls-line);display:flex;align-items:center;gap:11px}
.s8-section-head>span{width:38px;height:38px;border-radius:10px;background:var(--nls-surface-2);color:var(--nls-accent);display:grid;place-items:center;flex:0 0 auto}
.s8-section-head h2{margin:0;font-size:15px;line-height:20px}.s8-section-head p{margin:3px 0 0;color:var(--nls-muted);font-size:11px;line-height:16px}
.s8-profile-form,.s8-password-form,.s8-avatar-upload-form{padding:20px}
.s8-form-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--nls-line);display:flex;align-items:center;justify-content:space-between;gap:14px}
.s8-form-footer>span{color:var(--nls-muted);font-size:10px}
.s8-password-form{display:grid;gap:13px}
.s8-avatar-card{text-align:left}
.s8-avatar-preview{width:132px;height:132px;margin:20px auto 2px;padding:5px;border:1px solid var(--nls-line);border-radius:34px;background:var(--nls-surface-2)}
.s8-avatar-preview img{width:100%;height:100%;border-radius:28px;object-fit:cover;display:block}
.s8-avatar-upload-form{padding-top:16px;padding-bottom:12px;display:grid;gap:11px}
.s8-file-picker{min-height:62px;padding:10px 11px;border:1px dashed color-mix(in srgb,var(--nls-accent) 34%,var(--nls-line));border-radius:10px;background:color-mix(in srgb,var(--nls-accent) 3%,var(--nls-surface));color:var(--nls-accent);display:flex;align-items:center;gap:10px;cursor:pointer;text-transform:none;letter-spacing:0;position:relative;overflow:hidden}
.s8-file-picker:hover,.s8-file-picker.has-file{border-style:solid;background:var(--nls-accent-soft)}
.s8-file-picker>svg{width:21px;height:21px}.s8-file-picker>span{display:flex;flex-direction:column;min-width:0}.s8-file-picker strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nls-text);font-size:11px}.s8-file-picker small{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nls-muted);font-size:9px}.s8-file-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}
.s8-account-meta-card{padding:6px 18px}
.s8-account-meta-card>div{padding:13px 0;border-bottom:1px solid var(--nls-line);display:flex;align-items:center;gap:10px}.s8-account-meta-card>div:last-child{border-bottom:0}
.s8-account-meta-card>div>span{width:32px;height:32px;border-radius:9px;background:var(--nls-surface-2);color:var(--nls-muted);display:grid;place-items:center}.s8-account-meta-card p{margin:0;display:flex;flex-direction:column}.s8-account-meta-card small{color:var(--nls-muted);font-size:9px}.s8-account-meta-card strong{margin-top:2px;color:var(--nls-text);font-size:11px}
.s8-activity-list{padding:4px 20px 10px}
.s8-activity-list article{padding:14px 0;border-bottom:1px solid var(--nls-line);display:flex;align-items:flex-start;gap:11px}.s8-activity-list article:last-child{border-bottom:0}
.s8-activity-icon{width:34px;height:34px;border-radius:9px;background:var(--nls-surface-2);color:var(--nls-accent);display:grid;place-items:center;flex:0 0 auto}.s8-activity-icon svg{width:16px;height:16px}
.s8-activity-list article>div{min-width:0}.s8-activity-list strong{color:var(--nls-text);font-size:11px}.s8-activity-list p{margin:3px 0 0;color:var(--nls-muted);font-size:10px;line-height:15px}.s8-activity-list small{display:block;margin-top:5px;color:var(--nls-muted);font-size:9px}
.s8-empty-activity{min-height:160px;padding:28px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--nls-muted)}.s8-empty-activity>span{width:42px;height:42px;border-radius:11px;background:var(--nls-surface-2);display:grid;place-items:center}.s8-empty-activity svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.s8-empty-activity p{margin:10px 0 0;font-size:11px}

/* Self profile */
.s8-self-profile-hero{grid-template-columns:auto minmax(0,1fr) minmax(420px,520px);background:linear-gradient(135deg,color-mix(in srgb,var(--nls-accent) 6%,var(--nls-surface)),var(--nls-surface) 62%)}
.s8-self-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--nls-line);border-radius:11px;background:var(--nls-surface);overflow:hidden;position:relative;z-index:1}
.s8-self-profile-stats>div{min-height:74px;padding:12px;border-right:1px solid var(--nls-line);display:flex;align-items:center;gap:8px}.s8-self-profile-stats>div:last-child{border-right:0}
.s8-self-profile-stats>div>span{width:30px;height:30px;border-radius:8px;background:var(--nls-surface-2);color:var(--nls-accent);display:grid;place-items:center;flex:0 0 auto}.s8-self-profile-stats p{margin:0;min-width:0;display:flex;flex-direction:column}.s8-self-profile-stats small{color:var(--nls-muted);font-size:9px}.s8-self-profile-stats strong{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nls-text);font-size:10px}
.s8-permissions-card .s8-section-head{align-items:flex-start}
.s8-permission-list{padding:10px 20px 18px;display:grid;gap:8px}.s8-permission-list span{display:flex;align-items:center;gap:8px;color:var(--nls-text);font-size:11px}.s8-permission-list svg{width:14px;height:14px;color:var(--nls-success);stroke-width:2.2}

html[data-theme="dark"] .s8-users-hero,html[data-theme="dark"] .s8-self-profile-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--nls-accent) 9%,#22252a),#22252a 62%)}
html[data-theme="dark"] .s8-user-metric,html[data-theme="dark"] .s8-modal-card,html[data-theme="dark"] .s8-users-table tbody td{background:#22252a}
html[data-theme="dark"] .s8-users-table tbody tr:hover td{background:#272b31}
html[data-theme="dark"] .s8-search-field,html[data-theme="dark"] .s8-filter-field,html[data-theme="dark"] .s8-icon-action{background:#22252a}
html[data-theme="dark"] .s8-profile-role-card,html[data-theme="dark"] .s8-section-head>span,html[data-theme="dark"] .s8-activity-icon,html[data-theme="dark"] .s8-account-meta-card>div>span{background:#1d2024}

@media(max-width:1260px){
  .s8-users-panel-head{align-items:flex-start;flex-direction:column}.s8-user-filters{width:100%;justify-content:flex-start}.s8-search-field{width:min(390px,100%)}
  .s8-user-profile-hero{grid-template-columns:auto minmax(0,1fr)}.s8-profile-role-card{grid-column:1/-1}.s8-profile-role-card>div{grid-template-columns:repeat(4,1fr)}
  .s8-self-profile-hero{grid-template-columns:auto minmax(0,1fr)}.s8-self-profile-stats{grid-column:1/-1;width:100%}
}
@media(max-width:1040px){
  .s8-user-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s8-profile-page-grid{grid-template-columns:1fr}.s8-profile-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.s8-profile-sidebar .s8-account-meta-card,.s8-profile-sidebar .s8-permissions-card{grid-column:1/-1}
}
@media(max-width:820px){
  .s8-users-table-wrap{display:none}.s8-users-mobile-list{display:grid;padding:12px;gap:9px}
  .s8-mobile-user-card{border:1px solid var(--nls-line);border-radius:11px;background:var(--nls-surface);overflow:hidden}.s8-mobile-user-card.is-inactive{opacity:.7}
  .s8-mobile-user-main{padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.s8-mobile-user-main>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.s8-mobile-user-main strong,.s8-mobile-user-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s8-mobile-user-main strong{font-size:12px}.s8-mobile-user-main small{margin-top:3px;color:var(--nls-muted);font-size:10px}.s8-mobile-user-main>svg{width:16px;height:16px;fill:none;stroke:var(--nls-muted);stroke-width:1.8}
  .s8-mobile-user-meta{padding:10px 12px;border-top:1px solid var(--nls-line);background:var(--nls-surface-2);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.s8-mobile-user-meta>small{margin-left:auto;color:var(--nls-muted);font-size:9px}
  .s8-user-profile-hero,.s8-self-profile-hero{padding:20px;grid-template-columns:1fr;text-align:center}.s8-profile-avatar-large{margin:auto}.s8-profile-name-row,.s8-profile-contact-row{justify-content:center}.s8-profile-role-card{text-align:left;grid-column:auto}.s8-profile-role-card>div{grid-template-columns:1fr 1fr}.s8-self-profile-stats{grid-column:auto}
}
@media(max-width:680px){
  .s8-users-hero{padding:20px;align-items:flex-start;flex-direction:column}.s8-users-hero>.s8-btn{width:100%}.s8-users-hero::after{display:none}
  .s8-user-metrics{grid-template-columns:1fr 1fr;gap:8px}.s8-user-metric{min-height:80px;padding:12px}.s8-metric-icon{width:36px;height:36px}.s8-user-metric strong{font-size:20px}.s8-user-metric small{font-size:9px}
  .s8-user-filters{display:grid;grid-template-columns:1fr 1fr}.s8-search-field{grid-column:1/-1;width:100%}.s8-filter-field{width:100%}.s8-filter-field select{width:100%;min-width:0}.s8-user-filters>.s8-btn{width:100%}.s8-filter-reset{display:flex;align-items:center;justify-content:center}
  .s8-modal{padding:10px;align-items:flex-end}.s8-modal-card{max-height:calc(100vh - 20px);border-radius:14px 14px 0 0}.s8-modal-header,.s8-user-create-form{padding:17px}.s8-form-grid{grid-template-columns:1fr}.s8-field.is-full{grid-column:auto}.s8-modal-footer{position:sticky;bottom:-17px;margin-left:-17px;margin-right:-17px;padding:14px 17px;background:var(--nls-surface)}
  .s8-profile-toolbar{align-items:flex-start}.s8-back-link span{display:none}.s8-profile-toolbar .s8-btn span{display:none}.s8-profile-toolbar .s8-btn{width:42px;padding:0}
  .s8-profile-sidebar{grid-template-columns:1fr}.s8-profile-sidebar .s8-account-meta-card,.s8-profile-sidebar .s8-permissions-card{grid-column:auto}
  .s8-form-grid{grid-template-columns:1fr}.s8-field.is-full{grid-column:auto}.s8-form-footer{align-items:stretch;flex-direction:column}.s8-form-footer .s8-btn{width:100%}.s8-form-footer>span{text-align:center;order:2}
  .s8-self-profile-stats{grid-template-columns:1fr}.s8-self-profile-stats>div{border-right:0;border-bottom:1px solid var(--nls-line)}.s8-self-profile-stats>div:last-child{border-bottom:0}
}
@media(max-width:420px){
  .s8-user-metrics{grid-template-columns:1fr}.s8-profile-role-card>div{grid-template-columns:1fr}.s8-mobile-user-meta>small{width:100%;margin-left:0}
}
.s8-field-hint{margin-top:-2px;color:var(--nls-muted);font-size:9px;font-weight:400;letter-spacing:0}
.s8-own-security-action{padding:20px}

/* ========================================================================== */
/* Notification Center — canonical component                                  */
/* ========================================================================== */
.v21-notification-center{position:relative;z-index:180}
.v21-notification-trigger{position:relative}
.v21-notification-trigger[aria-expanded="true"]{background:var(--nls-accent-soft);border-color:color-mix(in srgb,var(--nls-accent) 42%,var(--nls-line));color:var(--nls-accent)}
.v21-notification-count{position:absolute;right:-5px;top:-5px;min-width:19px;height:19px;padding:0 5px;border:2px solid var(--nls-surface);border-radius:999px;background:var(--nls-danger);color:#fff;font-size:10px;font-weight:900;line-height:15px;display:grid;place-items:center;box-shadow:0 2px 6px color-mix(in srgb,var(--nls-danger) 30%,transparent)}
.v21-notification-panel[hidden]{display:none!important}
.v21-notification-panel{position:absolute;right:0;top:50px;width:min(460px,calc(100vw - 28px));max-height:min(680px,calc(100vh - 88px));display:flex;flex-direction:column;overflow:hidden;background:var(--nls-surface);border:1px solid color-mix(in srgb,var(--nls-line) 88%,var(--nls-text) 12%);border-radius:14px;box-shadow:0 24px 70px rgba(15,23,42,.20),0 5px 18px rgba(15,23,42,.10);color:var(--nls-text);z-index:220;transform-origin:top right;animation:v21-notification-in .15s ease-out}
@keyframes v21-notification-in{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.v21-notification-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:15px 16px 14px;border-bottom:1px solid var(--nls-line);background:var(--nls-surface)}
.v21-notification-panel-heading{display:flex;align-items:center;gap:12px;min-width:0}
.v21-notification-panel-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:var(--nls-accent-soft);color:var(--nls-accent)}
.v21-notification-panel-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.v21-notification-panel-heading>div{display:flex;flex-direction:column;min-width:0}
.v21-notification-panel-heading strong{font-size:16px;font-weight:900;line-height:1.2}
.v21-notification-panel-heading small{margin-top:4px;color:var(--nls-muted);font-size:12px;line-height:1.2}
.v21-notification-close{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--nls-muted);font-size:25px;line-height:1;cursor:pointer}
.v21-notification-close:hover{background:var(--nls-surface-2)!important;border-color:var(--nls-line)!important;color:var(--nls-text)}
.v21-notification-toolbar[hidden]{display:none}
.v21-notification-toolbar{min-height:43px;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--nls-line);background:var(--nls-surface-2)}
.v21-notification-toolbar>span{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:color-mix(in srgb,var(--nls-danger) 11%,transparent);color:var(--nls-danger);font-size:11px;font-weight:900}
.v21-notification-toolbar button{margin-left:auto;padding:0;border:0;background:transparent;color:var(--nls-accent);font-size:12px;font-weight:900;cursor:pointer}
.v21-notification-toolbar button:hover{text-decoration:underline;text-underline-offset:3px}
.v21-notification-toolbar button:disabled{opacity:.45;cursor:default;text-decoration:none}
.v21-notification-panel-list{min-height:128px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--nls-muted) 35%,transparent) transparent;background:var(--nls-surface)}
.v21-pop-notification{--v21-tone:var(--nls-info);position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:15px 16px;border-bottom:1px solid var(--nls-line);background:var(--nls-surface);transition:background-color .15s ease}
.v21-pop-notification:last-child{border-bottom:0}
.v21-pop-notification:hover{background:var(--nls-surface-2)}
.v21-pop-notification.is-unread{background:color-mix(in srgb,var(--v21-tone) 4.5%,var(--nls-surface))}
.v21-pop-notification.is-unread::before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:0 4px 4px 0;background:var(--v21-tone)}
.v21-pop-notification.severity-urgent{--v21-tone:var(--nls-danger)}
.v21-pop-notification.severity-warning{--v21-tone:var(--nls-warning)}
.v21-pop-notification.severity-info{--v21-tone:var(--nls-info)}
.v21-pop-notification-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--v21-tone) 11%,transparent);color:var(--v21-tone)}
.v21-pop-notification-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.v21-pop-notification-body{min-width:0}
.v21-pop-notification-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
.v21-pop-severity{color:var(--v21-tone);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.v21-pop-notification time{flex:0 0 auto;color:var(--nls-muted);font-size:11px;font-weight:700;white-space:nowrap}
.v21-pop-notification-body>strong{display:block;color:var(--nls-text);font-size:14px;font-weight:900;line-height:1.35}
.v21-pop-notification-body>p{margin:5px 0 0;color:var(--nls-muted);font-size:12.5px;line-height:1.45;overflow-wrap:anywhere}
.v21-pop-notification.is-read{opacity:.72}
.v21-pop-notification.is-read:hover{opacity:1}
.v21-pop-notification-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:27px;margin-top:10px}
.v21-pop-open{display:inline-flex;align-items:center;gap:6px;color:var(--nls-accent)!important;font-size:12px;font-weight:900}
.v21-pop-open:hover span{text-decoration:underline;text-underline-offset:3px}
.v21-pop-open svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}
.v21-pop-open:hover svg{transform:translateX(2px)}
.v21-pop-read{width:27px!important;height:27px!important;min-height:27px!important;margin-left:auto;padding:0!important;display:grid!important;place-items:center;border:1px solid var(--nls-line)!important;border-radius:7px!important;background:var(--nls-surface)!important;color:var(--nls-muted);cursor:pointer}
.v21-pop-read:hover{border-color:var(--nls-success)!important;background:color-mix(in srgb,var(--nls-success) 9%,transparent)!important;color:var(--nls-success)}
.v21-pop-read svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.v21-notification-panel-footer{padding:11px 16px;border-top:1px solid var(--nls-line);background:var(--nls-surface)}
.v21-notification-panel-footer a{min-height:36px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;color:var(--nls-accent)!important;background:var(--nls-accent-soft);font-size:12px;font-weight:900}
.v21-notification-panel-footer a:hover{filter:brightness(.985)}
.v21-notification-panel-footer a span{font-size:16px;transition:transform .15s ease}
.v21-notification-panel-footer a:hover span{transform:translateX(2px)}
.v21-notification-loading{display:grid;gap:13px;padding:18px 16px}
.v21-notification-loading span{display:block;height:62px;border-radius:10px;background:linear-gradient(90deg,var(--nls-surface-2),color-mix(in srgb,var(--nls-line) 55%,var(--nls-surface)),var(--nls-surface-2));background-size:220% 100%;animation:v21-notification-shimmer 1.2s linear infinite}
@keyframes v21-notification-shimmer{to{background-position:-220% 0}}
.v21-empty-pop{min-height:220px;padding:30px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.v21-empty-pop-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--nls-success) 10%,transparent);color:var(--nls-success);font-size:18px;font-weight:900}
.v21-empty-pop-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.v21-empty-pop strong{margin-top:12px;font-size:14px;font-weight:900}
.v21-empty-pop p{max-width:260px;margin:5px 0 0;color:var(--nls-muted);font-size:12px;line-height:1.45}
.v21-empty-pop.is-error .v21-empty-pop-icon{background:color-mix(in srgb,var(--nls-danger) 10%,transparent);color:var(--nls-danger)}
.v21-empty-pop button{margin-top:13px;padding:7px 11px;border:1px solid var(--nls-line);border-radius:8px;background:var(--nls-surface);color:var(--nls-accent);font-size:12px;font-weight:900;cursor:pointer}

/* Full notification center page */
.v21-notifications-page{display:grid;gap:18px;max-width:1180px;margin:0 auto}
.v21-notifications-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid var(--nls-line);border-radius:14px;background:var(--nls-surface);box-shadow:var(--nls-shadow)}
.v21-notifications-kicker{display:block;margin-bottom:7px;color:var(--nls-accent);font-size:11px;font-weight:900;letter-spacing:.12em}
.v21-notifications-hero h2{margin:0;font-size:23px;line-height:1.2;font-weight:900}
.v21-notifications-hero p{max-width:680px;margin:7px 0 0;color:var(--nls-muted);font-size:13px;line-height:1.5}
.v21-notifications-mark-all{min-height:40px;padding:0 14px!important;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--nls-line)!important;border-radius:9px!important;background:var(--nls-surface-2)!important;color:var(--nls-text);font-size:12px;font-weight:900;white-space:nowrap;cursor:pointer}
.v21-notifications-mark-all:hover{border-color:color-mix(in srgb,var(--nls-success) 40%,var(--nls-line))!important;color:var(--nls-success)}
.v21-notifications-mark-all svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.v21-notifications-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v21-notifications-stat{position:relative;min-height:78px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;overflow:hidden;border:1px solid var(--nls-line);border-radius:12px;background:var(--nls-surface)}
.v21-notifications-stat::before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:0 4px 4px 0;background:var(--v21-stat-tone)}
.v21-notifications-stat span{color:var(--nls-muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.v21-notifications-stat strong{color:var(--v21-stat-tone);font-size:27px;font-weight:900}
.v21-notifications-stat.is-unread{--v21-stat-tone:var(--nls-accent)}
.v21-notifications-stat.is-urgent{--v21-stat-tone:var(--nls-danger)}
.v21-notifications-stat.is-total{--v21-stat-tone:var(--nls-muted)}
.v21-notification-filters{display:flex;align-items:center;gap:6px;padding:6px;border:1px solid var(--nls-line);border-radius:12px;background:var(--nls-surface);overflow-x:auto;scrollbar-width:none}
.v21-notification-filters::-webkit-scrollbar{display:none}
.v21-notification-filters a{min-height:36px;padding:0 11px;display:inline-flex;align-items:center;gap:8px;border-radius:8px;color:var(--nls-muted);font-size:12px;font-weight:900;white-space:nowrap}
.v21-notification-filters a:hover{background:var(--nls-surface-2);color:var(--nls-text)}
.v21-notification-filters a.is-active{background:var(--nls-accent-soft);color:var(--nls-accent)}
.v21-notification-filters b{min-width:21px;height:21px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:var(--nls-surface-2);color:inherit;font-size:10px}
.v21-notification-filters a.is-active b{background:color-mix(in srgb,var(--nls-accent) 14%,var(--nls-surface))}
.v21-notification-list{display:grid;gap:9px}
.v21-notification-item{--v21-tone:var(--nls-info);position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:15px;align-items:center;padding:17px 18px;border:1px solid var(--nls-line);border-radius:12px;background:var(--nls-surface);transition:border-color .15s ease,background-color .15s ease,transform .15s ease}
.v21-notification-item:hover{border-color:color-mix(in srgb,var(--v21-tone) 28%,var(--nls-line));transform:translateY(-1px)}
.v21-notification-item.is-unread{background:color-mix(in srgb,var(--v21-tone) 3.5%,var(--nls-surface))}
.v21-notification-item.is-unread::before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:0 4px 4px 0;background:var(--v21-tone)}
.v21-notification-item.severity-urgent{--v21-tone:var(--nls-danger)}
.v21-notification-item.severity-warning{--v21-tone:var(--nls-warning)}
.v21-notification-item.severity-info{--v21-tone:var(--nls-info)}
.v21-notification-item.is-read{opacity:.74}
.v21-notification-item.is-read:hover{opacity:1}
.v21-notification-item-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--v21-tone) 11%,transparent);color:var(--v21-tone)}
.v21-notification-item-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.v21-notification-copy{min-width:0}
.v21-notification-meta{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.v21-notification-severity{color:var(--v21-tone);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.v21-notification-unread-label{min-height:20px;padding:0 7px;display:inline-flex;align-items:center;border-radius:999px;background:var(--nls-accent-soft);color:var(--nls-accent);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.v21-notification-meta time{margin-left:auto;color:var(--nls-muted);font-size:11px;font-weight:700;white-space:nowrap}
.v21-notification-copy h3{margin:0;font-size:14px;font-weight:900;line-height:1.35}
.v21-notification-copy p{margin:5px 0 0;color:var(--nls-muted);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.v21-notification-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:188px}
.v21-notification-actions a,.v21-notification-actions button{min-height:35px;padding:0 11px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;border-radius:8px!important;font-size:11px;font-weight:900;white-space:nowrap;cursor:pointer}
.v21-notification-actions a{border:1px solid var(--nls-accent);background:var(--nls-accent);color:#fff!important}
.v21-notification-actions a:hover{background:color-mix(in srgb,var(--nls-accent) 86%,#000)}
.v21-notification-actions button{border:1px solid var(--nls-line)!important;background:var(--nls-surface)!important;color:var(--nls-muted)}
.v21-notification-actions button:hover{border-color:var(--nls-success)!important;color:var(--nls-success)}
.v21-notification-actions svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.v21-empty-notifications{min-height:310px;padding:42px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--nls-line);border-radius:14px;background:var(--nls-surface)}
.v21-empty-notifications>span{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--nls-success) 10%,transparent);color:var(--nls-success)}
.v21-empty-notifications svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.v21-empty-notifications h3{margin:14px 0 0;font-size:16px;font-weight:900}
.v21-empty-notifications p{margin:6px 0 0;color:var(--nls-muted);font-size:13px}

html[data-theme="dark"] .v21-notification-panel{box-shadow:0 28px 80px rgba(0,0,0,.48),0 7px 20px rgba(0,0,0,.28)}
html[data-theme="dark"] .v21-pop-notification.is-unread,
html[data-theme="dark"] .v21-notification-item.is-unread{background:color-mix(in srgb,var(--v21-tone) 7%,var(--nls-surface))}

@media(max-width:760px){
  .v21-notifications-hero{align-items:flex-start;padding:20px;flex-direction:column}
  .v21-notifications-overview{grid-template-columns:repeat(3,minmax(110px,1fr));overflow-x:auto;padding-bottom:2px}
  .v21-notification-item{grid-template-columns:42px minmax(0,1fr);align-items:start;padding:15px}
  .v21-notification-actions{grid-column:2;min-width:0;justify-content:flex-start;flex-wrap:wrap}
  .v21-notification-meta{flex-wrap:wrap}
  .v21-notification-meta time{width:100%;margin-left:0}
}
@media(max-width:560px){
  body.v21-notification-open{overflow:hidden}
  body.v21-notification-open::after{content:"";position:fixed;inset:66px 0 0;background:rgba(7,12,20,.42);z-index:160}
  .nls-topbar .v21-notification-center{display:block}
  .v21-notification-panel{position:fixed;left:10px;right:10px;top:74px;width:auto;max-height:calc(100dvh - 84px);border-radius:14px;z-index:240;transform-origin:top center}
  .v21-notification-panel-header{min-height:66px;padding:13px 14px}
  .v21-notification-toolbar{padding-left:14px;padding-right:14px}
  .v21-pop-notification{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:14px}
  .v21-pop-notification-icon{width:34px;height:34px;border-radius:9px}
  .v21-pop-notification-body>strong{font-size:13px}
  .v21-pop-notification-body>p{font-size:12px}
  .v21-notifications-page{gap:14px}
  .v21-notifications-hero{padding:18px}
  .v21-notifications-hero h2{font-size:20px}
  .v21-notifications-overview{grid-template-columns:repeat(3,116px)}
  .v21-notifications-stat{min-height:70px;padding:13px 14px}
  .v21-notifications-stat strong{font-size:23px}
  .v21-notification-item{grid-template-columns:38px minmax(0,1fr);gap:11px;padding:14px}
  .v21-notification-item-icon{width:37px;height:37px;border-radius:10px}
  .v21-notification-actions{grid-column:1 / -1;padding-left:49px}
  .v21-notification-actions a,.v21-notification-actions button{flex:1}
}


/* Dashboard weather — live local conditions replace the global clock and date */
.nls-dashboard-weather{
  width:min(310px,38vw);
  min-height:78px;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:11px 14px;
  border:1px solid var(--nls-line);
  border-radius:14px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--nls-accent) 7%,var(--nls-surface)),var(--nls-surface));
  box-shadow:var(--nls-shadow);
}
.nls-weather-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;color:var(--nls-accent);background:color-mix(in srgb,var(--nls-accent) 10%,var(--nls-surface))}
.nls-weather-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.nls-weather-copy{min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"label label" "temperature condition";align-items:end;column-gap:10px;row-gap:2px}
.nls-weather-copy small{grid-area:label;color:var(--nls-muted);font-size:10px;font-style:normal;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.nls-weather-copy strong{grid-area:temperature;color:var(--nls-text);font-size:26px;line-height:1;font-weight:900;white-space:nowrap}
.nls-weather-copy sup{position:relative;top:-7px;margin-left:1px;font-size:11px}
.nls-weather-copy em{grid-area:condition;min-width:0;padding-bottom:2px;color:var(--nls-muted);font-size:11px;font-style:normal;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nls-weather-retry{min-height:30px;padding:0 9px;border:1px solid var(--nls-line);border-radius:8px;background:var(--nls-surface);color:var(--nls-accent);font:700 10px/1 var(--nls-font-family,"Lato",sans-serif);cursor:pointer}
.nls-weather-retry:hover{border-color:var(--nls-accent);background:var(--nls-accent-soft)}
.nls-dashboard-weather[data-state="loading"] .nls-weather-icon{animation:nls-weather-breathe 1.5s ease-in-out infinite}
.nls-dashboard-weather[data-state="error"]{border-color:color-mix(in srgb,var(--nls-warning) 38%,var(--nls-line));background:color-mix(in srgb,var(--nls-warning) 4%,var(--nls-surface))}
.nls-dashboard-weather[data-state="error"] .nls-weather-icon{color:var(--nls-warning);background:color-mix(in srgb,var(--nls-warning) 10%,var(--nls-surface))}
@keyframes nls-weather-breathe{50%{opacity:.55;transform:translateY(-1px)}}
html[data-theme="dark"] .nls-dashboard-weather{background:linear-gradient(135deg,color-mix(in srgb,var(--nls-accent) 10%,#22252a),#22252a);box-shadow:none}
.oc-action-order,.oc-action-order:visited{color:var(--orders-blue,var(--nls-accent));font-weight:var(--nls-font-bold);text-decoration:none}
.oc-action-order:hover,.oc-action-order:focus-visible{color:color-mix(in srgb,var(--orders-blue,var(--nls-accent)) 80%,#ffffff);text-decoration:underline}
.oc-action-order:focus-visible,.oc-active-panel .oc-orders-table .oc-order-number:focus-visible{outline:2px solid color-mix(in srgb,var(--nls-accent) 42%,transparent);outline-offset:3px;border-radius:4px}
@media(max-width:820px){.nls-page-header{display:grid;grid-template-columns:1fr;gap:14px}.nls-dashboard-weather{width:100%;max-width:360px}}
@media(max-width:560px){.nls-dashboard-weather{max-width:none;grid-template-columns:48px minmax(0,1fr) auto;min-height:70px;padding:9px 11px;border-radius:12px}.nls-weather-icon{width:46px;height:46px;border-radius:12px}.nls-weather-icon svg{width:37px;height:37px}.nls-weather-copy strong{font-size:23px}.nls-weather-copy em{font-size:10px}}