@font-face{
  font-family:"Sukar";
  src:url("../fonts/Sukar-Regular.otf") format("opentype"),
      url("../fonts/Sukar-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Sukar";
  src:url("../fonts/Sukar-Regular.otf") format("opentype"),
      url("../fonts/Sukar-Regular.ttf") format("truetype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
:root{
  --bg:#efe8dc;
  --paper:#fffaf3;
  --card:#fffaf3;
  --surface:#fffaf3;
  --text:#221c18;
  --muted:#7a7168;
  --heading:#171412;
  --border:#e2d8cc;
  --hover:#f6efe4;
  --active:#fff1e4;
  --accent:#e85d04;
  --accent-2:#c2410c;
  --ok:#15803d;
  --warn:#b45309;
  --info:#0e7490;
  --sidebar:#171412;
  --sidebar-text:#f4eee6;
  --sidebar-muted:#9c948c;
  --radius:.7rem;
  --shadow:0 12px 32px -24px rgba(23,20,18,.55);
  --shadow-sm:0 1px 0 rgba(23,20,18,.05);
  --topbar:#fffaf3;
  --glass:#fffaf3;
  --ink:#171412;
  --line:3px;
  --font:"Sukar",system-ui,sans-serif;
  --display:"Sukar",system-ui,sans-serif;
  --accent-hi:#f07822;--accent-soft:#fff1e4;--accent-line:#fdba74;--accent-ink:#9a3412;--field:#fff;--on-accent:#fff;--on-ink:#f5f0e8;--hairline:rgba(255,255,255,.08);--btn-radius:.5rem;--chip-radius:.3rem;--lift:-2px;
}
*{box-sizing:border-box}
html{height:100%;-webkit-text-size-adjust:100%}
html:has(body.app-locked){overflow:hidden}
body{
  min-height:100%;margin:0;
  background:
    radial-gradient(900px 420px at 100% -8%, color-mix(in srgb, var(--accent) 11%, transparent), transparent 52%),
    radial-gradient(760px 380px at 0% 110%, color-mix(in srgb, var(--ink) 6%, transparent), transparent 48%),
    var(--bg)!important;
  color:var(--text)!important;
  font-family:var(--font)!important;
}
body.app-locked{height:100%;overflow:hidden}
.app-shell,.auth-shell,.track-page,.center-public{position:relative;z-index:1}
h1,h2,h3,h4,.h1,.h2,.h3,.h4,.h5,.display-title,.brand,.page-head .h5,.wo-no,.kpi-value,.track-code{
  font-family:var(--display)!important;letter-spacing:-.01em
}
button,a,.btn{touch-action:manipulation}
img{max-width:100%;height:auto}

.app-shell{
  display:grid;
  grid-template-columns:var(--sidebar-w, 248px) minmax(0,1fr);
  grid-template-rows:minmax(0,1fr);
  align-items:stretch;
  height:100%;height:100dvh;
  overflow:hidden;isolation:isolate;
  background:var(--bg);
}
.app-shell.sidebar-collapsed{--sidebar-w:78px}
.app-main{
  min-width:0;min-height:0;height:100%;
  display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1;
  background:var(--bg);
}
.app-content{
  flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:1.1rem 1.25rem 1.15rem;
}

.sidebar-backdrop{display:none;position:fixed;inset:0;background:color-mix(in srgb, var(--ink) 55%, transparent);z-index:1040}
.sidebar{
  position:relative;z-index:2;
  height:100%;min-height:0;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:#3a322c transparent;
  background:var(--sidebar)!important;
  color:var(--sidebar-text);
  padding:0;
  border:0!important;
  box-shadow:inset -3px 0 0 var(--accent)!important;
}
.sidebar-brand{
  display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;
  padding:1.15rem 1rem 1rem;
  border-bottom:1px solid var(--hairline);
  background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%);
}
.sidebar .brand,.sidebar .brand-text{color:var(--sidebar-text)!important}
.sidebar-topbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.2rem .25rem 0}
.brand{font-weight:700;font-size:1.02rem;line-height:1.25}
.brand-kicker{color:var(--accent-line);font-size:.68rem;font-weight:700;letter-spacing:.12em;margin-top:.35rem}
.brand-logo{
  width:38px;height:38px;border-radius:.5rem;object-fit:cover;flex:0 0 38px;
  background:#2a241f;color:#fff;display:inline-flex;align-items:center;justify-content:center;
  box-shadow:inset 0 0 0 1px var(--hairline)
}
.sidebar-nav{padding:.7rem .7rem 1.2rem}
.sidebar .nav-link{
  display:flex;align-items:center;gap:.65rem;
  color:var(--sidebar-muted)!important;
  padding:.52rem .7rem;border-radius:.45rem;margin-top:.08rem;
  text-decoration:none;font-weight:600;font-size:.9rem;
  border:0;border-inline-start:3px solid transparent;
}
.sidebar .nav-link:hover{background:rgba(255,255,255,.06);color:#fff!important}
.sidebar .nav-link.active i,.sidebar .nav-link.active .nav-text{color:#fff}
.sidebar .nav-link.nav-sub{margin-inline-start:.7rem;font-size:.86rem}
.app-shell.sidebar-collapsed .nav-link.nav-sub{margin-inline-start:0}
.sidebar .nav-icon{width:1.2rem;display:inline-flex;justify-content:center;font-size:1.02rem}
.sidebar .badge{background:rgba(255,255,255,.1);color:var(--on-ink);border:0;border-radius:.35rem;font-size:.7rem}
.sidebar .nav-link.active .badge{background:var(--accent);color:#fff}
.sidebar-section{
  color:#6d655c;font-size:.72rem;font-weight:800;padding:.95rem .55rem .2rem;
  letter-spacing:0
}
.sidebar-close{
  display:none;width:36px;height:36px;min-height:36px;padding:0;
  background:transparent!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important
}
.app-shell.sidebar-collapsed .brand-text,
.app-shell.sidebar-collapsed .brand-kicker,
.app-shell.sidebar-collapsed .nav-text,
.app-shell.sidebar-collapsed .sidebar-section{display:none}
.app-shell.sidebar-collapsed .nav-link{justify-content:center;padding:.7rem;border-inline-start-width:0}
.app-shell.sidebar-collapsed .sidebar-brand{justify-content:center;padding:1rem .5rem}

.topbar{
  position:relative;z-index:1000;flex:0 0 auto;
  background:var(--paper)!important;
  color:var(--text)!important;
  border-bottom:1px solid var(--border)!important;
  box-shadow:inset 0 3px 0 var(--accent)!important;
  padding:.55rem 1.1rem;
}
@media (min-width:992px){.topbar .brand{display:none}}
.topbar .brand{color:var(--heading)!important;min-width:0}
.topbar .btn-outline-light{color:var(--text)!important;border-color:var(--border)!important;background:transparent!important}
.topbar .user-chip{
  background:var(--ink);color:var(--on-ink);border-radius:.4rem;padding:.28rem .7rem;font-weight:600
}
.menu-toggle,.search-toggle{display:none}
.global-search-wrap.mobile-search{display:none}
.global-search-wrap.desktop-search{display:none!important}
.suggest-box{
  position:absolute;inset-inline:0;top:calc(100% + .4rem);z-index:1050;max-height:60vh;overflow:auto;
  border-radius:.55rem;border:1px solid var(--border);background:var(--field)
}
.icon-btn{
  width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:.5rem;border:1px solid var(--border);background:var(--field);color:var(--text);position:relative
}
.icon-btn.menu-toggle,.icon-btn.search-toggle{display:none}
.icon-btn .dot{position:absolute;top:7px;inset-inline-end:7px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.notify-menu{width:min(92vw,360px);padding:.45rem;border-radius:.55rem;border:1px solid var(--border);box-shadow:0 16px 40px -24px color-mix(in srgb, var(--ink) 40%, transparent)}
.notify-item{padding:.65rem .75rem;border-radius:.4rem;display:block;text-decoration:none;color:inherit}
.notify-item:hover{background:var(--hover)}

.cmdk-trigger{
  display:inline-flex;align-items:center;gap:.65rem;min-width:min(36vw,380px);
  border:1px solid var(--border);background:var(--field);
  border-radius:.5rem;padding:.42rem .8rem;color:var(--muted);font-weight:600;font-size:.88rem
}
.cmdk-trigger kbd{
  margin-inline-start:auto;border:1px solid var(--border);border-radius:.3rem;padding:.05rem .35rem;font-size:.7rem;color:var(--heading);background:var(--bg)
}
.cmdk{position:fixed;inset:0;z-index:1100;display:none}
.cmdk.open{display:block}
.cmdk[hidden]{display:none!important}
.cmdk-bg{position:absolute;inset:0;border:0;background:color-mix(in srgb, var(--ink) 50%, transparent)}
.cmdk-panel{
  position:relative;margin:10vh auto 0;width:min(560px,92vw);
  background:var(--paper);border:1px solid var(--border);border-radius:.7rem;
  box-shadow:0 24px 60px -28px color-mix(in srgb, var(--ink) 55%, transparent);overflow:hidden
}
.cmdk-panel input{
  width:100%;border:0;outline:0;padding:1rem 1.1rem;font-size:1.05rem!important;background:transparent;font-family:var(--font);
  border-bottom:1px solid var(--border)
}
.cmdk-list{max-height:48vh;overflow:auto;padding:.3rem .45rem .65rem}
.cmdk-item{
  display:flex;align-items:center;gap:.7rem;padding:.65rem .7rem;border-radius:.4rem;
  text-decoration:none;color:inherit;font-weight:600
}
.cmdk-item:hover,.cmdk-item.active{background:var(--ink);color:var(--on-ink)}
.cmdk-item i{color:var(--accent)}
.cmdk-item:hover i,.cmdk-item.active i{color:var(--accent-line)}
.cmdk-kicker{font-size:.7rem;font-weight:800;letter-spacing:.12em;color:var(--muted);padding:.4rem .7rem}

.footerbar{
  display:block;flex:0 0 auto;z-index:3;
  background:var(--paper);
  border-top:1px solid var(--border);
  color:var(--muted);
  font-size:.8rem;
  padding:.5rem 1.15rem;
  line-height:1.4;
}
.pagebar{background:transparent!important;color:inherit!important;box-shadow:none!important;border:0!important;padding:0 0 1rem!important}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:.75rem;flex-wrap:wrap;margin-bottom:1.15rem}
.page-head .h5{font-size:1.6rem;font-weight:700}
.page-kicker{font-size:.68rem;font-weight:800;letter-spacing:.16em;color:var(--accent);margin-bottom:.28rem}

.card{
  border:1px solid var(--border)!important;
  box-shadow:var(--shadow)!important;
  border-radius:var(--radius)!important;background:var(--paper)!important
}
.card-header{
  background:transparent!important;border-bottom:1px solid var(--border)!important;font-weight:700
}
.h1,.h2,.h3,.h4,.h5,.h6{color:var(--heading)!important}
.table,.table-bordered{border:0!important}
.table-bordered>:not(caption)>*>*{border:0!important}
.table thead th{
  background:var(--ink)!important;color:#f4eee6!important;font-weight:700;font-size:.75rem;
  border:0!important;white-space:nowrap;padding:.75rem .9rem!important;letter-spacing:.04em
}
.table tbody td,.table tbody th{
  border:0!important;border-bottom:1px solid var(--border)!important;padding:.85rem .9rem!important;background:var(--paper)!important;vertical-align:middle
}
.table tbody tr:last-child td,.table tbody tr:last-child th{border-bottom:0!important}
.table-hover tbody tr:hover td{background:var(--hover)!important}
.form-control,.form-select{
  border-color:var(--border)!important;border-radius:.5rem!important;min-height:46px;background:var(--field)
}
.form-control:focus,.form-select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 .18rem color-mix(in srgb, var(--accent) 16%, transparent)!important}
.btn{border-radius:.5rem!important;min-height:42px;font-weight:700;padding-inline:1rem}
.btn-primary{
  background:linear-gradient(180deg,var(--accent-hi),var(--accent))!important;
  border-color:var(--accent)!important;
  box-shadow:0 8px 18px -12px color-mix(in srgb, var(--accent) 90%, transparent)
}
.btn-primary:hover,.btn-outline-secondary:hover{background:var(--accent-2)!important;border-color:var(--accent-2)!important;color:#fff!important}
.btn-success{background:var(--ok)!important;border-color:var(--ok)!important}
.btn-outline-secondary{color:var(--text)!important;border-color:var(--border)!important;background:var(--field)!important}
.badge{border-radius:.35rem;font-weight:700}
.kpi-card{height:100%;overflow:hidden}
.kpi-card .kpi-label{color:var(--muted);font-size:.8rem;font-weight:700}
.kpi-card .kpi-value{font-size:1.85rem;font-weight:700;color:var(--heading);line-height:1.1}
.kpi-card .kpi-icon{
  position:absolute;inset-inline-end:.85rem;top:.85rem;width:2.2rem;height:2.2rem;border-radius:.45rem;
  display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent)
}
.kpi-card .kpi-hint{color:var(--muted);font-size:.78rem;margin-top:.2rem}
.kpi-card.tone-info .kpi-icon{background:#ecfeff;color:#0e7490}
.kpi-card.tone-warn .kpi-icon{background:#ffedd5;color:var(--accent-2)}
.kpi-card.tone-ok .kpi-icon{background:#dcfce7;color:#166534}
.kpi-card.tone-alert .kpi-icon{background:#fff4e8;color:var(--accent-2)}
.kpi-card.tone-muted .kpi-icon{background:#f4f4f5;color:#57534e}
.dash-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.dash-actions a{
  display:inline-flex;align-items:center;gap:.45rem;
  background:var(--paper);border:1px solid var(--border);border-radius:.65rem;padding:.58rem .9rem;
  text-decoration:none;color:var(--heading);font-weight:700;font-size:.84rem;
  box-shadow:var(--shadow-sm);transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease
}
.dash-actions a:hover{border-color:var(--accent);color:var(--accent);background:var(--field);transform:translateY(-1px);box-shadow:var(--shadow)}
.dash-actions a:hover{border-color:var(--accent);color:var(--accent);background:var(--field)}
.dash-actions a .bi{font-size:1rem;color:var(--accent)}
.board-more{display:block;text-align:center;margin-top:.35rem;font-size:.8rem;font-weight:700;color:var(--muted);text-decoration:none}
.board-more:hover{color:var(--accent)}
.dash-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 1rem;border-bottom:1px solid var(--border)}
.dash-row:last-child{border-bottom:0}
.dash-row-main{flex:1;min-width:0;text-decoration:none;color:inherit}
.dash-row-main:hover .fw-bold{color:var(--accent)}
.dash-row-actions{display:flex;gap:.35rem;flex:0 0 auto}
.dash-money{display:grid;grid-template-columns:1fr;gap:.65rem;padding-bottom:.8rem;margin-bottom:.35rem;border-bottom:1px solid var(--border)}
.kpi-card .card-body{position:relative;padding-inline-end:3.2rem!important}
.kpi-card a{text-decoration:none;color:inherit;display:block}
.action-row{display:flex;flex-wrap:wrap;gap:.4rem}
.empty-state{text-align:center;padding:1.6rem 1rem;color:var(--muted)}
.bottom-nav,.fab,.sidebar-close{display:none}

.auth-shell{
  min-height:100vh;min-height:100dvh;
  display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);
  background:var(--bg);
}
.auth-visual{
  color:var(--heading);padding:clamp(1.5rem,6vw,4.2rem);
  display:flex;flex-direction:column;justify-content:center;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 36%),
    var(--bg);
  border-inline-start:1px solid var(--border);
}
.auth-visual .logo-mark{
  width:52px;height:52px;border-radius:.55rem;background:var(--ink);color:#fff!important;
  display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.2rem
}
.auth-visual .logo-mark i{color:#fff!important}
.auth-visual .display-title{font-size:clamp(1.9rem,4vw,3rem);line-height:1.2;margin-bottom:.7rem}
.auth-about{color:var(--muted);max-width:32rem;font-size:1.05rem;line-height:1.85}
.auth-brand{text-align:center;margin-bottom:1.1rem;color:var(--heading)}
.auth-brand .logo-mark{
  width:64px;height:64px;border-radius:.6rem;background:var(--ink);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin:0 auto .7rem
}
.auth-card,.auth-panel{
  position:relative;
  width:100%;max-width:none;height:100%;margin:0;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:
    radial-gradient(560px 320px at 12% -8%, color-mix(in srgb, var(--accent) 34%, transparent), transparent 62%),
    radial-gradient(440px 300px at 92% 106%, rgba(253,186,116,.16), transparent 62%),
    linear-gradient(165deg,#241d18 0%,var(--ink) 52%,#12100e 100%);
  display:flex;align-items:center;justify-content:center;
  padding:clamp(1.1rem,3vw,2.4rem);
  overflow:hidden;
}
.auth-card:before,.auth-panel:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:36px 36px;
  -webkit-mask-image:radial-gradient(78% 62% at 50% 42%,#000,transparent 78%);
  mask-image:radial-gradient(78% 62% at 50% 42%,#000,transparent 78%);
}
.auth-panel .card-body,.auth-card .card-body{
  position:relative;z-index:1;
  width:min(100%,430px);
  background:var(--paper);color:var(--text);
  border:1px solid rgba(255,255,255,.55);
  border-radius:26px;
  padding:clamp(1.3rem,3.4vw,1.95rem) clamp(1.1rem,3vw,1.7rem);
  box-shadow:0 40px 80px -38px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.7) inset;
}
.auth-card .h5,.auth-panel .h5{color:var(--heading)!important}
.home-stage.error-stage{
  display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.15rem;
  background:
    radial-gradient(520px 220px at 100% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 58%),
    linear-gradient(180deg,#fffaf3,#f3eadf)
}
.error-num{font-size:clamp(4.2rem,12vw,7rem);line-height:.8;font-weight:800;color:var(--ink);letter-spacing:-.06em}
.error-ticket{background:var(--ink);color:#fff7ed;border-radius:.9rem;padding:.75rem .85rem;min-width:9rem;max-width:16rem}
.error-ticket b{display:block;color:var(--accent-line);font-size:.75rem;font-weight:800;margin-bottom:.25rem}
.error-ticket strong{display:block;font-size:1.05rem;line-height:1.45}
body.error-page{height:auto!important;overflow:auto!important}
html:has(body.error-page){height:auto;overflow:auto}

/* ===== HOME PAGE ===== */
.home{
  --home-accent:var(--accent);--home-accent-soft:var(--accent-line);--home-glow:color-mix(in srgb, var(--accent) 18%, transparent);
  --home-ink:#171310;--home-ink-2:#241e19;--home-paper:#fffdf9;--home-cream:#f7efe4;
  --home-line:color-mix(in srgb, var(--ink) 9%, transparent);--home-line-strong:color-mix(in srgb, var(--ink) 16%, transparent);
  --home-shadow:0 34px 80px -62px color-mix(in srgb, var(--ink) 70%, transparent);
  --home-shadow-sm:0 20px 44px -36px color-mix(in srgb, var(--ink) 45%, transparent);
  --shadow-soft:0 8px 24px color-mix(in srgb, var(--ink) 6%, transparent);--shadow-hover:0 20px 46px -30px color-mix(in srgb, var(--ink) 35%, transparent);
  max-width:1280px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem) clamp(1.5rem,4vw,3rem);
  color:var(--text);
}
.home h1,.home h2,.home h3{color:var(--heading)}
.home h2{font-size:clamp(1.6rem,2.8vw,2.35rem);line-height:1.25;margin:.45rem 0 0;letter-spacing:-.02em}
.home h2 + .home-muted{margin-top:.7rem}
.home-muted{color:var(--muted);line-height:1.85}
.home-kicker{
  display:inline-flex;align-items:center;gap:.4rem;width:max-content;max-width:100%;
  padding:.28rem .7rem;border-radius:999px;background:var(--home-accent);color:#fff;
  font-size:.7rem;font-weight:800;line-height:1.5;letter-spacing:.01em;
  box-shadow:0 10px 20px -16px var(--home-accent)
}
.home-head{margin-bottom:clamp(1.1rem,2.4vw,1.7rem)}
.home-head p{margin:.6rem 0 0;max-width:48rem}
.home-head h2{text-wrap:balance}

/* nav */
.home-nav{
  position:sticky;top:.65rem;z-index:40;display:flex;align-items:center;gap:.65rem;
  margin:.75rem 0 0;padding:.5rem .55rem .5rem .9rem;
  padding-top:calc(.5rem + env(safe-area-inset-top, 0px));
  border:1px solid var(--home-line);border-radius:20px;
  background:rgba(255,253,249,.86);backdrop-filter:blur(18px) saturate(140%);
  box-shadow:0 22px 50px -42px color-mix(in srgb, var(--ink) 55%, transparent)
}
.home-brand{display:flex;align-items:center;gap:.6rem;min-width:0;color:var(--heading);font-weight:800;font-size:1rem;text-decoration:none}
.home-brand span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-brand .logo-mark{width:42px;height:42px;border-radius:12px;background:var(--home-ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex:0 0 auto}
.home-brand img.platform-logo,
.track-brand img.platform-logo{width:auto;height:108px;max-width:min(320px,70vw);object-fit:contain;object-position:center;background:transparent;padding:0;border-radius:.7rem;box-shadow:none;flex:0 1 auto;display:block}
.home-brand img.platform-logo{height:44px;max-width:min(180px,48vw);border-radius:10px;flex:0 0 auto}
.auth-visual img.platform-logo{display:none}
.auth-card img.platform-logo{display:block;height:54px;max-width:min(180px,58vw);margin:0;object-fit:contain;object-position:center;flex:0 0 auto}
.track-brand img.platform-logo{height:64px;max-width:min(210px,52vw)}
.platform-logo-preview{width:auto;max-width:100%;height:96px;object-fit:contain;border:1px solid var(--border);border-radius:.7rem;background:var(--field);margin-bottom:.8rem}
.home-menu{display:none;align-items:center;justify-content:center;gap:.35rem;min-width:42px;min-height:42px;border:1px solid var(--home-line);background:var(--home-paper);color:var(--heading);border-radius:12px;padding:.3rem .7rem;font-weight:800;font-size:.82rem;flex:0 0 auto;margin-inline-start:auto}
.home-links{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;flex:1;min-width:0}
.home-links-pages,.home-links-cta{display:flex;align-items:center;gap:.15rem;flex-wrap:wrap}
.home-links-cta{padding-inline-start:.3rem;margin-inline-start:.15rem;border-inline-start:1px solid var(--home-line)}
.home-links a{color:#4d433a;text-decoration:none;font-weight:800;font-size:.86rem;padding:.5rem .7rem;border-radius:11px;transition:color .18s ease,background .18s ease,box-shadow .18s ease}
.home-links a:hover{background:var(--home-cream);color:var(--heading)}
.home-links a.is-on{color:var(--heading);box-shadow:inset 0 -2px 0 var(--home-accent)}
.home-links a.btn{color:#fff;border-radius:12px;min-height:40px;padding:.3rem 1rem;font-size:.86rem;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto}
.home-cta-order{background:var(--home-cream)}
.home-appear{display:inline-flex;align-items:center;gap:.15rem;padding:.15rem;border-radius:12px;border:1px solid var(--home-line);background:var(--home-paper)}
.home-appear-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;padding:0;border-radius:9px;
  color:var(--muted);font-size:.92rem;line-height:1;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.home-appear-btn:hover{background:var(--home-cream);color:var(--heading)}
.home-appear-btn.on{
  background:color-mix(in srgb, var(--home-accent) 16%, var(--home-paper));
  color:var(--home-accent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--home-accent) 55%, transparent);
}
.home-appear-btn.is-lang{
  width:auto;min-width:34px;padding:0 .42rem;text-decoration:none;
  font-size:.72rem;font-weight:800;letter-spacing:.02em
}
.home-lang-mini{display:none;flex:0 0 auto}

/* hero */
.home-hero{
  position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  gap:clamp(2rem,5vw,4.5rem);align-items:center;
  padding:clamp(2.6rem,6vw,5.2rem) 0 clamp(1.8rem,4vw,3rem);
  background:radial-gradient(560px 440px at 8% 42%,var(--home-glow),transparent 68%) no-repeat
}
.home-hero:not(:has(.home-stage)){grid-template-columns:minmax(0,1fr)}
.home-copy{min-width:0}
.home-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.34rem .8rem .34rem .55rem;border-radius:999px;background:var(--home-paper);border:1px solid var(--home-line);box-shadow:var(--home-shadow-sm);color:#5e5248;font-size:.75rem;font-weight:800}
.home-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--home-accent);box-shadow:0 0 0 4px var(--home-glow);animation:home-pulse 2.8s ease-in-out infinite}
.home-title{font-size:clamp(2.4rem,5.4vw,4.2rem)!important;line-height:1.12;margin:1.15rem 0 .9rem;font-weight:900;letter-spacing:-.035em;text-wrap:balance}
.home-copy h1{color:var(--heading);text-shadow:none}
.home-lead{color:#6b6056;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.95;max-width:36rem;margin:0;font-weight:600}
.home-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.5rem}
.home-cta .btn{min-height:54px;padding-inline:clamp(1.3rem,2.6vw,1.8rem);font-weight:800;border-radius:15px;font-size:.95rem}
.home-cta .btn-primary{background:linear-gradient(135deg,var(--home-accent),var(--accent-2));border:0;box-shadow:0 18px 34px -20px var(--home-accent);transition:transform .2s ease,box-shadow .2s ease}
.home-cta .btn-primary:hover{transform:translateY(-2px);box-shadow:0 24px 40px -20px var(--home-accent)}
.home-cta .btn-outline-secondary{background:var(--home-paper);border:1px solid var(--home-line);color:var(--heading);box-shadow:0 10px 22px -20px color-mix(in srgb, var(--ink) 50%, transparent);transition:transform .2s ease,border-color .2s ease}
.home-cta .btn-outline-secondary:hover{transform:translateY(-2px);border-color:var(--home-line-strong);background:var(--field);color:var(--heading)}
.home-payrow{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:1.4rem}
.home-paylabel{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--home-paper);border:1px solid var(--home-line);color:var(--home-accent);font-size:.9rem;box-shadow:var(--home-shadow-sm)}
.home-paycycle{position:static;display:flex;flex-wrap:wrap;gap:.4rem;height:auto;margin:0}
.home-paycycle span{position:static;display:inline-flex;align-items:center;padding:.32rem .65rem;border-radius:999px;border:1px solid var(--home-line);background:var(--home-paper);color:#64594f;font-size:.74rem;font-weight:800;opacity:1;animation:none;filter:none}

/* hero visual */
.home-stage{
  position:relative;isolation:isolate;overflow:hidden;border-radius:32px;border:1px solid var(--home-line);
  background:linear-gradient(160deg,#fffdfa 0%,#fff8ef 48%,#f6e9da 100%);
  box-shadow:var(--home-shadow)
}
.home-stage::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(color-mix(in srgb, var(--ink) 3.5%, transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb, var(--ink) 3.5%, transparent) 1px,transparent 1px);
  background-size:38px 38px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 74%);mask-image:linear-gradient(180deg,#000,transparent 74%)
}
.home-stage::after{content:"";position:absolute;z-index:0;width:300px;height:300px;border-radius:50%;inset-inline-start:14%;top:18%;background:radial-gradient(circle,var(--home-glow),transparent 68%);pointer-events:none}
.home-stage-canvas{position:relative;z-index:1;padding:clamp(2.6rem,5vw,3.4rem) clamp(.5rem,2vw,1.1rem) .1rem}
.home-scene{width:100%;height:auto;max-height:340px;display:block;filter:drop-shadow(0 26px 26px color-mix(in srgb, var(--ink) 14%, transparent))}
.home-floor{fill:#e9decf}
.home-glow{fill:var(--home-glow);animation:home-pulse 4.8s ease-in-out infinite}
.home-lift rect{fill:var(--home-ink)}
.home-car{animation:home-float 4.6s ease-in-out infinite}
.home-car path{fill:var(--home-ink)}
.home-window{fill:var(--home-accent-soft)!important}
.home-wheel circle{fill:#fffaf3;stroke:var(--home-ink);stroke-width:6}
.home-wheel path{stroke:var(--home-accent);stroke-width:4;fill:none}
.home-wheel{transform-box:fill-box;transform-origin:center;animation:home-spin 2.4s linear infinite}
.home-tool{transform-origin:530px 120px;animation:home-swing 3.4s ease-in-out infinite}
.home-tool path{fill:var(--home-accent)}
.home-spark circle{fill:var(--home-accent);animation:home-pulse 2.8s ease-in-out infinite}
.home-spark circle:nth-child(2){animation-delay:.6s}
.home-spark circle:nth-child(3){animation-delay:1.1s}
.home-ticket{position:absolute;z-index:2;top:1rem;inset-inline-start:1rem;min-width:8.6rem;padding:.65rem .85rem 1.9rem;border-radius:16px;background:var(--home-ink);color:#fff7ed;border:1px solid var(--hairline);box-shadow:0 24px 36px -26px rgba(0,0,0,.75)}
.home-ticket b{display:block;font-size:.66rem;letter-spacing:.07em;color:var(--home-accent-soft)}
.home-ticket span{position:absolute;inset-inline-start:.85rem;bottom:.55rem;font-size:.82rem;font-weight:800;opacity:0;animation:home-state 7.5s infinite}
.home-ticket span:nth-child(3){animation-delay:2.5s}
.home-ticket span:nth-child(4){animation-delay:5s}
.home-stage.is-driven .home-car{animation:none;transform:translateY(calc(var(--lift, 0) * -36px))}
.home-stage.is-driven .home-wheel{animation-duration:calc(2.4s / var(--spin, 1))}
.home-stage.is-driven .home-tool{opacity:var(--work, 1)}
.home-stage.is-driven .home-ticket span{animation:none;opacity:0}
.home-stage.is-driven .home-ticket span.home-ticket-live{opacity:1}
.home-stage-foot{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.75rem .9rem .95rem;border-top:1px dashed var(--home-line);background:rgba(255,253,249,.55)}
.home-stage-foot span{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.68rem;font-weight:800;color:#7a6f65;text-align:center;line-height:1.4}
.home-stage-foot span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--home-accent-soft);flex:0 0 auto}

/* live path */
.home-path{
  position:relative;isolation:isolate;overflow:hidden;margin:0;
  padding:clamp(1.2rem,2.6vw,1.8rem);border-radius:32px;color:#fff9f0;
  background:radial-gradient(700px 320px at 100% 0%,color-mix(in srgb, var(--accent) 25%, transparent),transparent 62%),linear-gradient(160deg,#1c1712,#120f0c);
  border:1px solid rgba(255,255,255,.06);box-shadow:0 44px 90px -72px color-mix(in srgb, var(--ink) 95%, transparent)
}
.home-path::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.45;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 62%);mask-image:linear-gradient(180deg,#000,transparent 62%)}
.home-path > *{position:relative;z-index:1}
.home-path-now{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem}
.home-path-now > div:first-child{min-width:0}
.home-path-now span{display:inline-flex;align-items:center;gap:.35rem;color:var(--home-accent-soft);font-weight:800;font-size:.76rem;letter-spacing:.03em}
.home-path-now strong{display:flex;align-items:center;gap:.55rem;margin-top:.25rem;font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.3}
.home-path-now strong i{font-size:.85em;color:var(--home-accent)}
.home-path-actions{display:flex;gap:.4rem;flex-wrap:wrap;flex:0 0 auto}
.home-path-next,.home-path-pause{border-radius:12px;min-height:42px;padding:.4rem .9rem;font-weight:800;font-size:.8rem;border:1px solid rgba(255,255,255,.14);transition:background .18s ease,border-color .18s ease,color .18s ease}
.home-path-next{background:#fff9f0;color:var(--home-ink);border-color:transparent}
.home-path-pause{background:transparent;color:#fff9f0}
.home-path-next:hover{background:var(--home-accent-soft);color:var(--home-ink)}
.home-path-pause:hover{border-color:var(--home-accent-soft);color:var(--home-accent-soft)}
.home-path-meter{height:6px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.1);margin-bottom:.85rem}
.home-path-meter span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--home-accent),var(--home-accent-soft));transition:width .35s ease}
.home-path-slip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.45rem;margin:0 0 .7rem}
.home-path-slip div{padding:.5rem .7rem;border-radius:13px;border:1px solid var(--hairline);background:rgba(255,255,255,.05)}
.home-path-slip span{display:block;margin-bottom:.1rem;color:#a89d92;font-size:.66rem;font-weight:700}
.home-path-slip b{display:block;color:#fff9f0;font-size:.88rem;font-weight:800;line-height:1.5}
.home-path-slip button{min-width:96px;padding:.4rem .8rem;border:0;border-radius:13px;background:var(--home-accent);color:#fff;font-weight:800;font-size:.78rem}
.home-path-note{margin:0 0 .45rem;color:var(--home-accent-soft);font-weight:800;font-size:.78rem}
.home-path-note[hidden]{display:none}
.home-path-stops{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.4rem;margin-top:.7rem}
.home-path-stop{display:flex;align-items:center;gap:.45rem;min-height:44px;padding:.5rem .65rem;border-radius:12px;border:1px solid var(--hairline);background:rgba(255,255,255,.04);color:#e8ddd2;font-weight:800;font-size:.76rem;text-align:start;transition:background .18s ease,border-color .18s ease}
.home-path-stop i{width:6px;height:6px;border-radius:50%;background:#6d6258;flex:0 0 auto}
.home-path-stop:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2)}
.home-path-stop.on{background:var(--home-accent);border-color:transparent;color:#fff}
.home-path-stop.on i{background:var(--field)}
.home-links a.is-on{color:var(--home-accent)}
.home-path ~ .home-band .home-bay{cursor:pointer}

/* garage */
.home-garage{margin:clamp(1.1rem,2.2vw,1.6rem) 0 0;border:1px solid var(--home-line);border-radius:32px;background:var(--home-paper);box-shadow:var(--home-shadow-sm);overflow:hidden}
.home-garage-top{display:flex;justify-content:space-between;align-items:flex-end;gap:1.2rem;padding:clamp(1.2rem,2.4vw,1.6rem) clamp(1.1rem,2.4vw,1.7rem) 1rem}
.home-garage-top h2{margin:.45rem 0 0;font-size:clamp(1.45rem,2.6vw,2rem)}
.home-nick{display:flex;flex-direction:column;gap:.2rem;min-width:min(235px,100%);padding:.55rem .8rem;border-radius:16px;border:1px solid var(--home-line);background:var(--home-cream);font-weight:800}
.home-nick > span{color:var(--muted);font-size:.66rem;letter-spacing:.02em}
.home-nick input{min-height:auto;border:0!important;border-radius:0;background:transparent!important;padding:.1rem 0;color:var(--heading);font-size:1rem;font-weight:800;outline:none;box-shadow:none!important}
.home-nick small{color:var(--muted);font-size:.66rem;font-weight:700}
.home-garage-sky{position:relative;display:flex;align-items:flex-end;isolation:isolate;height:clamp(205px,24vw,255px);margin:0 clamp(.6rem,2vw,1rem);border-radius:24px;overflow:hidden;background:#f2e0c0}
.home-sky-morn{position:absolute;inset:0;background:linear-gradient(180deg,#fbf0d5 0%,#f6dfba 45%,#ecd3b3 72%,#e2cdb5 100%)}
.home-sky-morn::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(56px 20px at 20% 34%,rgba(255,255,255,.9),transparent 72%),
    radial-gradient(78px 26px at 29% 39%,rgba(255,255,255,.75),transparent 74%),
    radial-gradient(44px 16px at 66% 24%,rgba(255,255,255,.65),transparent 72%),
    radial-gradient(70px 22px at 75% 29%,rgba(255,255,255,.5),transparent 74%),
    linear-gradient(180deg,transparent 62%,rgba(255,196,128,.28) 100%)
}
.home-sky-dusk{
  position:absolute;inset:0;opacity:var(--day,0);transition:opacity .4s ease;
  background:
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.7) 0 1px,transparent 1.8px),
    radial-gradient(circle at 62% 16%,rgba(255,255,255,.55) 0 1px,transparent 1.8px),
    radial-gradient(circle at 82% 32%,rgba(255,255,255,.5) 0 1px,transparent 1.8px),
    radial-gradient(circle at 38% 36%,rgba(255,255,255,.45) 0 1px,transparent 1.8px),
    linear-gradient(180deg,#0c1117 0%,#191a1e 50%,#392a21 100%)
}
.home-sun{position:absolute;z-index:1;top:16%;inset-inline-start:calc(9% + var(--day,0) * 68%);width:26px;height:26px;border-radius:50%;background:#fff7e6;box-shadow:0 0 0 10px rgba(255,236,190,.32),0 0 46px 18px rgba(255,222,154,.42);transition:inset-inline-start .4s ease}
.home-garage-sky.is-night .home-sun{background:#dbe4ee;box-shadow:0 0 0 6px rgba(219,228,238,.16),0 0 34px 10px rgba(219,228,238,.18)}
.home-garage-shop{position:relative;z-index:2;width:100%;padding:.75rem .8rem .8rem;background:linear-gradient(180deg,color-mix(in srgb, var(--ink) 97%, transparent),#14110e)}
.home-garage-shop::before{content:"";position:absolute;inset:0 8% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}
.home-stalls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
.home-stall{min-height:76px;padding:.55rem .7rem;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#f6efe6;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.home-stall b{display:block;margin-bottom:.2rem;color:var(--home-accent-soft);font-size:.66rem;letter-spacing:.02em}
.home-stall span{font-weight:800;font-size:.9rem;line-height:1.4}
.home-stall.on{background:var(--home-accent);border-color:transparent;transform:translateY(-2px);box-shadow:0 16px 28px -20px var(--home-accent)}
.home-stall.on b,.home-stall.on span{color:#fff}
.home-garage-road{position:relative;height:20px;margin:.7rem .15rem 0;border-radius:99px;border:1px solid var(--hairline);background:rgba(255,255,255,.07)}
.home-garage-road::after{content:"";position:absolute;inset-inline:14px;top:50%;height:2px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 8px,transparent 8px 18px);border-radius:99px}
#homeGarageCar{position:absolute;z-index:1;top:-15px;width:42px;height:42px;border-radius:50%;background:#fff9f0;color:var(--home-ink);display:flex;align-items:center;justify-content:center;inset-inline-start:0;box-shadow:0 10px 20px rgba(0,0,0,.35);transition:inset-inline-start .45s ease}
.home-docket{display:flex;align-items:center;justify-content:space-between;gap:.9rem;margin:.8rem clamp(.6rem,2vw,1rem) .4rem;padding:.8rem 1rem;border-radius:16px;border:1px dashed var(--home-line-strong);background:var(--home-cream)}
.home-docket span{display:inline-flex;align-items:center;padding:.16rem .55rem;margin-bottom:.4rem;border-radius:999px;background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--home-accent);font-size:.68rem;font-weight:800}
.home-docket strong{font-size:1.08rem;color:var(--heading)}
.home-docket > b{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:12px;border:1px solid var(--home-line);background:var(--home-paper);font-size:.88rem;font-weight:800;color:#5f544a}
.home-docket em{border:2px solid #15803d;color:#15803d;font-style:normal;font-weight:800;border-radius:.4rem;padding:.1rem .5rem;transform:rotate(-7deg);font-size:.76rem}
.home-docket em[hidden]{display:none}
.home-docket.is-ready{box-shadow:inset 0 0 0 2px #15803d}
.home-docket.is-work strong{color:var(--home-accent)}
.home-scrub{display:flex;align-items:center;gap:.8rem;padding:.35rem 1rem 1.1rem;font-weight:800;font-size:.78rem;color:#6b6056}
.home-scrub input{flex:1;width:100%;min-width:0;accent-color:var(--home-accent);height:4px}
.home-bay.is-live{box-shadow:0 0 0 2px var(--home-accent)}
.home-bay.is-live i{transform:none;animation:none}

/* section shells */
.home-band{position:relative;margin:clamp(1.5rem,3vw,2.4rem) 0 0;padding:clamp(1.4rem,3.2vw,2.4rem);border-radius:32px;border:1px solid var(--home-line);background:var(--home-paper);box-shadow:var(--home-shadow-sm)}
.home-band-head{margin-bottom:clamp(1.1rem,2.4vw,1.7rem)}
.home-band .home-services,.home-band .home-flow,.home-band .home-day{padding-top:0;margin-top:0}
.home-band .home-bays{margin-top:clamp(1rem,2.5vw,1.4rem)}
.home-band .home-day{padding-top:clamp(1.2rem,2.4vw,1.7rem);margin-top:clamp(1.2rem,2.4vw,1.7rem);border-top:1px solid var(--home-line)}
.home-band .home-services + .home-features{margin-top:clamp(1.4rem,2.4vw,1.9rem)}
.home-band .home-flow + .home-day,.home-band .home-bays + .home-day{margin-top:clamp(1.2rem,2.4vw,1.7rem)}

/* flow */
.home-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.home-step{position:relative;padding:1.05rem 1.05rem 1.15rem;border-radius:20px;border:1px solid var(--home-line);background:var(--field);box-shadow:0 16px 34px -34px color-mix(in srgb, var(--ink) 45%, transparent);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:home-rise .65s both;animation-delay:calc(var(--d) * .09s)}
.home-step:hover{transform:translateY(-4px);border-color:var(--home-line-strong);box-shadow:0 26px 44px -34px color-mix(in srgb, var(--ink) 50%, transparent)}
.home-step-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.9rem}
.home-step-no{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 .5rem;border-radius:999px;background:var(--home-cream);color:var(--home-accent);font-size:.74rem;font-weight:800}
.home-step-ico{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:var(--home-ink);color:#fff;font-size:1.08rem}
.home-step:nth-child(2) .home-step-ico{background:var(--home-accent)}
.home-step:nth-child(3) .home-step-ico{background:#1f6b46}
.home-step b{display:block;margin:.15rem 0 .35rem;font-size:1.03rem}
.home-step p{margin:0;color:var(--muted);line-height:1.8;font-size:.88rem}
.home-step.is-now,.home-dayline article.is-now{border-color:var(--home-accent);box-shadow:0 0 0 2px var(--home-glow)}

/* bays */
.home-bays{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.home-bay{position:relative;overflow:hidden;min-height:98px;padding:.9rem 1rem;border-radius:18px;background:var(--home-ink);color:#fff9f0;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}
.home-bay b{display:block;margin-bottom:.3rem;color:var(--home-accent-soft);font-size:.66rem;letter-spacing:.05em}
.home-bay span{font-weight:800;font-size:1rem;line-height:1.45}
.home-bay i{position:absolute;inset-inline:10%;bottom:0;height:5px;border-radius:99px 99px 0 0;background:var(--home-accent);transform:translateY(110%);animation:home-bay 7.2s ease-in-out infinite}
.home-bay:nth-child(2) i{animation-delay:2.4s}
.home-bay:nth-child(3) i{animation-delay:4.8s}

/* day timeline */
.home-day{position:relative}
.home-dayline{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;padding-top:1.25rem}
.home-dayline::before{content:"";position:absolute;top:.35rem;inset-inline:1.2rem;height:2px;border-radius:99px;background:var(--home-line-strong)}
.home-daydot{position:absolute;top:.02rem;right:.9rem;width:12px;height:12px;border-radius:50%;background:var(--home-accent);box-shadow:0 0 0 5px var(--home-cream);z-index:1;animation:home-day 12s linear infinite}
.home-dayline article{position:relative;z-index:1;padding:.75rem .7rem;border-radius:15px;border:1px solid var(--home-line);background:var(--home-cream);cursor:pointer;transition:background .2s ease,border-color .2s ease;animation:home-rise .7s both;animation-delay:calc(var(--i) * .06s)}
.home-dayline article:hover{background:var(--field)}
.home-dayline b{display:block;margin-bottom:.15rem;color:var(--home-accent);font-size:.72rem;font-weight:800}
.home-dayline strong{display:block;margin-bottom:.15rem;font-size:.9rem}
.home-dayline span{color:var(--muted);line-height:1.55;font-size:.78rem;font-weight:700}

/* services */
.home-services{padding:0}
.home-mod-filter{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.1rem}
.home-mod-filter button{min-height:38px;padding:.25rem .9rem;border-radius:999px;border:1px solid var(--home-line);background:var(--field);color:#5c5147;font-weight:800;font-size:.78rem;transition:background .18s ease,color .18s ease,border-color .18s ease}
.home-mod-filter button:hover{border-color:var(--home-accent);color:var(--home-accent)}
.home-mod-filter button.on{background:var(--home-ink);border-color:var(--home-ink);color:#fff9f0}
.home-mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.home-mod{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:0 .8rem;min-height:158px;padding:1.05rem;border-radius:20px;border:1px solid var(--home-line);background:var(--field);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.home-mod::before{content:"";position:absolute;inset:0;background:radial-gradient(280px 160px at 100% 0%,var(--home-glow),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}
.home-mod:hover{transform:translateY(-4px);border-color:var(--home-line-strong);box-shadow:0 26px 44px -36px color-mix(in srgb, var(--ink) 50%, transparent)}
.home-mod:hover::before{opacity:1}
.home-mod > span,.home-mod > b,.home-mod > p,.home-mod > i{position:relative;z-index:1}
.home-mod > span{align-self:center;color:#9a8f84;font-size:.7rem;font-weight:800;letter-spacing:.1em}
.home-mod i{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--home-cream);color:var(--home-accent);font-size:1.08rem}
.home-mod b{grid-column:1/-1;margin:.65rem 0 .3rem;font-size:1.02rem;line-height:1.4}
.home-mod p{grid-column:1/-1;margin:0;color:var(--muted);line-height:1.8;font-size:.86rem}
.home-mod.is-dim{display:none}

/* features + app */
.home-features{padding-top:clamp(1.4rem,2.4vw,1.9rem);margin-top:clamp(1.4rem,2.4vw,1.9rem);border-top:1px solid var(--home-line)}
.home-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.home-feature-grid article{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem .85rem;border-radius:14px;border:1px solid transparent;background:var(--home-cream);font-weight:700;font-size:.86rem;line-height:1.75}
.home-feature-grid i{color:var(--home-accent);margin-top:.22rem;flex:0 0 auto}
.home-app{padding-top:clamp(1.4rem,2.4vw,1.9rem);margin-top:clamp(1.4rem,2.4vw,1.9rem);border-top:1px solid var(--home-line)}
.home-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}
.home-app-grid article{display:flex;flex-direction:column;gap:.4rem;padding:1.05rem;border-radius:18px;border:1px solid var(--home-line);background:var(--field)}
.home-app-grid i{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--home-cream);color:var(--home-accent);font-size:1.15rem}
.home-app-grid b{font-size:1rem}
.home-app-grid p{margin:0;color:var(--muted);line-height:1.75;font-size:.85rem;font-weight:700}

/* proof stack */
.home-stack{display:flex;flex-direction:column;gap:clamp(1.1rem,2.4vw,1.8rem);margin:clamp(1.5rem,3vw,2.4rem) 0 0}
.home-stack .home-bill,.home-stack .home-chatwrap,.home-stack .home-versus,.home-stack .home-trackband{margin-top:0}

/* bill */
.home-bill{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);gap:clamp(1.2rem,3vw,2.2rem);align-items:center;padding:clamp(1.2rem,3vw,2rem);border-radius:32px;border:1px solid var(--home-line);background:var(--home-paper);box-shadow:var(--home-shadow-sm)}
.home-paper{position:relative;padding:1.15rem 1.15rem 3.6rem;border-radius:20px;border:1px dashed var(--home-line-strong);background:var(--field);box-shadow:0 24px 44px -42px color-mix(in srgb, var(--ink) 50%, transparent)}
.home-paper::before{content:"";position:absolute;inset:.4rem .4rem auto;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--home-accent),var(--home-accent-soft))}
.home-paper-top{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0 .7rem;border-bottom:1px solid var(--home-line);color:var(--muted);font-size:.8rem;font-weight:700}
.home-paper-top b{color:var(--heading);font-weight:800}
.home-line{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.6rem 0;border:0;border-bottom:1px dashed var(--home-line);background:transparent;color:var(--text);font:inherit;font-size:.86rem;text-align:start;cursor:pointer;transition:color .18s ease,opacity .18s ease}
.home-line b{font-variant-numeric:tabular-nums;color:var(--heading)}
.home-line:hover{color:var(--home-accent)}
.home-line.is-off{opacity:.35;text-decoration:line-through}
.home-sum{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.9rem;font-weight:800;font-size:1rem}
.home-sum b{display:inline-flex;align-items:baseline;gap:.25rem;color:var(--home-accent);font-size:1.35rem;font-variant-numeric:tabular-nums}
.home-sum-hint{margin:.3rem 0 0;color:#8a8178;font-size:.7rem;font-weight:700}
.home-stamp{position:absolute;left:1.1rem;bottom:1rem;border:2px solid #15803d;color:#15803d;font-weight:800;border-radius:.45rem;padding:.12rem .55rem;transform:rotate(-10deg);font-size:.8rem}
.home-paydesk h2{margin-top:.35rem}
.home-paydesk .home-muted{max-width:34rem}
.home-pays{display:grid;gap:.5rem;margin-top:1rem}
.home-pays article{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;border-radius:14px;border:1px solid transparent;background:var(--home-cream);font-weight:800;font-size:.84rem}
.home-pays article:first-child{border-color:var(--home-line);background:var(--field)}
.home-pays i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--home-ink);color:var(--home-accent-soft);flex:0 0 auto}

/* chat */
.home-chatwrap{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(1.2rem,3vw,2.4rem);align-items:center;padding:clamp(1.3rem,3vw,2.2rem);border-radius:32px;border:1px solid var(--home-line);background:linear-gradient(135deg,#fffdf9,#fbf1e5);box-shadow:var(--home-shadow-sm)}
.home-chatwrap::before{content:"";position:absolute;inset-inline-start:6%;top:12%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--home-glow),transparent 70%);pointer-events:none}
.home-phone{position:relative;z-index:1;justify-self:center;width:min(330px,100%);padding:.65rem .65rem 1rem;border-radius:30px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#201a15,#120f0c);box-shadow:0 40px 70px -50px rgba(0,0,0,.85)}
.home-phone::before{content:"";position:absolute;top:.45rem;left:50%;transform:translateX(-50%);width:74px;height:5px;border-radius:99px;background:rgba(255,255,255,.18)}
.home-phone-bar{display:flex;align-items:center;gap:.45rem;padding:1rem .4rem .7rem;margin-bottom:.7rem;border-bottom:1px solid var(--hairline);color:var(--home-accent-soft);font-weight:800;font-size:.85rem}
.home-bubbles{display:flex;flex-direction:column;min-height:150px;justify-content:flex-end;padding:0 .15rem}
.home-bubbles p{max-height:240px;padding:.62rem .75rem;margin:.4rem 0 0;border-radius:14px;border:1px solid rgba(255,255,255,.05);border-end-start-radius:4px;background:#251f1a;color:#f2e9df;font-size:.8rem;line-height:1.75;opacity:1;transform:none;transition:opacity .3s ease,transform .3s ease,max-height .3s ease,padding .3s ease,margin .3s ease}
.home-bubbles p:first-child{margin-top:0}
.home-phone.is-talk .home-bubbles p{opacity:0;transform:translateY(6px);max-height:0;padding-top:0;padding-bottom:0;margin-top:0;border-width:0;overflow:hidden}
.home-phone.is-talk .home-bubbles p.on{opacity:1;transform:none;max-height:240px;padding:.62rem .75rem;margin:.4rem 0 0;border-width:1px}
.home-phone.is-talk .home-bubbles p.on:first-child,.home-phone.is-talk .home-bubbles p:first-child.on{margin-top:0}
.home-chat-next{align-self:flex-start;margin-top:.6rem;border:1px solid rgba(255,255,255,.14);background:transparent;color:#fff9f0;border-radius:11px;min-height:38px;padding:.3rem .75rem;font-weight:800;font-size:.76rem}
.home-chat-next:hover{border-color:var(--home-accent-soft);color:var(--home-accent-soft)}
.home-chat-wa{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:42px;margin-top:.45rem;border-radius:12px;background:#128c7e;color:#fff;text-decoration:none;font-weight:800;font-size:.82rem}
.home-chat-wa:hover{background:#0f7a6d;color:#fff}
.home-chatwrap > div:last-child{position:relative;z-index:1}

/* versus slider */
.home-versus{padding:clamp(1.1rem,2.5vw,1.8rem);border-radius:32px;border:1px solid var(--home-line);background:var(--home-paper);box-shadow:var(--home-shadow-sm)}
.home-versus.home-versus-split{display:block}
.home-split{position:relative;display:grid;min-height:300px;border-radius:22px;overflow:hidden;touch-action:none;background:var(--home-ink)}
.home-split .is-old,.home-split .is-new{grid-area:1/1;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:clamp(1.1rem,2.4vw,1.7rem)}
.home-split .is-old{position:relative;z-index:2;background:var(--home-cream);color:#5f554c;border:1px dashed var(--home-line-strong);clip-path:inset(0 0 0 calc(100% - var(--cut,58%)))}
.home-split .is-new{position:relative;z-index:1;background:radial-gradient(420px 240px at 0% 0%,color-mix(in srgb, var(--accent) 22%, transparent),transparent 64%),var(--home-ink);color:#fff9f0;clip-path:inset(0 var(--cut,58%) 0 0);padding-inline-start:calc(var(--cut,58%) + 2.2rem);padding-inline-end:clamp(1.1rem,2.4vw,1.7rem)}
.home-versus b{display:block;margin-bottom:.55rem;font-size:1.1rem;font-weight:900}
.home-versus .is-old b{color:#6b6056}
.home-versus .is-new b{color:#fff9f0}
.home-versus p{position:relative;margin:.3rem 0;padding-inline-start:.9rem;line-height:1.7;font-size:.84rem}
.home-versus p::before{content:"";position:absolute;inset-inline-start:0;top:.65em;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.55}
.home-versus .is-old p{color:#7a6f65}
.home-versus .is-new p{color:#d7cabd}
.home-split-handle{position:absolute;top:0;bottom:0;z-index:3;width:40px;padding:0;border:0;background:transparent;cursor:ew-resize;right:var(--cut,58%);margin-right:-20px}
.home-split-handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:rgba(255,255,255,.85);transform:translateX(-50%)}
.home-split-handle:after{content:"\2194";position:absolute;top:50%;left:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--home-accent);color:#fff;font-size:1rem;line-height:1;transform:translate(-50%,-50%);box-shadow:0 10px 22px color-mix(in srgb, var(--ink) 35%, transparent)}
.home-split-hint{display:flex;align-items:center;gap:.4rem;margin:.6rem 0 0;color:var(--muted);font-weight:800;font-size:.76rem}
.home-split-hint::before{content:"";width:18px;height:2px;border-radius:99px;background:var(--home-accent)}

/* track */
.home-trackband{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(1.8rem,4vw,3.4rem);align-items:center;padding:clamp(1.4rem,3vw,2.3rem);border-radius:32px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(620px 300px at 96% 0%,color-mix(in srgb, var(--accent) 26%, transparent),transparent 62%),linear-gradient(160deg,#1c1712,#120f0c);color:#fff9f0;box-shadow:var(--home-shadow)}
.home-trackband > div:not(.home-plate){order:1}
.home-plate{order:2}
.home-trackband h2{color:#fff9f0}
.home-trackband .home-kicker{background:var(--hairline);border:1px solid rgba(255,255,255,.14);box-shadow:none;color:var(--home-accent-soft)}
.home-trackband .home-muted{color:rgba(255,249,240,.68);max-width:40rem}
.home-plate{position:relative;overflow:hidden;display:flex;align-items:center;gap:.6rem;padding:.8rem 1.1rem;border-radius:14px;border:2px solid #fff9f0;background:#fff9f0;color:var(--home-ink);font-weight:800;font-size:clamp(1.2rem,2.2vw,1.6rem);box-shadow:0 24px 40px -30px rgba(0,0,0,.7);transform:rotate(-2deg)}
.home-plate::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:8px;background:var(--home-accent)}
.home-plate i{position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.7),transparent 70%);animation:home-shine 3.6s infinite;pointer-events:none}
.home-track-form{margin-top:.9rem}
.home-track-form label{display:block;margin-bottom:.35rem;color:#d8ccc0;font-weight:800;font-size:.8rem}
.home-track-row{display:flex;gap:.4rem}
.home-track-row input{flex:1;min-width:0;min-height:48px;padding:.45rem .8rem;border-radius:13px;border:1px solid transparent;background:#fffdf9;color:var(--home-ink);font-weight:800;letter-spacing:.04em}
.home-track-row input::placeholder{color:#9a8f84;font-weight:700;letter-spacing:normal}
.home-track-row input:focus{outline:3px solid var(--home-accent-soft);outline-offset:2px;box-shadow:none!important}
.home-track-row .btn{flex:0 0 auto;min-height:48px;border-radius:13px}
.home-track-plate{display:inline-flex;margin-top:.55rem;padding:.3rem .7rem;border:2px solid #fff9f0;border-radius:.5rem;background:#fff9f0;color:var(--home-ink);font-weight:800;letter-spacing:.08em}
.home-track-plate[hidden],.home-track-recent[hidden],.home-caps[hidden]{display:none}
.home-track-recent{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}
.home-track-recent button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff9f0;border-radius:.6rem;min-height:34px;padding:.15rem .6rem;font-weight:800;letter-spacing:.04em;font-size:.76rem}
.home-track-recent button:hover{border-color:var(--home-accent-soft)}

/* plans */
.home-plans{margin:clamp(1.5rem,3vw,2.4rem) 0 0;padding:clamp(1.4rem,3.2vw,2.4rem);border-radius:32px;border:1px solid var(--home-line);background:linear-gradient(160deg,#fbf4ea,#f5ebde);box-shadow:var(--home-shadow-sm)}
.home-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;align-items:stretch}
.home-plan{position:relative;display:flex;flex-direction:column;gap:.2rem;padding:1.25rem;border-radius:22px;border:1px solid var(--home-line);background:var(--home-paper);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 20px 40px -40px color-mix(in srgb, var(--ink) 40%, transparent)}
.home-plan:hover{transform:translateY(-4px);box-shadow:0 30px 50px -42px color-mix(in srgb, var(--ink) 50%, transparent)}
.home-plan b{color:#6f645a;font-size:.86rem;font-weight:800}
.home-plan strong{font-size:clamp(1.9rem,3.2vw,2.5rem);line-height:1.15;color:var(--heading);font-variant-numeric:tabular-nums;margin-top:.15rem}
.home-plan strong small{font-size:.78rem;color:var(--muted);font-weight:700}
.home-plan .plan-was{display:block;color:#a0958a;text-decoration:line-through;font-weight:700;font-size:.8rem;margin-top:.1rem}
.home-plan .plan-on-request{font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:800}
.home-plan > span:not(.plan-was):not(.plan-off){display:inline-flex;width:max-content;margin:.2rem 0;padding:.2rem .6rem;border-radius:999px;background:var(--home-cream);color:#74695f;font-size:.7rem;font-weight:800}
.home-plan .plan-off{display:inline-flex;width:max-content;padding:.15rem .55rem;border-radius:999px;background:#ffedd5;color:var(--accent-2);font-size:.68rem;font-weight:800;margin:.15rem 0}
.home-plan p{margin:.35rem 0 .9rem;color:var(--muted);line-height:1.75;font-size:.84rem}
.home-plan .btn{margin-top:auto;border-radius:12px;font-size:.85rem}
.home-plan.is-hot{padding-top:1.55rem;background:radial-gradient(420px 220px at 100% 0%,color-mix(in srgb, var(--accent) 22%, transparent),transparent 62%),var(--home-ink);border-color:transparent;color:#fff9f0;transform:translateY(-8px);box-shadow:0 34px 60px -40px color-mix(in srgb, var(--ink) 85%, transparent);overflow:hidden}
.home-plan.is-hot::before{content:"";position:absolute;inset:.42rem .42rem auto;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--home-accent),var(--home-accent-soft))}
.home-plan.is-hot b{color:#b9aca0}
.home-plan.is-hot strong{color:#fff9f0}
.home-plan.is-hot strong small{color:#b9aca0}
.home-plan.is-hot p{color:#cbbeb1}
.home-plan.is-hot .plan-was{color:#9d9186}
.home-plan.is-hot > span:not(.plan-was):not(.plan-off){background:var(--hairline);color:#e5d9cc}
.home-plan.is-hot .plan-off{background:rgba(255,255,255,.1);color:var(--home-accent-soft)}
.home-plan.is-hot .btn-outline-secondary{background:transparent!important;border-color:rgba(255,255,255,.2)!important;color:#fff9f0!important}
.home-plan.is-hot .btn-outline-secondary:hover{background:#fff9f0!important;color:var(--home-ink)!important;border-color:#fff9f0!important}

/* demo */
.home-demo{margin:clamp(1.1rem,2.4vw,1.8rem) 0 0;padding:clamp(1.4rem,3vw,2.3rem);border-radius:32px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(700px 300px at 92% 8%,color-mix(in srgb, var(--accent) 28%, transparent),transparent 62%),linear-gradient(160deg,#1c1712,#120f0c);color:#fff9f0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:clamp(1.2rem,3vw,2rem);align-items:center;box-shadow:var(--home-shadow)}
.home-demo h2{color:#fff9f0}
.home-demo .home-kicker{background:var(--hairline);border:1px solid rgba(255,255,255,.14);box-shadow:none;color:var(--home-accent-soft)}
.home-demo p{color:#cbbeb1;line-height:1.8;margin:.4rem 0 1rem;font-size:.9rem}
.home-demo-card{padding:.9rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06)}
.home-demo-row{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px dashed rgba(255,255,255,.1);font-weight:800;font-size:.82rem}
.home-demo-row:last-of-type{border-bottom:0}
.home-demo-row b{color:var(--home-accent-soft)}
.home-demo-bar{height:7px;margin-top:.7rem;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.1)}
.home-demo-bar i{display:block;height:100%;width:40%;border-radius:99px;background:var(--home-accent);animation:home-load 2.8s ease-in-out infinite}

/* login */
.home-login{
  position:relative;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:center;
  gap:clamp(1.5rem,4vw,3.5rem);align-items:center;margin:clamp(1.1rem,2.4vw,1.8rem) 0 0;
  padding:clamp(1.5rem,3.5vw,2.6rem);border-radius:32px;border:1px solid var(--home-line);
  background:var(--home-paper);box-shadow:var(--home-shadow-sm)
}
.home-login::before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:-30%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,var(--home-glow),transparent 68%);pointer-events:none}
.home-login-note{position:relative;z-index:1;flex:1 1 360px;max-width:420px}
.home-login-note p{color:var(--muted);line-height:1.85;max-width:34rem;margin:.5rem 0 0}
.home-login-note a{display:inline-flex;align-items:center;gap:.35rem;margin-top:.7rem;color:var(--home-accent);font-weight:800;text-decoration:none;font-size:.86rem}
.home-login-note a:hover{text-decoration:underline}
.home-login h2{margin-bottom:.2rem}
.home-form{position:relative;z-index:1;flex:1 1 340px;width:100%;max-width:470px;padding:clamp(1.2rem,2.5vw,1.6rem);border-radius:24px;background:var(--home-ink);color:#f7efe6;box-shadow:0 30px 60px -46px rgba(0,0,0,.85)}
.home-form .h5{color:#fff!important;font-size:1.05rem;margin-bottom:1rem}
.home-form .form-label{color:#cfc2b6;font-size:.78rem;font-weight:700;margin-bottom:.35rem}
.home-form .form-control{min-height:48px;border-radius:12px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)!important;color:#fff}
.home-form .form-control:focus{background:rgba(255,255,255,.1);border-color:var(--home-accent)!important;box-shadow:0 0 0 .2rem color-mix(in srgb, var(--accent) 20%, transparent)!important}
.home-field{position:relative}
.home-field > .bi{position:absolute;inset-inline-start:.8rem;top:50%;transform:translateY(-50%);color:var(--home-accent-soft);z-index:1}
.home-form .home-field .form-control{padding-inline-start:2.5rem}
.home-pass .form-control{padding-inline-end:2.8rem}
.home-eye{position:absolute;inset-inline-end:.25rem;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#cfc2b6}
.home-eye:hover{color:#fff}
.home-caps{margin:.35rem 0 0;color:var(--home-accent-soft);font-size:.76rem;font-weight:800}
.home-remember{display:flex;align-items:center;gap:.45rem;margin:0 0 .8rem;color:#cfc2b6;font-weight:700;font-size:.8rem}
.home-remember input{width:1rem;height:1rem;accent-color:var(--home-accent)}
.home-form .btn-primary{min-height:48px;border-radius:12px}
.home-form .btn-outline-secondary{background:transparent!important;border-color:rgba(255,255,255,.2)!important;color:#f7efe6!important;min-height:44px;border-radius:12px}
.home-form .btn-outline-secondary:hover{background:var(--hairline)!important;border-color:rgba(255,255,255,.3)!important;color:#fff!important}

/* footer */
.home-foot{margin:clamp(2rem,4vw,3rem) 0 0;padding:clamp(1.5rem,3vw,2.2rem);border-radius:32px;background:linear-gradient(160deg,#1a1511,#120f0c);color:#d8ccc0;box-shadow:var(--home-shadow)}
.home-foot-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(140px,.5fr) minmax(0,.9fr);gap:clamp(1.2rem,3vw,2.5rem);padding-bottom:1.3rem;border-bottom:1px solid var(--hairline)}
@media (min-width:1101px){
  .home-foot-main:not(:has(.home-foot-contact)){grid-template-columns:minmax(0,1fr) max-content}
  .home-foot-main:not(:has(.home-foot-contact)) .home-foot-links{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.35rem 1.15rem}
  .home-foot-main:not(:has(.home-foot-contact)) .home-foot-links b{width:100%;margin-bottom:.1rem}
  .home-foot-main:not(:has(.home-foot-contact)) .home-foot-links a{width:max-content}
}
.home-foot-brand{display:flex;flex-direction:column;gap:.55rem;max-width:27rem}
.home-foot-logo{display:inline-flex;align-items:center;gap:.6rem;color:#fff9f0;text-decoration:none;font-weight:800;font-size:1.02rem}
.home-foot-logo img{height:42px;max-width:170px;object-fit:contain;border-radius:9px}
.home-foot-logo span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--home-accent);color:#fff}
.home-foot-brand p{margin:0;color:#b7aba0;line-height:1.8;font-size:.86rem}
.home-foot-pays{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.2rem}
.home-foot-pays span{padding:.22rem .55rem;border-radius:999px;background:rgba(255,255,255,.06);color:#d8ccc0;font-size:.66rem;font-weight:800}
.home-foot-links,.home-foot-contact{display:flex;flex-direction:column;gap:.42rem;font-size:.84rem;align-items:flex-start}
.home-foot-links b,.home-foot-contact b{color:#fff9f0;font-size:.7rem;letter-spacing:.08em;margin-bottom:.15rem}
.home-foot-links a{color:#b7aba0;text-decoration:none;font-weight:700;width:max-content}
.home-foot-links a:hover{color:var(--home-accent-soft)}
.home-foot-contact span{display:flex;align-items:center;gap:.4rem;color:#b7aba0}
.home-foot-contact i{color:var(--home-accent-soft)}
.home-foot-actions{display:flex;gap:.4rem;margin-top:.3rem}
.home-foot-actions a{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .7rem;border-radius:9px;border:1px solid rgba(255,255,255,.15);color:#fff9f0;text-decoration:none;font-weight:800;font-size:.74rem}
.home-foot-actions a:hover{background:rgba(255,255,255,.07)}
.home-social{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:0 0 .9rem}
.home-social-link{width:2.15rem;height:2.15rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.7rem;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff9f0;text-decoration:none;font-size:1rem}
.home-social-link:hover{transform:translateY(-2px);color:#fff}
.home-social-facebook:hover{background:#1877f2;border-color:#1877f2}
.home-social-instagram:hover{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af);border-color:transparent}
.home-social-tiktok:hover,.home-social-x:hover{background:#111;border-color:#111}
.home-social-youtube:hover{background:#ff0000;border-color:#ff0000}
.home-social-linkedin:hover{background:#0a66c2;border-color:#0a66c2}
.home-social-whatsapp:hover{background:#25d366;border-color:#25d366}
.home-social-telegram:hover{background:#229ed9;border-color:#229ed9}
.home-social-snapchat:hover{background:#fffc00;border-color:#fffc00;color:#111}
.auth-foot .home-social-link{border-color:var(--border);background:var(--paper);color:var(--heading)}
.social-edit-row{display:grid;gap:.45rem;padding:.75rem;border:1px solid var(--border);border-radius:.85rem;background:var(--paper);height:100%}
.social-edit-on .form-check-label{display:inline-flex;align-items:center;gap:.4rem;font-weight:800}
.social-edit-on .form-check-label .bi{font-size:1.1rem;color:var(--accent)}
.home-foot-legal{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding-top:1rem;color:#8f8378;font-size:.76rem}
.home-foot-legal a{display:inline-flex;align-items:center;gap:.3rem;color:var(--home-accent-soft);text-decoration:none;font-weight:800}
.home-foot-legal a:hover{color:#fff9f0}

/* editor helpers */
.home-editor-color{display:flex;align-items:center;gap:.6rem}
.home-editor-color input[type=color]{width:3rem;height:2.4rem;padding:.15rem;border:1px solid var(--border);background:var(--field);border-radius:.45rem}
.home-editor-shows{display:flex;flex-wrap:wrap;gap:.45rem .9rem;margin-top:1rem}

/* motion */
@keyframes home-float{50%{transform:translateY(-8px)}}
@keyframes home-spin{to{transform:rotate(360deg)}}
@keyframes home-swing{50%{transform:rotate(-16deg)}}
@keyframes home-pulse{50%{opacity:.55}}
@keyframes home-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes home-load{0%{transform:translateX(140%)}100%{transform:translateX(-140%)}}
@keyframes home-state{0%,28%{opacity:1}34%,100%{opacity:0}}
@keyframes home-bay{0%,12%{transform:translateY(110%)}28%,62%{transform:translateY(0)}80%,100%{transform:translateY(110%)}}
@keyframes home-day{0%{right:.9rem}100%{right:calc(100% - 24px)}}
@keyframes home-shine{0%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}

/* responsive */
@media (max-width:1100px){
  .home-hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:2rem}
  .home-mods{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:960px){
  .home-links{display:none}
  .home-menu{display:inline-flex}
  .home-lang-mini{display:inline-flex}
  .home-lang-menu{display:none}
  .home-nav{top:.5rem;margin-top:.6rem;padding:.5rem .6rem .5rem .85rem;padding-top:calc(.5rem + env(safe-area-inset-top, 0px))}
  .home-links{
    position:absolute;top:calc(100% + .5rem);inset-inline:0;z-index:50;
    flex-direction:column;align-items:stretch;gap:.35rem;
    padding:.7rem;border-radius:18px;border:1px solid var(--home-line);background:var(--home-paper);
    box-shadow:0 30px 60px -40px color-mix(in srgb, var(--ink) 60%, transparent)
  }
  .home-nav.is-open .home-links{display:flex}
  .home-links-pages,.home-links-cta{flex-direction:column;align-items:stretch;gap:.2rem;width:100%}
  .home-links-cta{padding:0;margin:0;border:0;border-top:1px solid var(--home-line);padding-top:.35rem;margin-top:.25rem}
  .home-links a{display:flex;align-items:center;justify-content:center;background:var(--home-cream);padding:.7rem .9rem;border-radius:12px;text-align:center;box-shadow:none!important}
  .home-links a.btn{width:100%;background:var(--home-accent)!important;color:#fff}
  .home-hero{grid-template-columns:minmax(0,1fr);gap:2rem;padding-top:2.4rem}
  .home-hero:not(:has(.home-stage)){grid-template-columns:minmax(0,1fr)}
  .home-copy{order:1}
  .home-stage{order:2;max-width:640px;width:100%;justify-self:center}
  .home-flow,.home-bays,.home-plan-grid,.home-mods{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-bill,.home-chatwrap,.home-trackband,.home-demo{grid-template-columns:minmax(0,1fr)}
  .home-chatwrap > div:last-child{order:-1}
  .home-phone{justify-self:start}
  .home-trackband{justify-items:start}
  .home-plate{transform:none}
  .home-foot-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .home-foot-brand{grid-column:1/-1}
  .home-login-note{max-width:30rem;margin-inline:auto;text-align:center}
  .home-login-note p{margin-inline:auto}
}
@media (min-width:761px) and (max-width:960px){
  .home-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
  .home-plan{padding:1rem .8rem}
  .home-plan strong{font-size:clamp(1.35rem,3.4vw,1.9rem)}
  .home-chatwrap{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr)}
  .home-chatwrap > div:last-child{order:0}
  .home-phone{justify-self:center}
  .home-foot-main:not(:has(.home-foot-contact)){grid-template-columns:minmax(0,1fr)}
  .home-foot-main:not(:has(.home-foot-contact)) .home-foot-links{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.35rem 1.15rem}
  .home-foot-main:not(:has(.home-foot-contact)) .home-foot-links b{width:100%}
  .home-foot-main:not(:has(.home-foot-contact)) .home-foot-links a{width:max-content}
}
@media (max-width:760px){
  .home{padding-inline:clamp(.85rem,4vw,1.2rem)}
  .home-nav{top:0;margin:0 -.15rem;border-radius:0 0 18px 18px;padding:.5rem .55rem .5rem .7rem;padding-top:calc(.5rem + env(safe-area-inset-top, 0px))}
  .home-brand{font-size:.92rem;gap:.45rem;flex:1 1 auto;min-width:0}
  .home-brand img.platform-logo{height:38px;max-width:min(130px,40vw)}
  .home-brand span:last-child{max-width:48vw}
  .home-title{font-size:clamp(2rem,8.4vw,2.8rem)!important;line-height:1.15}
  .home-lead{font-size:.98rem;line-height:1.85}
  .home-cta .btn{width:100%;justify-content:center}
  .home-paycycle span{font-size:.7rem}
  .home-hero{padding-top:2rem}
  .home-stage{border-radius:24px}
  .home-stage-canvas{padding-top:3rem}
  .home-ticket{top:.7rem;inset-inline-start:.7rem;padding:.55rem .7rem 1.8rem;min-width:7.8rem}
  .home-stage-foot{padding:.65rem .6rem .8rem;gap:.2rem}
  .home-stage-foot span{font-size:.62rem}
  .home-path,.home-garage,.home-band,.home-plans,.home-demo,.home-login,.home-bill,.home-chatwrap,.home-versus,.home-trackband,.home-foot{border-radius:24px}
  .home-path-now{flex-direction:column;align-items:stretch;gap:.7rem}
  .home-path-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
  .home-path-next,.home-path-pause{width:100%}
  .home-path-slip{grid-template-columns:1fr 1fr}
  .home-path-slip div:nth-of-type(3){grid-column:1/-1}
  .home-path-slip button{grid-column:1/-1;min-height:40px}
  .home-garage-top{flex-direction:column;align-items:stretch;gap:.8rem}
  .home-nick{min-width:0}
  .home-garage-sky{height:220px}
  .home-stalls{grid-template-columns:1fr 1fr 1fr;gap:.35rem}
  .home-stall{min-height:70px;padding:.45rem .55rem}
  .home-stall span{font-size:.8rem}
  .home-docket{flex-wrap:wrap;gap:.5rem}
  .home-scrub{align-items:flex-start;flex-direction:column;gap:.35rem}
  .home-band,.home-plans,.home-demo,.home-login,.home-bill,.home-chatwrap,.home-versus,.home-trackband,.home-foot{padding:1.1rem}
  .home-flow,.home-bays,.home-plan-grid,.home-mods,.home-feature-grid,.home-app-grid{grid-template-columns:minmax(0,1fr)}
  .home-plan.is-hot{transform:none}
  .home-flow{gap:.6rem}
  .home-step{display:grid;grid-template-columns:auto 1fr;gap:0 .8rem;padding:.9rem}
  .home-step-top{grid-row:1/3;flex-direction:column-reverse;justify-content:flex-start;gap:.45rem;margin:0}
  .home-step b{margin-top:.1rem}
  .home-step p{grid-column:2}
  .home-bay{min-height:96px}
  .home-dayline{grid-template-columns:minmax(0,1fr);gap:.45rem;padding-top:0;padding-inline-start:1.2rem}
  .home-dayline::before{top:.4rem;bottom:.4rem;left:.3rem;right:auto;width:2px;height:auto;inset-inline:auto}
  .home-daydot{display:none}
  .home-dayline article{padding:.65rem .75rem}
  .home-services .home-head,.home-features .home-head,.home-app .home-head{margin-bottom:1rem}
  .home-chatwrap{padding-top:1.3rem}
  .home-phone{justify-self:center;width:100%;max-width:340px}
  .home-bubbles{min-height:auto}
  .home-split{display:flex;flex-direction:column;min-height:0;background:transparent;gap:.6rem;border-radius:0;overflow:visible}
  .home-split .is-old,.home-split .is-new{min-height:0;clip-path:none;padding:1rem;border-radius:16px}
  .home-split .is-new{padding-inline-start:1rem}
  .home-split-handle{display:none}
  .home-split-hint{display:none}
  .home-trackband{justify-items:stretch}
  .home-plate{justify-content:center;width:max-content;margin-inline:auto}
  .home-track-row{flex-direction:column}
  .home-track-row .btn{width:100%}
  .home-demo{grid-template-columns:minmax(0,1fr)}
  .home-demo .btn{width:100%}
  .home-login{gap:1.2rem}
  .home-form{padding:1.1rem}
  .home-foot-main{grid-template-columns:minmax(0,1fr);gap:1.2rem}
  .home-foot-legal{flex-direction:column;align-items:flex-start;gap:.55rem}
}
@media (max-width:480px){
  .home-brand span:last-child{display:none}
  .home-brand img.platform-logo{max-width:140px}
  .home-eyebrow{font-size:.7rem}
  .home-title{font-size:clamp(1.85rem,9vw,2.4rem)!important}
  .home-hero{gap:1.4rem}
  .home-stage-canvas{padding-top:3.2rem}
  .home-stage-foot span{font-size:.58rem}
  .home-ticket{min-width:7.2rem}
  .home-stalls{grid-template-columns:1fr}
  .home-garage-sky{height:auto;min-height:300px}
  .home-plans,.home-band,.home-demo,.home-login,.home-bill,.home-chatwrap,.home-versus,.home-trackband,.home-foot{padding:.85rem}
  .home-plan{padding:1rem}
  .home-payrow{gap:.4rem}
}
@media (hover:hover){
  .home-stage:hover{box-shadow:0 42px 90px -60px color-mix(in srgb, var(--ink) 55%, transparent)}
}
@media (prefers-reduced-motion:reduce){
  .home-car,.home-wheel,.home-tool,.home-glow,.home-step,.home-demo-bar i,.home-spark circle,.home-ticket span,.home-line,.home-stamp,.home-pays article,.home-plate i,.home-bay i,.home-daydot,.home-bubbles p,.home-eyebrow-dot{animation:none!important}
  #homeGarageCar,.home-sun,.home-sky-dusk{transition:none}
  .home-bubbles p{opacity:1;transform:none;max-height:240px;padding:.62rem .75rem;margin:.4rem 0 0;border-width:1px}
  .home-ticket span{opacity:0}
  .home-ticket span:nth-child(4){opacity:1}
  .home-bay i{transform:none}
  .home-daydot{display:none}
}
.home-still .home-car,.home-still .home-wheel,.home-still .home-tool,.home-still .home-glow,.home-still .home-step,.home-still .home-demo-bar i,.home-still .home-spark circle,.home-still .home-ticket span,.home-still .home-line,.home-still .home-stamp,.home-still .home-pays article,.home-still .home-plate i,.home-still .home-bay i,.home-still .home-daydot,.home-still .home-bubbles p,.home-still .home-eyebrow-dot{animation:none!important}
.home-still .home-bubbles p{opacity:1;transform:none;max-height:240px;padding:.62rem .75rem;margin:.4rem 0 0;border-width:1px}
.home-still .home-ticket span{opacity:0}
.home-still .home-ticket span:nth-child(4){opacity:1}
.home-still .home-bay i{transform:none}
.home-still .home-daydot{display:none}

.auth-card .text-muted,.auth-panel .text-muted{color:var(--muted)!important}
.auth-card .form-label,.auth-panel .form-label{display:block;color:#4a4038;font-weight:800;font-size:.86rem;margin-bottom:.4rem}
.auth-card .form-control,.auth-panel .form-control{background:var(--field);border:1px solid var(--border)!important;color:var(--text);border-radius:14px;transition:border-color .18s ease,box-shadow .18s ease}
.auth-card .form-control::placeholder,.auth-panel .form-control::placeholder{color:#a89e94}
.auth-card .form-control:focus,.auth-panel .form-control:focus{border-color:var(--accent)!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent);outline:none}
.auth-brand .small,.auth-brand .text-white-50{color:var(--muted)!important}
a.kpi-card,a.kpi-card:hover{text-decoration:none;color:inherit}
a.kpi-card:hover{border-color:var(--accent)!important}

.form-actions-sticky{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.75rem}
.status-chip{display:inline-flex;align-items:center;gap:.3rem;border-radius:.3rem;padding:.18rem .55rem;font-size:.76rem;font-weight:700}
.status-received{background:#dbeafe;color:#1d4ed8}
.status-inspection{background:#ffedd5;color:var(--accent-2)}
.status-approval{background:#fef9c3;color:#a16207}
.status-repairing{background:#ffedd5;color:var(--accent-2)}
.status-parts{background:#fef9c3;color:#a16207}
.status-ready{background:#dcfce7;color:#166534}
.status-delivered{background:#f4f4f5;color:#3f3f46}
.status-urgent{background:#fee2e2;color:#b91c1c}
.board{display:flex;gap:.85rem;overflow-x:auto;padding-bottom:.35rem}
.board-col{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;min-height:240px;box-shadow:var(--shadow);flex:0 0 230px}
.board-col h6{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}
.board-col.tone-info{border-top:3px solid #1d4ed8;box-shadow:var(--shadow)}
.board-col.tone-blue{border-top:3px solid #1d4ed8;box-shadow:var(--shadow)}
.board-col.tone-orange{border-top:3px solid var(--accent-2);box-shadow:var(--shadow)}
.board-col.tone-yellow{border-top:3px solid #ca8a04;box-shadow:var(--shadow)}
.board-col.tone-warn{border-top:3px solid var(--accent-2);box-shadow:var(--shadow)}
.board-col.tone-ok{border-top:3px solid #15803d;box-shadow:var(--shadow)}
.wo-card{
  display:block;background:var(--field);border:1px solid var(--border);border-radius:.65rem;
  padding:.85rem;margin-bottom:.55rem;text-decoration:none;color:inherit;
  transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease
}
.wo-card:hover{border-color:var(--accent);color:inherit;transform:translateY(-2px);box-shadow:var(--shadow)}
.wo-card .wo-no{font-weight:700;font-size:.78rem;letter-spacing:.04em;color:var(--accent)}
.stepper{display:flex;flex-wrap:wrap;gap:.4rem}
.stepper a,.stepper span{
  flex:1 1 9rem;text-align:center;padding:.65rem .35rem;border-radius:.45rem;font-weight:700;font-size:.82rem;
  border:1px solid var(--border);color:var(--muted);text-decoration:none;background:var(--field)
}
.stepper .on{background:var(--ink);color:#fff;border-color:var(--ink)}

.flow-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}
.flow-cell{
  display:block;text-decoration:none;color:inherit;padding:1.05rem 1.05rem .95rem;
  border-radius:var(--radius);background:var(--paper);border:1px solid var(--border);
  position:relative;overflow:hidden;
  border:1px solid var(--border);
  border-inline-start:4px solid var(--accent);
  box-shadow:var(--shadow);
  transition:transform .15s ease, border-color .15s ease
}
.flow-cell.tone-info,.flow-cell.tone-blue{border-inline-start-color:#1d4ed8;box-shadow:var(--shadow)}
.flow-cell.tone-orange,.flow-cell.tone-warn{border-inline-start-color:var(--accent-2);box-shadow:var(--shadow)}
.flow-cell.tone-yellow{border-inline-start-color:#ca8a04;box-shadow:var(--shadow)}
.flow-cell.tone-ok{border-inline-start-color:#15803d;box-shadow:var(--shadow)}
.flow-cell.tone-muted{border-inline-start-color:#a8a29e;box-shadow:var(--shadow)}
.flow-cell:hover{color:inherit;background:var(--field);transform:translateY(-2px)}
.flow-cell b{display:block;font-size:1.85rem;font-family:var(--display);line-height:1;margin-top:.15rem}
.flow-cell span{color:var(--muted);font-size:.8rem;font-weight:700}
.flow-cell i{position:absolute;inset-inline-end:.85rem;top:.85rem;opacity:.4;font-size:1.15rem;color:var(--accent)}
.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16a34a;margin-inline-end:.4rem;vertical-align:middle}
.display-title{font-size:clamp(1.35rem,2.2vw,1.95rem);font-weight:700;line-height:1.25}
.hero-meta{color:var(--muted);font-size:.92rem}
.hero-clock{font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.04em;color:var(--heading)}
.ops-hero{
  display:flex;justify-content:space-between;align-items:flex-end;gap:.9rem;flex-wrap:wrap;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 42%),
    var(--paper);
  color:var(--heading);
  border:1px solid var(--border);border-radius:calc(var(--radius) + .15rem);
  padding:1.25rem 1.3rem 1.2rem;margin-bottom:.15rem;
  border:1px solid var(--border);
  border-inline-start:4px solid var(--accent);
  box-shadow:var(--shadow);
  position:relative;overflow:hidden
}
.ops-mark{
  position:absolute;inset-inline-end:-.1rem;bottom:-.45rem;
  font-size:4.6rem;color:color-mix(in srgb, var(--accent) 10%, transparent);pointer-events:none;transform:rotate(-18deg)
}
.ops-hero .h5,.ops-hero .text-muted,.ops-hero .display-title{color:var(--heading)!important}
.dash-kicker{font-size:.7rem;font-weight:800;letter-spacing:.14em;color:var(--accent);margin-bottom:.3rem}
.ops-hero .btn-outline-secondary{background:var(--field)!important;color:var(--text)!important;border-color:var(--border)!important}
.ops-hero .btn-primary{box-shadow:none}
.ready-strip{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:.95rem 1.05rem}
.ready-strip-head{font-weight:800;margin-bottom:.5rem}
.ready-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.5rem 0;border-top:1px solid var(--border)}
.ready-item:first-of-type{border-top:0}
.ready-main{display:flex;flex-direction:column;text-decoration:none;color:inherit;min-width:0}
.ready-main span{color:var(--muted);font-size:.86rem}

.auth-kicker{display:inline-flex;align-items:center;gap:.35rem;background:var(--active);color:var(--accent-2);font-weight:800;font-size:.76rem;letter-spacing:.01em;border-radius:999px;padding:.32rem .75rem}
.auth-pass{position:relative}
.auth-pass .form-control{padding-inline-end:3rem}
.auth-eye{position:absolute;inset-inline-end:.35rem;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:11px;background:transparent;color:#8b8178}
.auth-eye:hover{color:var(--accent);background:var(--active)}
@media (min-width:992px){
  .auth-visual .auth-features{grid-template-columns:1fr 1fr;max-width:40rem}
}
.auth-links{display:flex;justify-content:center;gap:.4rem 1.1rem;flex-wrap:wrap;margin-top:1.15rem;padding-top:1rem;border-top:1px dashed var(--border)}
.auth-links a{font-size:.86rem;font-weight:800;color:var(--accent-2);text-decoration:none;border-radius:8px;padding:.15rem .2rem}
.auth-links a:hover{color:var(--accent);text-decoration:underline}
.auth-login .auth-visual{justify-content:flex-start;gap:0}
.auth-gates{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin:0 0 1rem}
.auth-gates article{background:#2a241f;border:1px solid #3b342e;border-radius:.8rem;padding:.55rem .65rem;color:#f4eee6}
.auth-gates i{color:var(--accent-line)}
.auth-gates b,.auth-gates span{display:block}
.auth-gates span{color:#b7aea4;font-size:.78rem;font-weight:700}
.auth-field{position:relative}
.auth-field > .bi{position:absolute;inset-inline-start:.9rem;top:50%;transform:translateY(-50%);color:var(--accent);z-index:1;font-size:1.05rem}
.auth-login .auth-field .form-control{min-height:52px;padding-inline-start:2.7rem;font-weight:700}
.auth-board{background:var(--ink);color:#fff7ed;border-radius:1.2rem;padding:.9rem;margin-top:.2rem}
.auth-board-top{display:flex;justify-content:space-between;align-items:flex-end;gap:.7rem;margin-bottom:.7rem}
.auth-board-top span{display:block;color:var(--accent-line);font-weight:800;font-size:.78rem}
.auth-board-top strong{font-size:1.25rem}
.auth-board-actions{display:flex;gap:.35rem;flex-wrap:wrap}
.auth-board-top button{border:0;background:var(--field);color:var(--ink);border-radius:.7rem;min-height:40px;padding:.3rem .75rem;font-weight:800}
.auth-board-top button.auth-pause{background:transparent;color:#fff7ed;border:1px solid #3b342e}
.auth-slip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.4rem;margin-bottom:.15rem}
.auth-slip div{background:#2a241f;border:1px solid #3b342e;border-radius:.7rem;padding:.4rem .55rem}
.auth-slip span{display:block;color:#b7aea4;font-size:.72rem;font-weight:700}
.auth-slip b{display:block;font-size:.92rem}
.auth-slip button{border:0;background:#fff7ed;color:var(--ink);border-radius:.7rem;font-weight:800;padding:.35rem .6rem}
.auth-copy-note{margin:0 0 .55rem;color:var(--accent-line);font-weight:800;font-size:.8rem}
.auth-copy-note[hidden]{display:none}
.auth-meter{display:flex;align-items:center;gap:.6rem;margin-bottom:.55rem}
.auth-meter b{flex:0 0 auto;color:var(--accent-line);font-size:.85rem}
.auth-meter span{flex:1;height:8px;border-radius:99px;background:#3b342e;overflow:hidden}
.auth-meter i{display:block;height:100%;width:0;background:var(--accent);border-radius:99px;transition:width .35s ease}
.auth-road{position:relative;height:18px;border-radius:99px;background:#3b342e;margin:.35rem .2rem .35rem;touch-action:none;cursor:ew-resize}
.auth-road i{position:absolute;top:-8px;inset-inline-start:0;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;transition:inset-inline-start .35s ease}
.auth-drag{margin:0 0 .7rem;color:#b7aea4;font-size:.78rem;font-weight:700}
.auth-board-stops{display:flex;flex-wrap:wrap;gap:.35rem}
.auth-board-stops button{border:1px solid #3b342e;background:#2a241f;color:#f4eee6;border-radius:.7rem;min-height:36px;padding:.25rem .6rem;font-weight:800}
.auth-board-stops button.on{background:var(--accent);border-color:var(--accent);color:#fff}
.auth-bays{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-bottom:.65rem}
.auth-bays button{border:1px solid #3b342e;background:#2a241f;color:#fff7ed;border-radius:.8rem;min-height:68px;padding:.45rem .6rem;text-align:right;font-weight:800}
.auth-bays b{display:block;color:var(--accent-line);font-size:.75rem}
.auth-bays button.on{background:var(--accent);border-color:var(--accent);box-shadow:none}
.auth-bays button.on b,.auth-bays button.on span{color:#fff}
.auth-hours{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:.35rem;margin-bottom:.65rem}
.auth-hours button{border:1px solid #3b342e;background:#2a241f;color:#f4eee6;border-radius:.7rem;min-height:52px;padding:.3rem .35rem;font-weight:800}
.auth-hours b,.auth-hours span{display:block}
.auth-hours b{color:var(--accent-line);font-size:.72rem}
.auth-hours span{font-size:.78rem}
.auth-hours button.on{background:#fff7ed;border-color:#fff7ed;color:var(--ink)}
.auth-hours button.on b{color:var(--accent)}
.auth-job{display:flex;gap:.45rem;align-items:flex-start;min-height:1.4rem;margin:0 0 .7rem;color:#f4eee6;line-height:1.6}
.auth-job i{color:var(--accent-line);margin-top:.15rem}
.auth-plate{display:inline-flex;margin-top:.55rem;padding:.35rem .75rem;border:2px solid var(--accent);border-radius:.55rem;background:#fff7ed;color:var(--ink);font-weight:800;letter-spacing:.08em}
.auth-plate[hidden]{display:none}
@media (prefers-reduced-motion: reduce){
  .auth-road i,.auth-meter i{transition:none}
}
.auth-quick{margin-top:.9rem}
.auth-quick label{display:block;margin-bottom:.4rem;color:#4a4038;font-weight:800}
.auth-quick-row{display:flex;gap:.45rem}
.auth-quick input{width:100%;min-width:0;min-height:48px;border-radius:14px;border:1px solid var(--border);background:var(--field);color:var(--text);padding:.4rem .7rem;font-weight:800}
.auth-quick .btn{flex:0 0 auto}
.auth-remember{display:flex;align-items:center;gap:.5rem;margin:0 0 .95rem;color:#4a4038;font-weight:700;font-size:.9rem;cursor:pointer}
.auth-remember input{width:1.05rem;height:1.05rem;accent-color:var(--accent)}
.auth-caps{display:flex;align-items:center;gap:.35rem;margin:.45rem 0 0;color:var(--accent-ink);background:#fff2e2;border:1px solid #fed7aa;border-radius:10px;padding:.35rem .6rem;font-size:.8rem;font-weight:800}
.auth-caps[hidden]{display:none}
.auth-recent{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}
.auth-recent[hidden]{display:none}
.auth-recent button{border:1px solid var(--border);background:var(--field);color:var(--heading);border-radius:9px;min-height:32px;padding:.15rem .6rem;font-weight:800;letter-spacing:.04em}
.auth-recent button:hover{border-color:var(--accent);color:var(--accent-2)}
.auth-reach{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.85rem}
.auth-reach a{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:46px;border-radius:14px;border:1px solid var(--border);background:var(--field);color:var(--heading);text-decoration:none;font-weight:800}
.auth-reach a:hover{border-color:var(--accent);color:var(--accent-2)}
.auth-reach a.auth-reach-wa{background:#128c7e;border-color:#128c7e;color:#fff}
.auth-reach a.auth-reach-wa:hover{background:#0f7a6d;color:#fff}
.auth-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:1rem}
.auth-feature-row article{display:flex;gap:.4rem;align-items:flex-start;background:var(--paper);border:1px solid var(--border);border-radius:.85rem;padding:.7rem .75rem;font-weight:700;line-height:1.5}
.auth-feature-row i{color:var(--accent);margin-top:.15rem}
.auth-login .auth-plans{max-width:none}
@media (max-width:991.98px){
  .auth-feature-row,.auth-board-top{grid-template-columns:1fr}
  .auth-board-top{flex-direction:column;align-items:stretch}
  .auth-board-actions{width:100%;flex-direction:column}
  .auth-board-top button{width:100%}
  .auth-slip{grid-template-columns:1fr 1fr}
  .auth-slip button{grid-column:1 / -1;min-height:40px}
}
.track-page{display:flex;flex-direction:column}
.track-page.is-public{
  min-height:100dvh;
  background:
    radial-gradient(900px 420px at 100% -8%, color-mix(in srgb, var(--accent) 11%, transparent), transparent 52%),
    var(--bg)
}
.track-page:not(.is-public) .track-main{width:100%;margin:0;padding:0}
.track-bar{
  position:sticky;top:0;z-index:20;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.75rem 1.15rem;
  padding-top:calc(.75rem + env(safe-area-inset-top, 0px));
  background:rgba(255,250,243,.94);
  border-bottom:1px solid var(--border);
  backdrop-filter:blur(12px)
}
.track-brand{display:flex;align-items:center;gap:.7rem;min-width:0;text-decoration:none;color:inherit}
.track-brand-text{min-width:0}
.track-brand-text strong{display:block;font-size:1.02rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.track-mark{width:42px;height:42px;border-radius:.7rem;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex:0 0 42px}
.track-kicker{display:block;color:var(--accent);font-weight:800;font-size:.72rem;margin-bottom:.05rem}
.track-nav{display:flex;align-items:center;gap:.4rem;flex:0 0 auto}
.track-nav a{color:var(--heading);text-decoration:none;font-weight:800;font-size:.9rem;padding:.42rem .75rem;border-radius:.65rem;border:1px solid var(--border);background:var(--field)}
.track-nav a:hover{border-color:var(--ink)}
.track-main{width:min(640px,100%);margin:0 auto;padding:1.35rem .9rem 1.6rem;flex:1}
.track-staff-head{margin:0 0 .2rem}
.track-ticket{background:var(--paper);border:1px solid var(--border);border-radius:1.15rem;padding:1.05rem;box-shadow:0 18px 40px -32px color-mix(in srgb, var(--ink) 70%, transparent)}
.track-plate{display:flex;align-items:stretch;background:var(--field);border:3px solid var(--ink);border-radius:.8rem;overflow:hidden;margin-bottom:.85rem}
.track-plate-side{width:16px;background:var(--accent);flex:0 0 16px}
.track-plate strong{flex:1;text-align:center;font-size:1.65rem;line-height:1.2;padding:.6rem .45rem;letter-spacing:.03em}
.track-now{margin:0;font-size:1.35rem;font-weight:800;line-height:1.35}
.track-sub{margin:.2rem 0 .85rem;color:var(--muted)}
.track-rail{--track-fill:0;list-style:none;display:grid;grid-template-columns:repeat(7,minmax(72px,1fr));gap:.25rem;position:relative;margin:0;padding:.15rem 0 0;overflow-x:auto}
.track-rail::before,.track-rail::after{content:"";position:absolute;top:15px;height:3px;border-radius:99px}
.track-rail::before{inset-inline:10%;background:#e7ddd2}
.track-rail::after{inset-inline-start:10%;width:calc((100% - 20%) * var(--track-fill));background:var(--accent)}
.track-rail li{position:relative;z-index:1;text-align:center;color:#8a8178;font-size:.72rem;font-weight:800}
.track-node{width:32px;height:32px;margin:0 auto .28rem;border-radius:50%;background:var(--field);border:2px solid #e2d8cc;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.track-rail li.done{color:var(--ink)}
.track-rail li.done .track-node{background:var(--ink);color:#fff;border-color:var(--ink)}
.track-rail li.on{color:var(--accent-ink)}
.track-rail li.on .track-node{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 0 6px var(--accent-soft);animation:track-pulse 1.8s ease-in-out infinite}
.track-note{margin-top:.9rem;border-radius:.85rem;padding:.7rem .8rem;font-weight:800}
.track-note.is-received{background:#dbeafe;color:#1d4ed8}
.track-note.is-inspection{background:#ffedd5;color:var(--accent-2)}
.track-note.is-approval{background:#fef9c3;color:#a16207}
.track-note.is-repairing{background:#ffedd5;color:var(--accent-2)}
.track-note.is-parts{background:#fef9c3;color:#a16207}
.track-note.is-ready{background:#dcfce7;color:#166534}
.track-note.is-delivered{background:#f4f4f5;color:#3f3f46}
.track-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.track-actions a{flex:1 1 30%;border-radius:.8rem;font-weight:800}
@media (max-width:420px){.track-actions{flex-direction:column}.track-actions a{flex-basis:auto}}
.track-search{text-align:center}
.track-search h2{font-size:1.25rem;margin:0 0 .35rem}
.track-search p{color:var(--muted);margin:0 0 .85rem}
.track-code-input{letter-spacing:.16em;font-weight:800;font-size:1.15rem;text-align:center;text-transform:uppercase;border:2px solid var(--ink);border-radius:.85rem;padding:.75rem .6rem;background:var(--field)}
.track-code-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.track-picks{display:grid;gap:.5rem;margin-bottom:.85rem;text-align:start}
.track-pick{display:flex;align-items:center;justify-content:space-between;gap:.6rem;text-decoration:none;color:inherit;background:var(--field);border:1px solid var(--border);border-inline-start:4px solid var(--accent);border-radius:.9rem;padding:.75rem .8rem}
.track-pick b{display:block}
.track-pick span{color:var(--muted);font-size:.86rem}
.track-foot{margin-top:auto;background:var(--ink);color:#f4eee6;padding:1.35rem 1.15rem 1.05rem}
.track-foot-top{width:min(980px,100%);margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem 1.5rem;flex-wrap:wrap}
.track-foot strong{display:block;font-size:1.05rem}
.track-foot p{margin:.3rem 0 0;color:#b7aea4;max-width:28rem;line-height:1.7}
.track-foot-meta{display:flex;flex-wrap:wrap;gap:.45rem .85rem;align-items:center}
.track-foot-meta a{color:var(--accent-line);text-decoration:none;font-weight:800}
.track-foot-meta a:hover{color:#fff}
.track-foot-copy{width:min(980px,100%);margin:.95rem auto 0;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);color:#8d847b;font-size:.86rem}
@media (max-width:640px){
  .track-bar{flex-wrap:wrap;align-items:center;padding:.7rem .85rem;padding-top:calc(.7rem + env(safe-area-inset-top, 0px))}
  .track-brand{flex:1 1 180px;min-width:0}
  .track-brand img.platform-logo{height:44px;max-width:min(120px,38vw);flex:0 0 auto}
  .track-brand-text strong{white-space:nowrap}
  .track-nav{width:100%}
  .track-nav a{flex:1;text-align:center}
  .track-foot{padding:1.15rem .9rem .95rem}
}
@keyframes track-pulse{50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 12%, transparent)}}
@media (prefers-reduced-motion:reduce){.track-rail li.on .track-node{animation:none}}
.track-share{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.track-code{font-size:1.15rem;font-weight:700;letter-spacing:.14em;background:var(--ink);color:var(--on-ink);padding:.35rem .7rem;border-radius:.4rem}
.qr-box{width:132px;height:132px;border-radius:.5rem;background:var(--field);padding:.45rem;border:1px solid var(--border)}
.qr-box img{width:100%;height:100%;object-fit:contain;display:block}
.share-smart{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}

.bottom-more{
  flex:1;border:0;background:transparent;color:var(--muted);font-size:.68rem;font-weight:700;
  padding:.3rem .1rem;display:flex;flex-direction:column;align-items:center;gap:.08rem
}
.bottom-more .bi{font-size:1.18rem}
.bottom-more.active,.bottom-nav a.active{color:var(--accent)}
.more-sheet{display:block;position:fixed;inset:0;z-index:1080;visibility:hidden;pointer-events:none}
.more-sheet.open{visibility:visible;pointer-events:auto}
.more-sheet[hidden]{display:none!important}
.more-sheet-bg{position:absolute;inset:0;border:0;background:color-mix(in srgb, var(--ink) 50%, transparent);opacity:0;transition:opacity .2s ease}
.more-sheet.open .more-sheet-bg{opacity:1}
.more-sheet-panel{
  position:absolute;left:0;right:0;bottom:0;
  background:var(--paper);border-radius:.8rem .8rem 0 0;
  padding:.5rem 1rem calc(1rem + env(safe-area-inset-bottom));
  border-top:3px solid var(--accent);
  transform:translateY(110%);transition:transform .22s ease
}
.more-sheet.open .more-sheet-panel{transform:none}
.more-handle{width:42px;height:4px;border-radius:99px;background:#e2d8cc;margin:.35rem auto .8rem}
.more-title{font-weight:800;margin-bottom:.8rem}
.more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.more-grid a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;
  text-decoration:none;color:var(--heading);font-weight:700;font-size:.78rem;
  background:var(--bg);border:1px solid var(--border);border-radius:.5rem;padding:.8rem .35rem;min-height:74px
}
.more-grid a .bi{font-size:1.2rem;color:var(--accent)}
.install-banner{
  display:none;position:fixed;left:.7rem;right:.7rem;bottom:calc(72px + env(safe-area-inset-bottom));
  z-index:1040;background:var(--ink);color:var(--on-ink);border-radius:.55rem;padding:.75rem .9rem;
  align-items:center;gap:.5rem;font-size:.82rem;font-weight:700
}
.install-banner.show{display:flex;flex-wrap:wrap}
.install-banner span{flex:1;min-width:140px}
.ios-install{position:fixed;inset:0;z-index:1200;background:color-mix(in srgb, var(--ink) 55%, transparent);display:flex;align-items:flex-end;justify-content:center;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}
.ios-install[hidden]{display:none}
.ios-install-sheet{width:min(440px,100%);background:#fffaf3;color:var(--ink);border-radius:1.1rem;padding:1.1rem 1rem 1rem;box-shadow:0 18px 40px -24px color-mix(in srgb, var(--ink) 70%, transparent)}
.ios-install-sheet h2{margin:0 0 .7rem;font-size:1.15rem}
.ios-install-sheet ol{list-style:none;margin:0 0 .9rem;padding:0;display:grid;gap:.65rem}
.ios-install-sheet li{display:flex;gap:.6rem;align-items:flex-start;line-height:1.6}
.ios-install-sheet li b{flex:0 0 1.6rem;height:1.6rem;border-radius:.45rem;background:var(--ink);color:var(--accent-line);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem}
body.more-open .fab,body.cmdk-open .fab{visibility:hidden;pointer-events:none}
body.cmdk-open{overflow:hidden}

@media (max-width: 991.98px){
  .app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr;height:100dvh}
  .sidebar{
    position:fixed;top:0;bottom:0;inset-inline-start:0;inset-inline-end:auto;width:min(86vw,320px);z-index:1050;
    height:100dvh;max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
    padding-top:env(safe-area-inset-top, 0px);
    transform:translateX(110%);transition:transform .24s ease
  }
  body.drawer-open .app-shell{z-index:1060}
  body.drawer-open .sidebar{transform:none}
  body.drawer-open{overflow:hidden}
  body.drawer-open .sidebar-backdrop{display:block}
  body.drawer-open .bottom-nav,body.drawer-open .fab{visibility:hidden}
  .topbar > .d-flex{min-width:0;width:100%}
  .top-user{display:none}
  .topbar .brand{max-width:34vw}
  .topbar .dropdown-menu{
    position:fixed!important;
    top:calc(58px + env(safe-area-inset-top))!important;
    left:.6rem!important;right:.6rem!important;width:auto!important;
    max-height:min(70vh,480px);overflow:auto;transform:none!important
  }
  .sidebar-close{display:inline-flex}
  .menu-toggle,.search-toggle,.icon-btn.menu-toggle,.icon-btn.search-toggle,.top-btn.menu-toggle,.top-btn.search-toggle{display:inline-flex}
  .cmdk-trigger{display:none!important}
  .global-search-wrap.desktop-search{display:none!important}
  .global-search-wrap.mobile-search{display:none}
  .app-content{padding:.85rem .75rem calc(92px + env(safe-area-inset-bottom))}
  .footerbar{display:none}
  .topbar{padding-top:calc(.55rem + env(safe-area-inset-top));padding-inline:max(.7rem, env(safe-area-inset-left)) max(.7rem, env(safe-area-inset-right))}
  .sidebar{padding-bottom:calc(1.2rem + env(safe-area-inset-bottom))}
  .bottom-nav{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1030;
    background:var(--paper);border-top:1px solid var(--border);border-radius:0;
    justify-content:space-around;padding:.28rem .1rem calc(.28rem + env(safe-area-inset-bottom));
    box-shadow:none
  }
  .bottom-nav a{flex:1;min-width:0;text-align:center;text-decoration:none;color:var(--muted);font-size:.68rem;font-weight:700;padding:.22rem .1rem;display:flex;flex-direction:column;align-items:center;gap:.06rem}
  .bottom-nav a .bn-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .bottom-nav a .bi{font-size:1.16rem}
  .bottom-nav a.active{color:var(--accent)}
  .fab{
    display:inline-flex;align-items:center;justify-content:center;
    position:fixed;inset-inline-end:1rem;bottom:calc(72px + env(safe-area-inset-bottom));
    width:50px;height:50px;border-radius:.55rem;z-index:1025;
    background:var(--ink);color:#fff;text-decoration:none;font-size:1.4rem
  }
  .fab:hover{color:#fff}
  body.modal-open .fab{visibility:hidden}
  .desktop-only{display:none!important}
  .flow-rail{grid-template-columns:1fr 1fr}
  .flow-rail .flow-cell:last-child{grid-column:1/-1}
  .board{flex-direction:column}
  .board-col{flex:1 1 auto;width:100%}
  .auth-shell{display:flex;flex-direction:column;grid-template-columns:1fr}
  .auth-visual{text-align:center;border-inline-start:0;border-bottom:0;border-top:1px solid var(--border);padding:1.6rem 1.1rem 1.3rem;flex:0 0 auto}
  .auth-plans{grid-template-columns:1fr;max-width:22rem;margin-inline:auto}
  .auth-contact{justify-content:center}
  .auth-features{margin-inline:auto}
  .auth-features li{justify-content:center}
  .auth-about{margin-inline:auto}
  .auth-card,.auth-panel{min-height:auto;padding:1.35rem 1.2rem 1.6rem;padding-top:calc(1.35rem + env(safe-area-inset-top, 0px));flex:0 0 auto}
  .auth-card .card-body,.auth-panel .card-body{margin-inline:auto}
  .entity-card{align-items:flex-start}
  .entity-side{align-items:flex-start}
  .table-cards thead{display:none}
  .table-cards tbody,.table-cards tr,.table-cards td{display:block;width:100%}
  .table-cards tr{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.7rem;padding:.8rem}
  .table-cards td{display:flex;justify-content:space-between;gap:.75rem;border:0!important;background:transparent!important;padding:.3rem 0!important}
  .table-cards td::before{content:attr(data-label);font-weight:700;color:var(--muted);flex:0 0 38%}
  .table-cards td.actions-cell,.table-cards td:last-child{display:block;padding-top:.55rem!important}
  .table-cards td.actions-cell::before,.table-cards td:last-child::before{display:none}
  .form-actions-sticky{
    position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));
    background:var(--paper);border:1px solid var(--border);border-radius:.55rem;padding:.7rem;z-index:20
  }
  .page-head{align-items:flex-start}
  .page-head .h5{font-size:1.22rem}
  .entity-card{flex-wrap:wrap}
  .entity-side{width:100%;flex-direction:row;justify-content:space-between;align-items:center}
  .stepper{grid-template-columns:1fr 1fr}
  .cmdk-panel{margin-top:8vh}
}
.btn-secondary,.btn-outline-light{
  background:var(--field)!important;border:1px solid var(--border)!important;color:var(--text)!important
}
.btn-secondary:hover{background:var(--hover)!important;color:var(--text)!important}
.btn-outline-primary{color:var(--accent)!important;border-color:var(--accent-line)!important;background:var(--field)!important}
.btn-outline-primary:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
.btn-outline-success{color:var(--ok)!important;border-color:#86efac!important;background:var(--field)!important}
.btn-outline-danger{color:#b91c1c!important;border-color:#fecaca!important;background:var(--field)!important}
.btn-sm{min-height:34px;padding:.25rem .7rem;font-size:.82rem}
.btn-icon{width:36px;height:36px;min-height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:.45rem!important}
.form-label{font-weight:700;color:#57534e;margin-bottom:.3rem}
.badge.bg-success,.badge.text-bg-success{background:#dcfce7!important;color:#166534!important}
.badge.bg-warning,.badge.text-bg-warning{background:#ffedd5!important;color:var(--accent-2)!important}
.badge.bg-danger,.badge.text-bg-danger{background:#fee2e2!important;color:#b91c1c!important}
.badge.bg-info,.badge.text-bg-info{background:#ecfeff!important;color:#0e7490!important}
.badge.bg-secondary,.badge.bg-light,.badge.text-bg-secondary{background:#f4f4f5!important;color:#3f3f46!important}
.badge.bg-primary,.badge.text-bg-primary{background:#fff4e8!important;color:var(--accent-2)!important}
.badge.bg-dark{background:var(--ink)!important;color:#fff!important}
.alert{border-radius:var(--radius)!important;border:1px solid var(--border)!important}
.alert-warning{background:#fff7ed!important;color:var(--accent-ink)!important}
.alert-success{background:#f0fdf4!important;color:#166534!important}
.list-group-item{border-color:var(--border)!important}
.filter-bar{
  position:relative;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);
  padding:1rem 1.05rem;margin-bottom:1rem;box-shadow:var(--shadow)
}
.filter-bar .form-control,.filter-bar .form-select{min-height:44px}
.form-card{max-width:920px}
.entity-list{display:flex;flex-direction:column;gap:.65rem}
@media (min-width:992px){.entity-list.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}}
.entity-card{
  display:flex;align-items:center;gap:.9rem;
  background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);
  padding:1rem 1.05rem;
  box-shadow:var(--shadow);
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease
}
.entity-card:hover{border-color:#d4c2aa;transform:translateY(-2px);box-shadow:0 16px 36px -22px color-mix(in srgb, var(--ink) 45%, transparent)}
.entity-avatar{
  width:48px;height:48px;border-radius:.65rem;flex:0 0 48px;
  display:flex;align-items:center;justify-content:center;
  background:var(--ink);color:#fff;font-weight:700;font-size:.92rem;
  box-shadow:inset 0 0 0 1px var(--hairline), 0 0 0 3px var(--accent-soft)
}
.entity-avatar.soft{background:#fff4e8;color:var(--accent)}
.entity-avatar.ok{background:#dcfce7;color:#166534}
.entity-avatar.warn{background:#ffedd5;color:var(--accent-2)}
.entity-body{flex:1;min-width:0}
.entity-title{font-weight:700;line-height:1.35;color:var(--heading)}
.entity-title a{color:inherit;text-decoration:none}
.entity-title a:hover{color:var(--accent)}
.entity-meta{color:var(--muted);font-size:.86rem;margin-top:.12rem}
.entity-side{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;flex:0 0 auto}
.entity-amount{font-weight:800;font-size:1.02rem}
.car-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}
.car-chip, .plate-tag{
  display:inline-flex;align-items:center;gap:.3rem;
  font-size:.78rem;font-weight:800;text-decoration:none;letter-spacing:.06em;
  background:var(--ink);color:var(--on-ink);border-radius:.4rem;padding:.22rem .58rem;
  border-inline-start:3px solid var(--accent);box-shadow:none
}
.car-chip:hover,.plate-tag:hover{color:var(--accent-line)}
.car-chip .bi{font-size:.8rem;color:var(--accent-line)}
.car-empty{color:var(--muted);font-size:.8rem;margin-top:.35rem}
.empty-icon{width:52px;height:52px;border-radius:.55rem;margin:0 auto .7rem;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);font-size:1.4rem}
.invoice-table .card-body,.data-panel .card-body{padding:.35rem .2rem}
.input-group{flex-wrap:nowrap}
.input-group .form-control{border-radius:.5rem 0 0 .5rem!important}
.input-group .btn{border-radius:0 .5rem .5rem 0!important}
html[dir="rtl"] .input-group .form-control{border-radius:0 .5rem .5rem 0!important}
html[dir="rtl"] .input-group .btn{border-radius:.5rem 0 0 .5rem!important}

.chip-row{display:flex;flex-wrap:wrap;gap:.35rem}
.chip-btn{border:1px solid var(--border);background:var(--field);border-radius:.4rem;padding:.32rem .7rem;font-weight:700;font-size:.82rem;color:var(--text);text-decoration:none}
.chip-btn.on,.chip-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.price-list{display:flex;flex-direction:column;gap:.45rem}
.price-pick{display:flex;justify-content:space-between;align-items:center;gap:.75rem;width:100%;text-align:right;border:1px solid var(--border);background:var(--paper);border-radius:.5rem;padding:.75rem .85rem}
.price-pick:hover{border-color:var(--accent)}
.price-pick-amt{font-weight:800;color:var(--accent);white-space:nowrap}
.totals-card{position:sticky;top:12px}
.perm-row{display:flex;align-items:center;gap:.65rem;padding:.55rem 0;border-bottom:1px solid var(--border);cursor:pointer;margin:0}
.perm-row:last-child{border-bottom:0}
.offcanvas{--bs-offcanvas-width:min(420px,100%)}
.line-total{font-weight:800;white-space:nowrap}
.pay-method{padding:.7rem 0;border-bottom:1px solid var(--border)}
.pay-method:last-child{border-bottom:0}
.pay-bar{height:7px;border-radius:99px;background:var(--accent-soft);overflow:hidden;margin-top:.4rem}
.pay-bar>span{display:block;height:100%;background:var(--accent);border-radius:99px}
.invoice-summary .sum-row{display:flex;justify-content:space-between;gap:.75rem;padding:.35rem 0}
@media (max-width:767.98px){
  .totals-card{position:static}
  .invoice-lines thead{display:none}
  .invoice-lines tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;margin-bottom:.7rem;background:var(--paper)}
  .invoice-lines tbody tr.is-empty{display:block}
  .invoice-lines tbody td{border:0;padding:0;width:auto!important}
  .invoice-lines tbody td:first-child{grid-column:1/-1}
  .invoice-lines tbody td:nth-last-child(2){font-weight:800;align-self:center}
  .invoice-lines tbody td:last-child{grid-column:1/-1}
}
.settings-card summary.card-header{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.55rem}
.settings-card summary.card-header::-webkit-details-marker{display:none}
.settings-card summary.card-header::after{content:"عرض";margin-inline-start:auto;font-size:.8rem;color:var(--muted);font-weight:700}
.settings-card[open] summary.card-header::after{content:"إخفاء"}
.form-control-color{min-height:46px;padding:.25rem .4rem}

.admin-desk{max-width:1120px;margin-inline:auto}
.admin-hero{
  display:flex;justify-content:space-between;align-items:center;gap:.9rem;flex-wrap:wrap;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 48%),
    var(--paper);
  border:1px solid var(--border);border-radius:calc(var(--radius) + .1rem);
  padding:1.15rem 1.2rem;margin-bottom:.85rem;
  border:1px solid var(--border);
  border-inline-start:4px solid var(--accent);
  box-shadow:var(--shadow)
}
.admin-kicker{font-size:.7rem;font-weight:800;letter-spacing:.14em;color:var(--accent);margin-bottom:.28rem}
.admin-hero .h5{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;line-height:1.25}
.admin-hero .btn{min-height:40px}
.badge-topic{display:inline-flex;align-items:center;gap:.35rem;background:color-mix(in srgb, var(--accent) 22%, transparent);border:1px solid var(--accent-line);color:#fff8f1;padding:.3rem .75rem;border-radius:99px;font-size:.8rem;font-weight:700;white-space:nowrap}
.admin-tabs{
  display:flex;flex-wrap:wrap;gap:.3rem;
  background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);
  padding:.35rem;margin-bottom:1rem
}
.admin-tabs a{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.48rem .8rem;border-radius:.4rem;text-decoration:none;
  color:var(--muted);font-weight:700;font-size:.86rem
}
.admin-tabs a i{color:var(--accent)}
.admin-tabs a:hover{background:var(--hover);color:var(--heading)}
.admin-tabs a.on{background:var(--ink);color:#fff}
.admin-tabs a.on i{color:var(--accent-line)}
.admin-stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}
.admin-stat{
  background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);
  padding:.8rem .95rem
}
.admin-stat b{display:block;font-size:1.45rem;line-height:1.1;color:var(--heading)}
.admin-stat span{color:var(--muted);font-size:.78rem;font-weight:700}
.settings-sec .card-header{display:flex;align-items:center;gap:.55rem}
.settings-ico{
  width:32px;height:32px;border-radius:.4rem;background:var(--accent-soft);color:var(--accent);
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px
}
.look-preview{
  display:grid;grid-template-columns:88px minmax(0,1fr);min-height:92px;
  border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1rem
}
.look-preview-side{color:#f4eee6;font-size:.72rem;font-weight:700;padding:.7rem .55rem}
.look-preview-main{background:var(--bg);display:flex;flex-direction:column}
.look-preview-top{font-size:.72rem;font-weight:700;padding:.45rem .7rem;border-bottom:1px solid var(--border)}
.look-preview-body{flex:1;padding:.55rem .7rem;font-size:.78rem;color:var(--muted)}
.look-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}
.color-tile{
  display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);
  overflow:hidden;background:var(--field)
}
.color-tile input[type=color]{
  width:100%;height:48px;border:0;padding:0;cursor:pointer;background:transparent;min-height:48px
}
.color-tile span{padding:.45rem .6rem .55rem;font-size:.78rem;font-weight:700}
.admin-desk .form-card{max-width:none}
.perm-row{
  display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;margin:0 0 .4rem;
  border:1px solid var(--border);border-radius:.4rem;background:var(--field);cursor:pointer
}
.perm-row:hover{background:var(--hover);border-color:#c9bbaa}
.perm-row:has(input:checked){border-color:var(--accent);background:#fff4e8}
.role-card .entity-avatar{background:var(--accent-soft);color:var(--accent)}
@media (max-width:991.98px){
  .admin-stat-row,.look-grid{grid-template-columns:1fr 1fr}
  .admin-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .admin-tabs a{flex:0 0 auto}
}
@media (max-width:575.98px){
  .admin-stat-row{grid-template-columns:1fr 1fr}
  .look-grid{grid-template-columns:1fr 1fr}
  .look-preview{grid-template-columns:70px minmax(0,1fr)}
}
.att-card{align-items:flex-start}
.center-public{max-width:980px;margin:0 auto;padding:1rem 1rem 2rem}
.center-pub-bar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem 0 1rem}
.center-pub-foot{text-align:center;color:var(--muted);padding:1.5rem 0 0;font-size:.9rem}
.center-logo{width:72px;height:72px;border-radius:.6rem;object-fit:cover;background:var(--ink)}
.center-facts{display:flex;flex-direction:column;gap:.35rem;color:var(--muted)}
.center-facts .bi{color:var(--accent);margin-inline-end:.35rem}
.center-gallery{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
@media (min-width:768px){.center-gallery{grid-template-columns:1fr 1fr 1fr}}
.center-shot{position:relative;margin:0;background:var(--field);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.center-shot img{width:100%;height:160px;object-fit:cover;display:block}
.center-shot figcaption{padding:.45rem .65rem;font-size:.8rem;color:var(--muted)}
.center-del{position:absolute;top:.4rem;left:.4rem;width:32px;height:32px;border-radius:.4rem;background:color-mix(in srgb, var(--ink) 75%, transparent);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.center-video{position:relative;padding-top:56.25%;background:var(--ink);border-radius:var(--radius);overflow:hidden}
.center-video iframe,.center-video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.center-map{position:relative;padding-top:56%;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--field)}
.center-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media print{
  .bottom-nav,.fab,.menu-toggle,.search-toggle,.sidebar-backdrop,.more-sheet,.install-banner,.cmdk{display:none!important}
  .table-bordered td,.table-bordered th{border:1px solid #333!important}
}

html,body{overscroll-behavior-y:contain;max-width:100%}
body.more-open,body.cmdk-open,body.drawer-open,body.app-locked{overflow:hidden}
.form-control,.form-select,input,select,textarea,button,.btn,.nav-link{font-family:var(--font)!important}
.form-control,.form-select,input,select,textarea{font-size:16px!important}
.icon-btn,.btn,.chip-btn,.bottom-nav a,.bottom-more{min-height:44px}
a,button,.btn,.nav-link,.bottom-nav a,.bottom-more{-webkit-tap-highlight-color:color-mix(in srgb, var(--accent) 12%, transparent)}

@media (max-width:767.98px){
  .top-user-name,.top-logout .top-label,.top-admin .top-label{display:none}
  .top-user{padding:0 .28rem;max-width:none}
  .top-logout,.top-btn.top-admin{width:40px;padding:0}
  .topbar .dropdown .top-btn.top-admin.dropdown-toggle::after{display:none}
}
@media (max-width:575.98px){
  .ops-hero .action-row{width:100%}
  .ops-hero .action-row .btn{flex:1}
  .ready-item{flex-wrap:wrap}
  .center-pub-bar{flex-wrap:wrap}
  .auth-visual .display-title{font-size:1.55rem}
  .ops-mark{display:none}
}
@media (max-width:379.98px){
  .flow-rail{grid-template-columns:1fr 1fr}
  .kpi-card .kpi-hint{display:none}
  .user-chip{display:none}
  .more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .center-gallery{grid-template-columns:1fr}
  .page-head .action-row{width:100%}
  .page-head .action-row .btn{flex:1}
  .track-share .btn{flex:1}
  .ops-hero .display-title{font-size:1.22rem}
}
@media (max-width:991.98px) and (orientation:landscape){
  .fab{bottom:calc(60px + env(safe-area-inset-bottom))}
  .bottom-nav a,.bottom-more{font-size:.62rem}
  .app-content{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
}
.qty-ok{font-weight:800;color:#166534}
.qty-low{font-weight:800;color:#b91c1c}
.entity-avatar.soft-warn{background:var(--accent-soft);color:var(--accent)}
.admin-stat{color:inherit}
.chip-btn{border-radius:.55rem;padding:.38rem .8rem;box-shadow:var(--shadow-sm)}
.ready-strip{box-shadow:var(--shadow)}
.auth-visual{
  position:relative;
  background:
    radial-gradient(620px 320px at 82% 6%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 62%),
    radial-gradient(420px 260px at 8% 96%, rgba(253,186,116,.16), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.55), transparent 34%),
    var(--bg);
}
.auth-visual-inner{position:relative;z-index:1;width:100%;max-width:56rem;margin-inline:auto;display:flex;flex-direction:column;gap:1.15rem}
.auth-visual-head{display:flex;flex-direction:column;gap:.3rem}
.auth-visual-head .brand-kicker{color:var(--accent-2);letter-spacing:.06em;margin-top:0;font-size:.8rem;font-weight:800}
.auth-visual-head .display-title{font-size:clamp(1.75rem,3.4vw,2.6rem);font-weight:800;margin:.15rem 0 .35rem;letter-spacing:-.015em}
.auth-live-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;background:var(--field);border:1px solid var(--border);border-radius:999px;padding:.35rem .8rem;color:var(--accent-2);font-weight:800;font-size:.78rem;box-shadow:0 10px 24px -20px color-mix(in srgb, var(--ink) 70%, transparent);margin-bottom:.55rem}
.auth-live-pill i{color:var(--accent)}
.auth-sec{display:flex;flex-direction:column;gap:.65rem}
.auth-sec-head{display:flex;align-items:center;gap:.65rem;color:var(--muted);font-weight:800;font-size:.78rem;letter-spacing:.04em}
.auth-sec-head i{flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}
.auth-contact{display:flex;flex-wrap:wrap;gap:.5rem .9rem;margin-top:.35rem;color:var(--heading);font-weight:700}
.auth-contact a{display:inline-flex;align-items:center;gap:.35rem;color:var(--heading);text-decoration:none;padding:.3rem .7rem;background:rgba(255,255,255,.7);border:1px solid var(--border);border-radius:999px}
.auth-contact a:hover{border-color:var(--accent);color:var(--accent-2)}
.auth-contact > span{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;background:rgba(255,255,255,.7);border:1px solid var(--border);border-radius:999px}
.auth-contact i{color:var(--accent)}
.auth-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:.15rem;max-width:none}
.auth-plan{position:relative;background:var(--paper);border:1px solid var(--border);border-radius:16px;padding:.8rem .85rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}
.auth-plan:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--home-accent-soft,var(--accent-line)))}
.auth-plan:hover{transform:translateY(-3px);box-shadow:0 18px 34px -26px color-mix(in srgb, var(--ink) 75%, transparent);border-color:#f3cfa8}
.auth-plan b{display:block;font-size:.9rem;color:var(--heading)}
.auth-plan strong{display:block;font-size:1.35rem;margin:.2rem 0;letter-spacing:-.02em}
.auth-plan strong small{font-size:.75rem;font-weight:700;color:var(--muted)}
.auth-plan span{display:inline-flex;color:var(--accent);font-size:.78rem;font-weight:800}
.auth-plan .plan-was{display:block;color:#a89e94;font-size:.78rem;font-weight:700;text-decoration:line-through}
.auth-plan .plan-off{background:#ffedd5;color:var(--accent-2);border-radius:999px;padding:.1rem .5rem;margin:.2rem 0}
.auth-plan a{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;font-weight:800;color:var(--accent);text-decoration:none}
.auth-plan a:hover{color:var(--accent-2)}
.auth-plan-more{display:block;border:0;background:transparent;padding:0;margin-top:.2rem;color:var(--muted);font-weight:800;font-size:.8rem;text-decoration:underline dotted}
.auth-plan strong.auth-plan-note{font-size:.95rem;color:var(--accent-2);font-weight:800;line-height:1.5}
.auth-plan p{margin:.4rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.6;font-weight:700;text-align:right}
.order-screen h1{font-size:clamp(1.8rem,4.4vw,3rem);line-height:1.25;margin:.2rem 0 .7rem}
.order-hero{display:block;padding:.4rem 0 1.2rem}
.order-hero p,.order-success p{color:var(--muted);line-height:1.8;max-width:40rem}
.order-steps{display:flex;gap:.55rem;list-style:none;padding:0;margin:1rem 0 0}
.order-steps li{display:flex;align-items:center;gap:.4rem;background:var(--paper);border:1px solid var(--border);border-radius:999px;padding:.35rem .7rem .35rem .35rem;font-weight:800}
.order-steps b{width:1.7rem;height:1.7rem;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem}
.order-steps li.is-on{border-color:var(--home-accent,var(--accent))}
.order-steps li.is-on b{background:var(--home-accent,var(--accent))}
.order-steps li.is-done b{background:#15803d}
.order-trust{display:flex;flex-wrap:wrap;gap:.4rem;margin:.9rem 0 0}
.order-trust span{display:inline-flex;align-items:center;gap:.35rem;background:var(--paper);border:1px solid var(--border);border-radius:999px;padding:.35rem .7rem;font-size:.8rem;font-weight:800}
.order-trust i{color:var(--home-accent,var(--accent))}
.order-ticket{background:var(--ink);color:#fff7ed;border-radius:1.3rem;padding:1.1rem 1.15rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:var(--shadow)}
.order-ticket span{color:var(--home-accent-soft,var(--accent-line));font-weight:800}
.order-ticket strong{font-size:1.35rem}
.order-ticket > b{font-size:1.5rem;color:#fff;line-height:1.3}
.order-ticket div{display:flex;align-items:center;gap:.4rem;color:#d9d0c6}
.order-ticket em{font-style:normal;font-weight:800;color:#fff}
.order-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:1rem;align-items:start}
.order-block{background:var(--paper);border:1px solid var(--border);border-radius:1.25rem;padding:1rem;margin-bottom:.9rem}
.order-block-head{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline;margin-bottom:.8rem}
.order-block-head b{font-size:1.15rem}
.order-block-head span{color:var(--muted);font-size:.88rem}
.order-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.order-plan{position:relative;display:flex;flex-direction:column;gap:.15rem;border:1px solid var(--border);border-radius:1.1rem;padding:1rem .95rem;background:var(--field);cursor:pointer;min-height:168px}
.order-plan input{position:absolute;opacity:0;pointer-events:none}
.order-plan-mark{position:absolute;top:.75rem;inset-inline-end:.75rem;width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:transparent}
.order-plan b{font-size:1.05rem}
.order-plan s{color:var(--muted);font-size:.85rem}
.order-plan strong{font-size:1.7rem;line-height:1.1}
.order-plan strong small{font-size:.75rem}
.order-plan .order-plan-request{font-size:1.15rem;font-weight:800}
.order-plan em{color:var(--accent);font-style:normal;font-weight:800}
.order-plan p{margin:.35rem 0 0;color:var(--muted);line-height:1.55;font-size:.9rem}
.order-plan.is-on{background:var(--ink);color:#fff7ed;border-color:var(--ink)}
.order-plan.is-on em{color:var(--home-accent-soft,var(--accent-line))}
.order-plan.is-on p,.order-plan.is-on s{color:#d9d0c6}
.order-plan.is-on .order-plan-mark{background:var(--home-accent,var(--accent));border-color:var(--home-accent,var(--accent));color:#fff}
.order-plan-badge{align-self:flex-start;background:var(--home-accent,var(--accent));color:#fff;border-radius:999px;padding:.12rem .5rem;font-size:.72rem;font-weight:800}
.order-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.order-fields-one{grid-template-columns:minmax(0,320px);margin-bottom:.85rem}
.order-fields label,.order-notes{display:flex;flex-direction:column;gap:.3rem;font-weight:800}
.order-pay-label{font-weight:800;margin-bottom:.45rem}
.order-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}
.order-chips button{border:1px solid var(--border);background:var(--field);border-radius:999px;padding:.35rem .8rem;font-weight:800}
.order-chips button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.order-pays{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:.2rem 0 .85rem}
.order-replies{grid-template-columns:1fr 1fr;max-width:420px}
.order-email{display:flex;flex-direction:column;gap:.3rem;font-weight:800;max-width:420px;margin-bottom:.4rem}
.order-pay{position:relative;display:flex;flex-direction:column;gap:.35rem;align-items:flex-start;border:1px solid var(--border);border-radius:1rem;padding:.75rem;background:var(--field);cursor:pointer;min-height:92px}
.order-pay input{position:absolute;opacity:0;pointer-events:none}
.order-pay i{width:34px;height:34px;border-radius:.6rem;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center}
.order-pay.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.order-pay.is-on i{background:var(--home-accent,var(--accent))}
.order-notes{margin-top:.2rem}
.order-submit{width:100%;margin-top:.9rem;padding:.75rem 1rem;font-weight:800}
.order-submit:disabled{opacity:.7}
.order-submit-note,.order-pay-note{margin:.55rem 0 0;color:var(--muted);font-size:.86rem;font-weight:700}
.order-side{position:sticky;top:.8rem}
.order-ticket-points{list-style:none;padding:0;margin:.7rem 0 0;display:grid;gap:.35rem}
.order-ticket-points li{color:#d9d0c6;font-size:.82rem;font-weight:700}
.order-ticket-demo{display:inline-flex;margin-top:.8rem;color:#fff7ed;font-weight:800;text-decoration:none}
.order-review{margin-top:.9rem;background:var(--field);border:1px solid var(--border);border-radius:1rem;padding:.8rem .9rem}
.order-review b{display:block;margin-bottom:.25rem}
.order-review p{margin:0;color:var(--muted);line-height:1.7}
.form-control.is-bad{border-color:#c2410c}
.order-field-hint.is-bad,.text-muted.is-bad{color:#c2410c}
.order-success-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}
.order-receipt{margin:1rem 0;background:var(--paper);border:1px solid var(--border);border-radius:1.15rem;padding:1rem}
.order-receipt-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.7rem}
.order-receipt-head span{color:var(--muted);font-weight:800}
.order-receipt-head b{font-size:1.4rem}
.order-receipt-copy{margin-inline-start:auto;border:1px solid var(--border);background:var(--field);border-radius:.7rem;padding:.35rem .7rem;font-weight:800}
.order-receipt-copy.is-done{background:var(--ink);color:#fff;border-color:var(--ink)}
.order-receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.order-receipt-grid div{background:var(--field);border-radius:.8rem;padding:.65rem .75rem}
.order-receipt-grid span{display:block;color:var(--muted);font-size:.75rem;font-weight:700}
.order-receipt-note{margin:.7rem 0 0;color:var(--muted);font-weight:700}
.order-sticky{position:fixed;inset-inline:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--border);box-shadow:0 -12px 30px -24px rgba(23,20,18,.7)}
.order-sticky[hidden]{display:none}
.order-sticky-copy{min-width:0;display:flex;flex-direction:column}
.order-sticky-copy span{font-size:.78rem;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}
.order-sticky .btn{font-weight:800;white-space:nowrap}
body.order-sticky-on{padding-bottom:4.6rem}
.order-success{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.8fr);gap:1rem;align-items:center;padding:1.2rem 0 2rem}
.order-next{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.order-next li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.7rem;background:var(--ink);color:#fff7ed;border-radius:1rem;padding:.85rem}
.order-next i{grid-row:1 / span 2;width:40px;height:40px;border-radius:.7rem;background:var(--home-accent,var(--accent));display:flex;align-items:center;justify-content:center}
.order-next span{color:#d9d0c6}
.order-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}
.order-filters a{text-decoration:none;color:var(--heading);font-weight:800;background:var(--paper);border:1px solid var(--border);border-radius:.6rem;padding:.4rem .75rem}
.order-filters a.on{background:var(--ink);color:#fff}
.order-filters b{margin-inline-start:.3rem}
a.order-row{text-decoration:none;color:inherit;justify-content:space-between}
.order-detail{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.order-detail span{display:block;color:var(--muted);font-size:.78rem;font-weight:700}
@media (max-width:860px){
  .order-hero,.order-success,.order-fields,.order-plans,.order-pays,.order-detail,.order-layout,.order-receipt-grid{grid-template-columns:1fr}
  .order-side{position:static;order:-1}
  .order-block-head{flex-direction:column}
  .order-pays{grid-template-columns:1fr 1fr}
}
.auth-flow{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1.3rem}
.auth-flow span{
  background:var(--ink);color:var(--on-ink);border-radius:.4rem;padding:.32rem .7rem;
  font-size:.78rem;font-weight:800;letter-spacing:.04em
}
.auth-flow span:nth-child(2){background:var(--accent)}
.pulse-dot{animation:pulse 1.6s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.45)}70%{box-shadow:0 0 0 8px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.brand-logo{box-shadow:inset 0 0 0 1px var(--hairline), 0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}
.sidebar-brand{padding:1.25rem 1rem 1.05rem}
.topbar{padding:.65rem 1.15rem;padding-top:calc(.65rem + env(safe-area-inset-top, 0px))}
@media (max-width:991.98px){
  .bottom-nav{
    background:rgba(255,250,243,.96);
    backdrop-filter:saturate(140%);
    box-shadow:0 -10px 28px -22px color-mix(in srgb, var(--ink) 50%, transparent)
  }
  .bottom-nav a.active,.bottom-more.active{color:var(--accent)}
  .fab{box-shadow:0 12px 24px -12px color-mix(in srgb, var(--ink) 70%, transparent);border-radius:.7rem}
}
@media (prefers-reduced-motion:reduce){
  .pulse-dot{animation:none}
}
@media (display-mode:standalone){
  .install-banner{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}

.sidebar{display:flex;flex-direction:column}
.sidebar-nav{flex:1 1 auto}
.side-meter{
  flex:0 0 auto;margin:.5rem .55rem .45rem;
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;
  background:rgba(255,255,255,.12);border-radius:.4rem;overflow:hidden
}
.side-meter a{
  display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;
  padding:.16rem .04rem .14rem;background:#1b1714;line-height:1;
  border-top:2px solid #4a4038;text-decoration:none;color:#a99f95;transition:background .14s ease
}
.side-meter a:hover{background:#241e19}
.side-meter b{font-size:.8rem;font-family:var(--display);font-weight:900;color:#fff8f1;line-height:1.25}
.side-meter span{max-width:100%;min-width:0;font-size:.5rem;font-weight:800;line-height:1.3;color:#c8bfb4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-meter a.tone-blue{border-top-color:#3b82f6}
.side-meter a.tone-orange{border-top-color:var(--accent)}
.side-meter a.tone-yellow{border-top-color:#ca8a04}
.side-meter a.tone-ok{border-top-color:#16a34a}
.side-meter a.tone-muted{border-top-color:#64748b}
.side-meter a.tone-ok b{color:#bbf7d0}
.side-meter a.tone-orange b{color:#fed7aa}
.app-shell.sidebar-collapsed .side-meter{display:none}

.app-content{
  scrollbar-width:thin;scrollbar-color:#c9bbaa transparent
}
.app-content::-webkit-scrollbar{width:10px}
.app-content::-webkit-scrollbar-thumb{background:#c9bbaa;border-radius:99px;border:2px solid transparent;background-clip:padding-box}

.cmdk-trigger{
  background:var(--ink);border-color:var(--ink);color:#cfc6bc;
  box-shadow:0 10px 22px -16px color-mix(in srgb, var(--ink) 85%, transparent)
}
.cmdk-trigger i{color:var(--accent-line)}
.cmdk-trigger kbd{background:#2a241f;color:var(--accent-line);border-color:#3b342e}

.car-chip,.plate-tag{
  background:linear-gradient(#fffef8,#f3eadc);
  color:var(--ink);border:1.5px solid var(--ink);
  border-inline-start:6px solid var(--accent);
  border-radius:.28rem;letter-spacing:.08em;
  box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 22%, transparent)
}
.car-chip:hover,.plate-tag:hover{color:var(--ink);background:var(--field)}
.car-chip .bi{color:var(--accent)}

.flow-rail{
  gap:0;background:var(--paper);border:1px solid var(--border);
  border-radius:calc(var(--radius) + .12rem);overflow:hidden;box-shadow:var(--shadow)
}
.flow-cell{
  border:0!important;border-radius:0;box-shadow:none!important;
  border-bottom:4px solid var(--accent)!important;background:transparent
}
.flow-cell + .flow-cell{border-inline-start:1px solid var(--border)!important}
.flow-cell.tone-info,.flow-cell.tone-blue{border-bottom-color:#1d4ed8!important}
.flow-cell.tone-orange,.flow-cell.tone-warn{border-bottom-color:var(--accent-2)!important}
.flow-cell.tone-yellow{border-bottom-color:#ca8a04!important}
.flow-cell.tone-ok{border-bottom-color:#15803d!important}
.flow-cell.tone-muted{border-bottom-color:#a8a29e!important}
.flow-cell:hover{transform:none;background:var(--field)}

.dash-actions{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:.55rem
}
.dash-actions a{
  flex-direction:column;justify-content:center;align-items:center;text-align:center;
  min-height:86px;padding:.7rem .4rem;gap:.35rem;border-radius:.75rem
}
.dash-actions a .bi{font-size:1.28rem}

.board{
  gap:.85rem;border:1px solid var(--border);border-radius:calc(var(--radius) + .1rem);
  overflow-x:auto;background:var(--paper);box-shadow:var(--shadow)
}
.board-col{
  border:0;border-radius:0;box-shadow:none;min-height:220px;flex:0 0 230px;
  border-inline-start:1px solid var(--border)
}
.board-col:first-child{border-inline-start:0}
.board-col.tone-info,.board-col.tone-blue{border-top:4px solid #1d4ed8}
.board-col.tone-orange,.board-col.tone-warn{border-top:4px solid var(--accent-2)}
.board-col.tone-yellow{border-top:4px solid #ca8a04}
.board-col.tone-ok{border-top:4px solid #15803d}
.board-col.tone-blue .wo-card,.board-col.tone-info .wo-card{border-inline-start:3px solid #1d4ed8}
.board-col.tone-orange .wo-card,.board-col.tone-warn .wo-card{border-inline-start:3px solid var(--accent-2)}
.board-col.tone-yellow .wo-card{border-inline-start:3px solid #ca8a04}
.board-col.tone-ok .wo-card{border-inline-start:3px solid #15803d}

.ready-strip{border-inline-start:4px solid #15803d}
.ready-strip-head{color:#166534}
.ready-main{gap:.35rem}
.identity-card{border-inline-start:4px solid var(--accent)!important}
.status-desk{border-inline-start:4px solid var(--accent)!important}
.stepper .on{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}

.page-head .h5{letter-spacing:-.02em}
.card-header{padding:.9rem 1.05rem}
.dash-money > div{
  background:var(--field);border:1px solid var(--border);border-radius:.55rem;padding:.7rem .85rem
}

.auth-flow span{
  display:inline-flex;align-items:center;gap:.4rem
}
.auth-flow span b{
  width:1.2rem;height:1.2rem;border-radius:.3rem;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.12);font-size:.7rem
}
.auth-flow span:nth-child(2) b{background:var(--ink);color:var(--accent-line)}
.auth-visual::after{
  content:"";position:absolute;inset:auto 0 0;height:88px;pointer-events:none;
  background:repeating-linear-gradient(-55deg,transparent,transparent 12px,color-mix(in srgb, var(--ink) 4.5%, transparent) 12px,color-mix(in srgb, var(--ink) 4.5%, transparent) 24px)
}

.top-cluster{display:flex;align-items:center;gap:.35rem;flex:0 0 auto}
.top-btn{
  height:40px;min-height:40px;max-height:40px;
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
  padding:0 .72rem;border-radius:.55rem;border:1px solid var(--border);
  background:var(--field);color:var(--heading);font-weight:700;font-size:.84rem;line-height:1;
  text-decoration:none;box-shadow:none;position:relative;white-space:nowrap
}
.top-btn:hover{border-color:#c9bbaa;background:#fff7f0;color:var(--heading)}
.top-btn.top-icon{width:40px;padding:0}
.top-btn .bi{font-size:1.05rem;line-height:1}
.top-btn .dot{position:absolute;top:6px;inset-inline-end:6px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #fff}
@media (min-width:992px){
  .top-btn.menu-toggle,.top-btn.search-toggle{display:none}
}
.top-user{
  height:40px;display:inline-flex;align-items:center;gap:.45rem;
  padding:0 .7rem 0 .32rem;border-radius:.55rem;background:var(--ink);color:var(--on-ink);
  max-width:12rem;flex:0 1 auto
}
.top-avatar{
  width:28px;height:28px;border-radius:.4rem;background:var(--accent);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;flex:0 0 28px
}
.top-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:.82rem}
.top-logout:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.topbar .dropdown .top-btn.dropdown-toggle::after{margin-inline-start:.1rem}
.admin-menu{min-width:14rem;max-height:calc(100vh - 5.5rem);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:.4rem 0}
.admin-menu .dropdown-header{font-size:.72rem;font-weight:800;color:var(--muted);padding:.25rem 1rem .2rem;letter-spacing:.01em}
.admin-menu .dropdown-divider{margin:.35rem 0}
.admin-menu .dropdown-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-stat{text-decoration:none;color:inherit}
a.admin-stat:hover{border-color:var(--accent)}
.admin-stat-row-2{grid-template-columns:1fr 1fr}
.admin-stat-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.backup-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}
.backup-opt{
  display:flex;flex-direction:column;gap:.35rem;margin:0;cursor:pointer;
  border:1px solid var(--border);border-radius:var(--radius);background:var(--field);padding:.9rem 1rem
}
.backup-opt input{accent-color:var(--accent);width:1rem;height:1rem}
.backup-opt b{display:flex;align-items:center;gap:.4rem;color:var(--heading);font-size:.95rem}
.backup-opt b .bi{color:var(--accent)}
.backup-opt span{color:var(--muted);font-size:.8rem;font-weight:700;line-height:1.45}
.backup-opt:has(input:checked){border-color:var(--accent);background:#fff4e8;box-shadow:inset 0 0 0 1px var(--accent)}
.backup-opt:has(input:disabled){opacity:.55;cursor:not-allowed}
.backup-db-list{display:grid;gap:.45rem;margin:0 0 1rem}
.backup-db-list div{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:.55rem .75rem;border:1px solid var(--border);border-radius:.65rem;background:var(--paper)}
.backup-db-list b{font-size:.92rem}
.backup-db-list span{color:var(--muted);font-size:.82rem;font-weight:700}
@media (max-width:767.98px){.backup-choices{grid-template-columns:1fr}}
.danger-zone{border-color:#fecaca!important;background:#fffafa}
.danger-zone .card-header{color:#991b1b}
.settings-ico.danger{background:#fee2e2;color:#b91c1c}
.log-card{overflow:hidden}
.log-type{display:inline-flex;align-items:center;font-size:.75rem;font-weight:800;padding:.18rem .5rem;border-radius:.35rem;background:var(--accent-soft);color:var(--accent-2);white-space:nowrap}
.log-pager{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.85rem}
.log-pager-info{align-self:center;font-size:.82rem;font-weight:700;color:var(--muted)}
.log-time{font-variant-numeric:tabular-nums;font-weight:700;font-size:.85rem;color:var(--muted)}
.log-dayhead{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0 0 .85rem}
.log-dayhead-main{flex:1 1 220px;min-width:0}
.log-tag{display:inline-block;font-size:.72rem;font-weight:800;color:var(--accent-2);background:var(--accent-soft);border-radius:.3rem;padding:.08rem .45rem;vertical-align:middle;margin-inline-start:.35rem}
.log-bulkbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .8rem;margin-bottom:.6rem;box-shadow:var(--shadow-sm)}
.log-spacer{flex:1 1 auto}
.log-check{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:700;color:var(--muted);cursor:pointer;margin:0}
.log-check input{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer;margin:0}
.log-sel{font-size:.82rem;font-weight:800;color:var(--accent-2)}
.log-days{display:flex;flex-direction:column;gap:.5rem}
.log-day{display:flex;align-items:stretch;gap:0;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color .15s}
.log-day:hover{border-color:var(--accent-line)}
.log-day-check{padding-inline-start:.8rem;padding-inline-end:.05rem}
.log-day-main{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;text-decoration:none;color:inherit}
.log-day-date{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:3.2rem;padding:.25rem .4rem;border-radius:.5rem;background:var(--accent-soft);color:var(--accent-2)}
.log-day-date b{font-size:1.15rem;line-height:1.15;font-variant-numeric:tabular-nums}
.log-day-date span{font-size:.68rem;font-weight:700}
.log-day-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.28rem}
.log-day-title{font-weight:800;font-size:.95rem;color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.log-chips{display:flex;flex-wrap:wrap;gap:.3rem}
.log-chips-lg{margin:0 0 .85rem}
.log-chip{display:inline-flex;align-items:center;gap:.32rem;font-size:.7rem;font-weight:700;color:var(--muted);background:var(--hover);border:1px solid var(--border);border-radius:999px;padding:.05rem .5rem;white-space:nowrap}
.log-chip b{color:var(--accent-2);font-weight:800;font-variant-numeric:tabular-nums}
.log-day-meta{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:.12rem;font-size:.8rem;font-weight:700;color:var(--text);white-space:nowrap}
.log-day-meta b{font-size:1.05rem;line-height:1;color:var(--accent-2);font-variant-numeric:tabular-nums}
.log-day-meta span{font-size:.7rem;font-weight:600;color:var(--muted)}
.log-day-count{display:flex;align-items:baseline;gap:.25rem;font-size:.8rem;font-weight:700;color:var(--text)}
.log-day-count b{font-size:1.05rem;line-height:1;color:var(--accent-2);font-variant-numeric:tabular-nums}
.log-day-go{color:var(--muted);font-size:1rem;align-self:center}
[dir="ltr"] .log-day-go{transform:scaleX(-1)}
@media (max-width:640px){
  .log-day-main{flex-wrap:wrap;gap:.5rem .6rem;padding:.65rem .75rem}
  .log-day-body{flex:1 1 60%}
  .log-day-meta{flex:1 1 100%;flex-direction:row;align-items:center;gap:.4rem;font-size:.75rem}
  .log-day-go{display:none}
  .log-bulkbar{padding:.45rem .6rem;gap:.5rem}
}
.admin-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
.admin-tabs a{flex:0 0 auto;white-space:nowrap;min-height:40px}
@media (min-width:992px){
  .admin-tabs{flex-wrap:wrap;overflow:visible}
}

@media (max-width:991.98px){
  .cmdk-trigger{display:none!important}
  .user-chip,.top-user{display:none!important}
  .board-col{border-inline-start:0;border-top:1px solid var(--border)}
  .board-col:first-child{border-top:0}
  .board-col.tone-info,.board-col.tone-warn,.board-col.tone-ok{border-top-width:4px}
  .flow-cell + .flow-cell{border-inline-start:1px solid var(--border)!important}
  .dash-actions{display:none}
}
.console-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}
.console-meta{display:grid;grid-template-columns:1fr 1fr;gap:.55rem .8rem;margin:.8rem 0}
.console-meta span{display:block;color:var(--muted);font-size:.75rem}
.console-meta strong{font-weight:700}
.console-services{display:flex;flex-wrap:wrap;gap:.35rem}
.perm-pill{border:1px solid var(--border);border-radius:999px;padding:.15rem .55rem;font-size:.75rem;color:var(--muted);background:var(--field)}
.perm-pill.on{border-color:var(--accent);background:#fff4e8;color:var(--accent-ink);font-weight:700}
.console-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.45rem}
.perm-check{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:.7rem;padding:.55rem .7rem;margin:0;background:var(--field);cursor:pointer}
.perm-check:has(input:checked){border-color:var(--accent);background:#fff4e8}
.gate-page{min-height:100vh;min-height:100dvh;background:#f6f1ea;color:#241c16}
.gate-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem}
.gate-brand{display:flex;align-items:center;gap:.55rem;font-weight:800}
.gate-brand i{width:36px;height:36px;border-radius:.6rem;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center}
.gate-top-link{color:#6b6258;text-decoration:none;font-weight:700}
.gate-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.7fr);gap:1.5rem;align-items:center;padding:1rem 1.2rem 2rem;max-width:1100px;margin:0 auto}
.gate-copy h1{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.35;margin:.35rem 0 .8rem}
.gate-copy p{color:#5c534b;font-size:1.05rem;max-width:38rem}
.gate-contact{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;margin-top:1rem;color:#3f372f;font-weight:700}
.gate-contact i{margin-inline-end:.35rem}
.gate-card{background:var(--field);border:1px solid #e6dfd4;border-radius:1rem;padding:1.2rem 1.15rem 1.3rem;box-shadow:0 .2rem .6rem color-mix(in srgb, var(--ink) 4%, transparent)}
.gate-plans{max-width:1100px;margin:0 auto;padding:0 1.2rem 2.5rem}
.gate-plans h2{font-size:1.45rem;margin:.2rem 0 1rem}
.gate-plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}
.gate-plan{background:var(--field);border:1px solid #e6dfd4;border-radius:1rem;padding:1rem 1rem 1.1rem}
.gate-plan-name{font-weight:800}
.gate-plan-price{font-size:1.7rem;font-weight:800;margin:.35rem 0 .15rem}
.gate-plan-price small{font-size:.9rem;font-weight:700}
.gate-plan-period{color:var(--accent-ink);font-weight:700}
.gate-plan p{color:#5c534b;margin:.55rem 0 0}
@media (max-width:860px){
  .gate-hero{grid-template-columns:1fr}
}
.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;background:#f6f1ea;border-radius:.8rem;padding:.25rem}
.auth-switch-btn{border:0;background:transparent;border-radius:.65rem;padding:.55rem .4rem;font-weight:700;color:#6b6258}
.auth-switch-btn.active{background:var(--field);color:var(--accent-ink);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.auth-features{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.4rem;max-width:28rem}
.auth-features li{display:flex;gap:.45rem;align-items:flex-start;font-weight:700}
.auth-features i{color:var(--accent-2);margin-top:.12rem}
.auth-foot{margin-top:1.1rem;color:var(--muted);font-size:.9rem;max-width:28rem}
.data-export{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;width:100%}
.data-export .form-select{flex:0 1 auto;min-width:7.5rem;width:auto;max-width:11rem}
.console-card .data-export{flex-basis:100%}
.demo-banner{position:relative;display:flex;justify-content:space-between;align-items:center;gap:.85rem;flex-wrap:wrap;background:linear-gradient(120deg,#7c2d12 0%,var(--accent-ink) 55%,var(--accent-2) 100%);color:#fff7ed;border-radius:1.15rem;padding:.85rem 1.1rem;margin-bottom:.6rem;box-shadow:0 16px 34px -26px rgba(124,45,18,.9)}
.demo-banner:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px 120px at 100% 0%,rgba(253,186,116,.28),transparent 60%);pointer-events:none}
.demo-banner>div{position:relative;min-width:0}
.demo-banner b,.demo-banner span{display:block}
.demo-banner b{font-weight:900;letter-spacing:-.01em}
.demo-banner span{font-size:.9rem;opacity:.92;line-height:1.6}
.demo-banner #demoSaveNote{margin-top:.4rem;font-weight:800;background:rgba(255,255,255,.14);border-radius:.7rem;padding:.35rem .6rem}
.demo-banner .btn{position:relative;border-radius:.8rem;font-weight:800;min-height:42px;padding-inline:1rem;box-shadow:0 8px 18px -12px rgba(0,0,0,.6)}
.demo-guide{background:#fffdf9;border:1px solid #f3e3d2;border-inline-start:4px solid var(--accent);border-radius:1rem;padding:.8rem 1rem;margin-bottom:1rem;box-shadow:0 10px 26px -24px color-mix(in srgb, var(--ink) 60%, transparent)}
.demo-guide summary{font-weight:900;cursor:pointer;list-style:none;display:flex;align-items:center;gap:.45rem;color:var(--heading)}
.demo-guide summary::-webkit-details-marker{display:none}
.demo-guide summary:after{content:"";width:.5rem;height:.5rem;border-inline-end:2px solid var(--accent);border-bottom:2px solid var(--accent);margin-inline-start:auto;transform:rotate(45deg);transition:transform .2s ease}
.demo-guide[open] summary:after{transform:rotate(-135deg)}
.demo-guide p{margin:.5rem 0 0;line-height:1.8;color:var(--muted)}
.sample-banner{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;background:#7c2d12;color:#fff7ed;border-radius:1rem;padding:.75rem 1rem;margin-bottom:1rem}
.sample-banner b,.sample-banner span{display:block}
.sample-banner span{font-size:.9rem;line-height:1.6;opacity:.95}
.sample-banner form{margin:0}
.visit-banner{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;background:var(--ink);color:var(--on-ink);border-radius:1rem;padding:.75rem 1rem;margin-bottom:1rem}
.visit-banner a{white-space:nowrap}
.invoice-plan{border:1px solid var(--border);border-radius:1rem;padding:.9rem;margin-top:1rem;background:var(--field)}
.install-remain{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:.35rem 0 .15rem;padding:.45rem .7rem;border-radius:.75rem;background:#fff7ed;color:var(--accent-ink);font-weight:800}
.install-remain.is-late{background:#fef2f2;color:#991b1b}
.install-pay{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.install-pay .form-control,.install-pay .form-select{width:auto;min-width:6.5rem;padding:.25rem .45rem}
.invoice-pay{border:1px dashed var(--border);border-radius:1rem;padding:.9rem;margin-top:1rem;background:#fffaf5}
.invoice-pay-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}
.invoice-pay img,.pay-qr-preview{width:140px;height:140px;object-fit:contain;background:var(--field);border:1px solid var(--border);border-radius:.7rem}
.pay-qr-preview{display:block;margin-top:.6rem}
@media (max-width:767.98px){
  .board{flex-direction:column}
  .board-col{flex:1 1 auto;width:100%;min-width:0}
}
@media (max-width:575.98px){
  .invoice-pay-grid{grid-template-columns:1fr}
  .invoice-pay img{width:160px;height:160px}
  .console-card .action-row .btn,.console-card .action-row form{flex:1 1 100%}
  .console-card .action-row form .btn{width:100%}
  .visit-banner,.demo-banner,.sample-banner{align-items:stretch}
  .visit-banner a,.demo-banner a{text-align:center}
}

/* ===== LOGIN PAGE REDESIGN ===== */
.auth-login .auth-card{position:sticky;align-self:start;inset-block-start:0;height:100vh;height:100dvh;overflow:auto}
.auth-login .auth-visual{padding-block:clamp(1.6rem,5vw,3.4rem)}
.auth-form-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.85rem}
.auth-form-brand{display:flex;align-items:center;gap:.55rem;min-width:0}
.ux-pillgroup{display:inline-flex;align-items:center;gap:.35rem;flex:0 0 auto}
.ux-pill{display:inline-flex;align-items:center;gap:.1rem;padding:.15rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--paper) 82%,#fff)}
.ux-seg{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 .48rem;border-radius:999px;color:var(--muted);font-size:.78rem;font-weight:800;line-height:1;text-decoration:none}
.ux-seg i{font-size:.86rem;line-height:1}
.ux-seg:hover{background:var(--hover);color:var(--heading)}
.ux-seg.on{background:var(--accent);color:#fff}
.auth-form-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(140deg,var(--accent),var(--accent-2));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 14px 26px -16px color-mix(in srgb, var(--accent) 90%, transparent);flex:0 0 auto}
.auth-title{font-size:clamp(1.35rem,3.2vw,1.7rem);font-weight:900;color:var(--heading);letter-spacing:-.02em;line-height:1.35;margin:0 0 .2rem}
.auth-sub{color:var(--muted);font-size:.92rem;font-weight:700;margin:0 0 1.15rem}
.auth-alert{display:flex;align-items:flex-start;gap:.5rem;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:14px;padding:.7rem .8rem;margin-bottom:1rem;font-weight:800;font-size:.88rem;line-height:1.6}
.auth-alert i{margin-top:.15rem;flex:0 0 auto}
.auth-submit{width:100%;min-height:52px;margin-top:.2rem;border:0;border-radius:15px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:900;font-size:1.02rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 18px 32px -20px color-mix(in srgb, var(--accent) 95%, transparent);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.auth-submit:hover{color:#fff;transform:translateY(-2px);box-shadow:0 24px 42px -18px color-mix(in srgb, var(--accent) 95%, transparent);filter:brightness(1.04)}
.auth-submit:active{transform:translateY(0)}
.auth-demo-btn{width:100%;min-height:48px;margin-top:.6rem;border:1.5px solid var(--ink);border-radius:15px;background:transparent;color:var(--heading);font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;transition:background .16s ease,color .16s ease,transform .16s ease}
.auth-demo-btn:hover{background:var(--ink);color:#fff7ed;transform:translateY(-2px)}
.auth-divider{display:flex;align-items:center;gap:.7rem;margin:1.15rem 0 .85rem;color:#a89e94;font-weight:800;font-size:.82rem}
.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}
.auth-field-quick{flex:1;min-width:0}
.auth-field-quick input{width:100%;min-height:48px;border:1px solid var(--border);border-radius:14px;background:var(--field);color:var(--text);padding:.4rem .7rem .4rem .7rem;padding-inline-start:2.6rem;font-weight:800;letter-spacing:.06em;transition:border-color .18s ease,box-shadow .18s ease}
.auth-field-quick input::placeholder{color:#a89e94;letter-spacing:normal}
.auth-field-quick input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent);outline:none}
.auth-track-go{flex:0 0 auto;min-height:48px;padding:0 1.05rem;border-radius:14px;border:1.5px solid var(--border);background:var(--field);color:var(--heading);font-weight:800;transition:border-color .16s ease,color .16s ease,background .16s ease}
.auth-track-go:hover{border-color:var(--accent);color:var(--accent-2);background:var(--active)}
.auth-board{box-shadow:0 34px 64px -42px color-mix(in srgb, var(--ink) 95%, transparent);border:1px solid #241d18}
.auth-feature-row{gap:.55rem}
.auth-feature-row article:last-child:nth-child(odd){grid-column:1/-1}
.auth-feature-row article{background:var(--field);border-radius:14px;padding:.8rem .85rem;box-shadow:0 12px 28px -24px color-mix(in srgb, var(--ink) 70%, transparent);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
@media (hover:hover){
  .auth-feature-row article:hover{transform:translateY(-3px);border-color:#f3cfa8;box-shadow:0 18px 34px -24px color-mix(in srgb, var(--ink) 75%, transparent)}
}
.auth-foot{margin-top:.35rem;padding-top:.9rem;border-top:1px solid var(--border);max-width:none;line-height:1.7}
@media (max-width:991.98px){
  .auth-login .auth-card{position:static;height:auto;max-height:none;overflow:visible}
  .auth-visual .auth-board,.auth-visual .auth-slip,.auth-visual .auth-job,.auth-visual .auth-drag,.auth-visual .auth-copy-note,.auth-visual .auth-board-stops{text-align:right}
  .auth-sec-head{justify-content:center}
  .auth-plans{grid-template-columns:1fr;max-width:24rem;margin-inline:auto}
  .auth-visual-inner{gap:1rem}
}
@media (max-width:560px){
  .auth-card .card-body,.auth-panel .card-body{border-radius:20px}
  .auth-reach{grid-template-columns:1fr}
  .auth-title{font-size:1.3rem}
}

/* ===== CONSOLE SHELL v2 ===== */
.sidebar{
  overflow:hidden;
  background:
    radial-gradient(360px 190px at 112% -8%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 62%),
    linear-gradient(180deg,#1e1a17 0%,var(--ink) 46%,#131110 100%)!important;
}
.sidebar-brand{
  padding:1rem .95rem .9rem;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,color-mix(in srgb, var(--accent) 12%, transparent),transparent 78%)
}
.sidebar .brand{flex:1;min-width:0;font-size:.95rem}
.brand-name{min-width:0;flex:1}
.brand-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}
.brand-logo{
  width:40px;height:40px;flex:0 0 40px;border-radius:.75rem;
  background:linear-gradient(150deg,var(--accent-hi),var(--accent-2));color:#fff;font-size:1.1rem;
  box-shadow:0 12px 22px -14px color-mix(in srgb, var(--accent) 95%, transparent),inset 0 0 0 1px rgba(255,255,255,.16)
}
.brand-kicker{margin-top:.28rem;color:#f0a86a;font-size:.63rem;letter-spacing:.18em}

.side-filter{
  flex:0 0 auto;display:flex;align-items:center;gap:.45rem;
  margin:.65rem .6rem .1rem;padding:.34rem .6rem;
  border-radius:.6rem;border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);color:#8b8178;font-size:.85rem
}
.side-filter:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);color:#f0a86a}
.side-filter input{flex:1;min-width:0;border:0;background:transparent;outline:0;color:var(--sidebar-text);font-family:var(--font);font-size:.82rem;font-weight:700}
.side-filter input::placeholder{color:#7d746b;font-weight:600}
.side-filter input::-webkit-search-cancel-button{-webkit-appearance:none}
.side-filter kbd{border:1px solid rgba(255,255,255,.14);border-radius:.3rem;padding:.02rem .3rem;font-size:.62rem;color:#8b8178;font-family:var(--font)}
.app-shell.sidebar-collapsed .side-filter{justify-content:center;padding:.34rem 0}
.app-shell.sidebar-collapsed .side-filter input,
.app-shell.sidebar-collapsed .side-filter kbd{display:none}

.sidebar-nav{
  flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
  padding:.45rem .6rem 1rem;
  scrollbar-width:thin;scrollbar-color:#3a322c transparent
}
.sidebar-nav::-webkit-scrollbar{width:8px}
.sidebar-nav::-webkit-scrollbar-thumb{background:#3a322c;border-radius:99px}
.sidebar-nav.is-empty::after{content:"لا يوجد قسم بهذا الاسم";display:block;padding:.9rem .6rem;color:#8b8178;font-size:.8rem;font-weight:700}
.is-hidden{display:none!important}

.sidebar-section{
  display:flex;align-items:center;gap:.55rem;
  color:#8b8178;font-size:.64rem;font-weight:800;letter-spacing:.16em;
  padding:1rem .55rem .3rem
}
.sidebar-section::after{content:"";flex:1;height:1px;background:linear-gradient(270deg,rgba(255,255,255,.13),transparent)}
.sidebar .nav-link{
  position:relative;display:flex;align-items:center;gap:.5rem;
  padding:.44rem .5rem;border-radius:.6rem;margin:.05rem 0;
  color:#a99f95!important;font-weight:700;font-size:.855rem;
  border:0;border-inline-start:0;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease
}
.sidebar .nav-link::before{
  content:"";position:absolute;inset-inline-start:calc(100% + .1rem);top:50%;transform:translateY(-50%);
  width:3px;height:0;border-radius:99px;background:var(--accent);transition:height .18s ease
}
.sidebar .nav-link:hover{background:rgba(255,255,255,.06);color:#fff!important}
.sidebar .nav-link:hover .nav-icon{color:#fff;background:rgba(255,255,255,.1)}
.sidebar .nav-link.active{
  background:linear-gradient(270deg,color-mix(in srgb, var(--accent) 26%, transparent),color-mix(in srgb, var(--accent) 4%, transparent));
  color:#fff!important;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)
}
.sidebar .nav-link.active::before{height:56%}
.sidebar .nav-icon{
  width:26px;height:26px;flex:0 0 26px;border-radius:.45rem;
  display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;
  background:rgba(255,255,255,.05);color:#a99f95;transition:background .15s ease,color .15s ease
}
.sidebar .nav-link.active .nav-icon{background:var(--accent);color:#fff;box-shadow:0 8px 16px -10px color-mix(in srgb, var(--accent) 90%, transparent)}
.sidebar .nav-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar .badge{
  min-width:1.5rem;text-align:center;border-radius:999px;padding:.1rem .42rem;
  background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent-line);font-size:.68rem;font-weight:800;
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)
}
.sidebar .nav-link.active .badge{background:var(--ink);color:var(--accent-line);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.sidebar .nav-link.nav-sub{margin-inline-start:.45rem;font-size:.82rem}

.side-foot{
  flex:0 0 auto;display:flex;flex-direction:column;gap:.35rem;
  padding:.6rem .6rem .75rem;
  border-top:1px solid var(--hairline);
  background:rgba(0,0,0,.2)
}
.side-user{
  display:flex;align-items:center;gap:.5rem;min-width:0;
  padding:.4rem .5rem;border-radius:.6rem;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)
}
.side-user .top-avatar{box-shadow:0 8px 16px -10px color-mix(in srgb, var(--accent) 90%, transparent)}
.side-user-txt{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.side-user-txt b{color:#f4eee6;font-size:.8rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-user-txt span{color:#8b8178;font-size:.66rem;font-weight:700}
.side-fold{
  display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;
  border:1px solid rgba(255,255,255,.1);border-radius:.55rem;background:transparent;
  color:#9c948c;font-family:var(--font);font-size:.76rem;font-weight:800;padding:.4rem .5rem;min-height:34px
}
.side-fold:hover{color:#fff;border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent)}
.app-shell.sidebar-collapsed .side-foot{padding-inline:.4rem}
.app-shell.sidebar-collapsed .side-user{justify-content:center;padding:.4rem .2rem}
.app-shell.sidebar-collapsed .side-user-txt{display:none}
.app-shell.sidebar-collapsed .sidebar-nav{padding-inline:.5rem}
.app-shell.sidebar-collapsed .sidebar .nav-link{justify-content:center;padding:.5rem 0}
.app-shell.sidebar-collapsed .sidebar .nav-link::before{display:none}
.app-shell.sidebar-collapsed .sidebar-brand{padding:1rem .5rem .9rem}
.app-shell.sidebar-collapsed .sidebar .badge{display:none}

.topbar{
  background:linear-gradient(180deg,#fffdf9,#fff7ee)!important;
  padding:.5rem 1rem;
  padding-top:calc(.5rem + env(safe-area-inset-top, 0px));
  padding-inline:max(1rem, env(safe-area-inset-left)) max(1rem, env(safe-area-inset-right));
  box-shadow:inset 0 3px 0 var(--accent),0 6px 18px -18px color-mix(in srgb, var(--ink) 55%, transparent)!important
}
@media (max-width:991.98px){
  .topbar{padding-inline:max(.7rem, env(safe-area-inset-left)) max(.7rem, env(safe-area-inset-right))}
}
.top-left{gap:.55rem!important;min-width:0}
.top-crumb{display:none;min-width:0;line-height:1.15}
.top-crumb-kicker{display:block;color:var(--muted);font-size:.62rem;font-weight:800;letter-spacing:.16em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-crumb-title{display:block;color:var(--heading);font-size:1.04rem;font-weight:800;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-btn.on{background:var(--ink);border-color:var(--ink);color:#fff}
.top-btn.on .bi{color:var(--accent-line)}
@media (min-width:992px){
  .top-crumb{display:block;max-width:46vw}
  .top-crumb-title{max-width:38vw}
}

.app-content{padding:1.15rem 1.3rem 1.5rem}
.admin-desk{max-width:1240px}

.admin-hero{
  position:relative;overflow:hidden;isolation:isolate;
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem 1.1rem;
  background:linear-gradient(120deg,#221c18 0%,var(--ink) 58%,#12100e 100%);
  border:1px solid #2a231e;border-inline-start:4px solid var(--accent);
  border-radius:1.15rem;padding:1.15rem 1.3rem;margin-bottom:.9rem;
  box-shadow:0 26px 46px -38px color-mix(in srgb, var(--ink) 95%, transparent)
}
.admin-hero::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(340px 150px at 100% 0%,color-mix(in srgb, var(--accent) 30%, transparent),transparent 62%),
    repeating-linear-gradient(-55deg,transparent,transparent 14px,rgba(255,255,255,.035) 14px,rgba(255,255,255,.035) 28px)
}
.admin-kicker{color:#f0a86a;font-size:.66rem;letter-spacing:.18em;margin-bottom:.3rem}
.admin-hero .h5{color:#fff8f1!important;font-size:1.45rem}
.admin-hero .text-muted{color:#b3a99f!important;line-height:1.7;font-weight:600}
.admin-hero a{color:var(--accent-line);text-decoration:underline;text-underline-offset:2px}
.admin-hero .btn-outline-secondary{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.24);color:#f5efe7}
.admin-hero .btn-outline-secondary:hover{background:var(--field);border-color:#fff;color:var(--ink)}
.admin-hero .action-row{justify-content:flex-end}
@media (max-width:767.98px){
  .admin-hero{grid-template-columns:1fr;padding:1rem 1.05rem}
  .admin-hero .action-row{justify-content:flex-start}
}

.admin-tabs{
  position:sticky;top:-1.15rem;z-index:6;
  gap:.2rem;padding:.3rem;border-radius:.95rem;
  background:rgba(255,252,246,.94);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid var(--border);
  box-shadow:0 14px 30px -26px color-mix(in srgb, var(--ink) 75%, transparent)
}
.admin-tabs a{padding:.46rem .78rem;border-radius:.65rem;font-size:.84rem;transition:background .15s ease,color .15s ease}
.admin-tabs a i{transition:transform .15s ease}
.admin-tabs a:hover i{transform:translateY(-1px)}
.admin-tabs a.on{background:var(--ink);color:#fff;box-shadow:0 10px 20px -14px color-mix(in srgb, var(--ink) 90%, transparent)}
.admin-tabs a.on i{color:var(--accent-line)}

.admin-stat{
  position:relative;overflow:hidden;
  border-radius:.95rem;padding:.85rem .95rem;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease
}
.admin-stat::after{
  content:"";position:absolute;inset-inline-end:-22px;bottom:-22px;width:64px;height:64px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb, var(--accent) 16%, transparent),transparent 70%);pointer-events:none
}
.admin-stat .label{display:block;color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.01em}
.admin-stat .value{display:block;margin-top:.15rem;color:var(--heading);font-family:var(--display);font-size:1.6rem;font-weight:900;line-height:1.1}
.admin-stat:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 20px 34px -28px color-mix(in srgb, var(--ink) 60%, transparent)}

.console-card{border-radius:1.05rem}
.console-card .card-body{width:100%;padding:1rem 1.05rem}
.console-card .fw-semibold{font-size:1.02rem;font-weight:800;color:var(--heading)}
.console-meta{
  display:grid;grid-template-columns:1fr 1fr;gap:0;margin:.85rem 0;
  border-top:1px solid var(--border);border-bottom:1px solid var(--border)
}
.console-meta div{
  display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;
  padding:.4rem .05rem;border-bottom:1px dashed var(--border)
}
.console-meta div:nth-last-child(-n+2){border-bottom:0}
.console-meta div:nth-child(odd){border-inline-end:1px solid var(--border);padding-inline-end:.65rem}
.console-meta div:nth-child(even){padding-inline-start:.65rem}
.console-meta span{display:block;color:var(--muted);font-size:.72rem;font-weight:800}
.console-meta strong{font-size:.84rem;font-weight:800;color:var(--heading);text-align:end;word-break:break-word}
.perm-pill{display:inline-flex;align-items:center;gap:.32rem;border-radius:999px;padding:.16rem .55rem;font-size:.72rem;font-weight:700;background:var(--surface-alt)}
.perm-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:#d8cfc4}
.perm-pill.on{border-color:#f0c9a4;background:#fff4e8;color:var(--accent-ink);font-weight:800}
.perm-pill.on::before{background:var(--accent)}
.console-card .action-row{gap:.4rem}
.console-card .action-row .btn{font-size:.8rem;min-height:38px}

.status-chip{border-radius:999px;padding:.22rem .68rem;font-size:.74rem;letter-spacing:.01em}
.chip-live{background:#dcfce7;color:#166534}
.chip-soon{background:#fff4e8;color:var(--accent-ink)}
.chip-ended{background:#f4f4f5;color:#52525b}
.chip-stopped{background:#fee2e2;color:#991b1b}
.chip-new{background:#e0f2fe;color:#075985}
.chip-accepted{background:#dcfce7;color:#166534}
.chip-rejected{background:#fee2e2;color:#991b1b}

.admin-desk .alert{
  border:1px solid var(--border);border-inline-start:4px solid var(--accent);
  border-radius:.9rem;font-weight:700;line-height:1.7;padding:.85rem 1rem
}
.admin-desk .alert-warning{background:#fff8ec;border-color:#f6dfbd;color:#8a5a12}
.admin-desk .alert-success{background:#f1fbf3;border-color:#cde9d4;color:#166534}
.order-filters a{transition:border-color .15s ease,transform .15s ease}
.order-filters a:hover{border-color:var(--accent);transform:translateY(-1px)}
.order-filters b{
  display:inline-block;min-width:1.35rem;text-align:center;
  background:var(--bg);border-radius:999px;padding:.02rem .3rem;font-size:.74rem
}
.order-filters a.on b{background:rgba(255,255,255,.16);color:#fff}
a.entity-card{text-decoration:none;color:inherit}
a.entity-card:hover{border-color:var(--accent)}
.entity-card.order-row{align-items:flex-start}

.console-tools{
  display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;
  background:var(--paper);border:1px solid var(--border);border-radius:.95rem;
  padding:.55rem .65rem;margin-bottom:.9rem;box-shadow:var(--shadow)
}
.console-search{
  display:flex;align-items:center;gap:.45rem;flex:1 1 280px;min-width:0;
  background:var(--surface-alt);border:1px solid var(--border);border-radius:.65rem;
  padding:.36rem .65rem;color:var(--muted)
}
.console-search:focus-within{border-color:var(--accent);background:var(--field);box-shadow:0 0 0 .18rem color-mix(in srgb, var(--accent) 13%, transparent)}
.console-search input{flex:1;min-width:0;border:0;background:transparent;outline:0;color:var(--text);font-family:var(--font);font-size:.86rem;font-weight:700}
.console-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.console-chips{flex:0 1 auto}
.console-chips .chip-btn{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.3rem .72rem}
.console-chips .chip-btn b{display:inline-block;min-width:1.3rem;text-align:center;background:var(--bg);border-radius:999px;font-size:.74rem;padding:.02rem .25rem}
.console-chips .chip-btn.on b{background:rgba(255,255,255,.22);color:#fff}
.console-count{margin-inline-start:auto;color:var(--muted);font-size:.8rem;font-weight:800}
.console-tools.is-empty ~ .console-grid::after{
  content:"لا يوجد مركز مطابق";grid-column:1/-1;text-align:center;
  color:var(--muted);font-weight:800;padding:1.5rem 1rem;
  border:1px dashed var(--border);border-radius:.95rem;background:var(--paper)
}
.settings-card{border-radius:1rem!important;overflow:hidden}
.settings-card > .card-header{
  background:linear-gradient(180deg,#fffdf9,#fbf3e9)!important;
  border-bottom:1px solid var(--border)!important;
  font-weight:800;color:var(--heading);letter-spacing:-.01em;padding:.8rem 1rem
}
.settings-card .form-check{
  display:inline-flex;align-items:center;gap:.45rem;margin:0;cursor:pointer;
  border:1px solid var(--border);border-radius:999px;background:var(--field);
  padding:.42rem .9rem;color:var(--text);font-size:.86rem;font-weight:800;
  transition:border-color .15s ease,background .15s ease,color .15s ease
}
.settings-card .form-check:hover{border-color:var(--accent);background:#fff8f1}
.settings-card .form-check:has(input:checked){border-color:var(--accent);background:#fff4e8;color:var(--accent-ink)}
.settings-card .form-check-input{margin:0;flex:0 0 auto;accent-color:var(--accent)}
.settings-card .form-check-label{cursor:pointer;font-weight:800}
.settings-card .btn{min-height:40px}

@media (max-width:575.98px){
  .console-count{margin-inline-start:0;width:100%}
  .console-chips{width:100%;overflow-x:auto;flex-wrap:nowrap}
}

body.panel-dense .app-content{padding:.7rem .8rem 1rem}
body.panel-dense .admin-hero{padding:.8rem .95rem;margin-bottom:.6rem}
body.panel-dense .admin-hero .h5{font-size:1.2rem}
body.panel-dense .admin-tabs{top:-.7rem;margin-bottom:.6rem}
body.panel-dense .admin-stat{padding:.55rem .7rem}
body.panel-dense .admin-stat .value{font-size:1.25rem}
body.panel-dense .card-body{padding:.7rem .85rem!important}
body.panel-dense .entity-card{padding:.65rem .75rem}
body.panel-dense .console-card .card-body{padding:.7rem .8rem}
body.panel-dense .table thead th{padding:.5rem .7rem!important}
body.panel-dense .table tbody td,body.panel-dense .table tbody th{padding:.45rem .7rem!important}
body.panel-dense .btn{min-height:36px;padding-block:.1rem}
body.panel-dense .sidebar .nav-link{padding:.3rem .5rem}
body.panel-dense .sidebar .nav-icon{width:22px;height:22px;flex:0 0 22px}

@media (max-width:991.98px){
  .app-content{padding:.85rem .75rem calc(92px + env(safe-area-inset-bottom))}
  .admin-tabs{top:-.85rem}
  .sidebar{padding:0;overflow-x:hidden;overflow-y:auto}
  .sidebar-nav{flex:0 0 auto;min-height:auto;padding-bottom:.75rem;overflow:visible}
  .side-meter{order:1;margin:.25rem .8rem .7rem;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:.5rem}
  .sidebar-nav{order:2}
  .side-foot{order:3}
  .side-meter a{padding:.22rem .1rem .2rem}
  .side-meter b{font-size:.92rem}
  .side-meter span{font-size:.6rem;color:#cfc6bb}
  .side-foot{padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}
}


.file-pick{
  position:relative;display:flex;align-items:center;gap:.55rem;width:100%;
  min-height:42px;padding:.4rem .6rem;background:var(--field);
  border:1px dashed var(--border);border-radius:.65rem;overflow:hidden
}
.file-pick:hover{border-color:var(--accent);background:#fffaf5}
.file-pick.has-file{border-style:solid;border-color:var(--accent);background:#fff4e8}
.file-pick input[type=file]{
  position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;
  border:0;border-radius:0;opacity:0;cursor:pointer
}
.file-pick-btn{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:.35rem;
  background:var(--ink);color:#fff8f1;border-radius:.5rem;padding:.3rem .65rem;
  font-size:.78rem;font-weight:800
}
.file-pick.has-file .file-pick-btn{background:var(--accent)}
.file-pick-name{min-width:0;color:var(--muted);font-size:.78rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.file-pick.has-file .file-pick-name{color:var(--accent-ink)}

.meta-copy{
  display:inline-flex;align-items:center;gap:.25rem;border:0;background:transparent;
  color:var(--muted);font-family:var(--font);font-size:.72rem;font-weight:800;
  padding:0 .2rem;margin-inline-start:.3rem;line-height:1.4;opacity:0;cursor:pointer;
  transition:opacity .12s ease,color .12s ease
}
.console-meta div:hover .meta-copy,.meta-copy:focus-visible,.meta-copy.is-shown{opacity:1}
.meta-copy:hover{color:var(--accent)}
.meta-copy.copied{color:#15803d;opacity:1}
@media (max-width:991.98px){.meta-copy{opacity:1}}

@media (max-width:991.98px){
  .flow-rail > :last-child:nth-child(odd){
    grid-column:1/-1;display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem
  }
  .flow-rail > :last-child:nth-child(odd) i{position:static;inset:auto;margin:0;font-size:1rem;opacity:.55}
  .flow-rail > :last-child:nth-child(odd) b{font-size:1.2rem;margin:0}
  .flow-rail > :last-child:nth-child(odd) span{font-size:.86rem;margin-inline-end:auto}
}

.pick{position:relative}
.pick-control{position:relative;display:flex;align-items:center}
.pick-ico{position:absolute;inset-inline-start:.72rem;z-index:2;color:var(--muted);font-size:.95rem;pointer-events:none}
.pick .pick-input{padding-inline-start:2.15rem;padding-inline-end:2.3rem;background:var(--paper);cursor:text}
.pick .pick-input::placeholder{color:var(--muted);opacity:.85}
.pick-caret{position:absolute;inset-inline-end:.65rem;color:var(--muted);font-size:.8rem;pointer-events:none;transition:transform .18s ease}
.pick.is-open .pick-caret{transform:rotate(180deg)}
.pick.has-value .pick-caret{display:none}
.pick-clear{position:absolute;inset-inline-end:.3rem;display:none;place-items:center;width:1.7rem;height:1.7rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:.72rem;line-height:1;cursor:pointer}
.pick.has-value .pick-clear{display:grid}
.pick-clear:hover{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink)}
.pick.is-open .pick-input{border-color:var(--accent);box-shadow:0 0 0 .18rem color-mix(in srgb, var(--accent) 16%, transparent)}
.pick.is-invalid .pick-input{border-color:#dc3545;box-shadow:0 0 0 .18rem rgba(220,53,69,.14)}
.pick-menu{position:absolute;z-index:1085;top:calc(100% + .35rem);inset-inline:0;max-height:min(58vh,330px);overflow-y:auto;overscroll-behavior:contain;padding:.28rem;border:1px solid var(--border);border-radius:.75rem;background:var(--paper);box-shadow:0 22px 45px -22px color-mix(in srgb, var(--ink) 50%, transparent)}
.pick-opt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem .5rem;width:100%;padding:.48rem .6rem;border:0;border-radius:.55rem;background:transparent;text-align:start;cursor:pointer}
.pick-opt:hover,.pick-opt.is-active{background:color-mix(in srgb, var(--accent) 9%, transparent)}
.pick-opt-main{grid-column:1;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pick-opt-sub{grid-column:1;font-size:.76rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pick-opt-meta{grid-column:2;grid-row:1 / span 2;align-self:center;max-width:7.5rem;padding:.1rem .45rem;border-radius:999px;background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent-2);font-size:.68rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pick-empty{padding:.8rem .5rem;text-align:center;font-size:.84rem;color:var(--muted)}
.pick-add{display:flex;align-items:center;gap:.4rem;width:100%;margin:.15rem 0 .2rem;padding:.55rem .7rem;border:0;border-radius:.55rem;background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent-2);font-weight:800;cursor:pointer;text-align:start}
.pick-add:hover{background:color-mix(in srgb, var(--accent) 18%, transparent)}
.pick-create{display:grid;gap:.35rem;padding:.35rem .2rem .15rem}
.pick-create-title{font-weight:800;padding:.15rem .2rem .05rem}
.pick-create-label{font-size:.75rem;color:var(--muted);margin:.15rem 0 0}
.pick-create-note{font-size:.8rem;color:var(--muted);padding:.1rem .2rem}
.pick-create-error{color:#b42318;font-size:.8rem;font-weight:700}
.pick-create-actions{display:flex;gap:.4rem;margin-top:.2rem}
.pick-native{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0!important;opacity:0;pointer-events:none}
.pick-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}
.pick-spin{width:.85rem;height:.85rem;border:2px solid color-mix(in srgb, var(--accent) 25%, transparent);border-top-color:var(--accent);border-radius:50%;animation:pick-spin .65s linear infinite}
@keyframes pick-spin{to{transform:rotate(360deg)}}
.pick.is-loading .pick-caret{animation:pick-spin .65s linear infinite}
@media (max-width:575.98px){.pick-menu{max-height:46vh}}
.live-region{transition:opacity .16s ease}
.live-region.is-live-busy{opacity:.5}

/* ===== ORDER ACCEPTANCE PRICING ===== */
.order-money{border:1px solid var(--border);border-radius:.85rem;background:var(--paper);padding:1rem;margin-top:1rem}
.order-money-head{display:flex;align-items:center;gap:.45rem;font-weight:800;color:var(--heading);margin-bottom:.85rem}
.order-money-head i{color:var(--accent);font-size:1.15rem}
.order-money-static{display:flex;align-items:baseline;gap:.3rem;font-weight:800;color:var(--heading);padding-top:.42rem}
.order-money-static small{font-weight:700;color:var(--muted)}
.order-money-net{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;border:2px dashed color-mix(in srgb, var(--accent) 35%, transparent);background:#fff7ef;border-radius:.7rem;padding:.6rem .8rem;margin-top:.35rem}
.order-money-net b{font-size:1.5rem;font-weight:900;color:var(--accent-2);letter-spacing:-.02em}
.order-money-net small{font-weight:800;color:var(--muted)}
.order-money-net span{font-size:.82rem;font-weight:800;color:var(--warn)}
/* ===== REVENUE DESK ===== */
.revenue-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;background:var(--paper);border:1px solid var(--border);border-radius:.9rem;padding:.9rem 1rem;margin-bottom:1rem}
.revenue-filters>div{min-width:170px;flex:1}
.revenue-filters .form-label{font-size:.78rem;font-weight:800;color:var(--muted);margin-bottom:.25rem}
.revenue-filter-go{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;min-width:auto}
.revenue-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}
.revenue-kpi{background:var(--paper);border:1px solid var(--border);border-inline-start:4px solid var(--accent);border-radius:.85rem;padding:.8rem .9rem;display:flex;flex-direction:column;gap:.15rem}
.revenue-kpi span{font-size:.78rem;font-weight:800;color:var(--muted);letter-spacing:.01em}
.revenue-kpi b{font-size:1.45rem;font-weight:900;color:var(--heading);letter-spacing:-.02em;line-height:1.2}
.revenue-kpi b small{font-size:.8rem;font-weight:800;color:var(--muted)}
.revenue-kpi em{font-style:normal;font-size:.76rem;font-weight:700;color:var(--muted)}
.revenue-kpi.kpi-collected{border-inline-start-color:var(--ok)}
.revenue-kpi.kpi-collected b{color:var(--ok)}
.revenue-kpi.kpi-due{border-inline-start-color:var(--warn)}
.revenue-kpi.kpi-due b{color:var(--warn)}
.revenue-kpi.kpi-pipeline{border-inline-start-color:var(--info)}
.revenue-kpi.kpi-pipeline b{color:var(--info)}
.revenue-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.4rem;align-items:end}
.revenue-month{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:var(--hover);border:1px solid var(--border);border-radius:.7rem;padding:.55rem .35rem}
.revenue-month.now{border-color:var(--accent);background:#fff7ef;box-shadow:0 8px 22px -18px color-mix(in srgb, var(--accent) 60%, transparent)}
.revenue-month-name{font-size:.74rem;font-weight:800;color:var(--muted)}
.revenue-bar{height:104px;width:100%;display:flex;align-items:flex-end;justify-content:center}
.revenue-bar>i{display:block;width:60%;min-height:2px;background:#e7b98f;border-radius:.35rem .35rem 0 0;position:relative;overflow:hidden}
.revenue-bar>i>b{position:absolute;inset-block-end:0;inset-inline:0;display:block;min-height:0;background:var(--ok)}
.revenue-month-val{font-size:.82rem;font-weight:900;color:var(--heading)}
.revenue-month-count{font-size:.7rem;font-weight:700;color:var(--muted)}
.revenue-legend{display:flex;gap:1.1rem;margin-top:.75rem}
.revenue-legend span{display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;font-weight:800;color:var(--muted)}
.revenue-legend .dot{width:.75rem;height:.75rem;border-radius:50%;display:inline-block}
.revenue-legend .dot-total{background:#e7b98f}
.revenue-legend .dot-paid{background:var(--ok)}
.revenue-table th{font-size:.76rem;font-weight:800;color:var(--muted);white-space:nowrap;border-bottom:2px solid var(--border)}
.revenue-table td{font-size:.9rem;border-color:#efe6d9}
.revenue-table tfoot th{font-size:.84rem;color:var(--heading);border-top:2px solid var(--border);border-bottom:0}
.revenue-center{font-weight:800;color:var(--heading);text-decoration:none}
.revenue-center:hover{color:var(--accent-2)}
.revenue-cut{font-weight:800;color:var(--warn);white-space:nowrap}
.revenue-table .chip-accepted,.revenue-table .chip-new,.revenue-table .chip-rejected{display:inline-block;border-radius:999px;padding:.2rem .6rem;font-size:.74rem;font-weight:800;white-space:nowrap}
.revenue-renew-grid{display:flex;flex-direction:column;gap:.5rem}
.revenue-renew{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:.6rem;align-items:center;text-decoration:none;color:var(--text);background:var(--paper);border:1px solid var(--border);border-radius:.75rem;padding:.65rem .85rem}
.revenue-renew:hover{border-color:#d4c2aa;box-shadow:0 14px 30px -24px color-mix(in srgb, var(--ink) 50%, transparent)}
.revenue-renew b{font-weight:800;color:var(--heading)}
.revenue-renew-date{font-weight:800;color:var(--heading)}
.revenue-renew-val{font-weight:900;color:var(--accent-2)}
.revenue-renew.near{border-inline-start:4px solid var(--warn)}
.revenue-renew.soon{border-inline-start:4px solid #dc2626;background:#fff6f5}
@media (max-width:767.98px){
  .revenue-renew{grid-template-columns:1fr 1fr}
  .revenue-renew>div:first-child{grid-column:1/-1}
  .revenue-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .revenue-filters>div{min-width:140px}
  .revenue-months{grid-template-columns:repeat(6,minmax(0,1fr))}
  .revenue-bar{height:78px}
  .revenue-table .col-plans,.revenue-table .col-base,.revenue-table .col-cut,.revenue-table .col-pay,.revenue-table .col-accepted,.revenue-table .col-last,.revenue-table .col-end{display:none}
}
@media print{
  .sidebar,.topbar,.admin-tabs,.revenue-filters,.revenue-actions,.app-footer{display:none!important}
  .revenue-kpi,.revenue-month,.revenue-renew{break-inside:avoid}
  .admin-hero{background:none!important;color:var(--heading)!important}
  .admin-hero .h5,.admin-hero .text-muted{color:var(--heading)!important}
  .revenue-months{grid-template-columns:repeat(6,1fr)}
}
button.track-pick{width:100%;font:inherit;text-align:start;cursor:pointer}
button.track-pick:hover{border-color:var(--accent)}
#trackSuggest{margin:0 0 .7rem}
.smart-search{position:relative}
.smart-search .form-control{padding-inline-start:2.15rem;padding-inline-end:2.2rem;background:var(--paper)}
.smart-search-ico{position:absolute;inset-inline-start:.72rem;top:50%;transform:translateY(-50%);z-index:2;color:var(--muted);font-size:.95rem;pointer-events:none}
.smart-search-clear{position:absolute;inset-inline-end:.35rem;top:50%;transform:translateY(-50%);display:none;place-items:center;width:1.7rem;height:1.7rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:.72rem;line-height:1;cursor:pointer;z-index:2}
.smart-search.has-value .smart-search-clear{display:grid}
.smart-search-clear:hover{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink)}
.smart-search-spin{position:absolute;inset-inline-end:.8rem;top:50%;width:.9rem;height:.9rem;margin-top:-.45rem;border:2px solid color-mix(in srgb, var(--accent) 25%, transparent);border-top-color:var(--accent);border-radius:50%;display:none;animation:pick-spin .65s linear infinite;z-index:2}
.smart-search.is-busy .smart-search-spin{display:block}
.smart-search.is-busy .smart-search-clear{display:none}
.smart-suggest{top:calc(100% + .3rem)}
.perm-pill.off{background:transparent;border:1px dashed var(--border);color:var(--muted);font-weight:600;opacity:.55}
.perm-pill.off::before{background:#d8cfc4}
.admin-tabs a .count{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.68rem;font-weight:800;margin-inline-start:.3rem}
.admin-tabs a.on .count{background:var(--accent-line);color:#431407}
.request-status{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.9rem}
.request-ready{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;background:linear-gradient(135deg,#f0fdf4,#fff);border:1px solid #bbf7d0;border-radius:.7rem;padding:.85rem 1rem;margin-bottom:.9rem}
.request-form{margin-top:.9rem;border-top:1px dashed var(--border);padding-top:1rem}
.request-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:.9rem}
.request-note{background:var(--paper);border:1px solid var(--border);border-radius:.55rem;padding:.5rem .7rem;font-size:.84rem;color:var(--text);margin:.15rem 0 .8rem}
.request-reject{display:flex;align-items:center;gap:.4rem;flex:1 1 100%}
.request-reject .form-control{max-width:16rem}
.order-paid{display:flex;align-items:center;gap:.45rem;font-weight:700;color:var(--heading);min-height:38px;margin:0;cursor:pointer}
.order-paid input{width:18px;height:18px;margin:0;accent-color:var(--accent)}
.order-paid span{font-size:.86rem}

/* ===== الفروع + ماركات السيارات + سجل نشاط المركز ===== */
.branch-switch .branch-btn{max-width:14rem}
.branch-btn .bi-chevron-down{font-size:.75rem;color:var(--muted)}
.branch-chip{
  display:inline-flex;align-items:center;height:40px;padding:0 .7rem;
  border-radius:.55rem;border:1px dashed var(--border);background:var(--field);
  color:var(--heading);font-weight:800;font-size:.8rem;white-space:nowrap;max-width:12rem;
  overflow:hidden;text-overflow:ellipsis
}
.branch-menu{min-width:15rem}
.branch-menu .dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-weight:700}
.branch-menu .dropdown-item small{color:var(--muted);font-weight:800;font-size:.7rem}
.branch-menu .dropdown-item.on{background:var(--active);color:var(--accent-2)}
.branch-menu .dropdown-item.on::after{content:"\2713";font-weight:900;color:var(--ok)}
.branch-btn.is-scoped{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-2)}
.branch-btn.is-scoped .bi-chevron-down{color:var(--accent-2)}
.branch-chip .bi{margin-inline-end:.35rem;color:var(--accent-2)}
.branch-card{align-items:flex-start}
.branch-stats{display:flex;flex-wrap:wrap;gap:.35rem .8rem;margin-top:.5rem}
.branch-stats span{font-size:.78rem;font-weight:700;color:var(--muted)}
.branch-stats b{font-family:var(--display);font-weight:900;color:var(--heading);margin-inline-end:.2rem}
.branch-danger{display:inline-block}
.branch-danger summary{list-style:none}
.branch-danger summary::-webkit-details-marker{display:none}
.branch-del-form{
  margin-top:.4rem;padding:.7rem;border:1px solid var(--border);border-radius:.6rem;
  background:var(--paper);min-width:15rem
}
.branch-edit-form,.brand-edit-form{border-top:1px dashed var(--border);margin-top:.6rem;padding-top:.6rem}
.branch-members select{min-width:9rem}
.branch-members td{border-color:#efe6d9}
.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:.7rem}
.brand-card{
  display:flex;gap:.75rem;align-items:flex-start;
  background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem
}
.brand-card:hover{border-color:#d4c2aa;box-shadow:var(--shadow-sm)}
.brand-tile-logo{
  flex:0 0 auto;width:62px;height:62px;border-radius:.6rem;overflow:hidden;
  display:grid;place-items:center;background:#fff;border:1px solid var(--border)
}
.brand-tile-logo img{width:100%;height:100%;object-fit:contain;display:block}
.brand-tile-logo .bi{font-size:1.4rem;color:#cbbfb1}
.brand-card.no-logo .brand-tile-logo{background:repeating-linear-gradient(45deg,#faf6ef,#faf6ef 6px,#fff 6px,#fff 12px)}
.brand-body{min-width:0;flex:1 1 auto}
.brand-body .entity-title{overflow-wrap:anywhere}
.brand-body .entity-meta{font-size:.78rem}
.brand-count{margin-top:.35rem;font-size:.8rem;font-weight:700;color:var(--muted)}
.brand-count b{font-family:var(--display);font-weight:900;color:var(--heading)}
.brand-link td{border-color:#efe6d9}
.brand-link select{min-width:10rem}
.brand-mini{
  height:1.45rem;max-width:4.2rem;width:auto;object-fit:contain;display:inline-block;
  vertical-align:middle;background:#fff;border-radius:.3rem
}
.entity-avatar .brand-mini{height:100%;max-width:100%;border:0}
.vehicle-title{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.vehicle-title .brand-mini{height:1.9rem;max-width:5rem}
.log-table th{font-size:.76rem;font-weight:800;color:var(--muted);white-space:nowrap;border-bottom:2px solid var(--border)}
.log-table td{font-size:.9rem;border-color:#efe6d9;vertical-align:top}
.log-table .log-links{display:flex;flex-wrap:wrap;gap:.15rem .5rem}
.log-table .log-links:empty{display:none}
.log-table .log-links a{font-weight:700;color:var(--accent-2);text-decoration:none}
.log-table .log-links a:hover{text-decoration:underline}
.log-timeline{display:flex;flex-direction:column;gap:.55rem}
.log-item{
  display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start;
  background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .9rem
}
.log-dot{color:var(--accent);font-size:1.6rem;line-height:1;padding-top:.1rem}
.log-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.2rem}
.log-body .fw-bold{font-size:.95rem}
@media (max-width:767.98px){
  .branch-btn-label,.branch-btn .bi-chevron-down{display:none}
  .branch-btn{width:40px;padding:0}
  .branch-chip{max-width:8.5rem;height:36px;font-size:.72rem;padding:0 .5rem}
  .brand-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.55rem}
  .brand-logo{width:52px;height:52px}
  .log-table .col-branch,.log-table .col-amount{display:none}
  .log-item{padding:.65rem .7rem;gap:.5rem}
}
@media print{
  .branch-menu,.brand-edit-form,.branch-edit-form{display:none!important}
}

/* ===== المستند المطبوع (فاتورة / مقايسة) ===== */
.doc-header-text{text-align:center;font-weight:800;color:var(--heading);font-size:.9rem;margin-bottom:.6rem;padding-bottom:.5rem;border-bottom:1px dashed var(--border)}
.doc-print{
  --doc-ink:var(--heading);
  max-width:880px;margin:0 auto;background:#fff;color:#1c1917;
  border:1px solid var(--border);border-radius:.9rem;padding:1.5rem 1.6rem;
  box-shadow:var(--shadow);-webkit-print-color-adjust:exact;print-color-adjust:exact
}
.doc-brand{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.9rem;border-bottom:2px solid var(--accent)}
.doc-brand-id{display:flex;align-items:center;gap:.7rem;min-width:0}
.doc-logo{height:56px;width:auto;max-width:150px;object-fit:contain;border-radius:.5rem;background:#fff}
.doc-logo-doc{
  display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:.7rem;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:900;font-size:1.25rem
}
.doc-name{font-size:1.22rem;font-weight:900;color:var(--doc-ink);line-height:1.2}
.doc-tag{font-size:.8rem;color:#6b6257;font-weight:700}
.doc-contact{font-size:.74rem;color:#78716c;margin-top:.1rem}
.doc-brand-doc{text-align:start;flex:0 0 auto}
.doc-doc-title{font-size:.76rem;font-weight:800;letter-spacing:.04em;color:#78716c}
.doc-doc-num{font-family:var(--display);font-size:1.4rem;font-weight:900;color:var(--accent-2);line-height:1.15}
.doc-band{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.55rem;margin:.95rem 0;
  background:linear-gradient(120deg,var(--doc-ink),color-mix(in srgb,var(--doc-ink) 72%,var(--accent)));
  color:#fff;border-radius:.7rem;padding:.7rem .85rem
}
.doc-band-cell{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.doc-band-label{font-size:.7rem;font-weight:800;opacity:.72}
.doc-band-value{font-size:.92rem;font-weight:800;word-break:break-word}
.doc-parties{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem;margin-bottom:.9rem}
.doc-party{border:1px solid var(--border);border-radius:.65rem;padding:.6rem .75rem;background:#fdfbf7}
.doc-party-label{font-size:.7rem;font-weight:800;color:#78716c}
.doc-party-value{font-size:.95rem;font-weight:800;color:var(--doc-ink)}
.doc-party-sub{font-size:.76rem;color:#6b6257;margin-top:.1rem}
.doc-table-wrap{border:1px solid var(--border);border-radius:.7rem;overflow:hidden}
.doc-table{width:100%;border-collapse:collapse;font-size:.85rem}
.doc-table th{
  background:var(--accent-soft);color:var(--accent-ink);font-weight:800;font-size:.78rem;
  text-align:start;padding:.5rem .6rem;border-bottom:2px solid var(--accent-line)
}
.doc-table td{padding:.48rem .6rem;border-bottom:1px solid #f0eae1;text-align:start;vertical-align:top}
.doc-table tbody tr:nth-child(even){background:#faf7f2}
.doc-table tbody tr:last-child td{border-bottom:0}
.doc-cell-name{font-weight:700;color:var(--doc-ink)}
.doc-cell-total{font-weight:800;color:var(--doc-ink)}
.doc-empty{text-align:center;color:#78716c;padding:1rem!important}
.doc-rows{margin-top:.7rem;display:grid;gap:.3rem}
.doc-row-line{display:flex;justify-content:space-between;gap:.8rem;font-size:.82rem;color:#44403c;border-bottom:1px dashed var(--border);padding-bottom:.25rem}
.doc-foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,300px);gap:1rem;margin-top:1rem;align-items:start}
.doc-notes-label{font-size:.72rem;font-weight:800;color:#78716c}
.doc-notes-text{font-size:.84rem;color:#292524}
.doc-terms{margin-top:.5rem;font-size:.76rem;color:#6b6257}
.doc-signs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.6rem}
.doc-sign span{font-size:.74rem;font-weight:800;color:#6b6257}
.doc-sign i{display:block;height:1.6rem;margin-top:.4rem;border-bottom:1px solid #57534e}
.doc-totals{border:1px solid var(--border);border-radius:.7rem;background:#fdfbf7;padding:.75rem .85rem}
.doc-total-row{display:flex;justify-content:space-between;gap:.7rem;font-size:.84rem;padding:.3rem 0;border-bottom:1px dashed var(--border)}
.doc-total-row:last-child{border-bottom:0}
.doc-total-row span{color:#57534e;font-weight:700}
.doc-total-row b{color:var(--doc-ink)}
.doc-total-main{border-bottom:0!important;background:var(--accent-soft);border-radius:.5rem;padding:.45rem .55rem!important;margin-top:.25rem}
.doc-total-main span,.doc-total-main b{color:var(--accent-ink)!important;font-size:1rem;font-weight:900}
.doc-total-remain b{color:#b91c1c}
.doc-pay{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;border:1px dashed var(--accent-line);border-radius:.7rem;background:var(--accent-soft);padding:.75rem .85rem}
.doc-pay-title{font-size:.78rem;font-weight:900;color:var(--accent-ink);margin-bottom:.3rem}
.doc-pay-line{display:flex;gap:.5rem;font-size:.79rem;color:#44403c}
.doc-pay-line span{flex:0 0 6.5rem;font-weight:800;color:#6b6257}
.doc-pay-line a{color:var(--accent-ink);font-weight:800;text-decoration:none;border-bottom:1px dotted var(--accent-line)}
.doc-pay-imgs{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}
.doc-pay-img-wrap{display:flex;flex-direction:column;align-items:center;gap:.2rem;font-size:.7rem;font-weight:800;color:#6b6257}
.doc-pay-img{width:88px;height:88px;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:.5rem;padding:.25rem}
.doc-qr{width:104px;height:104px;object-fit:contain;background:#fff;border-radius:.5rem;padding:.25rem}
.doc-car-qr{display:flex;align-items:center;gap:.85rem;margin:.75rem 0;padding:.65rem;border:1px dashed #d7c4ae;border-radius:.85rem;background:#fff;color:inherit;text-decoration:none}
.doc-car-qr img{width:160px;height:160px;flex:0 0 auto;background:#fff;image-rendering:pixelated}
.doc-car-qr b{display:block;margin-bottom:.15rem}
.doc-car-qr span{font-size:.82rem;font-weight:700;line-height:1.6;color:#3f3830}
.doc-car-qr small{display:block;margin-top:.2rem;font-weight:800;letter-spacing:.04em}
@media (max-width:560px){
  .doc-car-qr{flex-direction:column;text-align:center}
  .doc-car-qr img{width:200px;height:200px}
}
.doc-end{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.1rem;padding-top:.6rem;border-top:1px solid var(--border);font-size:.76rem;color:#6b6257;font-weight:700}
@media (max-width:640px){
  .doc-print{padding:1rem;border-radius:.7rem}
  .doc-brand{flex-direction:column;align-items:flex-start}
  .doc-brand-doc{text-align:end;align-self:flex-end}
  .doc-foot-grid{grid-template-columns:1fr}
  .doc-pay{flex-direction:column;align-items:stretch}
  .doc-qr{width:92px;height:92px}
}
@media print{
  .doc-print{max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;padding:0}
  .doc-table-wrap,.doc-party,.doc-totals,.doc-pay{break-inside:avoid}
  .doc-table{break-inside:auto}
  .doc-table tr{break-inside:avoid}
}

/* ===== المالية ===== */
.fin-bar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem;box-shadow:var(--shadow-sm)}
.fin-years,.fin-months{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.fin-months{flex:1;justify-content:flex-start}
.fin-cash{background:linear-gradient(180deg,var(--accent-soft),var(--paper));border:1px solid var(--accent-line)}
.fin-cash-head{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}
.fin-cash-net{text-align:start;background:var(--paper);border:1px solid var(--border);border-radius:.6rem;padding:.45rem .8rem;min-width:11rem}
.fin-cash-net span{display:block;font-size:.76rem;font-weight:700;color:var(--muted)}
.fin-cash-net b{font-size:1.35rem;color:var(--ok)}
.fin-cash-net.is-neg b{color:var(--accent-2)}
.fin-cash-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem}
.fin-cash-row>div{background:var(--paper);border:1px solid var(--border);border-radius:.55rem;padding:.45rem .65rem}
.fin-cash-row span{display:block;font-size:.75rem;color:var(--muted);font-weight:700}
.fin-cash-row b{font-size:1.05rem;color:var(--heading)}
.fin-cash-row .is-now{border-color:var(--accent-line);background:var(--paper)}
.fin-cash-row .is-now small{display:block;font-size:.7rem;color:var(--accent-2);font-weight:700}
.fin-cash-pending{margin-top:.7rem;font-size:.85rem;color:var(--warn);font-weight:700}
.kpi-unit{font-size:.72rem;color:var(--muted);font-weight:700}
.fin-methods{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.45rem}
.fin-methods span{font-size:.72rem;color:var(--muted);background:var(--hover);border:1px solid var(--border);border-radius:.4rem;padding:.1rem .4rem}
.fin-methods b{color:var(--text)}
.fin-chart{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.3rem;align-items:stretch}
.fin-col a{display:block;text-decoration:none;color:inherit}
.fin-bars{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:120px;padding-bottom:.2rem;border-bottom:1px solid var(--border)}
.fin-bars span{display:block;width:44%;max-width:14px;border-radius:3px 3px 0 0;min-height:2px}
.fin-bars .b-in{background:var(--ok)}
.fin-bars .b-out{background:var(--accent)}
.fin-col em{display:block;font-style:normal;text-align:center;font-size:.7rem;color:var(--muted);font-weight:700;padding-top:.25rem}
.fin-col.is-sel em{color:var(--accent-2)}
.fin-col.is-sel .fin-bars{background:var(--accent-soft);border-radius:.4rem}
.fin-legend{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:.6rem;font-size:.78rem;color:var(--muted);font-weight:700}
.fin-legend .dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;margin-inline-end:.3rem}
.fin-legend .dot-in{background:var(--ok)}
.fin-legend .dot-out{background:var(--accent)}
.fin-facets{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.chip-sep{flex:1}
.fin-tag{font-size:.75rem;font-weight:700;border-radius:.4rem;padding:.12rem .5rem;white-space:nowrap}
.tag-in{background:#dcfce7;color:#166534}
.tag-out{background:#ffedd5;color:var(--accent-ink)}
.fin-desc{font-weight:700;color:var(--heading)}
.fin-sub{font-size:.75rem;color:var(--muted)}
.fin-amt{font-weight:700;white-space:nowrap}
.fin-table tbody tr.is-pending{background:var(--accent-soft)}
.fin-table tbody tr.is-rejected .fin-desc,.fin-table tbody tr.is-rejected .fin-amt{text-decoration:line-through;opacity:.7}
.fin-foot{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding:.6rem .9rem;font-size:.85rem;color:var(--muted)}
.fin-foot b{color:var(--heading)}
.fin-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.9rem}
.fin-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.fin-card:hover{transform:translateY(-2px);border-color:var(--accent-line);box-shadow:var(--shadow)}
.fin-card-icon{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:.65rem;background:var(--accent-soft);color:var(--accent-2);font-size:1.2rem;margin-bottom:.6rem}
.fin-card-icon.is-alt{background:#dcfce7;color:#166534}
.fin-card-title{font-weight:800;color:var(--heading)}
.fin-card-sub{font-size:.78rem;color:var(--muted);font-weight:700;margin-bottom:.5rem}
.fin-card-value{font-size:1.7rem;font-weight:800;color:var(--heading);line-height:1.25}
.fin-card-value span{font-size:.78rem;font-weight:700;color:var(--muted)}
.fin-card-lines{display:grid;gap:.3rem;margin-top:.5rem;font-size:.85rem}
.fin-card-lines>div{display:flex;justify-content:space-between;gap:.6rem;border-top:1px dashed var(--border);padding-top:.3rem}
.fin-card-lines span{color:var(--muted);font-weight:700}
.fin-card-lines b{color:var(--heading)}
.fin-card-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.85rem;font-size:.76rem;font-weight:800;color:var(--accent-2)}
@media (max-width:767.98px){
  .fin-bar{padding:.5rem;gap:.4rem}
  .fin-years,.fin-months{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.15rem;scrollbar-width:thin}
  .fin-years{order:2;flex:0 0 100%}
  .fin-months{order:1;flex:1 1 100%}
  .fin-years .chip-btn,.fin-months .chip-btn{flex:0 0 auto}
  .fin-chart{gap:.2rem}
  .fin-bars{height:78px}
  .fin-bars span{max-width:9px}
  .fin-col em{font-size:.6rem}
  .fin-legend span:last-child{display:none}
}

/* ===== فحص السيارات (شراء/بيع) ===== */
.insp-head{
  display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;position:sticky;top:0;z-index:20;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .9rem;box-shadow:var(--shadow-sm)
}
.insp-head-main{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1 1 auto}
.insp-head-ico{
  width:40px;height:40px;border-radius:.7rem;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:1.15rem
}
.insp-head-title{font-weight:900;color:var(--heading);font-size:1rem;line-height:1.25}
.insp-head-num{color:var(--accent-2)}
.insp-head-sub{font-size:.76rem;color:var(--muted)}
.insp-head-rate{display:flex;flex-direction:column;gap:.28rem;flex:0 1 220px;min-width:180px}
.insp-rate-label{font-size:.68rem;font-weight:800;color:var(--muted);letter-spacing:.03em}
.insp-rate-value{font-weight:900;color:var(--heading);font-size:.92rem}
.insp-kind-toggle{display:inline-flex;background:var(--hover);border-radius:.6rem;padding:.2rem;gap:.2rem}
.insp-kind{
  display:inline-flex;align-items:center;gap:.35rem;padding:.34rem .7rem;border-radius:.5rem;cursor:pointer;
  font-size:.82rem;font-weight:800;color:var(--muted);white-space:nowrap;margin:0
}
.insp-kind input{position:absolute;width:1px;height:1px;opacity:0;margin:0}
.insp-kind.on{background:var(--surface);color:var(--accent-2);box-shadow:var(--shadow-sm)}
.insp-head-close{flex:0 0 auto}
.insp-score-bar{height:7px;border-radius:99px;background:var(--hover);overflow:hidden}
.insp-score-bar>span{display:block;height:100%;border-radius:99px;background:var(--accent);transition:width .25s ease}
.insp-score-bar>span.is-ok{background:var(--ok)}
.insp-score-bar>span.is-warn{background:var(--warn)}
.insp-score-bar>span.is-bad{background:#b91c1c}
.insp-score-cell{min-width:130px}
.insp-tabs{
  display:flex;gap:.35rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;
  padding:.5rem .4rem;margin:.6rem 0 0;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius);position:sticky;top:65px;z-index:19
}
.insp-tab{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem;border:1px solid transparent;background:transparent;
  color:var(--muted);font-weight:800;font-size:.83rem;padding:.42rem .8rem;border-radius:.6rem;cursor:pointer;white-space:nowrap
}
.insp-tab:hover{background:var(--hover);color:var(--heading)}
.insp-tab.on{background:var(--accent);color:var(--on-accent,#fff);box-shadow:var(--shadow)}
.insp-tab em{font-style:normal;font-size:.7rem;background:var(--accent-soft);color:var(--accent-ink);border-radius:99px;padding:.04rem .42rem;font-weight:900}
.insp-tab.on em{background:rgba(255,255,255,.24);color:#fff}
.insp-panes{margin-top:.8rem}
.insp-pane{display:none}
.insp-pane.on{display:block}
.insp-pane-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.6rem}
.insp-items{display:flex;flex-direction:column;gap:.4rem}
.insp-item{
  display:grid;grid-template-columns:minmax(0,2.2fr) minmax(150px,1fr) minmax(0,1.6fr) auto;gap:.4rem;align-items:center;
  background:var(--paper);border:1px solid var(--border);border-radius:.6rem;padding:.45rem
}
.insp-item .form-control,.insp-item .form-select{font-size:.86rem}
.insp-empty-row{margin-top:.55rem}
.insp-summary{border-top:1px solid var(--border);padding-top:.6rem;display:flex;flex-direction:column;gap:.3rem}
.insp-summary-row{display:flex;justify-content:space-between;gap:.6rem;font-size:.85rem;color:var(--heading)}
.insp-summary-num{color:var(--muted);font-size:.8rem}
.insp-foot{
  position:sticky;bottom:0;z-index:21;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.8rem;
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .8rem;box-shadow:var(--shadow)
}
.insp-foot-spacer{flex:1 1 auto}
.insp-foot-save{min-width:180px}
.insp-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}
.insp-photo{position:relative;border:1px solid var(--border);border-radius:.6rem;overflow:hidden;background:var(--paper)}
.insp-photo img{width:100%;height:120px;object-fit:cover;display:block}
.insp-photo-del{position:absolute;top:.35rem;inset-inline-end:.35rem;opacity:.92}
.insp-result{
  display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;justify-content:space-between;
  border:1px solid var(--border);border-inline-start:4px solid var(--accent);border-radius:.7rem;
  padding:.7rem .9rem;margin-bottom:.9rem;background:var(--paper)
}
.insp-result.is-ok{border-inline-start-color:var(--ok)}
.insp-result.is-warn{border-inline-start-color:var(--warn)}
.insp-result.is-bad{border-inline-start-color:#b91c1c}
.insp-result-score{flex:1 1 240px;min-width:200px}
.insp-result-label{font-size:.7rem;font-weight:800;color:var(--muted);letter-spacing:.03em}
.insp-result-value{font-weight:900;color:var(--heading);font-size:1.15rem;margin-bottom:.3rem}
.insp-result-legend{display:flex;flex-wrap:wrap;gap:.35rem}
.insp-sec{margin-top:1rem;break-inside:avoid}
.insp-sec-head{display:flex;align-items:center;gap:.4rem;font-weight:900;color:var(--heading);margin-bottom:.4rem}
.insp-sec-head em{font-style:normal;font-size:.72rem;font-weight:800;color:var(--muted);background:var(--hover);border-radius:99px;padding:.05rem .45rem}
.insp-sec-table{margin-bottom:0}
.insp-doc .insp-photo-grid.is-doc img{height:150px}
@media (max-width:767.98px){
  .insp-head{padding:.6rem .65rem;gap:.5rem}
  .insp-head-rate{flex:1 1 100%;min-width:0}
  .insp-item{grid-template-columns:1fr 1fr;gap:.35rem}
  .insp-item .insp-item-name{grid-column:1 / -1}
  .insp-item .insp-item-note{grid-column:1 / -1}
  .insp-item .insp-item-del{grid-column:2;justify-self:end}
  .insp-foot{bottom:calc(64px + env(safe-area-inset-bottom));padding-bottom:calc(.6rem + env(safe-area-inset-bottom))}
  .insp-foot-save{flex:1 1 auto;min-width:0}
}
@media print{
  .insp-head,.insp-tabs,.insp-foot,.insp-photo-del{display:none!important}
  .insp-doc .insp-sec{break-inside:avoid;page-break-inside:avoid}
  .insp-doc .insp-photo-grid.is-doc{grid-template-columns:repeat(3,1fr)}
}

/* ===== طباعة المستندات: الشعارات + التذييل + البنك ===== */
.doc-brands{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:flex-start;margin-bottom:.55rem}
.doc-brands img{height:26px;max-width:74px;object-fit:contain;display:block}
.doc-brand-sep{color:#b9ab9a;font-weight:700;font-size:.85rem;line-height:1}
.doc-complaint{margin:.7rem 0;padding:.5rem .65rem;border:1px solid var(--border);border-radius:.55rem;background:#fffdf9}
.doc-complaint .doc-party-label{font-size:.7rem;color:var(--muted);font-weight:800}
.doc-complaint-text{font-size:.82rem;color:var(--heading);margin-top:.15rem}
.doc-timeline{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0}
.doc-tl-step{flex:1 1 140px;display:flex;justify-content:space-between;gap:.5rem;border:1px solid var(--border);border-radius:.5rem;padding:.3rem .5rem;font-size:.74rem;background:#fff}
.doc-tl-step span{color:var(--muted);font-weight:700}
.doc-tl-step b{color:var(--heading)}
.doc-bank{margin-top:.85rem;border:1px solid var(--border);border-radius:.6rem;padding:.55rem .7rem;background:#fffdf9}
.doc-bank-title{font-weight:800;font-size:.78rem;color:var(--heading);margin-bottom:.25rem}
.doc-bank-line{display:flex;justify-content:space-between;gap:.6rem;font-size:.76rem;padding:.16rem 0;border-bottom:1px dotted var(--border)}
.doc-bank-line:last-child{border-bottom:0}
.doc-bank-line span{color:var(--muted);font-weight:700}
.doc-footer{margin-top:.85rem;padding-top:.55rem;border-top:2px solid var(--accent);font-size:.74rem;color:#4b443e;text-align:center;font-weight:700;line-height:1.7}
.doc-stamp{display:none}

/* ===== تخطيطات الطباعة ===== */
.doc-tpl-boxed .doc-band,.doc-tpl-boxed .doc-party,.doc-tpl-boxed .doc-table-wrap,
.doc-tpl-boxed .doc-totals,.doc-tpl-boxed .doc-notes,.doc-tpl-boxed .doc-rows{border:1px solid #8a8278;border-radius:0;background:#fff}
.doc-tpl-boxed .doc-table th{border:1px solid #8a8278}
.doc-tpl-boxed .doc-table td{border:1px solid #d6cec4}
.doc-tpl-boxed .doc-brand{border-bottom:3px double #8a8278}

.doc-tpl-minimal{max-width:760px;padding:1rem 1.1rem}
.doc-tpl-minimal .doc-table th,.doc-tpl-minimal .doc-table td{padding:.28rem .4rem;font-size:.78rem}
.doc-tpl-minimal .doc-band{gap:.35rem}
.doc-tpl-minimal .doc-logo{height:40px;width:auto}
.doc-tpl-minimal .doc-logo-doc{height:40px;width:40px}
.doc-tpl-minimal .doc-foot-grid{gap:.6rem}
.doc-tpl-minimal .doc-parties{gap:.5rem;margin:.5rem 0}

.doc-tpl-formal .doc-brand{border-bottom:3px double var(--heading)}
.doc-tpl-formal .doc-band,.doc-tpl-formal .doc-party,.doc-tpl-formal .doc-totals{border:1px solid var(--heading);border-radius:0;background:#fff}
.doc-tpl-formal .doc-table th{background:var(--heading);color:#fff;font-weight:800}
.doc-tpl-formal .doc-total-main{border-top:2px solid var(--heading);border-bottom:2px solid var(--heading);border-radius:0;background:#fff}
.doc-tpl-formal .doc-footer{border-top:3px double var(--heading)}

.doc-tpl-soft .doc-brand{border-bottom:1px solid var(--border)}
.doc-tpl-soft .doc-band,.doc-tpl-soft .doc-party,.doc-tpl-soft .doc-totals,.doc-tpl-soft .doc-table-wrap{border-color:#efe8df;background:#fffdfa;box-shadow:none}
.doc-tpl-soft .doc-table th{background:#f7f2ea;color:var(--muted)}
.doc-tpl-soft .doc-total-main{background:var(--accent-soft);color:var(--accent-ink)}
.doc-tpl-soft .doc-footer{border-top:1px solid var(--border);color:var(--muted);font-weight:600}

.doc-tpl-uae .doc-brand{border-bottom:2px solid var(--heading)}
.doc-tpl-uae .doc-doc-title::before{content:'فاتورة ضريبية';display:block;font-size:.72rem;color:var(--muted);font-weight:700}
.doc-tpl-uae .doc-rows{border:1px solid var(--heading);border-radius:.4rem;padding:.45rem .6rem;background:#fff}
.doc-tpl-uae .doc-row-line{font-size:.76rem}
.doc-tpl-uae .doc-table th:nth-child(5){background:var(--heading);color:#fff}
.doc-tpl-uae .doc-total-main{border:1.5px solid var(--heading);border-radius:.4rem;background:#fff}
.doc-tpl-uae .doc-end{border-top:1px solid var(--heading)}
.doc-tpl-uae .doc-footer{border-top:1px solid var(--heading);text-align:start}

.doc-tpl-modern .doc-brand{padding-bottom:1.1rem}
.doc-tpl-modern .doc-brand-doc{border-inline-start:4px solid var(--accent);padding-inline-start:.7rem;text-align:start}
.doc-tpl-modern .doc-band{background:linear-gradient(180deg,var(--accent-soft),#fff);border-color:var(--accent-line)}
.doc-tpl-modern .doc-total-main{background:var(--accent);color:#fff;border-radius:.8rem;padding:.55rem .7rem;font-size:1.05rem}
.doc-tpl-modern .doc-total-main b{color:#fff}
.doc-tpl-modern .doc-table thead th{color:var(--accent-ink);border-bottom:2px solid var(--accent)}

.doc-tpl-banner .doc-brand{background:var(--accent);color:#fff;padding:.9rem 1rem;margin:0 0 .9rem;border-radius:.6rem;border-bottom:0;display:block}
.doc-tpl-banner .doc-brand,.doc-tpl-banner .doc-brand *{color:#fff}
.doc-tpl-banner .doc-brand-id{margin-bottom:.4rem}
.doc-tpl-banner .doc-brand-doc{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.doc-tpl-banner .doc-doc-num{font-size:1.05rem}
.doc-tpl-banner .doc-total-main{font-size:1.25rem;background:var(--accent-soft)}
.doc-tpl-banner .doc-table th{background:var(--accent-ink);color:#fff}

.doc-tpl-ledger .doc-table tbody{counter-reset:ledger}
.doc-tpl-ledger .doc-cell-name{position:relative;padding-inline-start:2rem}
.doc-tpl-ledger .doc-cell-name::before{counter-increment:ledger;content:counter(ledger);position:absolute;inset-inline-start:.45rem;top:.35rem;width:1.1rem;height:1.1rem;border:1px solid var(--heading);border-radius:50%;display:grid;place-items:center;font-size:.68rem;font-weight:800}
.doc-tpl-ledger .doc-table td{border-bottom:1px dashed var(--border)}
.doc-tpl-ledger .doc-stamp{display:inline-grid;place-items:center;margin-top:.5rem;padding:.35rem .8rem;border:2px solid var(--ok);border-radius:.5rem;color:var(--ok);font-weight:900;font-size:.95rem;transform:rotate(-4deg);justify-self:flex-start}
.doc-tpl-ledger .doc-totals{display:flex;flex-direction:column;align-items:flex-start}

.doc-tpl-bold .doc-brand{border-bottom:0;padding:0}
.doc-tpl-bold .doc-brand-id{background:var(--heading);color:#fff;padding:.7rem .8rem;border-radius:.6rem 0 0 .6rem;flex:1.2}
.doc-tpl-bold .doc-brand-id,.doc-tpl-bold .doc-brand-id *{color:#fff}
.doc-tpl-bold .doc-brand-doc{background:var(--accent);color:#fff;padding:.7rem .8rem;border-radius:0 .6rem .6rem 0;flex:1;text-align:center}
.doc-tpl-bold .doc-brand-doc,.doc-tpl-bold .doc-brand-doc *{color:#fff}
.doc-tpl-bold .doc-total-main{font-size:1.2rem;background:var(--heading);color:#fff}
.doc-tpl-bold .doc-total-main b{color:#fff}
.doc-tpl-bold .doc-band{border-width:2px;border-color:var(--heading)}

.doc-tpl-classic .doc-complaint-text,.doc-tpl-classic .doc-notes-text{min-height:3.2rem;background:repeating-linear-gradient(180deg,transparent,transparent 1.35rem,#e7ded2 1.35rem,#e7ded2 1.4rem)}
.doc-tpl-classic .doc-table td{height:2.2rem;border-bottom:1px solid var(--border)}
.doc-tpl-classic .doc-signs{margin-top:.9rem}
.doc-tpl-classic .doc-sign i{height:2.6rem}

.doc-tpl-ticket{max-width:560px;font-size:.84rem;padding:1rem 1.1rem}
.doc-tpl-ticket .doc-brand{padding-bottom:.6rem}
.doc-tpl-ticket .doc-band-cell{flex:1 1 45%}
.doc-tpl-ticket .doc-foot-grid{grid-template-columns:1fr}
.doc-tpl-ticket .doc-signs{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}

.doc-tpl-checklist .doc-cell-name::before{content:'';display:inline-block;width:.8rem;height:.8rem;border:1.5px solid var(--heading);margin-inline-end:.45rem;vertical-align:-1px}
.doc-tpl-checklist .doc-timeline{flex-direction:column}
.doc-tpl-checklist .doc-tl-step{flex:1 1 auto;border-radius:0;border-top:0;border-bottom:1px solid var(--border)}
.doc-tpl-checklist .doc-notes{min-height:4rem;border:1px dashed var(--heading);border-radius:.4rem;padding:.4rem}

.doc-tpl-digital .doc-brand{border-bottom:2px solid var(--accent);align-items:center}
.doc-tpl-digital .doc-logo{height:64px;max-width:180px}
.doc-tpl-digital .doc-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.doc-tpl-digital .doc-band-cell{border:1px solid var(--border);border-radius:.5rem;padding:.4rem .55rem;background:#fff}
.doc-tpl-digital .doc-total-main{background:var(--accent-soft);border-inline-start:4px solid var(--accent)}

.doc-tpl-punch{position:relative;padding-inline-end:4.2rem}
.doc-tpl-punch::before{content:'كعب أمر الشغل';position:absolute;top:0;bottom:0;inset-inline-end:0;width:3.4rem;border-inline-start:2px dashed var(--heading);writing-mode:vertical-rl;text-orientation:mixed;display:grid;place-items:center;font-weight:900;font-size:.72rem;color:var(--heading);background:#fffdf9}
.doc-tpl-punch .plate-tag,.doc-tpl-punch .doc-party-value{font-size:1.35rem;font-weight:900}
.doc-tpl-punch .doc-party{border:2px solid var(--heading);border-radius:.5rem;background:#fff}
.doc-tpl-punch .doc-doc-num{font-size:1.15rem}

.doc-tpl-night .doc-brand{background:var(--heading);border-radius:.6rem;padding:.8rem;margin-bottom:.8rem;border-bottom:3px solid var(--accent)}
.doc-tpl-night .doc-brand,.doc-tpl-night .doc-brand .doc-name,.doc-tpl-night .doc-brand .doc-tag,
.doc-tpl-night .doc-brand .doc-contact,.doc-tpl-night .doc-brand .doc-doc-title,.doc-tpl-night .doc-brand .doc-doc-num{color:#f5f0e8}
.doc-tpl-night .doc-brand .doc-tag,.doc-tpl-night .doc-brand .doc-contact{opacity:.8}
.doc-tpl-night .doc-doc-title{color:var(--accent-hi)}
.doc-tpl-night .doc-table th{background:var(--heading);color:#f5f0e8}

.doc-tpl-note{border:2px dashed var(--heading);border-radius:.2rem}
.doc-tpl-note .doc-doc-num{font-size:2rem;font-weight:900;line-height:1.05;letter-spacing:.02em}
.doc-tpl-note .doc-brand{border-bottom:1px dashed var(--heading)}
.doc-tpl-note .doc-totals{border:1px dashed var(--heading);border-radius:.4rem;padding:.45rem}
.doc-tpl-note .doc-end{border-top:1px dashed var(--heading)}

@media (max-width:640px){
  .doc-brands img{height:20px;max-width:56px}
  .doc-tpl-banner .doc-brand,.doc-tpl-bold .doc-brand-id,.doc-tpl-bold .doc-brand-doc{border-radius:.5rem}
  .doc-tpl-punch{padding-inline-end:3.2rem}
  .doc-tpl-punch::before{width:2.6rem}
}
@media print{
  .doc-brands img{height:22px}
  .doc-tpl-ticket,.doc-tpl-minimal{max-width:none}
  .doc-complaint,.doc-timeline,.doc-bank,.doc-footer,.doc-tl-step{break-inside:avoid}
}

/* ===== بطاقات تخطيط الطباعة + المعاينة في الإعدادات ===== */
.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:.6rem}
.tpl-card{display:flex;flex-direction:column;gap:.3rem;border:1px solid var(--border);border-radius:var(--radius);padding:.6rem;background:var(--paper);transition:border-color .15s,box-shadow .15s}
.tpl-card.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.tpl-card b{font-size:.86rem;color:var(--heading)}
.tpl-card small{font-size:.72rem;color:var(--muted);line-height:1.5;flex:1}
.tpl-card .badge-default{font-size:.66rem;color:var(--accent-ink);background:var(--accent-soft);border-radius:var(--chip-radius);padding:.1rem .4rem;font-weight:800}
.tpl-card-row{display:flex;align-items:center;gap:.4rem;margin-top:.25rem}
.tpl-card-row .form-check-label{font-size:.78rem;font-weight:700;color:var(--heading)}
.tpl-preview{border:1px solid var(--accent-line);background:#fff;color:var(--accent-ink);border-radius:var(--btn-radius);padding:.22rem .6rem;font-size:.74rem;font-weight:800}
.tpl-preview:hover{background:var(--accent-soft)}
.brand-pick{display:flex;flex-wrap:wrap;gap:.4rem;max-height:260px;overflow:auto;padding:.15rem}
.brand-pick-item{display:flex;align-items:center;gap:.4rem;border:1px solid var(--border);border-radius:.5rem;padding:.25rem .5rem;background:#fff;font-size:.78rem;font-weight:700;color:var(--heading);cursor:pointer}
.brand-pick-item img{height:22px;max-width:56px;object-fit:contain}
.brand-pick-item.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.doc-preview-mask{position:fixed;inset:0;background:rgba(20,16,12,.62);z-index:3000;display:flex;align-items:flex-start;justify-content:center;padding:1rem;overflow:auto}
.doc-preview-box{background:var(--paper);border-radius:var(--radius);width:min(940px,100%);max-height:calc(100vh - 2rem);display:flex;flex-direction:column;box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.doc-preview-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem .8rem;border-bottom:1px solid var(--border)}
.doc-preview-head b{font-size:.9rem;color:var(--heading)}
.doc-preview-body{overflow:auto;padding:1rem;background:#efe8dc}
.doc-preview-body .doc-print{margin:0 auto}
.doc-preview-frame{flex:0 0 auto;width:100%;height:min(78vh,860px);border:0;display:block;background:#efe8dc;border-radius:0 0 var(--radius) var(--radius)}
.doc-preview-close{border:1px solid var(--border);background:#fff;border-radius:var(--btn-radius);padding:.2rem .6rem;font-weight:800;color:var(--muted)}
@media (max-width:640px){
  .tpl-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  .doc-preview-box{max-height:none}
}
/* ===== ظهور الصفحات ===== */
.pv-group{margin-bottom:1.1rem}
.pv-group:last-child{margin-bottom:0}
.pv-group-title{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:.8rem;color:var(--muted);margin-bottom:.5rem}
.pv-group-title::after{content:"";flex:1;height:1px;background:var(--border)}
.pv-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(9.5rem,13.5rem);align-items:center;gap:.55rem;border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .7rem;background:var(--paper);transition:border-color .15s ease,background .15s ease}
.pv-row:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}
.pv-row .pv-name{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;min-width:0}
.pv-row .pv-name .bi{color:var(--accent);font-size:1.05rem}
.pv-row .pv-hide{display:inline-flex;align-items:center;gap:.35rem;margin:0;padding:.22rem .65rem;border:1px solid var(--border);border-radius:99px;font-size:.76rem;font-weight:800;cursor:pointer;white-space:nowrap;background:var(--hover);color:var(--muted)}
.pv-row .pv-hide input{margin:0}
.pv-row .pv-perm{width:100%;font-size:.78rem;font-weight:700}
.pv-row .pv-perm:disabled{opacity:.5}
.pv-row.is-locked{background:transparent;border-style:dashed}
.pv-row.is-hidden{border-color:#e07a5f;background:color-mix(in srgb,#e07a5f 12%,var(--paper))}
.pv-row.is-hidden .pv-hide{border-color:#e07a5f;background:#e07a5f;color:#fff}
.pv-row.is-reserved{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--paper))}
.pv-fixed{grid-column:2 / -1;display:inline-flex;align-items:center;justify-content:flex-end;gap:.3rem;font-size:.76rem;font-weight:800;color:var(--muted)}
.pv-off{opacity:.45}
@media (max-width:991px){
  .pv-row{grid-template-columns:minmax(0,1fr) auto}
  .pv-row .pv-perm{grid-column:1 / -1}
}

/* ---- قائمة الإضاءة واللغة في الشريط العلوي ---- */
.appear-menu{min-width:264px;padding:.55rem;border-radius:16px}
.appear-head{
  display:flex;align-items:center;gap:.4rem;
  padding:.35rem .5rem .3rem;color:var(--muted);
  font-size:.7rem;font-weight:800;letter-spacing:.06em;
}
.appear-seg{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;padding:0 .35rem .45rem}
.appear-opt{
  display:flex;align-items:center;justify-content:center;gap:.35rem;
  padding:.45rem .5rem;border-radius:11px;text-decoration:none;
  border:1px solid var(--border);background:var(--surface-alt);
  color:var(--muted);font-size:.82rem;font-weight:700;
  transition:transform .15s ease,border-color .15s ease,color .15s ease,background .15s ease;
}
.appear-opt:hover{transform:translateY(-1px);color:var(--heading);border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}
.appear-opt.on{
  background:color-mix(in srgb, var(--accent) 14%, var(--surface));
  border-color:color-mix(in srgb, var(--accent) 60%, transparent);
  color:var(--accent-ink, var(--accent));
}
.appear-note{padding:.15rem .5rem .25rem;color:var(--muted);font-size:.68rem;line-height:1.6}

/* الواجهة الإنجليزية (LTR): مساحات أوسع للنصوص لأن الكلمات أطول من العربي */
html[dir="ltr"] .topbar .top-left{flex:1 1 auto;min-width:0}
html[dir="ltr"] .topbar .top-crumb{flex:1 1 auto;min-width:0;max-width:38vw}
html[dir="ltr"] .topbar .cmdk-trigger{flex:0 1 320px;min-width:190px}
html[dir="ltr"] .side-meter{grid-template-columns:repeat(3,minmax(0,1fr))}
html[dir="ltr"] .side-meter span{font-size:.56rem}
html[dir="ltr"] .appear-opt{font-size:.78rem}
html[dir="ltr"] .bottom-nav .bn-label{font-size:.62rem}
@media (max-width:991.98px){
  html[dir="ltr"] .sidebar{transform:translateX(-110%)}
  html[dir="ltr"] body.drawer-open .sidebar{transform:none}
}

/* موبايل: زرار القائمة (فتح الدرج) كان بيتقلّص مع ضغط الشريط العلوي */
@media (max-width:991.98px){
  .topbar .menu-toggle{flex:0 0 40px;min-width:40px}
}
@media (max-width:379.98px){
  .topbar .brand{display:none}
}
.veh-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
@media (min-width:768px){.veh-stats{grid-template-columns:repeat(5,minmax(0,1fr))}}
.veh-stat{background:var(--paper,#fff);border:1px solid var(--border);border-radius:14px;padding:.85rem 1rem}
.veh-stat-k{font-size:.78rem;color:var(--muted);font-weight:700}
.veh-stat-v{font-size:1.25rem;font-weight:800;line-height:1.2;margin-top:.15rem}
.veh-stat-s{font-size:.75rem;color:var(--muted);margin-top:.1rem}
.veh-timeline{display:flex;flex-direction:column;gap:.45rem}
.veh-tl-item{display:flex;align-items:flex-start;gap:.65rem;padding:.55rem .4rem;border-radius:10px;text-decoration:none;color:inherit}
.veh-tl-item:hover{background:rgba(232,93,4,.06)}
.veh-tl-ico{width:2rem;height:2rem;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:rgba(23,20,18,.06);color:var(--accent,#e85d04)}
.veh-tl-item.tone-inv .veh-tl-ico{background:rgba(37,99,235,.12);color:#2563eb}
.veh-tl-item.tone-wo .veh-tl-ico{background:rgba(232,93,4,.12);color:#c2410c}
.veh-tl-item.tone-wash .veh-tl-ico{background:rgba(14,165,233,.12);color:#0284c7}
.veh-tl-item.tone-pay .veh-tl-ico{background:rgba(22,163,74,.12);color:#15803d}
.veh-tl-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.1rem}
.veh-tl-title{font-weight:800;font-size:.92rem}
.veh-tl-meta{font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.veh-tl-amt{font-weight:800;font-size:.9rem;white-space:nowrap}
.veh-qr-mini{width:72px;height:72px;flex:0 0 auto;background:#fff;border-radius:.45rem;overflow:hidden}
.veh-qr-mini img{width:100%;height:100%;display:block}

/* مواعيد الصيانة القادمة */
.remind-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin-bottom:1rem}
.remind-kpi{display:flex;flex-direction:column;gap:.15rem;padding:.75rem .85rem;border-radius:.9rem;background:var(--paper);border:1px solid var(--border);text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:border-color .18s ease,transform .18s ease}
.remind-kpi:hover{border-color:var(--accent);transform:translateY(-1px);color:inherit}
.remind-kpi.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.remind-kpi-n{font-size:1.45rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.remind-kpi-l{font-size:.78rem;font-weight:700;color:var(--muted)}
.remind-kpi.is-urgent .remind-kpi-n,.remind-kpi.is-urgent.on .remind-kpi-l{color:#b91c1c}
.remind-kpi.is-today .remind-kpi-n{color:var(--accent-2)}
.remind-list{display:flex;flex-direction:column;gap:.7rem}
.remind-card{display:flex;justify-content:space-between;align-items:stretch;gap:1rem;flex-wrap:wrap;padding:1rem 1.05rem;border-radius:1rem;background:var(--paper);border:1px solid var(--border);border-inline-start:4px solid var(--border);box-shadow:var(--shadow)}
.remind-card.is-overdue{border-inline-start-color:#dc2626;background:linear-gradient(90deg,rgba(254,226,226,.45),var(--paper) 28%)}
.remind-card.is-today{border-inline-start-color:var(--accent);background:linear-gradient(90deg,rgba(255,237,213,.5),var(--paper) 28%)}
.remind-card.is-soon{border-inline-start-color:#0e7490}
.remind-card-main{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:.55rem}
.remind-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}
.remind-name{font-weight:800;font-size:1.05rem}
.remind-phone{font-size:.84rem;color:var(--muted);font-weight:700;margin-top:.15rem}
.remind-phone i{margin-inline-end:.2rem}
.remind-when{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}
.remind-when-chip{display:inline-flex;align-items:center;padding:.22rem .55rem;border-radius:999px;font-size:.75rem;font-weight:800;background:rgba(23,20,18,.06);color:var(--heading)}
.remind-card.is-overdue .remind-when-chip{background:#fee2e2;color:#b91c1c}
.remind-card.is-today .remind-when-chip{background:#ffedd5;color:#c2410c}
.remind-date{font-size:.78rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.remind-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}
.remind-car,.remind-wo,.remind-odo{font-size:.8rem;font-weight:700;color:var(--muted)}
.remind-note{font-size:.88rem;font-weight:700;padding:.45rem .6rem;border-radius:.65rem;background:rgba(232,93,4,.07);color:var(--heading)}
.remind-note i{color:var(--accent-2);margin-inline-end:.25rem}
.remind-note.is-muted{background:rgba(23,20,18,.04);font-weight:650;color:var(--muted)}
.remind-actions{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.35rem;flex:0 1 auto}
@media (max-width:900px){
  .remind-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:560px){
  .remind-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .remind-when{align-items:flex-start}
  .remind-actions{width:100%}
  .remind-actions .btn{flex:1 1 auto}
}

/* Wash */
.wash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-bottom:1rem}
.wash-kpi{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .85rem;border-radius:.9rem;background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow)}
.wash-kpi.is-focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.wash-kpi-l{font-size:.78rem;font-weight:700;color:var(--muted)}
.wash-kpi-n{font-size:1.45rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.wash-kpi-s{font-size:.82rem;font-weight:700;color:var(--heading);font-variant-numeric:tabular-nums}
.wash-type-picks{display:flex;flex-wrap:wrap;gap:.4rem}
.wash-type-pick{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.45rem .7rem;border-radius:.75rem;border:1px solid var(--border);background:var(--paper);cursor:pointer;min-width:5.5rem;transition:border-color .15s ease,background .15s ease}
.wash-type-pick input{position:absolute;opacity:0;pointer-events:none}
.wash-type-pick span{font-size:.88rem;font-weight:800}
.wash-type-pick small{font-size:.72rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.wash-type-pick:has(input:checked){border-color:var(--accent);background:rgba(232,93,4,.08)}
.wash-scopes{display:flex;flex-wrap:wrap;gap:.4rem}
.wash-scope{display:flex;flex-direction:column;gap:.1rem;padding:.5rem .75rem;border-radius:.8rem;border:1px solid var(--border);background:var(--paper);text-decoration:none;color:inherit;box-shadow:var(--shadow);min-width:5.5rem;transition:border-color .15s ease}
.wash-scope:hover{border-color:var(--accent);color:inherit}
.wash-scope.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.wash-scope b{font-size:.88rem}
.wash-scope span{font-size:.72rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.wash-type-filters{display:flex;flex-wrap:wrap;gap:.35rem}
.wash-type-filter{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--paper);text-decoration:none;color:inherit;font-size:.82rem;font-weight:700}
.wash-type-filter:hover{border-color:var(--accent);color:inherit}
.wash-type-filter.on{border-color:var(--accent);background:rgba(232,93,4,.1);color:var(--heading)}
.wash-type-filter b{font-variant-numeric:tabular-nums;opacity:.75}
.wash-list{display:flex;flex-direction:column;gap:.7rem}
.wash-card{display:flex;justify-content:space-between;align-items:stretch;gap:1rem;flex-wrap:wrap;padding:1rem 1.05rem;border-radius:1rem;background:var(--paper);border:1px solid var(--border);border-inline-start:4px solid #0e7490;box-shadow:var(--shadow)}
.wash-card.tone-outside{border-inline-start-color:#0284c7}
.wash-card.tone-inside{border-inline-start-color:#7c3aed}
.wash-card.tone-full{border-inline-start-color:#0e7490}
.wash-card.tone-polish{border-inline-start-color:#c2410c}
.wash-card-main{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:.55rem}
.wash-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}
.wash-name{font-weight:800;font-size:1.05rem}
.wash-phone{font-size:.84rem;color:var(--muted);font-weight:700;margin-top:.15rem}
.wash-phone i{margin-inline-end:.2rem}
.wash-amount{font-size:1.2rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.wash-amount small{font-size:.75rem;font-weight:700;color:var(--muted)}
.wash-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}
.wash-car,.wash-time{font-size:.8rem;font-weight:700;color:var(--muted)}
.wash-time i{margin-inline-end:.15rem}
.wash-note{font-size:.88rem;font-weight:700;padding:.45rem .6rem;border-radius:.65rem;background:rgba(14,116,144,.08);color:var(--heading)}
.wash-actions{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.35rem;flex:0 1 auto}
@media (max-width:900px){
  .wash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .wash-kpis{grid-template-columns:1fr 1fr}
  .wash-actions{width:100%}
  .wash-actions .btn{flex:1 1 auto}
}
@supports not selector(:has(*)){
  .wash-type-pick{position:relative}
  .wash-type-pick input{position:static;opacity:1;pointer-events:auto;margin-inline-end:.35rem}
}

/* Clients list */
.clients-kpis,.veh-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;margin-bottom:1rem}
.veh-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.clients-kpi,.veh-kpi{display:flex;flex-direction:column;gap:.15rem;padding:.75rem .85rem;border-radius:.9rem;background:var(--paper);border:1px solid var(--border);text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:border-color .18s ease,transform .18s ease}
.clients-kpi:hover,.veh-kpi:hover{border-color:var(--accent);transform:translateY(-1px);color:inherit}
.clients-kpi.on,.veh-kpi.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.clients-kpi-n,.veh-kpi-n{font-size:1.45rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.clients-kpi-l,.veh-kpi-l{font-size:.78rem;font-weight:700;color:var(--muted)}
.clients-kpi.is-urgent .clients-kpi-n,.veh-kpi.is-urgent .veh-kpi-n{color:#b91c1c}
.clients-kpi.is-today .clients-kpi-n,.veh-kpi.is-today .veh-kpi-n{color:var(--accent-2)}
.clients-list,.veh-list{display:flex;flex-direction:column;gap:.7rem}
.client-card,.veh-card{display:flex;justify-content:space-between;align-items:stretch;gap:1rem;flex-wrap:wrap;padding:1rem 1.05rem;border-radius:1rem;background:var(--paper);border:1px solid var(--border);border-inline-start:4px solid var(--border);box-shadow:var(--shadow)}
.client-card.is-debt,.veh-card.is-overdue{border-inline-start-color:#dc2626;background:linear-gradient(90deg,rgba(254,226,226,.4),var(--paper) 28%)}
.client-card.is-open,.veh-card.is-open{border-inline-start-color:var(--accent);background:linear-gradient(90deg,rgba(255,237,213,.45),var(--paper) 28%)}
.client-card.is-empty{border-inline-start-color:#94a3b8}
.veh-card.is-due{border-inline-start-color:#0e7490}
.client-card-main,.veh-card-main{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:.55rem}
.client-card-top,.veh-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}
.client-id,.veh-id{display:flex;align-items:center;gap:.7rem;min-width:0}
.client-name{font-weight:800;font-size:1.05rem}
.client-name a,.veh-plate a{color:inherit;text-decoration:none}
.client-name a:hover,.veh-plate a:hover{color:var(--accent)}
.client-phone,.veh-car{font-size:.84rem;color:var(--muted);font-weight:700;margin-top:.15rem}
.client-phone i{margin-inline-end:.2rem}
.client-stats{display:flex;flex-wrap:wrap;gap:.35rem}
.client-stat{display:flex;flex-direction:column;align-items:center;min-width:3.2rem;padding:.3rem .45rem;border-radius:.65rem;background:rgba(23,20,18,.04)}
.client-stat b{font-size:.95rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}
.client-stat small{font-size:.68rem;font-weight:700;color:var(--muted)}
.client-stat.is-warn{background:rgba(232,93,4,.1)}
.client-stat.is-bad{background:#fee2e2;color:#b91c1c}
.client-stat.is-bad small{color:#b91c1c}
.client-meta,.veh-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}
.client-meta-item,.veh-owner,.veh-phone,.veh-odo,.veh-vin,.veh-next,.veh-wash,.veh-inv{font-size:.8rem;font-weight:700;color:var(--muted)}
.veh-next.is-bad{color:#b91c1c}
.veh-side{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}
.veh-due{font-size:.95rem;font-weight:800;color:#b91c1c;font-variant-numeric:tabular-nums}
.veh-note{font-size:.88rem;font-weight:700;padding:.45rem .6rem;border-radius:.65rem;background:rgba(232,93,4,.07);color:var(--heading)}
.veh-note i{color:var(--accent-2);margin-inline-end:.25rem}
.client-actions,.veh-actions{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.35rem;flex:0 1 auto}
@media (max-width:1100px){
  .clients-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .veh-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:560px){
  .clients-kpis,.veh-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .client-actions,.veh-actions{width:100%}
  .client-actions .btn,.veh-actions .btn{flex:1 1 auto}
}

/* Workshop board rich */
.wo-kpis{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.45rem;margin-bottom:.75rem}
.wo-kpi{display:flex;flex-direction:column;gap:.12rem;padding:.65rem .7rem;border-radius:.85rem;background:var(--paper);border:1px solid var(--border);text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:border-color .18s ease,transform .18s ease}
.wo-kpi:hover{border-color:var(--accent);transform:translateY(-1px);color:inherit}
.wo-kpi.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.wo-kpi-n{font-size:1.25rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.wo-kpi-l{font-size:.72rem;font-weight:700;color:var(--muted)}
.wo-kpi.is-today .wo-kpi-n{color:var(--accent-2)}
.wo-substats{display:flex;flex-wrap:wrap;gap:.75rem 1.1rem;font-size:.84rem;font-weight:700;color:var(--muted)}
.wo-substats b{color:var(--heading);font-variant-numeric:tabular-nums}
.wo-substats i{margin-inline-end:.25rem;color:var(--accent-2)}
.board-rich{align-items:flex-start}
.board-rich .board-col{flex:0 0 280px;min-height:280px}
.wo-rich{display:flex;flex-direction:column;gap:.45rem;padding:.75rem .8rem;margin-bottom:.55rem;border-radius:.85rem;background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow)}
.wo-rich-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.35rem}
.wo-rich-link:hover{color:inherit}
.wo-rich-top{display:flex;justify-content:space-between;align-items:center;gap:.4rem;flex-wrap:wrap}
.wo-rich-name{font-weight:800;font-size:.98rem}
.wo-rich-car{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;color:var(--muted)}
.wo-rich-complaint{font-size:.82rem;font-weight:650;color:var(--heading);line-height:1.35}
.wo-rich-meta{display:flex;flex-wrap:wrap;gap:.3rem .45rem;font-size:.74rem;font-weight:700;color:var(--muted)}
.wo-rich-meta i{margin-inline-end:.15rem}
.wo-rich-note{font-size:.8rem;font-weight:700;padding:.35rem .5rem;border-radius:.55rem;background:rgba(232,93,4,.08);color:var(--heading)}
.wo-rich-actions{display:flex;flex-wrap:wrap;gap:.3rem}
.wo-delivered-list{display:flex;flex-direction:column;gap:.65rem}
.wo-delivered-list .wo-rich{margin-bottom:0}
@media (max-width:1100px){
  .wo-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:560px){
  .wo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .board-rich .board-col{flex:1 1 auto;width:100%}
  .wo-rich-actions .btn{flex:1 1 auto}
}

/* Dashboard snapshot */
.dash-snap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}
.dash-snap-card{display:flex;flex-direction:column;gap:.2rem;padding:.85rem .9rem;border-radius:.95rem;background:var(--paper);border:1px solid var(--border);border-inline-start:4px solid var(--border);text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:border-color .18s ease,transform .18s ease}
.dash-snap-card:hover{border-color:var(--accent);transform:translateY(-1px);color:inherit}
.dash-snap-card.is-ops{border-inline-start-color:#0e7490}
.dash-snap-card.is-ok{border-inline-start-color:#15803d}
.dash-snap-card.is-money{border-inline-start-color:var(--accent)}
.dash-snap-card.is-bad{border-inline-start-color:#dc2626;background:linear-gradient(90deg,rgba(254,226,226,.35),var(--paper) 30%)}
.dash-snap-l{font-size:.76rem;font-weight:700;color:var(--muted)}
.dash-snap-n{font-size:1.35rem;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums}
.dash-snap-s{font-size:.74rem;font-weight:700;color:var(--muted)}
.dash-wo{display:flex;flex-direction:column;gap:.35rem;padding:.7rem .75rem;margin-bottom:.5rem;border-radius:.8rem;background:var(--paper);border:1px solid var(--border)}
.dash-wo-main{text-decoration:none;color:inherit;display:block}
.dash-wo-main:hover{color:inherit}
.dash-wo-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem;font-size:.72rem;font-weight:700;color:var(--muted)}
.dash-wo-actions{display:flex;gap:.3rem}
.dash-spark{display:flex;align-items:flex-end;gap:.28rem;height:40px}
.dash-spark-col{flex:1;display:flex;align-items:flex-end;gap:2px;height:100%}
.dash-spark-col i,.dash-spark-col b{display:block;flex:1;border-radius:.2rem .2rem 0 0;min-height:2px}
.dash-spark-col i{background:rgba(232,93,4,.35)}
.dash-spark-col b{background:rgba(21,128,61,.55)}
@media (max-width:1100px){
  .dash-snap{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .dash-snap{grid-template-columns:1fr 1fr}
}

/* Money / finance lists — same language as wash */
.money-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-bottom:1rem}
.money-kpi{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .85rem;border-radius:.9rem;background:var(--paper);border:1px solid var(--border);box-shadow:var(--shadow)}
.money-kpi.is-focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.money-kpi-l{font-size:.78rem;font-weight:700;color:var(--muted)}
.money-kpi-n{font-size:1.45rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.money-kpi-s{font-size:.82rem;font-weight:700;color:var(--heading);font-variant-numeric:tabular-nums}
.money-scopes{display:flex;flex-wrap:wrap;gap:.4rem}
.money-scope{display:flex;flex-direction:column;gap:.1rem;padding:.5rem .75rem;border-radius:.8rem;border:1px solid var(--border);background:var(--paper);text-decoration:none;color:inherit;box-shadow:var(--shadow);min-width:5.2rem;transition:border-color .15s ease}
a.money-scope:hover{border-color:var(--accent);color:inherit}
.money-scope.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.money-scope b{font-size:.88rem}
.money-scope span{font-size:.72rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.money-list{display:flex;flex-direction:column;gap:.7rem}
.money-card{display:flex;justify-content:space-between;align-items:stretch;gap:1rem;flex-wrap:wrap;padding:1rem 1.05rem;border-radius:1rem;background:var(--paper);border:1px solid var(--border);border-inline-start:4px solid var(--border);box-shadow:var(--shadow)}
.money-card.tone-ok{border-inline-start-color:#15803d}
.money-card.tone-due{border-inline-start-color:var(--accent)}
.money-card.tone-late{border-inline-start-color:#dc2626}
.money-card-main{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:.55rem}
.money-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}
.money-name{font-weight:800;font-size:1.05rem}
.money-name a{color:inherit;text-decoration:none}
.money-name a:hover{color:var(--accent)}
.money-phone{font-size:.84rem;color:var(--muted);font-weight:700;margin-top:.15rem}
.money-phone i{margin-inline-end:.2rem}
.money-amount{font-size:1.2rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.money-amount small{font-size:.75rem;font-weight:700;color:var(--muted)}
.money-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}
.money-car,.money-time{font-size:.8rem;font-weight:700;color:var(--muted)}
.money-time i{margin-inline-end:.15rem}
.money-note{font-size:.88rem;font-weight:700;padding:.45rem .6rem;border-radius:.65rem;background:rgba(232,93,4,.07);color:var(--heading)}
.money-note.is-late{background:rgba(220,38,38,.08);color:#b91c1c}
.money-actions{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.35rem;flex:0 1 auto}
@media (max-width:900px){
  .money-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .money-kpis{grid-template-columns:1fr 1fr}
  .money-actions{width:100%}
  .money-actions .btn{flex:1 1 auto}
}