/* Admin-only visual system. Storefront tokens remain independent. */
body.admin {
  --ink:#253d35; --ink-2:#465a52; --muted:#6e7d75; --muted-2:#7b8981;
  --bg:#f4f6f2; --bg-2:#edf2eb; --card:#fff;
  --line:#dfe7dd; --line-2:#edf1eb;
  --brand:#286650; --brand-ink:#194a39; --brand-soft:#eaf2e9;
  --ok:#276c50; --ok-soft:#eaf5ed; --warn:#966c28; --warn-soft:#faf5e9;
  --err:#ae5149; --err-soft:#fbefed;
  --radius:16px; --radius-sm:10px;
  font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif;
  font-size:14px; line-height:1.65;
}
.admin ::selection {background:#cfdfc9;color:#173e2d;}
.admin-shell {grid-template-columns:248px minmax(0,1fr);}
.sidebar {background:#16362f;color:#dfeae0;border:0;padding:30px 18px 18px;scrollbar-width:thin;scrollbar-color:#416052 transparent;}
.side-brand {gap:12px;padding:0 12px 25px;}
.side-brand .brand-mark {width:37px;height:37px;background:#d6e5cc;color:#1c4c36;border-radius:12px;}
.side-brand .nm {font-size:18px;letter-spacing:-.4px;font-weight:650;color:#f8faf5;}
.side-brand .sub {font-size:11px;color:#a9c0b1;letter-spacing:2px;margin-top:3px;}
.side-group {font-size:10px;font-weight:500;color:#9bb4a5;padding:21px 14px 9px;letter-spacing:2px;}
.side-link {min-height:42px;gap:12px;padding:9px 14px;margin-bottom:4px;border-radius:10px;font-size:13px;color:#c6d7ca;position:relative;}
.side-link:hover {background:#23483b;color:#fff;}
.side-link.active {background:#dce9d4;color:#1d4a35;font-weight:650;}
.side-link.active::before {content:"";width:3px;height:16px;border-radius:3px;background:#528265;position:absolute;left:0;}
.side-link .ico {width:17px;height:17px;opacity:.82;}
.side-foot {border-color:#365348;margin-top:auto;padding-top:18px;}
.side-wallet {background:#21463a;border:1px solid #365849;border-radius:12px;padding:15px 15px 13px;margin-bottom:14px;}
.side-wallet .lab {font-size:11px;color:#b4c9ba;opacity:1;}
.side-wallet .val {font-size:25px;font-weight:550;color:#f2f5e9;letter-spacing:-.8px;margin:5px 0;}
.side-wallet .sub {font-size:10px;opacity:1;color:#a8beaf;line-height:1.6;}
.side-foot button.side-link {color:#bacdbf;}
.topbar {height:76px;padding:0 36px;background:#fafbf8;border-color:var(--line);gap:16px;}
.topbar h1 {font-size:14px;font-weight:600;}
.topbar .crumb {display:none;}
.topbar #syncHint {font-size:11px;background:#edf2e9;border:1px solid #e1e8db;border-radius:20px;padding:5px 11px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.admin-profile {padding-left:18px!important;gap:10px!important;}
.admin-avatar {width:34px!important;height:34px!important;border-radius:50%!important;background:#e4eddc!important;color:#3a6449!important;}
.page {max-width:1560px;padding:30px 36px 64px;margin:0 auto;}
.page-heading {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;}
.page-heading .eyebrow {font-size:10px;letter-spacing:2px;color:#7d8b76;font-weight:600;margin-bottom:8px;display:block;}
.page-heading h2 {font-size:29px;font-weight:600;letter-spacing:-1px;color:#243d31;}
.page-heading p {font-size:12px;color:#7d897d;margin-top:9px;}
.page-date {font-size:12px;color:#7b897b;white-space:nowrap;}
.admin .btn {height:40px;padding:0 17px;border-radius:9px;font-weight:550;font-size:12px;border-color:#dce5d8;gap:7px;background:#fff;box-shadow:0 1px 2px #193c2710;}
.admin .btn:hover {background:#f0f5ed;border-color:#b8cbb1;}
.admin .btn-primary {background:#286650;border-color:#286650;color:#fff;box-shadow:0 3px 7px #173f2920;}
.admin .btn-primary:hover {background:#1b503d;border-color:#1b503d;}
.admin .btn-ghost {background:transparent;box-shadow:none;border-color:transparent;}
.admin .btn-sm {height:33px;padding:0 12px;font-size:11px;border-radius:8px;}
.admin .btn:disabled {box-shadow:none;opacity:.45;}
.admin :focus-visible {outline:2px solid #739b5c;outline-offset:3px;}
.card,.admin .panel,.detail-head {border:1px solid var(--line);border-radius:15px;box-shadow:0 2px 6px #24412d03;}
.card-head {padding:19px 22px;background:#fff;border-color:var(--line-2);min-height:62px;}
.card-head h3 {font-size:14px;letter-spacing:-.2px;font-weight:600;}
.card-head .small {font-size:11px;}
.card-body {padding:22px;}
.admin .panel-pad {padding:24px;}
.admin .panel h3 {font-size:15px;margin-bottom:12px;}
.admin .panel h2 {font-size:23px;}
.stack {gap:20px;}
.grid-2,.grid-3 {gap:20px;}
.kpi-grid {gap:16px;}
.kpi {padding:23px 21px;min-height:142px;border-radius:15px;gap:15px;position:relative;overflow:hidden;}
.kpi .ic {width:37px;height:37px;border-radius:12px;background:#edf3e7!important;color:#497454!important;}
.kpi .lab {font-size:12px;color:#788775;}
.kpi .val {font-size:30px;line-height:1.3;font-weight:550;letter-spacing:-1.3px;margin-top:8px;color:#263e30;}
.kpi .sub {font-size:11px;margin-top:7px;color:#8b9587;}
.toolbar {gap:12px;margin-bottom:19px;}
.search-box input {height:40px;width:280px;border-radius:10px;border-color:#dee6d9;padding-left:37px;font-size:12px;}
.search-box .ico {left:13px;color:#95a18d;}
.admin .input,.admin .input-sm,.admin .select,.admin .select-sm {border-radius:9px;border-color:#dfe6dc;background:#fdfefb;min-height:40px;font-size:13px;box-shadow:none;}
.admin textarea.input {min-height:94px;}
.admin .field {gap:8px;}
.admin .field>label {font-size:12px;color:#60745e;font-weight:550;}
.admin .input:focus,.admin .input-sm:focus,.admin select:focus,.search-box input:focus {border-color:#89a780;box-shadow:0 0 0 3px #eaf1e4;outline:none;background:#fff;}
.admin .input::placeholder,.search-box input::placeholder {color:#9ca797;}
.admin table.tbl {font-size:12px;}
.admin table.tbl th {padding:14px 18px;font-size:11px;font-weight:500;color:#819077;background:#f7f9f3;border-bottom:1px solid #e7ecdf;white-space:nowrap;}
.admin table.tbl td {padding:17px 18px;border-color:#edf1e7;line-height:1.55;}
.admin table.tbl td .cell-main {font-size:12px;font-weight:550;color:#354d3a;}
.admin table.tbl td .cell-sub {font-size:10.5px;color:#8e9b84;margin-top:5px;}
.admin table.tbl tbody tr:hover {background:#f7faf3;}
.admin .mono {font-size:.94em;letter-spacing:-.25px;}
.admin .pill,.admin .tag {border-radius:6px;padding:3px 8px;min-height:24px;font-size:10.5px;font-weight:550;border-color:transparent;}
.admin .pill-ok,.admin .tag-ok {background:#eaf5ec;color:#3e7b50;}
.admin .pill-warn,.admin .tag-warn {background:#f8f0de;color:#9a7d36;}
.admin .pill-err,.admin .tag-err {background:#faeeea;color:#b56151;}
.admin .tabs {gap:5px;border:0;padding:4px;background:#eaf0e5;border-radius:10px;}
.admin .tab {border:0!important;border-radius:7px;padding:8px 14px;font-size:12px;color:#7d8e73;}
.admin .tab.active {background:#fff;color:#2d5838;box-shadow:0 1px 4px #27442412;}
.admin .notice {border-radius:11px;padding:13px 17px;font-size:12px;line-height:1.65;}
.admin .notice.warn {border-color:#eee4cc;background:#fbf7ee;color:#8d773e;}
.admin .link {color:#3a7951;text-decoration:none;font-weight:550;}
.admin .link:hover {text-decoration:underline;}
.alert-box {border:1px solid #e7eddf;background:#f6f9f1;border-radius:10px;padding:15px;font-size:11px;line-height:1.8;overflow-wrap:anywhere;}
.admin .empty {padding:48px 22px;}
.admin .empty .ico {color:#a2b396;background:#f0f5e8;border:1px solid #e4eddb;border-radius:16px;padding:12px;width:58px;height:58px;}
.admin .empty h3 {font-size:14px;font-weight:550;color:#718467;}
.admin .empty p {font-size:12px;color:#97a18f;max-width:290px;margin:9px auto 0;}
.chart-bars {height:180px;gap:11px;padding-top:20px;border-bottom:1px solid #e3e9da;background:repeating-linear-gradient(to top,transparent,transparent 44px,#f0f3eb 44px,#f0f3eb 45px);}
.chart-bar {background:#709477;border-radius:5px 5px 0 0;max-width:32px;margin:auto;}
.chart-bar.empty {background:#e0e9d5;}
.chart-labels {margin-top:11px;gap:11px;}
.chart-labels span {font-size:9px;color:#99a28c;}
.detail-head {padding:25px;}
.detail-head .title {font-size:23px;}
.kv-line {font-size:12px;padding:12px 0;}
.switch {width:38px;height:23px;}
.switch i {background:#d9e2d0;}
.switch input:checked+i {background:#4a8057;}
.switch i::after {top:3px;left:3px;width:17px;height:17px;box-shadow:0 1px 3px #0002;}
.switch input:checked+i::after {transform:translateX(15px);}
.modal-mask {background:#18382f70;backdrop-filter:blur(3px);}
.modal {border:1px solid #e0e8d9;border-radius:18px;box-shadow:0 28px 80px #13352740;max-width:570px;}
.modal-head {padding:22px 25px;}
.modal-head h3 {font-size:17px;}
.modal-body {padding:24px 25px;gap:18px;}
.modal-foot {padding:16px 25px 24px;}
.integration-settings {margin-bottom:24px!important;}
.integration-settings .grid-2 {grid-template-columns:1fr 1fr;gap:32px;}
.integration-settings h4 {font-size:13px;letter-spacing:.3px;padding:0 0 12px;border-bottom:1px solid var(--line);color:#426747;}
.integration-settings section.stack {gap:16px;}
.integration-settings [data-clear] {accent-color:#4b7651;}
.bulk-bar {background:#eaf3e4;border-color:#d8e6ce;border-radius:11px;}
.login-page {background:#eef2e9;grid-template-columns:1.05fr 1fr;padding:9vh 9vw;gap:9vw;}
.login-intro {max-width:510px;align-self:center;}
.login-intro .login-wordmark {font-size:15px;letter-spacing:3px;color:#607957;margin-bottom:50px;font-weight:600;}
.login-intro h1 {font-size:42px;line-height:1.55;font-weight:500;letter-spacing:-1.5px;color:#254c35;}
.login-intro p {font-size:13px;line-height:1.9;color:#84947c;margin-top:24px;}
.login-intro .login-features {display:flex;gap:24px;margin-top:44px;font-size:11px;color:#6d8560;}
.login-features span {display:flex;gap:7px;align-items:center;}
.login-card {width:min(100%,410px);border:1px solid #dfe8d5;border-radius:22px;padding:42px 36px;box-shadow:0 18px 50px #29482509;justify-self:center;}
.login-card .brand {justify-content:flex-start;margin-bottom:32px;}
.login-card .brand-mark {background:#286650;border-radius:10px;}
.login-card h2 {text-align:left;font-size:24px;}
.login-card p.sub {text-align:left;font-size:12px;margin-top:10px;margin-bottom:30px;}
.mobile-backdrop {display:none;}
@media(min-width:1600px){.page{padding-left:48px;padding-right:48px;}.topbar{padding-left:48px;padding-right:48px;}}
@media(max-width:1180px){.admin-shell{grid-template-columns:224px minmax(0,1fr);}.sidebar{padding-left:12px;padding-right:12px;}.page{padding:26px 25px 50px;}.topbar{padding:0 25px;}.grid-2,.grid-3{grid-template-columns:1fr;}.integration-settings .grid-2{gap:24px;}.kpi .val{font-size:27px;}}
@media(max-width:860px){.admin-shell{grid-template-columns:1fr;}.sidebar{width:248px;z-index:60;padding:27px 18px 18px;}.topbar{height:66px;padding:0 20px;}.topbar h1{font-size:13px;}.topbar #syncHint{display:none;}.page{padding:23px 20px 50px;}.page-heading{margin-bottom:22px;}.page-heading h2{font-size:25px;}.page-date{display:none;}.mobile-menu{height:35px;width:35px;border-radius:9px;border-color:var(--line);color:var(--ink);}.mobile-backdrop.open{display:block;position:fixed;inset:0;background:#102f2577;backdrop-filter:blur(2px);z-index:55;}.login-page{grid-template-columns:1fr;padding:28px 20px;}.login-intro{display:none;}.login-card{max-width:400px;}.chart-labels span:nth-child(even){visibility:hidden;}}
@media(max-width:560px){.page{padding:21px 15px 44px;}.topbar{padding:0 15px;gap:9px;}.admin-profile{padding-left:9px!important;}.admin-profile>div:last-child{display:none;}.topbar #refreshBtn{font-size:0;width:35px;padding:0;}.kpi-grid{gap:10px;}.kpi{padding:16px 13px;gap:9px;min-height:125px;}.kpi .ic{width:28px;height:28px;border-radius:9px;}.kpi .ic svg{width:15px;}.kpi .val{font-size:24px;letter-spacing:-.8px;}.kpi .lab,.kpi .sub{font-size:10px;}.card-head,.card-body{padding:17px;}.card-head{align-items:flex-start;flex-wrap:wrap;gap:8px;}.card-head h3{font-size:13px;}.page-heading p{font-size:11px;}.toolbar .search-box{flex:1;min-width:150px;}.search-box input{width:100%;}.toolbar .tabs{width:100%;overflow:auto;}.integration-settings .grid-2{grid-template-columns:1fr;}.integration-settings .card-body{padding:18px;}.modal-mask{padding:14px;}.modal{max-height:90dvh;}.modal-head,.modal-body,.modal-foot{padding:19px;}.admin table.tbl td,.admin table.tbl th{padding:13px 14px;}.login-card{padding:30px 25px;}}
@media(prefers-reduced-motion:reduce){.admin *, .admin *::before,.admin *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

/* Keep navigation and account controls reachable on short screens. */
.sidebar { overflow:hidden; }
.side-nav { flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#416052 transparent; }
.side-foot { flex:none;margin-top:14px; }
.side-group { padding-top:15px; }
.side-link { min-height:39px;margin-bottom:3px; }
.side-wallet .sub { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.chart-labels span { white-space:nowrap; }
.admin table.tbl th { color:#65765b; }
.kpi .sub, .admin table.tbl td .cell-sub, .page-heading p, .page-date { color:#6c7c63; }
.chart-labels span { color:#6c7c63; }
.admin .pill-warn,.admin .tag-warn { color:#806323; }
@media(max-width:1450px){[data-page="dashboard"] table.tbl th:last-child,[data-page="dashboard"] table.tbl td:last-child{display:none;}}
@media(max-width:560px){[data-page="dashboard"] table.tbl th:nth-child(2),[data-page="dashboard"] table.tbl td:nth-child(2),[data-page="dashboard"] table.tbl th:nth-child(3),[data-page="dashboard"] table.tbl td:nth-child(3){display:none;}[data-page="dashboard"] table.tbl td .mono{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.side-foot .side-link{min-height:36px;}}

.mobile-backdrop {border:0;margin:0;padding:0;}

@media(min-width:861px){.side-nav .side-link{min-height:36px;padding-top:7px;padding-bottom:7px;margin-bottom:2px;}.side-group{padding-top:8px;padding-bottom:5px;}.side-brand{padding-bottom:20px;}}
@media(max-width:860px){.side-nav .side-link{min-height:42px;}}

[data-page="dashboard"] table.tbl td[colspan] {display:table-cell!important;}

/* Workspace composition: navigation, records surfaces and focused settings. */
.admin-shell {grid-template-columns:208px minmax(0,1fr);}
.sidebar {padding:22px 12px 12px;}
.side-brand {padding:0 10px 22px;gap:10px;}
.side-brand .nm {font-size:16px;}
.side-brand .sub {font-size:10px;letter-spacing:.5px;}
.side-brand .brand-mark {width:30px;height:30px;border-radius:8px;}
.side-link {border-radius:6px;}
.side-wallet {border:0;border-radius:6px;padding:10px 12px;margin-bottom:9px;}
.side-wallet .val {font-size:21px;}
.topbar {height:58px;padding:0 30px;}
.topbar h1 {font-size:12px;font-weight:500;}
.topbar #syncHint {background:none;border:0;padding:0;}
.page {max-width:1700px;padding:28px 30px 48px;}
.page-heading {margin-bottom:24px;align-items:flex-end;}
.page-heading h2 {font-size:26px;letter-spacing:-.6px;}
.page-heading p {margin-top:5px;}
.card,.admin .panel,.detail-head {border-radius:8px;box-shadow:none;}
.card-head {min-height:54px;padding:15px 20px;}
.admin .btn {border-radius:6px;box-shadow:none;}
.admin .input,.admin .input-sm,.admin .select,.admin .select-sm {border-radius:6px;}
.metrics-strip {gap:0;background:white;border:1px solid var(--line);border-radius:8px;margin-bottom:24px;}
.metrics-strip .kpi {background:none;border:0;border-radius:0;box-shadow:none;min-height:120px;padding:22px 24px;display:block;}
.metrics-strip .kpi+.kpi {border-left:1px solid var(--line);}
.metrics-strip .kpi .ic {display:none;}
.metrics-strip .kpi .val {font-size:31px;letter-spacing:-1px;margin-top:5px;}
.metrics-strip .kpi .sub {margin-top:5px;}
.overview-workspace {display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:24px;align-items:start;}
.overview-main,.overview-rail {display:grid;gap:24px;min-width:0;}
.overview-chart .card-head {border-bottom:0;}
.overview-chart .card-head h3 {font-size:15px;}
.overview-chart .card-body {padding-top:8px;}
.overview-chart .chart-bars {height:205px;}
.overview-chart .chart-bar {max-width:26px;border-radius:3px 3px 0 0;}
.overview-tasks .empty {padding:26px 10px;}
.overview-tasks .empty .ico {width:40px;height:40px;padding:9px;border-radius:10px;}
.overview-tasks .empty p {font-size:11px;line-height:1.8;}
.overview-tools {background:transparent;border:0;}
.overview-tools .card-head {background:none;padding:0 0 12px;min-height:0;border:0;}
.overview-tools .card-body {padding:0;}
.overview-tools .btn {justify-content:flex-start;height:39px;padding-left:13px;background:white;border-color:var(--line);}
.overview-tools .alert-box {background:none;border:0;padding:15px 0;border-top:1px solid var(--line);border-radius:0;}
.overview-orders .tbl {min-width:560px;}
.records-surface {overflow:hidden;}
.records-controls {padding:16px 18px;margin:0;gap:10px;border-bottom:1px solid var(--line);background:white;}
.records-controls .search-box input {height:35px;min-height:35px;border-radius:6px;}
.records-controls .btn {height:35px;}
.admin .records-surface table.tbl td {padding-top:14px;padding-bottom:14px;}
.admin .tabs {border-radius:0;background:none;padding:0;gap:18px;border-bottom:1px solid var(--line);}
.admin .tab {border-radius:0;padding:10px 0;box-shadow:none;position:relative;white-space:nowrap;}
.admin .tab.active {background:none;box-shadow:none;}
.admin .tab.active::after {content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--brand);}
.settings-workspace {display:grid;grid-template-columns:176px minmax(0,1fr);gap:36px;border-top:1px solid var(--line);padding-top:28px;align-items:start;}
.settings-nav {display:flex;flex-direction:column;gap:5px;position:sticky;top:82px;}
.settings-nav button {text-align:left;border:0;background:none;color:var(--muted);font:inherit;font-size:13px;padding:11px 15px;cursor:pointer;border-radius:6px;}
.settings-nav button[aria-selected="true"] {color:var(--brand-ink);font-weight:600;background:#e5ece2;}
.settings-nav button:hover {background:#eaf0e6;}
.settings-content {min-width:0;max-width:980px;background:#fff;border:1px solid var(--line);border-radius:8px;}
.settings-pane {padding:28px 32px;}
.settings-pane[hidden],.settings-save[hidden],[data-integration-section][hidden] {display:none!important;}
.settings-pane-heading {margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:20px;}
.settings-pane-heading h3 {font-size:18px;font-weight:600;}
.settings-pane-heading p {font-size:12px;color:var(--muted);margin-top:6px;}
.settings-pane>.card {border:0;border-radius:0;background:none;margin:0!important;}
.settings-pane>.card>.card-head {display:none;}
.settings-pane>.card>.card-body {padding:0;}
.settings-pane .grid-2 {grid-template-columns:1fr 1fr;gap:20px!important;}
.settings-pane .field {max-width:640px;}
.settings-pane .field>label {font-size:12px;}
.settings-pane .input,.settings-pane .input-sm {background:#fff;min-height:42px;}
.settings-pane .integration-settings .card-body {gap:24px;}
.settings-pane .integration-settings section.stack {display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.settings-pane .integration-settings section.stack[hidden] {display:none;}
.settings-pane #saveIntegrations,.settings-pane #pwdBtn {width:auto;align-self:start;justify-self:start;}
.settings-save {padding:18px 32px;border-top:1px solid var(--line);background:#fafbf8;border-radius:0 0 8px 8px;}
.settings-save #saveBtn {width:auto;margin:0!important;}
.settings-pane #testBtn,.settings-pane #syncNowBtn {display:inline-flex;width:auto;margin-right:8px;}
.settings-pane .integration-settings+.card {border-top:1px solid var(--line);padding-top:24px;margin-top:28px!important;}
@media(min-width:1451px){[data-page="dashboard"] table.tbl th:last-child,[data-page="dashboard"] table.tbl td:last-child{display:table-cell;}}
@media(max-width:1180px){.admin-shell{grid-template-columns:192px minmax(0,1fr);}.page{padding:24px;}.topbar{padding:0 24px;}.overview-workspace{grid-template-columns:minmax(0,1fr) 230px;gap:18px;}.overview-main,.overview-rail{gap:18px;}.metrics-strip .kpi{padding:18px;}.settings-workspace{grid-template-columns:145px minmax(0,1fr);gap:20px;}.settings-pane{padding:24px;}}
@media(max-width:1000px){.overview-workspace{grid-template-columns:1fr;}.overview-rail{grid-template-columns:1fr 1fr;}.metrics-strip .kpi .val{font-size:26px;}.settings-pane .integration-settings section.stack{grid-template-columns:1fr;}}
@media(max-width:860px){.admin-shell{grid-template-columns:1fr;}.sidebar{width:248px;padding:24px 18px 16px;}.topbar{height:58px;}.page{padding:24px 20px;}.settings-workspace{grid-template-columns:1fr;gap:20px;padding-top:18px;}.settings-nav{position:static;flex-direction:row;overflow:auto;gap:4px;padding-bottom:4px;}.settings-nav button{white-space:nowrap;padding:9px 13px;}.settings-content{max-width:none;}.settings-pane .integration-settings section.stack{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.page{padding:20px 15px 40px;}.topbar{padding:0 15px;}.page-heading h2{font-size:24px;}.metrics-strip{grid-template-columns:1fr 1fr;margin-bottom:20px;}.metrics-strip .kpi{padding:16px;min-height:112px;}.metrics-strip .kpi:nth-child(3){border-left:0;}.metrics-strip .kpi:nth-child(n+3){border-top:1px solid var(--line);}.overview-rail{grid-template-columns:1fr;}.overview-workspace,.overview-main,.overview-rail{gap:20px;}.overview-chart .chart-bars{height:165px;gap:7px;}.overview-chart .card-head{gap:5px;}.overview-chart .card-head .small{font-size:10px;}.overview-orders .tbl{min-width:0;}.records-controls{padding:14px;}.settings-pane{padding:20px;}.settings-pane .grid-2,.settings-pane .integration-settings section.stack{grid-template-columns:1fr;}.settings-save{padding:16px 20px;}.settings-pane .row-between{gap:16px;}.settings-pane .switch{flex-shrink:0;}}

/* Detail and service workspaces. */
.detail-head {display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:24px 26px;background:#fff;}
.detail-head .title {font-size:24px;overflow-wrap:anywhere;}
.detail-head .meta {display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:12px;line-height:1.8;}
.detail-actions {display:flex;flex-wrap:wrap;gap:8px;padding-top:16px;border-top:1px solid var(--line);margin-left:0;width:100%;}
.admin .empty .ico .ico {width:24px;height:24px;padding:0;border:0;border-radius:0;background:none;margin:0;}
.detail-rail [data-detail-section="access"] .input-sm {height:auto;min-height:0;}
.detail-workspace {display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin-top:24px;align-items:start;}
.detail-main,.detail-rail {display:grid;min-width:0;gap:20px;}
.detail-rail>.section-tabs-workspace {background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;}
.detail-rail .section-panel {padding:0;}
.detail-rail .section-panel>.card {border:0;border-radius:0;}
.detail-rail .section-tabs {padding:0 16px;gap:18px;}
.detail-rail .section-tabs button {font-size:12px;}
.detail-workspace .kv-line {align-items:flex-start;gap:18px;}
.detail-workspace .kv-line>span {flex-shrink:0;}
.detail-workspace .kv-line>b {min-width:0;overflow-wrap:anywhere;text-align:right;}
.installation-item {border:1px solid var(--line);border-radius:6px;padding:20px;display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;}
.installation-item .row-between {flex-wrap:wrap;gap:8px;}
.installation-item .kv-line {flex-direction:column;gap:4px;}
.installation-item .kv-line>b {text-align:left;word-break:break-all;}
.order-progress {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:22px 26px;margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:8px;list-style:none;}
.order-progress li {display:flex;align-items:flex-start;gap:12px;color:var(--muted);}
.order-progress li>span {display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;font-size:10px;flex-shrink:0;}
.order-progress b {display:block;font-size:12px;font-weight:550;}
.order-progress small {display:block;font-size:10px;margin-top:5px;}
.order-progress li.complete>span {background:var(--brand-soft);color:var(--brand);border-color:#d4e1ce;}
.order-progress li.complete b {color:var(--ink);}
.timeline-card .kv-line {position:relative;padding-left:17px;border:0;}
.timeline-card .kv-line::before {content:'';position:absolute;width:5px;height:5px;background:#91ab8b;border-radius:50%;top:21px;left:0;}
.snapshot-bar {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 0!important;}
.section-tabs {display:flex;gap:26px;overflow:auto;border-bottom:1px solid var(--line);padding:0 2px;margin-bottom:20px;scrollbar-width:thin;}
.section-tabs button {padding:12px 0;border:0;background:none;color:var(--muted);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer;position:relative;}
.section-tabs button[aria-selected="true"] {color:var(--brand-ink);font-weight:600;}
.section-tabs button[aria-selected="true"]::after {content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--brand);}
.section-panel {display:grid;gap:20px;min-width:0;}
.section-panel[hidden] {display:none!important;}
.detail-rail .section-tabs {margin:0;}
.detail-rail .input-sm {min-width:0;width:100%;}
.detail-rail .switch {flex:none;}
.detail-rail .card-body>.row {flex-wrap:wrap;}
.detail-rail #topAmt {flex:1;min-width:100px;}
.diag-row {gap:12px;flex-wrap:wrap;padding:15px 0;}
.diag-row>.small {overflow-wrap:anywhere;}
.requests-surface {border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;}
.admin .records-tabs {padding:0 20px!important;margin:0!important;display:flex;flex:none!important;gap:26px;border-bottom:1px solid var(--line)!important;overflow:auto;}
.admin .records-tabs .tab {padding:15px 0;}
.request-list {gap:0;}
.request-list>.card {border:0;border-bottom:1px solid var(--line);border-radius:0;}
.request-list>.card:last-child {border-bottom:0;}
.request-list>.card .card-body {padding:22px 24px;}
.recovery-toolbar {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;}
.recovery-toolbar p {font-size:12px;color:var(--muted);}
.recovery-workspace {padding:0;}
.recovery-workspace .panel {margin:0!important;}
.recovery-workspace .panel>h3 {padding-bottom:18px;margin:0;border-bottom:1px solid var(--line);}
.recovery-workspace .panel>div {padding:22px 0!important;}
.recovery-workspace .panel>div:nth-child(2) {border-top:0!important;}
.recovery-workspace .panel>div p {line-height:1.8;margin:8px 0;}
.recovery-workspace .panel>div .btn {margin:8px 8px 0 0;}
.admin .bulk-bar {position:sticky;top:68px;z-index:15;gap:12px;flex-wrap:wrap;padding:12px 16px;box-shadow:0 6px 18px #173f2910;}
.admin table.tbl td.num {font-variant-numeric:tabular-nums;white-space:nowrap;}
[data-page="logs"] table.tbl td:nth-child(3) {max-width:300px;overflow-wrap:anywhere;}
[data-page="logs"] table.tbl td:last-child {white-space:nowrap;}
.records-surface>.row-between:last-child {gap:12px;flex-wrap:wrap;padding:15px 18px!important;}
.admin .modal {display:flex;flex-direction:column;max-height:calc(100dvh - 48px);}
.admin .modal-head,.admin .modal-foot {flex-shrink:0;}
.admin .modal-body {overflow:auto;min-height:0;overflow-wrap:anywhere;}
.admin .modal-body .tbl-wrap {max-width:100%;}
.admin .modal-body input,.admin .modal-body select,.admin .modal-body textarea {max-width:100%;}
.admin .modal-body>label {display:flex;flex-direction:column;gap:8px;font-size:12px;margin-top:18px;}
.admin .modal-body>label>select,.admin .modal-body>label>textarea {font:inherit;border:1px solid var(--line);border-radius:6px;background:#fff;padding:10px;}
.admin .modal-body>label>textarea {min-height:110px;}
.admin.modal-open {overflow:hidden;}
.log-details {margin:0;}
.log-details>div {padding:12px 0;border-bottom:1px solid var(--line);}
.log-details dt {font-size:11px;color:var(--muted);margin-bottom:6px;}
.log-details dd {margin:0;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;}
.table-scroll-hint {font-size:10px;color:var(--muted);padding:8px 16px;background:#fafbf8;border-top:1px solid var(--line-2);}
.table-scroll-hint[hidden] {display:none;}
.settings-pane .kv-line {gap:16px;align-items:flex-start;}
.settings-pane .kv-line>b {min-width:0;overflow-wrap:anywhere;text-align:right;}
@media(max-width:1200px){.detail-workspace{grid-template-columns:minmax(0,1fr) 285px;gap:20px;}.installation-item{grid-template-columns:90px minmax(0,1fr);padding:16px;gap:16px;}}
@media(max-width:1050px){.detail-workspace{grid-template-columns:1fr;}.detail-rail{grid-template-columns:1fr;}.detail-rail>.section-tabs-workspace{max-width:none;}.detail-rail .section-panel>.card .card-body{max-width:720px;}.order-progress{padding:20px;gap:12px;}}
@media(max-width:560px){.detail-head{padding:20px;gap:16px;}.detail-head .title{font-size:19px;}.detail-head .meta{gap:5px 14px;font-size:11px;}.detail-actions{gap:7px;}.detail-actions .btn{height:35px;}.detail-workspace{margin-top:20px;gap:20px;}.order-progress{padding:16px;gap:8px;}.order-progress li{gap:7px;flex-direction:column;}.order-progress small{font-size:9px;}.order-progress b{font-size:11px;}.installation-item{grid-template-columns:1fr;gap:16px;}.installation-item>div:first-child{max-width:110px;}.section-tabs{gap:22px;}.section-tabs button{font-size:12px;}.recovery-toolbar{align-items:flex-start;flex-direction:column;}.recovery-workspace .panel-pad{padding:18px;}.admin .records-tabs{gap:22px;padding:0 16px!important;}.request-list>.card .card-body{padding:20px 17px;}.request-list .row{flex-wrap:wrap;}.admin .modal{max-height:calc(100dvh - 28px);border-radius:12px;}.admin .modal-head{padding:17px 19px;}.admin .modal-foot{padding:14px 19px;}.admin .modal-body{padding:19px;}.bulk-bar>.row{margin-left:0!important;flex-wrap:wrap;}.settings-pane .kv-line{flex-direction:column;gap:4px;}.settings-pane .kv-line>b{text-align:left;}.records-controls .spacer:empty{display:none;}.records-controls .search-box{min-width:0;width:100%;flex-basis:100%;}.admin .empty{padding:32px 18px;}}

/* ==========================================================================
   v2 中性视觉：与前台共用一套灰阶与近黑主色
   只覆盖颜色 / 圆角 / 字号 / 阴影，不改任何布局与结构
   ========================================================================== */
body.admin {
  --ink:#101216; --ink-2:#3c414a; --muted:#6a7079; --muted-2:#9ba1aa;
  --bg:#fbfbfc; --bg-2:#f5f6f8; --card:#ffffff;
  --line:#e6e8ec; --line-2:#f0f1f4;
  --brand:#17191e; --brand-ink:#101216; --brand-soft:#f3f4f7;
  --ok:#16735a; --ok-soft:#edf7f3; --warn:#95601c; --warn-soft:#fbf5e9;
  --err:#a83b2e; --err-soft:#fcefed;
  --radius:10px; --radius-sm:8px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size:13.5px;
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
.admin ::selection {background:#e2e5ea;color:#101216;}

/* 侧栏：白底 + 细分隔，把视觉重量让给数据 */
.sidebar {background:#fff;color:var(--ink-2);border-right:1px solid var(--line);scrollbar-color:#d8dbe1 transparent;}
.side-brand {padding:0 10px 20px;}
.side-brand .brand-mark {background:var(--brand);color:#fff;border-radius:8px;}
.side-brand .nm {color:var(--ink);font-weight:650;letter-spacing:-.01em;}
.side-brand .sub {color:var(--muted-2);letter-spacing:.06em;font-weight:500;}
.side-group {color:var(--muted-2);letter-spacing:.12em;font-weight:600;}
.side-link {color:var(--ink-2);font-weight:500;border-radius:7px;}
.side-link:hover {background:var(--bg-2);color:var(--ink);}
.side-link.active {background:var(--brand-soft);color:var(--ink);font-weight:600;}
.side-link.active::before {width:2px;height:15px;border-radius:2px;background:var(--brand);}
.side-link .ico {opacity:.62;}
.side-link.active .ico {opacity:.9;}
.side-foot {border-color:var(--line);}
.side-wallet {background:var(--brand);border:0;border-radius:9px;padding:13px 13px 11px;}
.side-wallet .lab {color:rgba(255,255,255,.55);letter-spacing:.02em;}
.side-wallet .val {color:#fff;font-weight:600;letter-spacing:-.02em;}
.side-wallet .sub {color:rgba(255,255,255,.45);}
.side-foot button.side-link {color:var(--muted);}

/* 顶栏 */
.topbar {background:#fff;border-color:var(--line);}
.topbar h1 {color:var(--ink);font-weight:600;letter-spacing:-.01em;}
.topbar #syncHint {background:var(--bg-2);border:1px solid var(--line);color:var(--muted);border-radius:6px;font-size:11px;padding:4px 9px;}
.admin-avatar {background:var(--brand-soft)!important;color:var(--ink-2)!important;font-weight:600;}

/* 页头层级：收敛字号，靠字距和留白建立层级 */
.page-heading .eyebrow {color:var(--muted-2);letter-spacing:.14em;}
.page-heading h2 {color:var(--ink);font-weight:600;letter-spacing:-.022em;}
.page-heading p,.page-date {color:var(--muted);}

/* 卡片与列表容器 */
.card,.admin .panel,.detail-head {border-color:#edeff2;border-radius:var(--radius);box-shadow:0 1px 2px rgba(16,18,22,.035);}
.card-head {background:#fff;border-color:var(--line-2);}
.card-head h3 {color:var(--ink);font-weight:600;letter-spacing:-.01em;}
.settings-content,.requests-surface,.detail-rail>.section-tabs-workspace,.order-progress {border-color:var(--line);border-radius:var(--radius);}

/* 按钮：统一圆角与字重，主按钮用近黑 */
.admin .btn {border-radius:var(--radius-sm);border-color:var(--line);background:#fff;box-shadow:none;font-weight:600;color:var(--ink-2);}
.admin .btn:hover {background:var(--bg-2);border-color:#d7dae0;color:var(--ink);}
.admin .btn-primary {background:var(--brand);border-color:var(--brand);color:#fff;}
.admin .btn-primary:hover {background:#2b2e34;border-color:#2b2e34;color:#fff;}
.admin .btn-ghost {background:transparent;border-color:transparent;color:var(--muted);}
.admin .btn-ghost:hover {background:var(--bg-2);color:var(--ink);}
.admin :focus-visible {outline:2px solid #b6bbc4;outline-offset:2px;}

/* 指标条 */
.metrics-strip {border-color:var(--line);border-radius:var(--radius);}
.metrics-strip .kpi .val {color:var(--ink);font-weight:600;letter-spacing:-.02em;}
.kpi .val {color:var(--ink);font-weight:600;}
.kpi .lab,.kpi .sub {color:var(--muted);}
.kpi .ic {background:var(--brand-soft)!important;color:var(--ink-2)!important;}

/* 表单 */
.admin .input,.admin .input-sm,.admin .select,.admin .select-sm,
.search-box input {border-color:var(--line);background:#fff;border-radius:var(--radius-sm);color:var(--ink);}
.admin .input:focus,.admin .input-sm:focus,.admin select:focus,.search-box input:focus {
  border-color:#9aa1ac;box-shadow:0 0 0 3px rgba(16,18,22,.06);background:#fff;
}
.admin .input::placeholder,.search-box input::placeholder {color:var(--muted-2);}
.admin .field>label {color:var(--ink-2);font-weight:600;}
.search-box .ico {color:var(--muted-2);}

/* 表格：表头去掉色块感，只留极浅底 */
.admin table.tbl {font-size:12.5px;}
.admin table.tbl th {background:#fafbfc;color:var(--muted);border-bottom:1px solid var(--line);font-weight:600;letter-spacing:.01em;}
.admin table.tbl td {border-color:var(--line-2);}
.admin table.tbl td .cell-main {color:var(--ink);font-weight:600;}
.admin table.tbl td .cell-sub {color:var(--muted-2);}
.admin table.tbl tbody tr:hover {background:#fafbfc;}
.table-scroll-hint {background:var(--bg);border-color:var(--line-2);}

/* 状态标签 */
.admin .pill,.admin .tag {border-radius:5px;font-weight:600;letter-spacing:.01em;}
.admin .pill-ok,.admin .tag-ok {background:var(--ok-soft);color:var(--ok);}
.admin .pill-warn,.admin .tag-warn {background:var(--warn-soft);color:var(--warn);}
.admin .pill-err,.admin .tag-err {background:var(--err-soft);color:var(--err);}
.admin .pill-mute {background:var(--bg-2);color:var(--muted);}

/* Tab */
.admin .tabs {background:none;border-bottom:1px solid var(--line);border-radius:0;padding:0;gap:22px;}
.admin .tab {color:var(--muted);font-weight:500;border-radius:0;padding:10px 0;background:none;box-shadow:none;}
.admin .tab:hover {color:var(--ink);}
.admin .tab.active {color:var(--ink);font-weight:600;background:none;box-shadow:none;}
.admin .tab.active::after {background:var(--ink);height:2px;}

/* 提示条 / 链接 / 空状态 */
.admin .notice {border-radius:var(--radius-sm);}
.admin .notice.warn {border-color:#eee3cc;background:var(--warn-soft);color:var(--warn);}
.admin .notice.err {border-color:#f2dad5;background:var(--err-soft);color:var(--err);}
.admin .notice.ok {border-color:#d3e9e1;background:var(--ok-soft);color:var(--ok);}
.admin .link {color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#c8ccd3;}
.admin .link:hover {text-decoration-color:var(--ink);}
.alert-box {border-color:var(--line);background:var(--bg);border-radius:var(--radius-sm);color:var(--muted);}
.admin .empty .ico {color:var(--muted-2);background:var(--bg-2);border-color:var(--line);border-radius:12px;}
.admin .empty h3 {color:var(--ink-2);font-weight:600;}
.admin .empty p {color:var(--muted);}

/* 图表 */
.chart-bars {border-bottom-color:var(--line);background:repeating-linear-gradient(to top,transparent,transparent 44px,var(--line-2) 44px,var(--line-2) 45px);}
.chart-bar {background:#242830;border-radius:3px 3px 0 0;}
.chart-bar.empty {background:var(--line);}
.chart-labels span {color:var(--muted-2);}

/* 开关 */
.switch i {background:#d9dce2;}
.switch input:checked+i {background:var(--brand);}

/* 弹窗 */
.modal-mask {background:rgba(16,18,22,.38);backdrop-filter:blur(2px);}
.modal {border-color:var(--line);border-radius:12px;box-shadow:0 24px 64px rgba(16,18,22,.18);}
.modal-head h3 {color:var(--ink);font-weight:600;}

/* 批量条 */
.admin .bulk-bar {background:var(--brand-soft);border-color:#e4e6eb;border-radius:var(--radius-sm);box-shadow:none;}

/* 登录页：左文右表单，统一中性 */
.login-page {background:var(--bg);}
.login-intro .login-wordmark {color:var(--muted-2);letter-spacing:.2em;}
.login-intro h1 {color:var(--ink);font-weight:600;letter-spacing:-.03em;}
.login-intro p {color:var(--muted);}
.login-intro .login-features,.login-features span {color:var(--muted-2);}
.login-card {border-color:var(--line);border-radius:14px;box-shadow:0 18px 48px rgba(16,18,22,.07);}
.login-card .brand-mark {background:var(--brand);border-radius:8px;}
.login-card h2 {color:var(--ink);font-weight:600;letter-spacing:-.02em;}

/* 设置工作区 */
.settings-nav button {color:var(--muted);border-radius:6px;}
.settings-nav button:hover {background:var(--bg-2);color:var(--ink);}
.settings-nav button[aria-selected="true"] {background:var(--brand-soft);color:var(--ink);}
.settings-save {background:var(--bg);border-color:var(--line);}
.settings-pane-heading {border-color:var(--line);}
.settings-pane-heading h3 {color:var(--ink);font-weight:600;letter-spacing:-.01em;}
.integration-settings h4 {color:var(--ink-2);border-color:var(--line);}
.integration-settings [data-clear] {accent-color:var(--brand);}

/* 订单进度 / 详情时间线 */
.order-progress li {color:var(--muted);}
.order-progress li>span {border-color:var(--line);color:var(--muted-2);}
.order-progress b {color:var(--ink-2);font-weight:600;}
.order-progress li.complete>span {background:var(--brand);color:#fff;border-color:var(--brand);}
.order-progress li.complete b {color:var(--ink);}
.timeline-card .kv-line::before {background:#b9bec7;}
.installation-item {border-color:var(--line);border-radius:var(--radius-sm);}
.section-tabs {border-color:var(--line);}
.section-tabs button[aria-selected="true"] {color:var(--ink);}
.section-tabs button[aria-selected="true"]::after {background:var(--ink);}

/* 移动端遮罩 */
.mobile-backdrop.open {background:rgba(16,18,22,.45);}

/* 标题与指标字号收敛 */
.page-heading h2 {font-size:23px;letter-spacing:-.018em;}
.metrics-strip .kpi .val {font-size:27px;}
@media(max-width:560px){.page-heading h2{font-size:20px;}.metrics-strip .kpi .val{font-size:22px;}}

/* ==========================================================================
   栅格对齐：卡片内所有内容统一 20px 起点
   改之前 card-head 22 / records-controls 18 / table th 18 三套缩进混用，
   文字左边缘会在 257 与 261 之间跳动，看起来「没对齐」。
   ========================================================================== */
.card-head {padding-left:20px;padding-right:20px;}
.card-body {padding-left:20px;padding-right:20px;}
.admin .panel-pad {padding-left:20px;padding-right:20px;}
.admin .records-controls {padding-left:20px!important;padding-right:20px!important;}
.admin table.tbl th,
.admin table.tbl td {padding-left:20px;padding-right:20px;}
.detail-head {padding-left:20px;padding-right:20px;}
.detail-rail .section-tabs {padding:0 20px;}
.admin .records-tabs {padding:0 20px!important;}
/* 搜索框：图标与文字整体右移，让「框内文字」贴近表头文字，而不是框边贴表头 */
.records-controls .search-box input,
.search-box input {padding-left:34px;}
.search-box .ico {left:11px;}

/* ---------- 设置页：分类横排，表单与页面标题同轴 ---------- */
.settings-workspace {
  grid-template-columns:1fr;
  gap:0;
  border-top:0;
  padding-top:0;
}
.settings-nav {
  position:static;
  flex-direction:row;
  overflow-x:auto;
  gap:2px;
  border-bottom:1px solid var(--line);
  padding-bottom:0;
  margin-bottom:22px;
  scrollbar-width:thin;
}
.settings-nav button {
  padding:11px 15px;
  border-radius:0;
  white-space:nowrap;
  font-size:12.5px;
  position:relative;
}
.settings-nav button[aria-selected="true"] {
  background:transparent;
  color:var(--ink);
  font-weight:600;
}
.settings-nav button[aria-selected="true"]::after {
  content:"";
  position:absolute;
  left:15px;right:15px;bottom:-1px;
  height:2px;border-radius:2px 2px 0 0;
  background:var(--ink);
}
.settings-content {max-width:none;}
.settings-pane {padding:26px 20px;}
.settings-pane-heading {margin-bottom:22px;padding-bottom:18px;}
.settings-save {padding:16px 20px;}

/* 分页行与表头同一缩进 */
.records-surface>.row-between:last-child {padding-left:20px!important;padding-right:20px!important;}

/* 数字列表头与单元格同向对齐（右对齐），否则表头左对齐、数字右对齐会错开一截 */
.admin table.tbl th.num {text-align:right;}
.admin table.tbl td.num {text-align:right;}
/* 表格内的数字输入框：与列右边缘对齐 */
.admin table.tbl td input.input-sm {font-variant-numeric:tabular-nums;}

/* 设置页字段宽度统一：单列字段不再卡 640px，右边缘与两列字段对齐 */
.settings-pane .field {max-width:none;}
.settings-pane .grid-2 {gap:20px 24px!important;}

/* ---------- 客户详情弹窗 ---------- */
.modal.modal-lg {max-width:720px;}
.cust-head {display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--line);}
.cust-mail {font-size:13.5px;font-weight:600;color:var(--ink);letter-spacing:-.01em;}
.cust-balance {text-align:right;flex:none;}
.cust-balance b {display:block;font-size:23px;font-weight:600;letter-spacing:-.02em;margin-top:3px;color:var(--ink);font-variant-numeric:tabular-nums;}
.cust-section {padding-top:18px;}
.cust-section + .cust-section {border-top:1px solid var(--line-2);margin-top:18px;}
.cust-section h4 {font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:10px;}
.cust-form {display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.cust-form .input-sm {height:34px;min-height:34px;flex:0 1 160px;font-size:12.5px;}
.cust-form .btn {flex:none;height:34px;}
.cust-line {display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-2);font-size:12px;}
.cust-line:last-child {border-bottom:0;}
.cust-line > :last-child {margin-left:auto;}
.cust-line .btn {flex:none;height:30px;}
.cust-empty {font-size:12px;color:var(--muted-2);padding:8px 0;}
.cust-ledger {margin-top:6px;}
.cust-ledger .cust-line {padding:6px 0;}
.cust-ledger .cust-line span:first-child {flex:0 0 118px;font-variant-numeric:tabular-nums;}
.cust-pick {display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.amt-in {color:var(--ok);font-variant-numeric:tabular-nums;}
.amt-out {color:var(--err);font-variant-numeric:tabular-nums;}

/* 表格里按钮与同行内容留出间距，不要贴着文字 */
.admin table.tbl td .btn {margin-left:0;}
.admin table.tbl td .btn + .btn {margin-left:6px;}
.admin table.tbl td b + .btn,
.admin table.tbl td .mono + .btn,
.admin table.tbl td .pill + .btn {margin-left:8px;}
.admin table.tbl td .btn-sm {white-space:nowrap;}

/* 版本号：一眼确认前端是否为最新构建 */
.side-ver {font-size:10px;color:var(--muted-2);padding:10px 10px 0;letter-spacing:.02em;}

/* ---------- 号码安装信息 ---------- */
.cred-split {display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:start;}
.cred-qr {border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px;background:#fff;text-align:center;}
.cred-qr img {width:100%;height:auto;display:block;}
.cred-fields {min-width:0;}
.cred-fields .kv-line {padding:8px 0;}
@media(max-width:720px){.cred-split{grid-template-columns:1fr;}.cred-qr{max-width:200px;}}