/* R22 新店经营样板：只作用于 .uik-ns 和 ns- 前缀；卡片、横幅、队列沿用 cs-kit.css，色块沿用 ui-core.css 的 .uik-trk。
   颜色只表达好坏：绿＝达到目标，黄＝60%–100%，红＝低于 60% 或缺项，灰＝没有数据。 */
#sideAreas .ns-nav { cursor:pointer; }
#sideAreas .ns-nav b { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; }
#sideAreas .ns-nav small { font-size:11.5px; color:#86909C; white-space:nowrap; }

/* 今日发现：四张并排，等高 */
.uik-ns .ns-finds { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; }
.uik-ns .ns-find { all:unset; box-sizing:border-box; cursor:pointer; display:flex; flex-direction:column; gap:4px; background:#fff; border-radius:12px; padding:16px 20px; transition:transform .12s, box-shadow .12s; }
.uik-ns .ns-find:hover { transform:translateY(-1px); box-shadow:0 0 0 1px #E5E6EB; }
.uik-ns .ns-find:active { transform:scale(.98); }
.uik-ns .ns-find .ut-tag { align-self:flex-start; }
.uik-ns .ns-find b { font-size:26px; font-weight:600; line-height:1.3; color:#1F2329; font-variant-numeric:tabular-nums; }
.uik-ns .ns-find .ns-ft { font-size:14px; font-weight:600; color:#1F2329; }
.uik-ns .ns-find small { font-size:12px; line-height:1.6; color:#4E5969; }

/* 新店管道 */
.uik-ns .ns-pipe { display:flex; align-items:stretch; gap:4px; margin-top:4px; }
.uik-ns .ns-seg { all:unset; box-sizing:border-box; cursor:pointer; flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; padding:10px 12px; background:#F4F6FB; border-radius:6px; position:relative; }
.uik-ns .ns-seg span { font-size:12px; color:#4E5969; white-space:nowrap; }
.uik-ns .ns-seg b { font-size:22px; font-weight:600; color:#1F2329; font-variant-numeric:tabular-nums; }
.uik-ns .ns-seg:hover { box-shadow:inset 0 0 0 1px #1E3FDF; }
.uik-ns .ns-seg[aria-expanded="true"] { box-shadow:inset 0 0 0 2px #1E3FDF; }
.uik-ns .ns-seg.r { background:#FDECEC; } .uik-ns .ns-seg.r b { color:#D54941; }
.uik-ns .ns-seg.x { background:repeating-linear-gradient(-45deg, #F2F3F5 0 6px, #E9EBEF 6px 8px); }
.uik-ns .ns-gate { flex:none; align-self:center; writing-mode:vertical-rl; font-style:normal; font-size:12px; color:#D54941; padding:8px 4px; border-left:2px dashed #D54941; border-right:2px dashed #D54941; margin:0 6px; letter-spacing:1px; }
.uik-ns .ns-pipe-f { margin:12px 0 0; padding-top:12px; border-top:1px solid #F0F1F3; font-size:12px; color:#86909C; }

/* 段标题：筹建 / 开业 / 转正 */
.uik-ns .ns-sec > * + * { margin-top:16px; }
.uik-ns .ns-sec-h { display:flex; align-items:baseline; gap:10px; padding:0 4px; }
.uik-ns .ns-sec-h b { font-size:15px; font-weight:600; color:#1F2329; }
.uik-ns .ns-sec-h span { font-size:12px; color:#86909C; }

/* 先找人 */
.uik-ns .ns-ppl td:first-child { width:140px; }
.uik-ns .ns-ppl tr.ok td { color:#86909C; }
.uik-ns .ns-ppl tr.uik-hl td, .uik-ns .ns-gate-t tr.uik-hl td { background:rgba(237,240,254,.5); }
.uik-ns .ns-owe { display:inline-block; margin:0 8px 0 0; padding:0 8px; height:20px; line-height:20px; border-radius:4px; background:#FDECEC; color:#D54941; font-size:12px; white-space:nowrap; }
.uik-ns .ns-none { color:#A9AEB8; }

/* 交接闸门 */
.uik-ns .ns-gate-t th small { display:block; font-size:11px; color:#A9AEB8; font-weight:400; }
.uik-ns .ns-gate-t td small { display:block; font-size:12px; color:#86909C; margin-top:1px; }
.uik-ns .ns-g { display:inline-flex; align-items:center; justify-content:center; min-width:28px; height:20px; padding:0 6px; border-radius:4px; font-size:12px; font-weight:600; }
.uik-ns .ns-g.ok { background:#E8F5EE; color:#1F9254; }
.uik-ns .ns-g.miss { background:#D54941; color:#fff; }
.uik-ns button.ns-g { border:0; font-family:inherit; cursor:pointer; }
.uik-ns button.ns-g:hover { box-shadow:0 0 0 2px #fff, 0 0 0 3px #1E3FDF; }
.uik-ns .ns-g.n { background:#F2F3F5; color:#86909C; }

/* 爬坡雷达 */
.uik-ns .ns-radar > .ns-rr { display:grid; grid-template-columns:220px auto minmax(0,1fr); gap:18px; align-items:center; padding:9px 0; border-bottom:1px solid #F0F1F3; font-size:13px; }
.uik-ns .ns-radar > .ns-rr.uik-hl { background:rgba(237,240,254,.5); }
.uik-ns .ns-rr .nm small { display:block; font-size:12px; color:#86909C; margin-top:1px; }
.uik-ns .ns-rr .uik-trk { padding-bottom:6px; }
.uik-ns .ns-grey { display:inline-flex; align-items:center; width:328px; height:14px; padding:0 10px; border-radius:2px; font-size:12px; color:#86909C; background:repeating-linear-gradient(-45deg, #F2F3F5 0 6px, #E9EBEF 6px 8px); }
.uik-ns .ns-l7 { font-size:12px; color:#86909C; }
.uik-ns .ns-l7 b { font-size:14px; margin:0 4px; }
.uik-ns .ns-l7 b.warn { color:#A86A06; }
.uik-ns .ns-l7 small { display:block; }
.uik-ns .cs-lg .ns-lg { display:inline-block; width:9px; height:12px; border-radius:2px; }
.uik-ns .ns-lg.g { background:#3BA272; } .uik-ns .ns-lg.y { background:#E8B44A; } .uik-ns .ns-lg.r { background:#D54941; } .uik-ns .ns-lg.n { background:#D9DCE1; } .uik-ns .ns-lg.f { box-shadow:inset 0 0 0 1px #DCDFE4; }
.uik-drawer .ns-dtrk { margin:12px 0; }

/* D30 决定 */
.uik-ns .ns-dec td small { display:block; font-size:12px; color:#86909C; }
.uik-ns .ns-acts { white-space:nowrap; text-align:right; }
.uik-ns .ns-acts .uik-btn + .uik-btn { margin-left:6px; }

/* 三平台上线时间线 */
.uik-ns .ns-lr { display:grid; grid-template-columns:72px minmax(0,1fr) 220px; gap:14px; align-items:center; padding:8px 0; border-bottom:1px solid #F0F1F3; font-size:13px; }
.uik-ns .ns-lt { position:relative; height:10px; border-radius:5px; background:#F2F3F5; }
.uik-ns .ns-win { position:absolute; top:0; bottom:0; background:#E8F5EE; box-shadow:inset 0 0 0 1px #BFE3CD; border-radius:5px; }
.uik-ns .ns-dot { position:absolute; top:50%; width:14px; height:14px; margin:-7px 0 0 -7px; border-radius:50%; box-shadow:0 0 0 2px #fff; }
.uik-ns .ns-dot.g { background:#3BA272; } .uik-ns .ns-dot.y { background:#E8B44A; } .uik-ns .ns-dot.r { background:#D54941; } .uik-ns .ns-dot.n { background:#A9AEB8; }
.uik-ns .ns-dot.pre { margin-left:0; border-radius:3px; width:10px; }
.uik-ns .ns-now { position:absolute; top:-5px; bottom:-5px; width:2px; margin-left:-1px; background:#1F2329; }
.uik-ns .ns-ls { text-align:left; }

/* 起步曲线 */
.uik-ns .ns-chart { display:block; width:100%; height:180px; margin:6px 0 10px; overflow:visible; }
.uik-ns .ns-chart text { font-size:11px; fill:#86909C; }
.uik-ns .ns-b { fill:#D9DCE1; } .uik-ns .ns-b.g { fill:#9FD3B6; } .uik-ns .ns-b.y { fill:#F2D08D; } .uik-ns .ns-b.r { fill:#EBA19C; }
.uik-ns .ns-b:hover { fill-opacity:.8; }
.uik-ns .ns-tg { fill:none; stroke:#1F2329; stroke-width:1.5; stroke-dasharray:4 3; }
.uik-ns .ns-pt td:first-child { width:120px; }

/* 规定动作 */
.uik-ns .ns-acts-t td:first-child { width:150px; white-space:nowrap; color:#1F2329; }
.uik-ns .ns-acts-t td:nth-child(2) { width:80px; }
.uik-ns .ns-acts-t td:nth-child(3) { color:#4E5969; }
.uik-ns .ns-acts-t td { vertical-align:middle; }
.uik-ns .ns-qe { padding:0 16px; }

@media (prefers-reduced-motion: reduce) {
  .uik-ns .ns-find { transition:none !important; }
}

/* 抽屉里的标签与说明（.ut-tag 只在 .uik 页面内有样式，抽屉不在页面里） */
.uik-drawer .ns-ds .ut-tag { display:inline-flex; align-items:center; height:20px; padding:0 6px; margin-left:6px; border-radius:4px; font-size:12px; line-height:1; white-space:nowrap; background:#F2F3F5; color:#4E5969; vertical-align:middle; }
.uik-drawer .ns-ds .ut-tag.r { background:#FDECEC; color:#B93A33; }
.uik-drawer .ns-ds .ut-tag.g { background:#E8F5EE; color:#1F9254; }
.uik-drawer .ns-ds dd small { display:block; font-size:12px; color:#86909C; margin-top:2px; }

/* R23：总经理管道延长段仍在容器内折行。 */
.uik-cs .cs-pipeline > .ns-gm-pipeline { flex-wrap:wrap; }
.uik-ns .ns-finds:has(> :nth-child(3):last-child) { grid-template-columns:repeat(3,minmax(0,1fr)); }

/* R25：本机办理表单与回读。适用于页面及右侧详情抽屉。 */
.nsf-panel { min-width:0; }
.nsf-panel > p, .nsf-panel > details { margin:12px 16px; line-height:1.65; overflow-wrap:anywhere; }
.nsf-actions { display:flex; flex-wrap:wrap; gap:8px; margin:14px 16px; }
.nsf-form { display:grid; gap:14px; padding:8px 0; }
.nsf-form label { display:grid; gap:6px; min-width:0; color:#4e5969; font-size:13px; }
.nsf-form input, .nsf-form select, .nsf-form textarea { box-sizing:border-box; width:100%; max-width:100%; border:1px solid #dce1e8; border-radius:6px; padding:9px 10px; background:#fff; color:#1d2129; font:inherit; }
.nsf-form textarea { resize:vertical; }
.nsf-error { color:#b93a33; margin:0; line-height:1.5; }
.nsf-form > button { justify-self:start; }
.nsf-history { padding-left:18px; }
.nsf-history li { margin:12px 0; }
.nsf-history p { margin:4px 0; }
.nsf-history small { color:#6b7280; overflow-wrap:anywhere; }
.nsf-gates td { overflow-wrap:anywhere; }
.nsf-opened-actions { padding:8px 16px; }
.nsf-opened-actions p, .nsf-finance .block-body > p { display:flex; flex-wrap:wrap; align-items:center; gap:8px; line-height:1.6; }
.ns-chart .ns-missing { fill:#f1f3f5; opacity:.5; }
@media(max-width:720px) { .nsf-actions .uik-btn { flex:1 1 140px; } .nsf-panel > p { margin-inline:10px; } }
@media(max-width:760px) {
  .uik-cs .cs-banner, .uik-cs .cs-row2, .uik-cs .cs-work { grid-template-columns:minmax(0,1fr); }
  .uik-cs .cs-banner { padding:16px; gap:16px; }
  .uik-cs .cs-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:16px; }
  .uik-cs .cs-k { min-width:0; padding:4px 12px; }
  .uik-cs .cs-k small { white-space:normal; }
  .uik-cs .cs-card { min-width:0; overflow-x:auto; padding:16px; }
  .uik-cs .cs-queue { position:static; max-height:46vh; }
  .uik-ns .ns-finds, .uik-ns .ns-finds:has(> :nth-child(3):last-child) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .uik-ns .ns-find { padding:14px; }
  .uik-ns .ns-pipe { min-width:620px; }
  .uik-ns .ns-radar > .ns-rr { grid-template-columns:minmax(0,1fr); gap:8px; }
  .uik-ns .ns-grey { width:100%; box-sizing:border-box; }
  .uik-ns .ns-lr { grid-template-columns:72px minmax(0,1fr); }
  .uik-ns .ns-ls { grid-column:1 / -1; }
  #drawer.uik-drawer { top:0; height:100dvh; }
}