/* ZITO CORE · Atelier v6 — craft overlay on Aurora. Zero new assets. */
:root{
  --bg:#f3f4f8;
  --bg-2:#eaecf3;
  --panel:#ffffff;
  --panel-2:#fafbfe;
  --border:#e6e8f0;
  --border-strong:#d0d4e0;
  --text:#0c1222;
  --text-2:#2a3348;
  --muted:#5c657a;
  --faint:#8b93a7;
  --accent:#0A66FF;
  --accent-600:#0854D4;
  --navy:#0B1F3A;
  --cyan:#00C2FF;
  --grad-cta:linear-gradient(180deg,#3B8FFF 0%,#2E86FF 55%,#1B5FD4 100%);
  --r:11px;
  --r-lg:16px;
  --r-xl:22px;
  --e1:0 1px 2px rgba(15,23,42,.035);
  --e2:0 1px 2px rgba(15,23,42,.04),0 10px 28px -14px rgba(15,23,42,.14);
  --e3:0 22px 50px -24px rgba(15,23,42,.22),0 2px 6px rgba(15,23,42,.05);
}
[data-theme=dark]{
  --bg:#050A14;
  --bg-2:#0B1528;
  --panel:rgba(18,32,56,.78);
  --panel-2:#122038;
  --accent:#2E86FF;
  --accent-600:#5BA3FF;
  --cyan:#22D3FF;
  --grad-cta:linear-gradient(180deg,#3B8FFF 0%,#2E86FF 55%,#1B5FD4 100%);
  --border:rgba(255,255,255,.08);
  --border-strong:rgba(255,255,255,.14);
  --text:#eef1fb;
  --text-2:#c8d0e4;
  --muted:#95a0b8;
  --faint:#7a849c;
}

body{
  letter-spacing:-.011em;
  line-height:1.55;
  text-rendering:optimizeLegibility;
}
h1,h2,h3{letter-spacing:-.022em;line-height:1.25}
.page-head{
  margin-bottom:22px;
  padding-bottom:18px;
  border-bottom:1px solid color-mix(in srgb,var(--border) 88%,transparent);
}
.page-head h1{
  font-size:26px;
  font-weight:680;
  background:none!important;
  -webkit-background-clip:unset!important;
  background-clip:unset!important;
  color:var(--text)!important;
}
.page-head p{
  margin-top:8px;
  max-width:62ch;
  line-height:1.65;
  color:var(--muted);
  font-size:13px;
}

.content{padding:28px 28px 48px}
.card{
  border-radius:var(--r-lg);
  border-color:color-mix(in srgb,var(--border) 92%,transparent);
  box-shadow:var(--e1);
}
.card:hover{box-shadow:var(--e2)}
.card-h{min-height:50px;padding:14px 18px}
.card-b{padding:18px}
.card-h h3:before{
  width:5px;height:5px;border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);
}

.btn{
  height:36px;padding:0 15px;border-radius:10px;
  font-weight:600;letter-spacing:-.01em;
  box-shadow:none;
}
.btn-primary{
  background:var(--grad-cta);
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 6px 16px -8px rgba(10,102,255,.5);
}
.btn-primary:hover{filter:brightness(1.05)}
.input,select,textarea,.input.input-sm{
  border-radius:10px!important;
  border-color:var(--border)!important;
  background:var(--panel)!important;
}
.input:focus,select:focus,textarea:focus{
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)!important;
}

/* suppliers craft */
[data-page=suppliers] .findbox{
  padding:10px 12px;
  border-radius:14px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,var(--panel)),var(--panel));
  border:1px solid color-mix(in srgb,var(--accent) 14%,var(--border));
  box-shadow:var(--e1);
}
[data-page=suppliers] .findbox .input{
  height:42px!important;font-size:14.5px;border:0!important;background:transparent!important;box-shadow:none!important;
}
[data-page=suppliers] .findbox .btn{height:40px;border-radius:11px}
[data-page=suppliers] .ffold{
  border-radius:12px;
}
[data-page=suppliers] .fchip{
  height:28px;padding:0 11px;border-radius:999px;
  font-size:12.5px;font-weight:550;
  background:var(--panel-2);
  transition:background .15s,border-color .15s,color .15s,transform .12s;
}
[data-page=suppliers] .fchip:hover{transform:translateY(-1px)}
[data-page=suppliers] .fchip.on{
  background:var(--text);
  border-color:var(--text);
  color:#fff;
}
[data-page=suppliers] .fchip.on .n{color:rgba(255,255,255,.72)}
[data-theme=dark][data-page=suppliers] .fchip.on{
  background:#eef1fb;color:#0c1222;border-color:#eef1fb
}
[data-page=suppliers] .active-f{
  border-radius:999px!important;
  font-weight:600;
}
.sup-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
.scard{
  border-radius:16px;
  padding:16px 16px 14px;
  gap:10px;
  box-shadow:var(--e1);
  border:1px solid var(--border);
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--panel) 92%,#fff),var(--panel));
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s;
}
.scard:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--accent) 28%,var(--border));
  box-shadow:var(--e2);
}
.scard .nm{font-size:15px;font-weight:650;letter-spacing:-.015em;line-height:1.35}
.scard .en{font-size:12px;opacity:.9}
.scard .loc{color:var(--muted);font-size:12.5px}
.scard .caps{
  margin:2px 0 0;
  padding:10px 0 2px;
  border-top:1px dashed color-mix(in srgb,var(--border) 90%,transparent);
}
.scard .ft{
  border-top:1px solid color-mix(in srgb,var(--border) 85%,transparent);
  padding-top:10px;margin-top:4px;
}
.scard.muted-card{opacity:.72;filter:saturate(.85)}
.scard.muted-card:hover{opacity:1;filter:none}

.seg{
  padding:3px;border-radius:12px;background:var(--bg-2);border:1px solid var(--border);gap:2px;
}
.seg a{
  border-radius:9px;padding:6px 12px;font-weight:600;font-size:12.5px;color:var(--muted);
}
.seg a.on{
  background:var(--panel);color:var(--text);box-shadow:var(--e1);
}

/* tables */
table.t thead th{
  letter-spacing:.04em;
  font-size:11px;
  text-transform:none;
  font-weight:650;
  color:var(--muted);
}
table.t tbody tr:hover td{
  background:color-mix(in srgb,var(--accent) 4%,transparent);
}

/* KPI */
.kpi{
  border-radius:16px;
  position:relative;
}
.kpi .value,.kpi .v{
  font-size:28px;font-weight:700;letter-spacing:-.03em;
}
.g-kpi>.kpi:first-child{
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,var(--panel)),var(--panel) 70%);
}

/* login elegance */
body.login-page,.auth-wrap,[data-page=login] .content,main.login,.login-card{
  /* soft targets if classes exist */
}
.auth-card,.login .card,#login-form,form.login-form{
  border-radius:18px!important;
}
[data-page=login] .card,[data-page=auth] .card{
  box-shadow:var(--e3);
  border-radius:18px;
}

/* topbar quieter */
.topbar{
  height:58px;
  border-bottom-color:color-mix(in srgb,var(--border) 80%,transparent);
}
.search-trigger{
  height:34px!important;border-radius:10px!important;
}

/* sidebar quieter active */
nav a.active{
  background:linear-gradient(90deg,rgba(46,134,255,.22),rgba(46,134,255,.04) 75%,transparent);
  box-shadow:inset 0 0 0 1px rgba(46,134,255,.14);
}

/* pagination */
nav[aria-label=分页] .card-b,nav[aria-label="分页"] .card-b{
  padding:12px 16px;
}

@media (max-width:860px){
  .content{padding:16px 14px 96px}
  .page-head h1{font-size:22px}
  .sup-grid{grid-template-columns:1fr;gap:12px}
}
@media (prefers-reduced-motion:reduce){
  .scard,.fchip{transition:none!important;transform:none!important}
}