:root{
  --ui-brand-950:#082f29;--ui-brand-900:#0b4036;--ui-brand-800:#105748;--ui-brand-700:#16705b;
  --ui-brand-100:#dff3eb;--ui-brand-50:#eff9f5;--ui-ink:#172923;--ui-muted:#6f817a;
  --ui-line:#dfe8e4;--ui-canvas:#f4f7f6;--ui-danger:#c94b45;--ui-shadow:0 14px 34px rgba(22,53,43,.07)
}
body{color:var(--ui-ink);background:var(--ui-canvas)}
button,input,select,textarea{font-family:inherit}
.side .brand:before,.public-brand-mark{content:""!important;display:grid!important;place-items:center!important;overflow:hidden;background:#fff url('/company-logo.png') center/cover no-repeat!important;color:transparent!important;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.side .brand:before{width:46px!important;height:46px!important;flex:0 0 46px!important;border-radius:12px!important}
.public-brand-mark{font-size:0!important}
@media(min-width:901px){
  .app{display:grid!important;grid-template-columns:236px minmax(0,1fr);align-items:start;background:var(--ui-canvas)}
  .side{position:sticky!important;top:0!important;width:236px!important;height:100vh!important;min-height:100vh!important;padding:24px 16px 18px!important;background:linear-gradient(180deg,var(--ui-brand-950),#0c493d)!important;color:#d5e6df!important;border:0!important;box-shadow:none!important}
  .side .brand{display:flex!important;align-items:center!important;gap:12px!important;height:62px;margin:0 0 21px!important;padding:0 10px 20px!important;border-bottom:1px solid rgba(255,255,255,.1);color:#fff!important}
  .side .brand>span{color:#fff!important;font-size:18px!important;letter-spacing:.06em}.side .brand small{margin-top:3px!important;color:#8fb0a5!important;font-size:10px!important;white-space:nowrap}
  .side .nav{gap:4px!important}.side .nav button{min-height:44px!important;padding:0 13px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#a9c2b9!important;font-weight:650!important;box-shadow:none!important}
  .side .nav button:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}.side .nav button.active{background:#fff!important;color:var(--ui-brand-900)!important;box-shadow:0 8px 20px rgba(0,0,0,.13)!important}
  .side .nav button i{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;font-size:16px}.side #logout{margin:auto 0 0!important;min-height:42px;border:1px solid rgba(255,255,255,.1)!important;background:rgba(255,255,255,.06)!important;color:#d5e6df!important}.side footer{margin:12px 0 0!important;padding:12px 5px!important;border:0!important;background:transparent!important;color:#80a79a!important;font-size:11px!important}
  .main{min-width:0!important;padding:0!important;background:var(--ui-canvas)}
  .header{display:none!important}
  .header h1{font-size:20px!important;letter-spacing:-.02em}.header .sub{margin-top:3px!important;font-size:11px!important}
  .main>.view{max-width:1660px;margin:0 auto;padding:28px 30px 44px!important}.main>.view.active{display:block}
}
.side .nav button i{font-size:0!important;background:currentColor!important;-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-size:18px 18px!important;mask-size:18px 18px!important}
.side .nav button:nth-child(1) i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E")}
.side .nav button:nth-child(2) i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V9l5 3V8l5 3V5l6 4v11H4Z'/%3E%3Cpath d='M8 20v-4h4v4M17 13h.01M17 16h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M4 20V9l5 3V8l5 3V5l6 4v11H4Z'/%3E%3Cpath d='M8 20v-4h4v4'/%3E%3C/svg%3E")}
.side .nav button:nth-child(3) i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E")}
.side .nav button:nth-child(4) i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E")}
.side .nav button:nth-child(5) i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h4'/%3E%3C/svg%3E")}
.side .nav button:nth-child(6) i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 19a5.5 5.5 0 0 1 11 0M16 8h5M18.5 5.5v5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 19a5.5 5.5 0 0 1 11 0M16 8h5M18.5 5.5v5'/%3E%3C/svg%3E")}
.side .nav button:nth-child(7) i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M3 5h18v13H8l-5 3V5Z'/%3E%3Cpath d='m4 6 8 6 8-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M3 5h18v13H8l-5 3V5Z'/%3E%3Cpath d='m4 6 8 6 8-6'/%3E%3C/svg%3E")}
.side .nav button:nth-child(8) i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M9 3v3h6V3M8 10h8M8 14h8M8 18h5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M9 3v3h6V3M8 10h8M8 14h8M8 18h5'/%3E%3C/svg%3E")}
.side .nav button:nth-child(9) i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-2.8 2.8-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6v.2h-4V21a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1L4.2 17l.1-.1a1.7 1.7 0 0 0 .3-1.9A1.7 1.7 0 0 0 3 14H2.8v-4H3a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9L4.2 7 7 4.2l.1.1a1.7 1.7 0 0 0 1.9.3A1.7 1.7 0 0 0 10 3V2.8h4V3a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1L19.8 7l-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.6 1h.2v4H21a1.7 1.7 0 0 0-1.6 1Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-2.8 2.8-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6v.2h-4V21a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1L4.2 17l.1-.1a1.7 1.7 0 0 0 .3-1.9A1.7 1.7 0 0 0 3 14H2.8v-4H3a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9L4.2 7 7 4.2l.1.1a1.7 1.7 0 0 0 1.9.3A1.7 1.7 0 0 0 10 3V2.8h4V3a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1L19.8 7l-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.6 1h.2v4H21a1.7 1.7 0 0 0-1.6 1Z'/%3E%3C/svg%3E")}
.card,.order-status-overview,.workspace-intro,.production-hero{border-color:var(--ui-line)!important;border-radius:14px!important;box-shadow:0 6px 18px rgba(20,55,44,.045)!important;background:#fff!important}
.workspace-intro,.production-hero{border-left:1px solid var(--ui-line)!important}
button:not(.nav button):not(.mobile-dock button){border-radius:9px}
input,select,textarea{border-color:#d8e3de!important;border-radius:9px!important;background:#fff;color:var(--ui-ink)}
input:focus,select:focus,textarea:focus{border-color:#78b6a3!important;box-shadow:0 0 0 3px rgba(22,112,91,.1)!important;outline:0}
.heading{background:#f5f8f7!important;border-color:var(--ui-line)!important}.heading h2{color:var(--ui-ink)!important}
.risk-grid,.cards,.production-stats{gap:14px!important}.risk-card,.metric,.production-metric{border:1px solid var(--ui-line)!important;border-top:1px solid var(--ui-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 15px rgba(20,55,44,.035)!important}
.metric span{margin:0 0 13px!important;padding:0!important;background:transparent!important;color:var(--ui-muted)!important;font-weight:650}.metric b,.dashboard-stats .metric:first-child b{color:var(--ui-ink)!important}.dashboard-stats .metric:first-child span{color:var(--ui-muted)!important}.dashboard-stats .metric:first-child small{color:#8a9a94!important}
.order-status-overview{margin:0 0 14px!important;padding:18px!important}.order-status-overview-head{align-items:center!important;margin-bottom:14px!important}.order-status-overview h2{font-size:18px!important;color:var(--ui-ink)!important}.order-status-overview p{font-size:12px!important;color:var(--ui-muted)!important}
.order-year-control{color:var(--ui-muted)!important}.order-year-control select{min-width:174px!important;border-color:var(--ui-line)!important;background:#fff!important;color:var(--ui-brand-800)!important}
.status-pivot{display:flex!important;gap:4px!important;padding:4px!important;overflow:auto!important;border:0!important;border-radius:11px!important;background:#edf3f0!important;scrollbar-width:thin}
.status-pivot button{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:104px!important;min-height:38px!important;height:38px!important;padding:0 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#667a72!important;box-shadow:none!important;text-align:center!important;white-space:nowrap!important}
.status-pivot button span{font-size:12px!important;font-weight:700}.status-pivot button b{font-size:13px!important;color:inherit!important}.status-pivot button:hover{background:rgba(255,255,255,.64)!important;color:var(--ui-brand-800)!important}.status-pivot button.active,.status-pivot button.active.danger-count{background:#fff!important;color:var(--ui-brand-800)!important;box-shadow:0 2px 8px rgba(20,55,44,.09)!important}.status-pivot button.danger-count:not(.active){color:#a9433e!important}
#orders>.toolbar{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:14px 16px!important;border:1px solid var(--ui-line);border-bottom:0;border-radius:14px 14px 0 0;background:#fff!important}
#orders>.toolbar .left{display:grid!important;grid-template-columns:minmax(260px,1fr) 150px 150px 150px!important;gap:10px!important;flex:1!important;min-width:0}#orders>.toolbar #search{width:100%!important;min-width:0!important}
#orders>.toolbar .date-range-field{display:grid!important;gap:4px!important;color:var(--ui-muted)!important;font-size:11px!important}#orders>.toolbar .date-range-field input{width:100%!important;min-height:38px!important}
#orders>.toolbar select{width:100%!important;min-width:0!important}#orders>.toolbar>button{height:42px!important;padding:0 18px!important;white-space:nowrap!important;background:var(--ui-brand-700)!important;box-shadow:0 8px 16px rgba(22,112,91,.16)!important}
#orders>.order-control-bar{margin:0!important;padding:10px 16px!important;border:1px solid var(--ui-line)!important;border-top:0!important;border-radius:0!important;background:#fbfcfc!important}
#orders>.table-wrap{margin:0!important;padding:0!important;border-radius:0 0 14px 14px!important;overflow:auto!important;box-shadow:var(--ui-shadow)!important}#orders table{min-width:1080px!important}#orders th{height:44px;padding:0 14px!important;background:#f7f9f8!important;color:#71837c!important;font-size:12px!important}#orders td{padding:15px 14px!important;border-color:#edf1ef!important;font-size:13px!important}#orders tbody tr:hover{background:#fbfdfc!important}
#orders td:last-child .actions{display:flex!important;flex-wrap:nowrap!important;gap:6px!important}#orders td:last-child .actions button{min-height:31px!important;padding:0 10px!important;border:1px solid var(--ui-line)!important;border-radius:7px!important;background:#fff!important;color:#36554a!important;font-size:12px!important}#orders td:last-child .actions .danger{border-color:#f0cfcb!important;background:#fff8f7!important;color:#c14d47!important}
.pager{min-height:58px!important;padding:10px 16px!important;border:0!important;background:#fff!important}.pager button{border-color:var(--ui-line)!important;background:#fff!important;color:#53675f!important}
.bill-topbar,.message-toolbar,.order-control-bar{border-radius:12px!important}.bill-detail-card,.production-card,.panel-card{overflow:hidden}
@media(max-width:1100px) and (min-width:901px){.app{grid-template-columns:210px minmax(0,1fr)}.side{width:210px!important;padding-left:12px!important;padding-right:12px!important}.main>.view{padding-left:22px!important;padding-right:22px!important}#orders>.toolbar .left{grid-template-columns:minmax(220px,1fr) 135px 135px}.side .brand small{font-size:9px!important}}
@media(max-width:900px){
  body{overflow-x:hidden;background:var(--ui-canvas)}.app{display:block!important}.main{padding:0 12px 88px!important;overflow-x:hidden!important}
  .side{position:fixed!important;z-index:60!important;inset:0 auto 0 0!important;width:min(74vw,250px)!important;height:100vh!important;padding:20px 14px max(18px,env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,var(--ui-brand-950),#0c493d)!important;border:0!important;box-shadow:10px 0 28px rgba(5,41,33,.25)!important}.side .brand{display:flex!important;align-items:center!important;gap:11px!important;height:60px!important;margin:0 0 18px!important;padding:0 7px 18px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;color:#fff!important}.side .brand:before{width:42px!important;height:42px!important;flex-basis:42px!important}.side .brand>span{font-size:17px!important}.side .nav button{min-height:42px!important;padding:0 12px!important;border-radius:9px!important;background:transparent!important;color:#a9c2b9!important}.side .nav button.active{background:#fff!important;color:var(--ui-brand-900)!important}.side #logout{margin-top:auto!important;background:rgba(255,255,255,.07)!important;color:#d5e6df!important}.side footer{background:transparent!important;border:0!important;color:#80a79a!important;padding:10px 4px!important;margin:6px 0 0!important}
  .header{position:sticky!important;z-index:30!important;top:0!important;min-height:68px!important;height:68px!important;margin:0 -12px!important;padding:0 14px!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--ui-line)!important;backdrop-filter:blur(15px);justify-content:center!important}.header>div{text-align:center!important;padding:0 42px!important}.header h1{font-size:18px!important}.header .sub{display:none!important}.header .menu-toggle{left:14px!important;top:14px!important;width:40px!important;height:40px!important;background:var(--ui-brand-50)!important;color:var(--ui-brand-800)!important;border:0!important;border-radius:10px!important}
  .main>.view{max-width:none!important;margin:0!important;padding:18px 0 22px!important}.workspace-intro,.production-hero{margin-top:0!important}.workspace-intro h2,.production-hero h2{font-size:20px!important}
  .order-status-overview{padding:14px 12px!important}.order-status-overview-head{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.order-year-control{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important}.order-year-control select{width:100%!important;min-width:0!important}.status-pivot{margin:0!important}.status-pivot button{min-width:96px!important}
  #orders>.toolbar{display:grid!important;grid-template-columns:1fr!important;padding:12px!important}#orders>.toolbar .left{grid-template-columns:1fr 1fr!important;width:100%!important}#orders>.toolbar #search{grid-column:1/-1!important}#orders>.toolbar #statusFilter{grid-column:1/-1!important}#orders>.toolbar>button{display:none!important}
  #orders>.order-control-bar{padding:9px 12px!important;border-radius:0!important}#orders>.table-wrap{border-radius:0 0 13px 13px!important}
  .cards,.dashboard-stats,.production-stats{gap:10px!important}.card{border-radius:12px!important}.heading{border-radius:0!important}
  .mobile-dock{z-index:50!important;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(15px)}
}

/* 账单页重构：稳定内容宽度，降低金额字号，避免卡片和明细表撑破页面。 */
.billing-page{min-width:0!important;width:100%!important;overflow:hidden!important;gap:14px!important}
.billing-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:20px 22px!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;background:linear-gradient(135deg,#fff 0%,#f5faf7 100%)!important;box-shadow:0 6px 18px rgba(20,55,44,.045)!important}
.billing-hero h2{margin:0!important;color:var(--ui-ink)!important;font-size:22px!important;letter-spacing:-.02em!important}.billing-hero p{margin:6px 0 0!important;color:var(--ui-muted)!important;font-size:13px!important}.billing-hero>span{flex:none!important;padding:7px 10px!important;border-radius:8px!important;background:#e9f4ee!important;color:#38685a!important;font-size:12px!important;font-weight:700!important}
.billing-page .bill-topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-items:center!important;gap:10px 18px!important;margin:0!important;padding:16px 18px!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 6px 18px rgba(20,55,44,.04)!important}
.billing-page .bill-filter{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex-wrap:wrap!important}.billing-page .bill-filter b{flex:none!important;color:#526b62!important;font-size:13px!important}.billing-page .bill-filter select{width:150px!important;min-width:130px!important;height:42px!important;font-size:14px!important}.billing-page .bill-filter button{height:42px!important;padding:0 16px!important}.billing-page .bill-custom-dates input{height:42px!important}
.billing-page .bill-note{grid-column:1!important;margin:0!important;color:#84958e!important;font-size:12px!important}.billing-page .bill-export{grid-column:2!important;grid-row:1/3!important;align-self:stretch!important;min-width:120px!important;height:auto!important;min-height:42px!important;padding:0 18px!important}
.billing-page .bill-primary-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0!important;min-width:0!important}
.billing-page .bill-primary-cards .metric{display:flex!important;min-width:0!important;min-height:132px!important;padding:20px!important;flex-direction:column!important;justify-content:center!important;overflow:hidden!important}.billing-page .bill-primary-cards .metric span{margin:0 0 14px!important;color:#70827b!important;font-size:13px!important}.billing-page .bill-primary-cards .metric b{display:block!important;max-width:100%!important;margin:0!important;color:#17372f!important;font-size:clamp(22px,2vw,32px)!important;line-height:1.08!important;letter-spacing:-.045em!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important}.billing-page .bill-primary-cards .metric:nth-child(2) b{color:#a86410!important}.billing-page .bill-primary-cards .metric small{margin-top:14px!important;color:#93a39c!important;font-size:12px!important}
.billing-page .bill-strip{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;min-width:0!important;margin:0!important;padding:16px 0!important;overflow:hidden!important}.billing-page .bill-strip-item{min-width:0!important;padding:4px 20px!important;border-right:1px solid #e7eeea!important}.billing-page .bill-strip-item:last-child{border-right:0!important}.billing-page .bill-strip-item span{font-size:12px!important;color:#7b8d85!important}.billing-page .bill-strip-item b{max-width:100%!important;margin-top:9px!important;font-size:clamp(18px,1.5vw,24px)!important;line-height:1.1!important;letter-spacing:-.035em!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important}.billing-page .bill-strip-item.pending b{color:#a96916!important}
.billing-page .bill-detail-card{min-width:0!important;width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}.billing-page .bill-detail-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;padding:20px 22px!important}.billing-page .bill-detail-head h2{font-size:18px!important}.billing-page .bill-detail-head p{margin:0!important;font-size:12px!important}.billing-page .bill-detail-table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain!important}.billing-page .bill-detail-table table{width:100%!important;min-width:1080px!important;table-layout:fixed!important}.billing-page .bill-detail-table th,.billing-page .bill-detail-table td{padding:13px 16px!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important}.billing-page .bill-detail-table th{height:46px!important;background:#f4f7f5!important;color:#6f817a!important;font-size:11px!important}.billing-page .bill-detail-table td{font-size:13px!important}.billing-page .bill-detail-table th:nth-child(n+3),.billing-page .bill-detail-table td:nth-child(n+3){text-align:right!important}.billing-page .bill-detail-table th:nth-child(1){width:120px!important}.billing-page .bill-detail-table th:nth-child(2){width:170px!important}
@media(min-width:901px) and (max-width:1300px){.billing-page .bill-primary-cards{grid-template-columns:1fr 1fr!important}.billing-page .bill-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}.billing-page .bill-strip-item:nth-child(3){border-right:0!important}.billing-page .bill-strip-item:nth-child(n+4){margin-top:14px;padding-top:16px!important;border-top:1px solid #e7eeea!important}}
@media(max-width:900px){.billing-page{gap:10px!important;overflow:visible!important}.billing-hero{align-items:flex-start!important;padding:16px!important}.billing-hero h2{font-size:19px!important}.billing-hero>span{display:none!important}.billing-page .bill-topbar{grid-template-columns:1fr!important;grid-template-rows:auto!important;padding:14px!important}.billing-page .bill-filter{display:grid!important;grid-template-columns:1fr 1fr!important}.billing-page .bill-filter b{grid-column:1/-1!important}.billing-page .bill-filter select{width:100%!important;min-width:0!important}.billing-page .bill-filter button,.billing-page .bill-custom-dates{grid-column:1/-1!important}.billing-page .bill-note{grid-column:1!important}.billing-page .bill-export{grid-column:1!important;grid-row:auto!important;min-height:44px!important}.billing-page .bill-primary-cards{grid-template-columns:1fr 1fr!important;gap:9px!important}.billing-page .bill-primary-cards .metric{min-height:112px!important;padding:15px!important}.billing-page .bill-primary-cards .metric span{margin-bottom:10px!important}.billing-page .bill-primary-cards .metric b{font-size:clamp(18px,5vw,24px)!important}.billing-page .bill-primary-cards .metric small{margin-top:10px!important}.billing-page .bill-strip{grid-template-columns:1fr 1fr!important;padding:10px!important}.billing-page .bill-strip-item{padding:12px!important;border-right:0!important;border-bottom:1px solid #e7eeea!important}.billing-page .bill-strip-item:nth-child(odd){border-right:1px solid #e7eeea!important}.billing-page .bill-strip-item:last-child{grid-column:1/-1!important;border-bottom:0!important;border-right:0!important}.billing-page .bill-detail-head{display:block!important;padding:17px 16px!important}.billing-page .bill-detail-head p{margin-top:6px!important}.billing-page .bill-detail-table table{min-width:1000px!important}}
@media(max-width:430px){.billing-page .bill-primary-cards{grid-template-columns:1fr!important}.billing-page .bill-primary-cards .metric{min-height:104px!important}}

/* 账单明细降噪：合并客户属性列、弱化零值、突出异常金额并分页。 */
.billing-page .bill-detail-table table{min-width:980px!important}
.billing-page .bill-detail-table thead,.billing-page .bill-detail-table thead tr{height:52px!important}.billing-page .bill-detail-table th{position:sticky!important;z-index:2!important;top:0!important;height:52px!important;padding:0 14px!important;background:#f2f6f4!important;border-bottom:1px solid #dfe8e4!important;color:#647970!important;font-size:11px!important;line-height:1.25!important;letter-spacing:.02em!important;vertical-align:middle!important}
.billing-page .bill-detail-table td{height:58px!important;padding:10px 14px!important;border-bottom:1px solid #e9efec!important;color:#243a33!important;font-size:13px!important;vertical-align:middle!important}
.billing-page .bill-detail-table tbody tr:nth-child(even) td{background:#fbfdfc!important}.billing-page .bill-detail-table tbody tr:hover td{background:#f2f8f5!important}
.billing-page .bill-detail-table th:nth-child(1){width:112px!important}.billing-page .bill-detail-table th:nth-child(2){width:180px!important}.billing-page .bill-detail-table th:nth-child(8){width:196px!important}
.bill-order-no{color:#176651!important;font-size:13px!important;letter-spacing:.02em!important}.bill-customer-name{display:block!important;max-width:170px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-weight:650!important}
.bill-money{color:#344b43!important;font-weight:650!important}.bill-money.bill-zero{color:#b3bfba!important;font-weight:500!important}.bill-money.bill-due{color:#bf4a42!important}.bill-money.bill-pending{color:#a96813!important}
.bill-customer-value{display:grid!important;grid-template-columns:44px minmax(92px,1fr)!important;align-items:center!important;justify-content:end!important;column-gap:12px!important;width:100%!important}.bill-customer-value b{display:block!important;color:#29473e!important;font-size:13px!important;white-space:nowrap!important;text-align:right!important;font-variant-numeric:tabular-nums!important}.bill-type{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;min-width:44px!important;height:24px!important;padding:0!important;border-radius:999px!important;font-size:11px!important;font-weight:750!important}.bill-type.new{background:#e5f5ec!important;color:#287156!important}.bill-type.old{background:#edf1f7!important;color:#536a84!important}
.bill-detail-pager{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;min-height:62px!important;padding:10px 18px!important;border-top:1px solid #e6ede9!important;background:#fbfcfc!important;color:#75877f!important;font-size:12px!important}.bill-detail-pager>span{margin-right:auto!important}.bill-detail-pager label{display:flex!important;align-items:center!important;gap:7px!important}.bill-detail-pager select{width:auto!important;min-width:82px!important;height:34px!important;padding:0 28px 0 9px!important}.bill-detail-pager button{min-width:68px!important;height:34px!important;padding:0 10px!important}.bill-detail-pager button:disabled{opacity:.4!important;cursor:not-allowed!important}
@media(max-width:900px){.billing-page .bill-detail-table table{min-width:900px!important}.bill-detail-pager{justify-content:center!important;flex-wrap:wrap!important;padding:10px 12px!important}.bill-detail-pager>span{width:100%!important;margin:0!important;text-align:center!important}}

/* 客户资料页响应式分流：桌面使用完整工作区，手机保持单列卡片。 */
html,body{touch-action:manipulation}
@media(min-width:901px){
  .main{width:100%!important;max-width:none!important;margin:0!important}
  #customers>.card{width:100%!important;min-width:0!important;padding:0!important;overflow:hidden!important}
  #customers>.card>.heading{margin:0!important;padding:18px 22px!important}
  #customers .customer-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:18px 20px 20px!important}
  #customers .customer-item{min-width:0!important;min-height:86px!important;padding:15px 16px!important;background:#fff!important}
  #customers .customer-item>div:first-child{min-width:0!important}
  #customers .customer-item b,#customers .customer-item small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #customers .customer-item .actions{flex:0 0 auto!important}
}
@media(min-width:901px) and (max-width:1180px){#customers .customer-list{grid-template-columns:1fr!important}}
@media(max-width:900px){
  #customers>.card{padding:0!important;overflow:hidden!important}
  #customers>.card>.heading{margin:0!important;padding:15px 14px!important}
  #customers .customer-list{grid-template-columns:1fr!important;padding:12px!important}
  #customers .customer-item{width:100%!important;min-width:0!important}
}
@media(max-width:520px){#orders>.toolbar .left{grid-template-columns:1fr!important}#orders>.toolbar #search,#orders>.toolbar #statusFilter{grid-column:auto!important}.risk-grid,.dashboard-stats,.production-stats{grid-template-columns:1fr 1fr!important}}
@media(max-width:380px){.risk-grid,.dashboard-stats,.production-stats{grid-template-columns:1fr!important}}

/* 手机端订单管理恢复原有卡片式结构；新版桌面表格样式不向手机端渗透。 */
@media(max-width:900px){
  #orders .order-status-overview{margin:14px 0 10px!important;padding:14px 12px!important;border:1px solid #dfe8e4!important;background:#fff!important}
  #orders .order-status-overview-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:11px!important}
  #orders .order-year-control{display:flex!important;align-items:flex-start!important;flex-direction:column!important;gap:4px!important}
  #orders .order-year-control select{width:auto!important;min-width:150px!important;min-height:38px!important}
  #orders .status-pivot{display:grid!important;grid-template-columns:repeat(8,108px)!important;gap:0!important;padding:0!important;border:1px solid #dfe8e4!important;border-radius:7px!important;background:#fff!important}
  #orders .status-pivot button{display:grid!important;align-content:center!important;justify-items:start!important;gap:8px!important;width:auto!important;min-width:108px!important;height:auto!important;min-height:68px!important;padding:11px!important;border-right:1px solid #e3ebe7!important;border-radius:0!important;background:#fff!important;color:#516860!important;text-align:left!important}
  #orders .status-pivot button.active,#orders .status-pivot button.active.danger-count{background:#176651!important;color:#fff!important;box-shadow:none!important}
  #orders .status-pivot button span{font-size:12px!important}#orders .status-pivot button b{font-size:21px!important}
  #orders>.toolbar{display:flex!important;align-items:stretch!important;flex-direction:column!important;gap:10px!important;margin:18px 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
  #orders>.toolbar .left{display:flex!important;align-items:stretch!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}
  #orders>.toolbar #search{width:100%!important;flex:1 0 100%!important}#orders>.toolbar .date-range-field{display:grid!important;flex:1 1 calc(50% - 4px)!important;min-width:0!important}#orders>.toolbar #statusFilter{width:100%!important;flex:1 0 100%!important}
  #orders>.toolbar>button{display:inline-flex!important;align-self:flex-start!important;height:auto!important;min-height:42px!important;padding:10px 14px!important;box-shadow:none!important}
  #orders>.order-control-bar{margin:0 0 12px!important;padding:10px 12px!important;border:1px solid #dfe7e3!important;border-radius:8px!important;background:#fff!important}
  #orders>.table-wrap{margin:0!important;padding:14px!important;border:1px solid var(--ui-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:0 5px 18px rgba(23,72,62,.06)!important;overflow:visible!important}
  #orders table{min-width:0!important;width:100%!important}#orders thead{display:none!important}#orders tbody{display:grid!important;gap:10px!important}
  #orders tbody tr{display:grid!important;grid-template-columns:1fr 1fr!important;border:1px solid #deebe4!important;border-radius:10px!important;padding:8px!important;background:#eef8f2!important;overflow:hidden!important}
  #orders tbody tr:nth-child(even){background:#fff7e8!important}#orders tbody td{display:block!important;border:0!important;padding:6px 7px!important;min-width:0!important}
  #orders tbody td:nth-child(1):before{content:'订单号'}#orders tbody td:nth-child(2):before{content:'产品/交期'}#orders tbody td:nth-child(3):before{content:'订单图片'}#orders tbody td:nth-child(4):before{content:'订单状态'}#orders tbody td:nth-child(5):before{content:'生产进度'}
  #orders tbody td:before{display:block;margin-bottom:2px;color:#7b8d86;font-size:11px;font-weight:600}#orders tbody td:nth-child(6):before,#orders tbody td:nth-child(7):before,#orders tbody td:nth-child(8):before{display:none!important}
  #orders .money-cell{grid-column:1/-1!important}.money-pair{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.money-pair>div{padding:7px 8px!important;border-radius:8px!important;background:rgba(255,255,255,.58)!important}
  #orders .group-cell{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding-top:0!important}.group-mini,.customer-type-mobile{display:block!important;padding:8px 9px!important;border-radius:8px!important;background:rgba(255,255,255,.58)!important}
  #orders tbody td:nth-child(8){grid-column:1/-1!important}#orders tbody td:nth-child(8):before{display:block!important;content:'操作'!important}#orders td:last-child .actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}#orders td:last-child .actions button{width:100%!important;min-height:40px!important}
  #orders .pager{justify-content:center!important;flex-wrap:wrap!important;gap:8px!important;padding:12px 0 0!important;background:transparent!important}
}
@media(max-width:520px){#orders .order-status-overview-head{display:grid!important;grid-template-columns:1fr!important}#orders .order-year-control{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important}#orders .order-year-control select{width:100%!important;min-width:0!important}}

/* 电脑端订单页：状态导航、筛选工具栏和表格统一到同一套 8px 网格。 */
@media(min-width:901px){
  #orders .order-status-overview{padding:20px 20px 18px!important;border-radius:16px!important}
  #orders .order-status-overview-head{margin-bottom:16px!important}
  #orders .status-pivot{display:grid!important;grid-template-columns:repeat(8,minmax(96px,1fr))!important;gap:6px!important;padding:6px!important;border:1px solid #e0e9e5!important;border-radius:12px!important;background:#f1f5f3!important;overflow:visible!important}
  #orders .status-pivot button{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;height:42px!important;padding:0 10px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#60746c!important}
  #orders .status-pivot button:hover{border-color:#d3e2dc!important;background:#fff!important;color:#105748!important}
  #orders .status-pivot button.active,#orders .status-pivot button.active.danger-count{border-color:#16705b!important;background:#16705b!important;color:#fff!important;box-shadow:0 5px 12px rgba(22,112,91,.18)!important}
  #orders .status-pivot button span{font-size:12px!important;font-weight:750!important}#orders .status-pivot button b{display:inline-grid!important;place-items:center!important;min-width:23px!important;height:23px!important;padding:0 6px!important;border-radius:7px!important;background:rgba(255,255,255,.72)!important;color:#38584d!important;font-size:12px!important}
  #orders .status-pivot button.active b{background:rgba(255,255,255,.17)!important;color:#fff!important}#orders .status-pivot button.danger-count:not(.active){color:#b3433e!important}
  #orders>.toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:12px!important;min-height:0!important;margin:18px 0 0!important;padding:16px 16px 12px!important;border:1px solid var(--ui-line)!important;border-bottom:0!important;border-radius:14px 14px 0 0!important;background:#fff!important}
  #orders>.toolbar .left{display:grid!important;grid-template-columns:minmax(300px,1fr) 142px 142px 150px!important;align-items:end!important;gap:12px!important;width:100%!important}
  #orders>.toolbar #search{height:42px!important}#orders>.toolbar .date-range-field{gap:6px!important;font-weight:650!important}#orders>.toolbar .date-range-field input,#orders>.toolbar select{height:42px!important}
  #orders>.toolbar>button{align-self:end!important;height:42px!important;margin:0!important;padding:0 18px!important}
  #orders>.order-control-bar{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;min-height:52px!important;height:52px!important;margin:0!important;padding:5px 16px 11px!important;border:1px solid var(--ui-line)!important;border-top:0!important;border-radius:0 0 14px 14px!important;background:#fff!important}
  #orders .order-filter-clear,#orders .order-sort select{height:36px!important;min-height:36px!important}#orders .order-sort{display:flex!important;align-items:center!important;gap:8px!important}
  #orders>.table-wrap{margin-top:16px!important;border-radius:14px!important;box-shadow:0 10px 28px rgba(20,55,44,.055)!important}
  #orders thead th{height:48px!important;padding:0 14px!important;border-top:1px solid #edf1ef!important;border-bottom:1px solid #e5ebe8!important;background:#f5f8f7!important;color:#667b73!important;font-size:12px!important;letter-spacing:.01em}
  #orders tbody td{padding-top:16px!important;padding-bottom:16px!important}
}
@media(min-width:901px) and (max-width:1220px){#orders>.toolbar .left{grid-template-columns:minmax(240px,1fr) 132px 132px!important}#orders>.toolbar #statusFilter{grid-column:1/-1!important;width:160px!important}.side{width:210px!important}.app{grid-template-columns:210px minmax(0,1fr)!important}}

/* 侧栏与手机底部导航使用一致的线性图标，替代旧字符。 */
.side .nav button i{display:block!important;width:18px!important;height:18px!important;flex:0 0 18px!important;line-height:18px!important}
.mobile-dock button i{display:block!important;width:21px!important;height:21px!important;flex:0 0 21px!important;font-size:0!important;background:currentColor!important;-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-size:21px 21px!important;mask-size:21px 21px!important}
.mobile-dock button:nth-child(1) i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E")}
.mobile-dock button:nth-child(2) i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E")}
.mobile-dock button:nth-child(3) i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E")}
.mobile-dock button:nth-child(4) i{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V9l5 3V8l5 3V5l6 4v11H4Z'/%3E%3Cpath d='M8 20v-4h4v4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M4 20V9l5 3V8l5 3V5l6 4v11H4Z'/%3E%3Cpath d='M8 20v-4h4v4'/%3E%3C/svg%3E")}
@media(max-width:900px){.side .nav button{gap:11px!important}.side .nav button i{display:block!important;width:19px!important;height:19px!important;flex-basis:19px!important;-webkit-mask-size:19px 19px!important;mask-size:19px 19px!important}.mobile-dock button{gap:4px!important;min-height:56px!important}.mobile-dock button i{margin:0 auto!important}}

/* 订单页精修：去掉旧定位造成的空洞，让筛选、排序和表头形成紧凑连续的操作区。 */
@media(min-width:901px){
  #orders>.toolbar{grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:14px!important;margin:16px 0 0!important;padding:14px 16px!important;border:1px solid var(--ui-line)!important;border-bottom:0!important;border-radius:14px 14px 0 0!important}
  #orders>.toolbar .left{grid-template-columns:minmax(280px,1fr) 144px 144px 150px!important;gap:10px!important}
  #orders>.toolbar>button{position:static!important;inset:auto!important;align-self:end!important;min-width:118px!important;height:42px!important}
  #orders>.order-control-bar{height:48px!important;min-height:48px!important;padding:6px 16px!important;border-top:1px solid #edf2ef!important}
  #orders>.table-wrap{padding:0!important;overflow:hidden!important}
  #orders>.table-wrap>table{margin:0!important}
  #orders thead tr{height:48px!important}
  #orders thead th{height:48px!important;padding:0 16px!important;vertical-align:middle!important;line-height:1.25!important}
  #orders .pager{padding:12px 16px!important}
}

/* 手机侧栏精修：缩窄抽屉、品牌区和菜单节奏，减少整屏绿色压迫感。 */
@media(max-width:900px){
  .side{width:min(62vw,224px)!important;padding:14px 10px max(12px,env(safe-area-inset-bottom))!important;box-shadow:8px 0 24px rgba(5,41,33,.2)!important}
  .side .brand{gap:9px!important;height:52px!important;margin:0 0 10px!important;padding:0 7px 12px!important}
  .side .brand:before{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:10px!important}
  .side .brand>span{font-size:16px!important}.side .brand small{margin-top:2px!important;font-size:9px!important}
  .side .nav{gap:2px!important}
  .side .nav button{gap:10px!important;min-height:40px!important;padding:0 10px!important;border-radius:8px!important;font-size:13px!important}
  .side .nav button i{width:18px!important;height:18px!important;flex-basis:18px!important;-webkit-mask-size:18px 18px!important;mask-size:18px 18px!important}
  .side #logout{min-height:40px!important;margin-top:auto!important;padding:0 10px!important;font-size:13px!important}
  .side footer{margin:3px 0 0!important;padding:7px 3px!important;font-size:9px!important}
}