/* 参照 nongsu/public 的农溯智答视觉基线：浅色侧栏、图标导航、暖白纸张与深绿主色。 */
:root{
  --green:#235c46;
  --deep:#173f32;
  --lime:#d7e7ba;
  --bg:#f4f6f2;
  --paper:#fff;
  --ink:#23372e;
  --muted:#7a877f;
  --line:#e5eae4;
  --orange:#b97731;
  --red:#b75247;
  --shadow:0 6px 28px #213c2a06;
}
body{background:var(--bg);color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6}
h1{font-size:26px;font-weight:650;letter-spacing:.4px;margin:0 0 7px}
h2{font-size:16px}
h3{font-size:14px}
.subtitle{font-size:12px;color:var(--muted)}
.eyebrow{font-size:10px;letter-spacing:2px;color:#9b9f81;margin:0 0 6px}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px;padding:0;border:0;background:transparent}
.page-head .button-group{flex-shrink:0}
.card{border:1px solid var(--line);border-radius:11px;background:var(--paper);box-shadow:var(--shadow)}
.card-head{padding:21px 23px 16px;align-items:center}
.card-head small{font-size:10px;color:#707361;margin-top:3px}
.card-body{padding:0 23px 23px}
.metrics{gap:18px;margin-bottom:24px}
.metric{border-radius:10px;padding:19px 21px;box-shadow:var(--shadow);background:var(--paper)}
.metric-label{font-size:12px;color:#7b897f}
.metric-value{font-size:32px;font-weight:600;letter-spacing:1px;color:var(--ink);margin:7px 0}
.metric-value small{font-size:11px;color:#707361}
.metric-foot{font-size:10px;color:#929d90}
.btn{border-radius:7px;background:#fffdf7;border:1px solid var(--line);padding:10px 16px;font-size:12px;color:#536558}
.btn:hover{border-color:#97af8e;background:#f5f8f1}
.btn.primary{background:var(--green);border-color:var(--green);color:#fffdf7}
.btn.primary:hover{background:var(--deep)}
.btn.small{padding:5px 10px;font-size:11px}
.toolbar{padding:18px 22px;border-bottom:1px solid var(--line)}
input,select,textarea,.field{border:1px solid #dfe6da;border-radius:7px;background:#fffdf7;color:#344c3c;padding:10px 12px}
th{background:#f7f4eb;color:#68715e;font-size:10px;padding:11px 20px}
td{font-size:12px;color:#647261;padding:16px 20px}
.badge{font-size:10px;border-radius:4px;padding:3px 8px}
.main-footer{padding:17px 38px;font-size:9px;color:#a0aa98}

/* 侧栏：回到参考页的浅色工作台样式 */
.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#fafbf8;border:0;border-right:1px solid var(--line);padding:32px 22px 20px;color:var(--ink);display:flex;flex-direction:column;z-index:20}
.brand{display:flex;align-items:center;gap:11px;justify-content:flex-start;margin:0;font-size:23px;font-weight:750;letter-spacing:1px;color:var(--ink)}
.brand img{width:43px;height:43px}
.brand span{display:block}
.brand small{display:block;margin-top:1px;font-size:8px;letter-spacing:1.3px;font-weight:500;color:#8e9a8c}
.workspace-label{display:flex;justify-content:space-between;align-items:center;margin:45px 12px 15px;font-size:11px;color:var(--muted)}
.workspace-label span{font-size:8px;letter-spacing:.6px;color:#a0aa98}
nav{display:grid;gap:7px;margin:0}
nav a{display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:9px;color:#738076;font-size:14px;line-height:1.6;white-space:normal;border:0;background:transparent}
nav a:hover{background:#eef2e9}
nav a.active{color:var(--green);background:#e7efdf;font-weight:650}
.nav-icon{display:inline-block;width:20px;flex-shrink:0;text-align:center;font-size:20px;line-height:1;color:#9aa892}
nav a.active .nav-icon{color:var(--green)}
.nav-count{margin-left:auto;font-size:10px;background:#d3dfc8;color:#4f6646;border-radius:5px;padding:1px 6px}
.auxiliary-nav{margin:18px 0 0;border-top:1px solid var(--line);padding-top:12px}
.auxiliary-nav summary{padding:10px 15px;font-size:12px;color:#8a9588;cursor:pointer;list-style:none}
.auxiliary-nav summary::-webkit-details-marker{display:none}
.auxiliary-nav summary:after{content:"⌄";float:right;color:#a3ad9e;transition:.2s}
.auxiliary-nav[open] summary:after{transform:rotate(180deg)}
.auxiliary-nav a{font-size:13px;padding:10px 15px;gap:10px}
.auxiliary-nav .nav-icon{font-size:16px;width:16px}
.sidebar-note{position:relative;overflow:hidden;margin:auto 10px 25px;padding:22px 20px;border-radius:12px;background:linear-gradient(145deg,#edf2e4,#e2ecdc)}
.sidebar-note:after{content:"❧";position:absolute;right:-55px;bottom:-75px;font-size:170px;color:#ccdcb8;transform:rotate(-20deg)}
.tiny-leaf{position:relative;z-index:1;font-size:25px;color:#5b7b4e}
.sidebar-note h3{position:relative;z-index:1;margin:5px 0 10px;font-size:17px;line-height:1.7;font-weight:550;color:#31543c}
.sidebar-note p{position:relative;z-index:1;font-size:11px;line-height:1.9;color:#86947e}
.note-line{display:block;width:24px;height:2px;background:#9eb88d;margin-top:18px}
.sidebar-footer{font-size:10px;color:#91a08e;text-align:center;padding-top:10px}
.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#759b60;margin-right:7px}

/* 顶栏与内容 */
.main-shell{margin-left:236px;min-height:100vh}
.topbar{height:80px;padding:0 38px;background:#fafbf8;border-bottom:1px solid var(--line);gap:16px}
.breadcrumb{font-size:12px;color:#859086}
.breadcrumb span{margin:0 15px;color:#c0c8bc}
.breadcrumb b{font-weight:500;color:#46594c}
.top-actions{gap:18px}
.demo-chip{font-size:10px;color:#8b967e;border:1px solid #e0e7d8;border-radius:5px;padding:3px 8px;background:transparent;white-space:nowrap}
.account-btn{max-width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#45614e;background:transparent}
main{padding:34px 38px 25px;max-width:1700px;min-height:calc(100vh - 133px);margin:auto}
.loading{padding:80px;text-align:center;color:#8d9d82}
.notice{background:#f0eee2;border:1px solid #e1e9d5;border-radius:7px;padding:12px 15px;font-size:12px;color:#7c8a6d;margin-bottom:20px}
.notice.warning{background:#fbf5e9;border-color:#eee3c8;color:#a17f45}

/* 协查页面在参考风格下的表面处理 */
.case-kicker{color:#8b967e;font-size:11px;letter-spacing:.08em}
.case-section{border-radius:11px;box-shadow:var(--shadow)}
.case-section-nav a{background:#f7f4eb;border:1px solid var(--line);border-radius:20px;color:#6f7d64}
.case-section-nav a:hover{background:#eef2e5;border-color:#cfd9c1}
.case-metrics .metric{border-radius:10px}
.case-intro{border-radius:11px;background:linear-gradient(115deg,#f5f6e9,#fffefb);border:1px solid var(--line)}
.case-support a{border-radius:9px;background:var(--paper)}
.case-list-item{border-top:1px solid var(--line)}
.case-toolbar{padding:0 23px 18px}
.case-recipient,.case-evidence-item,.case-lot{border-radius:8px}
.case-boundary{color:#74806a}
.case-boundary{border-top:1px solid var(--line);margin-top:14px}
.ai-hero{border-radius:12px}
.ai-panel{border-radius:11px}

/* 响应式：与参考页的 236 / 196 / 78 / 59 侧栏一致 */
@media(max-width:1250px){
  .metrics{gap:12px}
  .metric{padding:15px}
}
@media(max-width:1150px){
  .sidebar{width:196px;padding-left:14px;padding-right:14px}
  .brand{font-size:20px}
  .brand img{width:37px;height:37px}
  .brand small{font-size:6px}
  .main-shell{margin-left:196px}
  main{padding:25px}
  .topbar{padding:0 25px}
  .demo-chip{display:none}
}
@media(max-width:850px){
  .sidebar{width:78px;padding:24px 10px}
  .brand{justify-content:center}
  .brand span,.workspace-label,.sidebar-note,.sidebar-footer{display:none}
  nav{margin-top:36px}
  nav a{font-size:0;justify-content:center;padding:14px 6px;gap:0;position:relative}
  .nav-icon{font-size:24px;width:auto}
  .nav-count{position:absolute;right:1px;top:4px;margin:0;font-size:8px;padding:1px 4px}
  .auxiliary-nav{margin:14px 0 0;border-top:1px solid var(--line);padding-top:8px}
  .auxiliary-nav summary{font-size:0;padding:14px 6px;text-align:center}
  .auxiliary-nav summary:after{display:none}
  .auxiliary-nav summary:before{content:"⋯";font-size:22px;color:#9aa892}
  .auxiliary-nav a{font-size:0;justify-content:center;padding:14px 6px;gap:0}
  .auxiliary-nav .nav-icon{font-size:22px;width:auto}
  .main-shell{margin-left:78px}
  main{padding:22px 20px}
  .topbar{height:65px;padding:0 20px}
  .breadcrumb{font-size:10px}
  .page-head{align-items:flex-start}
  .page-head h1{font-size:23px}
  .main-footer{padding:15px 25px;gap:15px}
}
@media(max-width:520px){
  .sidebar{width:59px;padding:22px 5px}
  .brand img{width:34px;height:34px}
  .main-shell{margin-left:59px}
  main{padding:20px 14px}
  .topbar{height:54px;padding:0 14px}
  .breadcrumb{max-width:130px;line-height:1.8}
  .breadcrumb span,.breadcrumb b{display:none}
  .account-btn{font-size:10px;max-width:150px}
  .page-head{flex-wrap:wrap;gap:12px}
  .page-head .button-group{width:100%}
  .card-head{padding:18px}
  .card-body{padding:0 18px 18px}
  .form-grid{grid-template-columns:1fr}
  .main-footer{display:block;font-size:8px;padding:15px}
  .main-footer span{display:block}
  .metrics{gap:10px}
  .metric{padding:14px}
  .metric-value{font-size:27px}
  .metric-label{font-size:10px}
}