:root{--paper:#f6f5f1;--panel:#fbfaf7;--ink:#18231f;--muted:#69736f;--line:#d9d7d0;--pine:#17352d;--pine-soft:#e2ebe6;--terra:#b85f3f;--terra-soft:#f2e3dc;--sand:#b99d79;--serif:"Songti SC","STSong","Noto Serif SC",serif;--sans:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}button{font:inherit}button:focus-visible{outline:2px solid var(--terra);outline-offset:2px}.shell{display:grid;grid-template-columns:246px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:31px 22px 20px;background:var(--pine);color:#fff}.brand span{display:block;font-family:var(--serif);font-size:28px;letter-spacing:.12em}.brand small{color:#9eb1a9;font-size:12px;letter-spacing:.24em}.build-version{margin-top:6px;color:#7f938a;font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.surface-switch{display:grid;grid-template-columns:1fr 1fr;margin:31px 0 24px;padding:3px;background:rgba(255,255,255,.08)}.surface-switch button{padding:9px 5px;border:0;background:transparent;color:#aebeb7;font-size:11px}.surface-switch .active{background:#f0ebe3;color:var(--pine)}nav{display:flex;flex-direction:column;gap:4px}nav button{position:relative;padding:11px 12px;border:0;background:transparent;color:#b7c5bf;text-align:left;font-size:12px}nav button.active{background:rgba(255,255,255,.1);color:#fff}nav button.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;background:#d9815d}nav small{float:right;color:#d69a7c}.account{display:flex;align-items:center;gap:10px;margin-top:auto;padding:14px 0 0;border:0;border-top:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;text-align:left}.account>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8ddd0;color:var(--terra);font-family:var(--serif)}.account div{display:flex;flex-direction:column;gap:3px}.account strong{font-size:11px}.account small{color:#9fb0a9;font-size:12px}.workspace{min-width:0;padding:0 40px 50px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;min-height:116px;padding:30px 0 22px;border-bottom:1px solid var(--line)}.topbar p{margin:0 0 6px;color:var(--muted);font-size:10px}.topbar h1{margin:0;font-family:var(--serif);font-size:28px;font-weight:500}.top-actions{display:flex;align-items:center;gap:8px}.top-actions button,.toolbar button{min-height:36px;padding:0 14px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:10px}.top-actions .primary,.toolbar .primary{border-color:var(--terra);background:var(--terra);color:#fff}.live{margin-right:8px;color:var(--muted);font-size:9px}.live i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#5e9a80}.content-head{display:flex;align-items:center;justify-content:space-between;margin:28px 0 18px}.content-head h2{margin:0;font-family:var(--serif);font-size:18px;font-weight:500}.content-head p{margin:4px 0 0;color:var(--muted);font-size:9px}.toolbar{display:flex;gap:7px}.metrics{display:grid;grid-template-columns:1.35fr repeat(3,1fr);border:1px solid var(--line);background:var(--line);gap:1px}.metric{min-height:126px;padding:21px;background:var(--panel)}.metric.feature{background:var(--pine);color:#fff}.metric span{color:var(--muted);font-size:9px}.metric.feature span{color:#b8c7c1}.metric b{display:block;margin:12px 0 7px;font-family:var(--serif);font-size:30px;font-weight:500}.metric small{color:#4e846d;font-size:9px}.metric .warn{color:var(--terra)}.metric.feature small{color:#dfa17f}.grid-two{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:18px;margin-top:18px}.panel{background:var(--panel);border:1px solid var(--line);padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head h3{margin:0;font-family:var(--serif);font-size:15px;font-weight:500}.panel-head span,.panel-head button{border:0;background:transparent;color:var(--terra);font-size:9px}.action-list,.rows{border-top:1px solid var(--line)}.action{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.priority{display:grid;place-items:center;width:30px;height:30px;background:#8c3d34;color:#fff;font-size:12px}.priority.mid{background:#a97850}.priority.low{background:#517a68}.action strong,.row strong{display:block;font-family:var(--serif);font-size:12px;font-weight:500}.action p,.row p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.action button{padding:7px 9px;border:1px solid var(--pine);background:transparent;color:var(--pine);font-size:12px}.action.done{opacity:.48}.bar-list{display:flex;flex-direction:column;gap:17px}.bar-label{display:flex;justify-content:space-between;margin-bottom:6px;font-size:9px}.bar-label span{color:var(--muted)}.bar{height:6px;background:#e4e1da}.bar i{display:block;height:100%;background:var(--pine)}.bar.terra i{background:var(--terra)}.heatmap{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.heatmap i{aspect-ratio:1;background:#dfe7e3}.heatmap i:nth-child(3n){background:#9db9ad}.heatmap i:nth-child(5n){background:#547c6a}.heatmap i.hot{background:#c97654}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:500}.table td{padding:13px 8px;border-bottom:1px solid var(--line);font-size:9px}.table td strong{font-family:var(--serif);font-size:11px}.tag{display:inline-block;padding:4px 6px;background:var(--pine-soft);color:var(--pine);font-size:12px}.tag.warn{background:var(--terra-soft);color:var(--terra)}.row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.row em{color:var(--terra);font-size:9px;font-style:normal}.model-route{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:14px 0;padding:14px;background:var(--paper)}.model-route>span{padding:11px;border:1px solid var(--line);background:var(--panel);font-size:9px}.model-route>b{color:var(--terra);font-size:12px}@media(max-width:980px){.shell{grid-template-columns:82px 1fr}.sidebar{padding:25px 12px}.brand small,.surface-switch,nav button small,.account div{display:none}.brand span{font-size:21px}nav button{padding:12px 6px;text-align:center;font-size:9px}.workspace{padding:0 22px}.topbar{align-items:flex-start;flex-direction:column;gap:14px}.grid-two{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:680px){.shell{display:block}.sidebar{position:relative;width:100%;height:auto}.brand,.account{display:none}.surface-switch{display:grid;margin:0 0 10px}nav{display:flex;flex-direction:row;overflow:auto}.workspace{padding:0 14px}.top-actions{flex-wrap:wrap}.metrics{grid-template-columns:1fr}.grid-two{grid-template-columns:1fr}}
.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px}
.pagination button{padding:7px 10px;border:1px solid var(--pine);background:transparent;color:var(--pine);font-size:12px}
.pagination button:disabled{opacity:.4;cursor:not-allowed}
.pagination span{color:var(--muted);font-size:12px}
.customer-table,.pool-table,.member-table,.billing-table,.child-org-list,.application-list{margin-top:12px;border-top:1px solid var(--line)}
.customer-table-head,.customer-table article{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(90px,.7fr) minmax(110px,.8fr) minmax(90px,.7fr) minmax(150px,.9fr) 90px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.pool-table-head,.pool-table article{display:grid;grid-template-columns:minmax(180px,1.2fr) 100px minmax(90px,.7fr) minmax(150px,.9fr) 90px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.member-table-head,.member-table article{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(110px,.8fr) 90px minmax(150px,.9fr);gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.customer-table-head,.pool-table-head,.member-table-head,.billing-table-head{padding:8px 0;color:var(--muted);font-size:12px;letter-spacing:.05em}
.customer-table article>span,.pool-table article>span,.member-table article>span,.customer-table article time,.pool-table article time,.member-table article time{min-width:0;color:var(--muted);font-size:12px;line-height:1.6}
.customer-table article strong,.pool-table article strong,.member-table article strong{display:block;overflow:hidden;color:var(--ink);font-family:var(--serif);font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.customer-table article small,.pool-table article small,.member-table article small{display:block;overflow:hidden;margin-top:3px;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.customer-table article button,.pool-table article button,.member-table article button{padding:6px 9px;border:1px solid var(--pine);background:transparent;color:var(--pine);font-size:12px}
.child-org-list article,.application-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}
.child-org-list strong,.application-list strong{font-family:var(--serif);font-size:12px;font-weight:500}
.child-org-list small,.application-list small{display:block;margin-top:4px;color:var(--muted);font-size:12px}
.application-list article>div:last-child{display:flex;gap:8px}
.application-list button{padding:6px 9px;border:1px solid var(--pine);background:transparent;color:var(--pine);font-size:12px}
.org-rule-form,.org-invite-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.org-rule-form label,.org-invite-form label{display:flex;min-width:0;flex-direction:column;gap:7px;color:var(--muted);font-size:12px}
.org-rule-form input,.org-rule-form select,.org-invite-form input,.org-invite-form select{min-height:40px;padding:0 11px;border:1px solid var(--line);background:#fff;color:var(--ink)}
.org-rule-form button,.org-invite-form button{align-self:end;min-height:40px;border:0;background:var(--pine);color:#fff;font-size:12px}
.org-invite-form .switch-line{flex-direction:row;align-items:center;padding-top:22px}
.org-invite-form .switch-line input{width:16px;min-height:auto}
.organization-policy-panel{margin-top:18px}
.organization-policy-switch{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer}
.organization-policy-switch>span{display:flex;flex-direction:column;gap:6px;min-width:0}
.organization-policy-switch strong{font-family:var(--serif);font-size:14px;font-weight:500}
.organization-policy-switch small{max-width:760px;color:var(--muted);font-size:11px;line-height:1.7}
.organization-policy-switch input{appearance:none;position:relative;flex:0 0 46px;width:46px;height:26px;margin:0;border:1px solid var(--line);border-radius:999px;background:#d9d7d0;transition:background .18s ease,border-color .18s ease}
.organization-policy-switch input:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.16);transition:transform .18s ease}
.organization-policy-switch input:checked{border-color:var(--pine);background:var(--pine)}
.organization-policy-switch input:checked:before{transform:translateX(20px)}
.organization-policy-switch input:disabled{cursor:not-allowed;opacity:.48}
.organization-policy-rejections{margin-top:14px;color:var(--muted);font-size:11px}
.organization-policy-rejections summary{cursor:pointer;color:var(--pine)}
.organization-policy-rejections p{display:grid;grid-template-columns:minmax(120px,.35fr) 1fr;gap:16px;margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line)}
.organization-policy-rejections strong{color:var(--ink);font-weight:500}
@media(max-width:680px){.organization-policy-switch{align-items:flex-start}.organization-policy-rejections p{grid-template-columns:1fr;gap:4px}}
.billing-table-head,.billing-table article{display:grid;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.order-table .billing-table-head,.order-table article{grid-template-columns:minmax(140px,1.2fr) minmax(140px,1fr) minmax(130px,1fr) minmax(90px,.7fr) minmax(80px,.6fr) minmax(100px,.8fr) minmax(150px,1fr) minmax(150px,1fr) 90px}
.subscription-table .billing-table-head,.subscription-table article{grid-template-columns:minmax(140px,1.2fr) minmax(140px,1fr) minmax(130px,1fr) minmax(90px,.7fr) minmax(90px,.7fr) minmax(160px,1fr) 90px}
.event-table .billing-table-head,.event-table article{grid-template-columns:minmax(140px,1.2fr) minmax(100px,.8fr) minmax(130px,1fr) minmax(140px,1fr) minmax(90px,.7fr) minmax(160px,1fr)}
.referral-payout-table .billing-table-head,.referral-payout-table article{grid-template-columns:minmax(150px,1.2fr) minmax(140px,1fr) minmax(100px,.7fr) minmax(90px,.65fr) minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1.1fr)}
.referral-payout-actions{display:flex;gap:6px;overflow:visible!important;white-space:normal!important}
.billing-table article>span,.billing-table article time{min-width:0;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.billing-table article strong{display:block;overflow:hidden;color:var(--ink);font-family:var(--serif);font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.billing-table article button{padding:6px 9px;border:1px solid var(--pine);background:transparent;color:var(--pine);font-size:12px}
.billing-table article button:disabled{opacity:.45;cursor:not-allowed}
.customer-drawer .drawer-customer-detail{padding:0}
.customer-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:14px;background:var(--line);border:1px solid var(--line)}
.customer-facts>div{display:flex;flex-direction:column;gap:5px;padding:13px;background:var(--panel)}
.customer-facts dt{color:var(--muted);font-size:12px}
.customer-facts dd{margin:0;color:var(--ink);font-size:12px;line-height:1.6}
.drawer-actions{display:flex;justify-content:flex-end;margin-top:16px}
.drawer-actions button{padding:10px 16px;border:0;background:var(--terra);color:#fff;font-size:12px}
.assignment-picker .assignment-customer{padding:14px;border:1px solid var(--line);background:var(--paper)}
.assignment-customer strong{display:block;font-family:var(--serif);font-size:14px;font-weight:500}
.assignment-customer p{margin:5px 0 0;color:var(--muted);font-size:12px}
.assignment-kinds{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}
.assignment-kinds button{padding:7px 10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:12px}
.assignment-kinds button.active{border-color:var(--pine);background:var(--pine);color:#fff}
.assignment-search,.assignment-reason{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px;margin-bottom:12px}
.assignment-search input,.assignment-reason textarea{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:12px;padding:9px 11px}
.assignment-targets{display:flex;flex-direction:column;gap:7px;max-height:300px;overflow:auto;margin-bottom:14px;padding-right:4px}
.assignment-target{padding:10px 12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);text-align:left;font-size:12px}
.assignment-target.selected{border-color:var(--pine);background:var(--pine-soft);color:var(--pine)}
.assignment-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.assignment-actions button{padding:10px 16px;border:1px solid var(--pine);background:transparent;color:var(--pine);font-size:12px}
.assignment-actions button.primary{border-color:var(--terra);background:var(--terra);color:#fff}
.assignment-search-row{display:flex;gap:8px}
.assignment-search-row input{flex:1}
.assignment-search-row button{min-height:38px;padding:0 12px;border:1px solid var(--pine);background:transparent;color:var(--pine);font-size:12px}

#action-feedback-root{position:fixed;z-index:1200;right:24px;bottom:24px;pointer-events:none}
.action-feedback{display:grid;grid-template-columns:18px minmax(0,1fr);gap:11px;align-items:start;width:min(390px,calc(100vw - 32px));padding:14px 16px;border:1px solid var(--line);background:rgba(251,250,247,.98);box-shadow:0 16px 42px rgba(23,53,45,.14);opacity:0;transform:translateY(10px);transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(14px)}
.action-feedback.visible{opacity:1;transform:translateY(0)}
.action-feedback i{display:block;width:10px;height:10px;margin-top:4px;border-radius:50%;background:#5e9a80}
.action-feedback.pending i{border:2px solid var(--pine-soft);border-top-color:var(--pine);background:transparent;animation:local-spin .75s linear infinite}
.action-feedback.error i{background:var(--terra)}
.action-feedback strong{display:block;color:var(--ink);font-family:var(--serif);font-size:13px;font-weight:500}
.action-feedback p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.button-spinner{display:inline-block;width:12px;height:12px;margin-right:7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;animation:local-spin .75s linear infinite}
button[aria-busy="true"]{cursor:progress;opacity:.82}
.field-help{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.5}
@keyframes local-spin{to{transform:rotate(360deg)}}
@media(max-width:680px){#action-feedback-root{right:16px;bottom:16px;left:16px}.action-feedback{width:100%}}
@media(prefers-reduced-motion:reduce){.action-feedback,.button-spinner,.action-feedback.pending i{transition:none;animation-duration:1.5s}}


/* Compute & Token Analytics Styles */
.compute-header-actions { display: flex; align-items: center; gap: 12px; }
.time-range-group { display: inline-flex; border: 1px solid var(--line); background: var(--panel); }
.time-range-group button { padding: 6px 12px; border: 0; background: transparent; color: var(--muted); font-size: 11px; cursor: pointer; }
.time-range-group button.active { background: var(--pine); color: #fff; font-weight: 500; }
.refresh-btn { padding: 6px 12px; border: 1px solid var(--line); background: var(--panel); color: var(--ink); font-size: 11px; cursor: pointer; border-radius: 2px; }
.refresh-btn:hover { background: #eee; }

.compute-metrics { grid-template-columns: repeat(6, 1fr) !important; }
@media (max-width: 1200px) {
  .compute-metrics { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 768px) {
  .compute-metrics { grid-template-columns: 1fr 1fr !important; }
}

.drilldown-banner { display: flex; align-items: center; justify-content: space-between; margin: 16px 0; padding: 12px 16px; background: var(--terra-soft); border: 1px solid rgba(184, 95, 63, 0.3); border-radius: 4px; }
.drilldown-banner strong { font-size: 12px; color: var(--terra); }
.filter-tag { display: inline-block; margin: 0 4px; padding: 2px 8px; background: rgba(184, 95, 63, 0.15); border-radius: 12px; font-size: 11px; color: var(--terra); font-weight: 500; }
.drilldown-banner button { padding: 4px 10px; border: 1px solid var(--terra); background: transparent; color: var(--terra); font-size: 11px; cursor: pointer; border-radius: 3px; }
.drilldown-banner button:hover { background: var(--terra); color: #fff; }

.compute-tabs-nav { display: flex; gap: 8px; margin: 20px 0 16px; border-bottom: 1px solid var(--line); padding-bottom: 8px; overflow-x: auto; }
.compute-tabs-nav button { padding: 9px 16px; border: 0; background: var(--panel); border: 1px solid var(--line); color: var(--muted); font-size: 12px; font-weight: 500; cursor: pointer; border-radius: 4px; transition: all 0.2s; white-space: nowrap; }
.compute-tabs-nav button.active { background: var(--pine); color: #fff; border-color: var(--pine); }

.compute-body-panel { min-height: 400px; }

.scene-bars-grid, .model-cards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 16px; margin-top: 14px; }
.scene-card { background: #fff; border: 1px solid var(--line); border-radius: 6px; padding: 16px; display: flex; flex-direction: column; gap: 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.02); }
.scene-card-header { display: flex; justify-content: space-between; align-items: flex-start; }
.scene-card-header strong { font-size: 14px; color: var(--ink); display: block; font-family: var(--serif); }
.scene-card-header code { font-size: 10px; color: var(--muted); background: var(--paper); padding: 1px 5px; border-radius: 3px; }
.scene-token-badge { font-size: 13px; font-weight: bold; color: var(--pine); font-family: var(--sans); }

.scene-card-metrics { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; padding: 10px 0; border-top: 1px dashed var(--line); border-bottom: 1px dashed var(--line); }
.scene-card-metrics div { display: flex; flex-direction: column; gap: 2px; }
.scene-card-metrics small { font-size: 10px; color: var(--muted); }
.scene-card-metrics b { font-size: 12px; font-weight: 600; color: var(--ink); }
.scene-card-metrics b.warn { color: var(--terra); }

.scene-card-footer { margin-top: auto; padding-top: 4px; }
.drilldown-btn { width: 100%; padding: 7px 12px; border: 1px solid var(--pine); background: transparent; color: var(--pine); font-size: 11px; font-weight: 500; cursor: pointer; border-radius: 3px; text-align: center; transition: all 0.15s; }
.drilldown-btn:hover { background: var(--pine); color: #fff; }

.entity-subtabs { display: inline-flex; border: 1px solid var(--line); background: var(--panel); border-radius: 3px; }
.entity-subtabs button { padding: 6px 14px; border: 0; background: transparent; color: var(--muted); font-size: 11px; cursor: pointer; }
.entity-subtabs button.active { background: var(--terra); color: #fff; font-weight: 500; }

.rank-badge { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--line); font-size: 11px; font-weight: bold; color: var(--muted); }
.rank-badge.top { background: var(--terra); color: #fff; }
.sub-code { display: block; font-size: 10px; color: var(--muted); margin-top: 2px; }
.token-sum-badge { font-weight: bold; color: var(--pine); font-size: 12px; }
.row-drill-btn { padding: 4px 10px; border: 1px solid var(--pine); background: transparent; color: var(--pine); font-size: 11px; cursor: pointer; border-radius: 3px; }
.row-drill-btn:hover { background: var(--pine); color: #fff; }

.atomic-filter-toolbar { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-bottom: 16px; padding: 12px; background: var(--paper); border: 1px solid var(--line); border-radius: 4px; }
.search-input-box { display: flex; gap: 6px; flex: 1; min-width: 260px; }
.search-input-box input { flex: 1; padding: 7px 10px; border: 1px solid var(--line); background: #fff; font-size: 12px; border-radius: 3px; }
.search-input-box button { padding: 7px 14px; border: 0; background: var(--pine); color: #fff; font-size: 12px; cursor: pointer; border-radius: 3px; }
.filter-selects-box { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.filter-selects-box select { padding: 7px 10px; border: 1px solid var(--line); background: #fff; font-size: 12px; border-radius: 3px; }
.reset-filter-btn { padding: 6px 12px; border: 1px solid var(--terra); background: transparent; color: var(--terra); font-size: 11px; cursor: pointer; border-radius: 3px; }

.cell-time { display: block; font-size: 11px; color: var(--ink); }
.cell-id { display: block; font-size: 10px; color: var(--muted); margin-top: 2px; }
.scene-tag { display: inline-block; padding: 3px 7px; background: var(--pine-soft); color: var(--pine); border-radius: 3px; font-size: 11px; font-weight: 500; }
.provider-sub { display: block; font-size: 10px; color: var(--muted); }
.entity-cell { display: flex; align-items: center; gap: 6px; }
.entity-type-badge { display: inline-block; padding: 2px 6px; border-radius: 3px; font-size: 10px; font-weight: bold; }
.entity-type-badge.note { background: #e3f2fd; color: #1565c0; }
.entity-type-badge.customer { background: #fbe9e7; color: #d84315; }
.entity-type-badge.product { background: #efebe9; color: #4e342e; }
.entity-type-badge.general { background: #f5f5f5; color: #616161; }

.token-in-badge { display: inline-block; padding: 2px 6px; background: rgba(33, 150, 243, 0.1); color: #1976d2; border-radius: 3px; font-size: 11px; font-family: ui-monospace, monospace; }
.token-out-badge { display: inline-block; padding: 2px 6px; background: rgba(76, 175, 80, 0.1); color: #388e3c; border-radius: 3px; font-size: 11px; font-family: ui-monospace, monospace; }
.token-total-val { font-family: ui-monospace, monospace; font-size: 12px; color: var(--ink); }

.status-pill { display: inline-block; padding: 2px 6px; border-radius: 10px; font-size: 10px; font-weight: 500; }
.status-pill.success { background: #e8f5e9; color: #2e7d32; }
.status-pill.failed { background: #ffebee; color: #c62828; }
.status-pill.running { background: #fff8e1; color: #f57f17; }

.view-snapshot-btn { padding: 5px 9px; border: 1px solid var(--line); background: #fff; color: var(--ink); font-size: 11px; cursor: pointer; border-radius: 3px; }
.view-snapshot-btn:hover { border-color: var(--terra); color: var(--terra); }

.pagination-bar { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--line); font-size: 11px; color: var(--muted); }
.pagination-buttons { display: flex; gap: 8px; }
.pagination-buttons button { padding: 5px 12px; border: 1px solid var(--line); background: var(--panel); color: var(--ink); font-size: 11px; cursor: pointer; border-radius: 3px; }
.pagination-buttons button:disabled { opacity: 0.4; cursor: not-allowed; }

/* Atomic Drawer */
.atomic-drawer { width: min(800px, 94vw) !important; max-width: 800px !important; }
.atomic-drawer-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 16px 0; background: var(--paper); padding: 14px; border: 1px solid var(--line); border-radius: 4px; }
.drawer-stat-box { display: flex; flex-direction: column; gap: 3px; }
.drawer-stat-box small { font-size: 10px; color: var(--muted); }
.drawer-stat-box strong { font-size: 13px; color: var(--ink); }
.drawer-stat-box strong.highlight-token { color: var(--pine); font-size: 14px; font-weight: bold; }
.drawer-stat-box span { font-size: 10px; color: var(--muted); }
.drawer-stat-box code { font-size: 10px; color: var(--muted); }
.success-text { color: #2e7d32 !important; }
.failed-text { color: #c62828 !important; }

.atomic-context-card { display: flex; align-items: center; padding: 10px 14px; background: #fff; border: 1px solid var(--line); border-radius: 4px; font-size: 12px; }

.atomic-snapshots-section { display: flex; flex-direction: column; gap: 16px; margin-top: 16px; }
.snapshot-block { background: #fff; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; }
.snapshot-header { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; background: var(--paper); border-bottom: 1px solid var(--line); }
.snapshot-header strong { font-size: 11px; color: var(--ink); }
.copy-btn { padding: 3px 8px; border: 1px solid var(--line); background: #fff; font-size: 10px; cursor: pointer; border-radius: 3px; }
.copy-btn:hover { background: #eee; }
.code-preview-box { margin: 0; padding: 12px; max-height: 240px; overflow: auto; background: #1e2925; color: #d1fae5; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; line-height: 1.45; white-space: pre-wrap; word-break: break-all; }

/* 列表缓存状态徽标（秒开 / 后台刷新 / 过期） */
.cache-badge { display: inline-flex; align-items: center; gap: 4px; margin-left: 10px; padding: 2px 9px; font-size: 11px; line-height: 1; border-radius: 999px; border: 1px solid var(--line); background: var(--paper); color: var(--muted); }
.cache-badge.instant { color: #1b7f4b; border-color: #b7e4c7; background: #eafaf0; }
.cache-badge.revalidating { color: #8a6d1b; border-color: #f0e0b0; background: #fdf8e9; }
.cache-badge.stale { color: #b3431b; border-color: #f0cdb7; background: #fdf1ea; }

/* Scoped diagnostic drawer reuses the operations typography and controls. */
.diagnostic-overlay{position:fixed;inset:0;z-index:90;display:flex;justify-content:flex-end}.diagnostic-backdrop{position:absolute;inset:0;border:0;background:rgba(12,18,28,.35)}.diagnostic-drawer{position:relative;width:min(940px,100%);height:100%;overflow:auto;background:var(--surface,#fff);padding:28px;box-sizing:border-box}.diagnostic-drawer header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.diagnostic-drawer h2{margin:6px 0 12px}.diagnostic-drawer p,.diagnostic-drawer small{line-height:1.6;overflow-wrap:anywhere}.diagnostic-grid{display:grid;grid-template-columns:minmax(230px,1fr) minmax(260px,1.3fr);gap:28px;margin-top:20px}.diagnostic-grid form>label{display:grid;gap:8px;margin-bottom:16px}.diagnostic-grid select{max-width:100%;width:100%}.diagnostic-grid fieldset{border:0;padding:0;margin:20px 0}.diagnostic-checkbox{display:flex;align-items:center;gap:8px;margin:10px 0}.diagnostic-checkbox input{width:auto}.diagnostic-history article{border-top:1px solid var(--line,#e2e6eb);padding:16px 0}.diagnostic-history small{display:block;color:var(--muted,#64748b)}.diagnostic-report{margin-top:24px;border-top:1px solid var(--line,#e2e6eb)}.diagnostic-report pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.diagnostic-report article{padding:12px 0}.diagnostic-drawer button{max-width:100%;white-space:normal}.diagnostic-drawer header>button{flex-shrink:0;white-space:nowrap}.diagnostic-grid form>button{margin:0 8px 8px 0}@media(max-width:680px){.diagnostic-drawer{padding:18px}.diagnostic-grid{grid-template-columns:minmax(0,1fr)}}