/* 顾顾OS V0.1 interface foundation by 身怀绝技人工顾能. */
:root{
  --ink:#103e37;
  --ink-2:#28584d;
  --gold:#b98d44;
  --bg:#f6f3ec;
  --line:#d8e0d9;
  --muted:#63736e;
  --green:#35705a;
  --red:#a14342;
  --fo-ink:#103e37;
  --fo-deep:#0a302b;
  --fo-gold:#b98d44;
  --fo-paper:#f6f3ec;
  --fo-mist:#e8eee9;
  --fo-line:#d8e0d9;
  --fo-copy:#53655f;
  --focus:#d6ae5d;
  --surface:#fffdf8;
  --surface-soft:#f4f7f2;
  --radius-control:8px;
  --radius-card:12px;
  --shadow:0 12px 30px rgba(16,62,55,.075);
}

html{background:var(--bg);color-scheme:light}
body{background:radial-gradient(circle at 88% 8%,rgba(185,141,68,.065),transparent 27%),var(--bg);color:var(--ink);font-size:14px;line-height:1.6}
body:has(.modal:not(.hidden)){overflow:hidden}
button,input,select,textarea{font-family:"Microsoft YaHei","PingFang SC",Irial,sans-serif}
button,a,input,select,textarea{outline:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(214,174,93,.45);outline-offset:2px}
button:disabled{cursor:not-allowed;opacity:.58}

/* Brand intelligence signature: a restrained operating-status rail, not decorative II theatre. */
.brand{position:relative;padding-bottom:18px!important}
.brand-mark{position:relative;isolation:isolate;box-shadow:0 0 0 1px rgba(255,245,214,.22),0 8px 24px rgba(0,0,0,.18)}
.brand-mark::after{content:"";position:absolute;inset:-5px;border:1px solid rgba(214,183,107,.28);border-radius:11px;z-index:-1}
.brand-title{font-size:20px!important;letter-spacing:1.2px!important}
.brand-sub{font-size:10px!important;letter-spacing:.6px;color:#c7d5cf!important}
.intelligence-rail{position:relative;margin:0 7px 20px;padding:12px 12px 11px;border:1px solid rgba(220,196,137,.19);border-radius:10px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));overflow:hidden}
.intelligence-rail::after{content:"";position:absolute;right:-22px;top:-25px;width:82px;height:82px;border:1px solid rgba(214,183,107,.15);border-radius:50%;box-shadow:0 0 0 14px rgba(214,183,107,.035)}
.intelligence-rail-head{position:relative;z-index:1;display:flex;align-items:center;gap:7px;color:#fff9e9;font-size:11px}
.intelligence-rail-head em{margin-left:auto;color:#9db5ab;font-size:9px;font-style:normal;letter-spacing:.7px}
.intelligence-orbit,.smart-context>i{width:8px;height:8px;border-radius:50%;background:#d9bd75;box-shadow:0 0 0 4px rgba(217,189,117,.12),0 0 14px rgba(217,189,117,.55)}
.intelligence-nodes{position:relative;z-index:1;display:flex;gap:5px;margin-top:10px}
.intelligence-nodes span{flex:1;padding-top:7px;border-top:1px solid rgba(218,231,224,.16);color:#a9beb6;font-size:8px;white-space:nowrap}
.developer-sign{margin-top:15px;padding-top:12px;border-top:1px solid rgba(218,231,224,.12);color:#8fa69d;line-height:1.65}
.developer-sign b{color:#d9c58f;font-weight:700;letter-spacing:.3px}

.smart-context{display:flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(185,141,68,.28);border-radius:9px;background:linear-gradient(135deg,rgba(255,253,248,.88),rgba(240,246,241,.72));box-shadow:inset 0 1px rgba(255,255,255,.8)}
.smart-context>span,.smart-context b,.smart-context small{display:block}
.smart-context b{color:var(--fo-deep);font-size:10px;line-height:1.3}
.smart-context small{margin-top:2px;color:#788983;font-size:8px;white-space:nowrap}
.auth-intelligence{display:flex;align-items:center;gap:10px;margin:-13px 0 22px;padding:10px 12px;border:1px solid #dfe8e1;border-radius:10px;background:linear-gradient(135deg,#f4f8f4,#fffaf0)}
.auth-intelligence i{width:8px;height:8px;border-radius:50%;background:#3f8068;box-shadow:0 0 0 4px rgba(63,128,104,.12)}
.auth-intelligence span,.auth-intelligence b,.auth-intelligence small{display:block}
.auth-intelligence b{color:#19493f;font-size:11px}
.auth-intelligence small{margin-top:2px;color:#71817b;font-size:9px}
.auth-card footer b{color:#8c682b;font-size:9px}

.topbar h1{font-size:34px;line-height:1.18;letter-spacing:-1.2px}
.page-section-head{margin-top:26px!important}
.section-head h2,.section-head h3{line-height:1.35}
.muted,.task-row small,.customer-objective,.news-card p{color:var(--muted)!important}
.muted{font-size:13px}

.qna-card,.today-card,.content-strip,.customer-card,.list-row,.meeting-panel,.empty-state,.meeting-card,.answer-card,.delivery-v2,.delivery-gate-top,.delivery-blocker-list,.delivery-flow,.delivery-trace,.delivery-report-card{
  border-color:var(--line)!important;
  border-radius:var(--radius-card)!important;
  box-shadow:var(--shadow)!important;
  background:var(--surface)!important;
}

.primary-btn,.customer-actions .primary-btn,.answer-actions .primary-btn,.professional-answer footer .primary-btn,.kyc-submit{
  min-height:40px;
  border:1px solid var(--fo-deep)!important;
  border-radius:var(--radius-control)!important;
  background:var(--fo-deep)!important;
  color:#fffdf8!important;
  font-weight:800;
}
.primary-btn:hover,.customer-actions .primary-btn:hover,.answer-actions .primary-btn:hover{background:#12483f!important;border-color:#12483f!important}
.ghost-btn,.customer-actions .ghost-btn,.answer-actions .ghost-btn{
  min-height:40px;
  border:1px solid #c8d7ce!important;
  border-radius:var(--radius-control)!important;
  background:#fffdf8!important;
  color:#17473d!important;
  font-weight:800;
}
.ghost-btn:hover,.customer-actions .ghost-btn:hover,.answer-actions .ghost-btn:hover{border-color:var(--gold)!important;background:#fff9eb!important}
.answer-actions button{min-height:40px;border-radius:var(--radius-control)!important}
.customer-actions button{min-height:40px;border:1px solid #d5dfd8!important;background:#f1f5f1!important;color:#244c43!important}
.customer-actions button.primary-btn{background:var(--fo-deep)!important;color:#fffdf8!important;border-color:var(--fo-deep)!important}

.nav-item,.nav-sub-item{border-radius:8px!important}
.nav-item.active,.nav-sub-item.active{color:#fffdf8!important}
.count-badge,.stage,.tag,.gate-badge,.answer-status{font-size:12px!important}
.question-group button,.chips button{min-height:36px;border-color:#d7e2da!important;background:#f8fbf8!important;color:#244d43!important}

.customer-list{min-width:0}
.list-row{grid-template-columns:minmax(130px,1.05fr) minmax(120px,.85fr) minmax(210px,1.8fr) minmax(90px,.7fr) minmax(170px,1fr);min-width:0}
.list-row>*{min-width:0;overflow-wrap:anywhere}
.customer-actions{min-width:0}

.modal{background:rgba(7,30,26,.58);padding:24px}
.modal-panel{width:min(760px,100%);max-height:92vh;padding:32px;border:1px solid rgba(185,141,68,.32);border-radius:16px;background:var(--surface);box-shadow:0 30px 80px rgba(0,28,23,.3);scrollbar-gutter:stable}
.modal-panel:has(.kyc-intake-workspace),.modal-panel:has(.kyc-profile){width:min(1000px,100%)}
.modal-close{top:14px;right:18px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#64766f;font-size:23px}
.modal-close:hover{background:#eef3ef;color:var(--fo-deep)}

.kyc-intake-workspace h2{font-size:30px;line-height:1.25;margin-bottom:6px}
.kyc-lead{font-size:14px;line-height:1.75;margin-bottom:14px}
.kyc-intake-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px}
.kyc-intake-steps span{padding:9px 12px;border:1px solid #dbe4dd;border-radius:8px;background:#f5f7f3;color:#74827c;font-size:12px;font-weight:800;text-align:center}
.kyc-intake-steps .current{border-color:#d6b66e;background:#fff7e5;color:#78591e}
.kyc-base-grid{border-radius:12px;background:#fbfcf9}
.kyc-base-grid input,.kyc-base-grid textarea,.kyc-base-grid select,.kyc-source-panel input,.kyc-source-panel textarea{font-size:14px;color:var(--fo-deep)}
.kyc-source-tabs{gap:8px}
.kyc-source-tabs button{min-height:44px;border-radius:8px;background:#fffdf8;color:#536a62}
.kyc-source-tabs button.active{border-color:var(--fo-deep)!important;background:var(--fo-deep)!important;color:#fffdf8!important;box-shadow:inset 0 -3px var(--gold)}
.kyc-source-panel{border-radius:12px}
.kyc-modal-actions{position:sticky;z-index:3;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px -32px 0;padding:14px 32px;border-top:1px solid #dce4de;background:rgba(255,253,248,.97);box-shadow:0 -12px 24px rgba(16,62,55,.07);backdrop-filter:blur(8px)}
.kyc-modal-actions>span{max-width:520px;color:#687a73;font-size:12px}
.kyc-modal-actions .kyc-submit{width:auto;min-width:280px;margin:0;padding:12px 18px}

.qna-error.action-error{padding:22px;border:1px solid #ead8cd;border-left:4px solid #a9634f;border-radius:10px;background:#fff8f3;color:#6d4d44}
.qna-error.action-error b{color:#733f34;font-size:17px}
.qna-error.action-error p{margin:7px 0 14px;line-height:1.7}
.qna-error.action-error button{min-width:180px}

.delivery-report-card button{min-height:40px}
.delivery-state.ready{background:#e8f3e9;color:#327154}
.delivery-step b,.delivery-report-card h4{color:var(--fo-deep)}
.delivery-flow .section-inline-head span,.delivery-trace span,.report-history .section-inline-head span{font-size:12px;line-height:1.6}

@media(max-width:1100px){
  .smart-context{display:none}
  .list-row{grid-template-columns:minmax(150px,1fr) minmax(110px,.8fr) minmax(220px,1.5fr) minmax(130px,.9fr)}
  .list-row>div:nth-child(4){display:none}
}
@media(max-width:700px){
  .intelligence-rail{display:none}
  .topbar h1{font-size:27px}
  .modal{align-items:end;padding:0}
  .modal-panel,.modal-panel:has(.kyc-intake-workspace),.modal-panel:has(.kyc-profile){width:100%;max-height:94vh;padding:24px 18px 0;border-radius:16px 16px 0 0}
  .list-row{grid-template-columns:1fr;padding:16px}
  .list-row>div:nth-child(4){display:block}
  .kyc-intake-workspace h2{font-size:25px;padding-right:36px}
  .kyc-intake-steps{grid-template-columns:1fr}
  .kyc-source-tabs{display:flex;overflow-x:auto;padding-bottom:4px}
  .kyc-source-tabs button{flex:0 0 auto;min-width:112px}
  .kyc-modal-actions{display:block;margin:18px -18px 0;padding:12px 18px}
  .kyc-modal-actions>span{display:block;margin-bottom:9px}
  .kyc-modal-actions .kyc-submit{width:100%;min-width:0}
  .delivery-flow,.delivery-report-grid{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}