/* Yinuo: shared production visual system, no remote fonts or dependencies. */
:root{--ink:#17283a;--muted:#687b8d;--navy:#122b3e;--accent:#147d85;--gold:#c6a477;--surface:#f2f5f7;--line:#dce5eb;--shadow:0 12px 36px #18354c0b;accent-color:var(--accent)}
html{scroll-behavior:smooth}body{font-family:"Segoe UI","Microsoft YaHei",sans-serif!important;color:var(--ink);background:var(--surface)}
button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c6a477;outline-offset:3px}
input:not([type=checkbox]):not([type=hidden]),select,textarea{border-color:var(--line);border-radius:10px}input[type=checkbox]{width:18px!important;height:18px!important;flex-shrink:0}
.btn,.send,.save,.newBtn,.login-btn{font-weight:600!important;transition:background .15s,box-shadow .15s;border-radius:10px!important}.blue,.primary,.send,.login-btn{background:var(--accent)!important}.dark,.newBtn,.save{background:var(--navy)!important}.green{background:#23826b!important}.red{background:#b24450!important}.btn:hover,.send:hover{filter:brightness(.94)}
.card,.tablebox,.msg,.msgCard{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.card h2,.card h3,.tablebox h2{font-weight:600;letter-spacing:-.4px}.num{font-variant-numeric:tabular-nums;font-weight:650!important;color:var(--navy)}
th{background:#edf3f5!important;color:#526778!important;font-size:12px!important;letter-spacing:.3px}td{border-bottom-color:#e9eff2!important}tr:hover td{background:#f8fafb}
.side{background:var(--navy)!important;padding-top:28px!important}.side .logo{font-size:23px;font-weight:650;margin-bottom:26px;color:#eadac5}.side a{font-weight:500!important;background:transparent!important;border-radius:8px!important}.side a.on,.side a:hover{background:#ffffff15!important;color:#f5dfbd!important}.top,.head,.header,.hero{background:linear-gradient(120deg,#142e42,#225361)!important}.top{font-size:26px!important;font-weight:600!important;border:1px solid #ffffff20;box-shadow:var(--shadow)}
.workspace-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px 14px 14px;border-bottom:1px solid var(--line)}.workspace-nav a{color:#436474;text-decoration:none;font-size:12px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.workspace-nav a:hover{color:var(--accent);background:#edf5f4}
.sidebar{background:#f7fafb!important}.brand{height:86px!important;background:var(--navy);color:#fff!important}.brand small{color:#b2c6cd!important}.brand .logo{background:#ffffff12!important;color:#dfc29d!important;border:1px solid #ffffff20}.conv{padding:16px!important}.conv.active{background:#e5f0ef!important;box-shadow:inset 3px 0 var(--accent)}.avatar{background:#e7eff0!important;color:#32616b!important}.chatHead{height:86px!important}.headTitle{font-weight:600!important}.messages{background:#f1f5f6!important}.out .bubble{background:#237e84!important}.bubble{box-shadow:0 3px 12px #122b3e08!important}.composer{border-color:#d8e5e7!important}.empty h3{color:#3f5b6c;font-weight:500}.empty{line-height:1.8}.sideInfo{box-shadow:0 20px 80px #122b3e26!important}
.page>.brand{height:auto!important;background:transparent!important}.page>.card{border:1px solid #e3eaed;box-shadow:0 24px 80px #061c3540!important}.page .logo,.staff-icon,.admin-icon{background:var(--accent)!important}.page{background:linear-gradient(135deg,#112a3e,#275a66)}.page .brand h1{font-weight:650!important}.page .card h2{color:var(--navy)}
@media(min-width:1100px){.layout>.main{padding:28px!important}.layout .side{width:214px!important}.layout>.main{margin-left:214px!important;width:calc(100% - 214px)!important}.app:has(>.sidebar){grid-template-columns:340px minmax(0,1fr)}.cards{gap:16px!important}}
@media(max-width:760px){.top{font-size:22px!important;padding:18px!important}.brand,.chatHead{height:74px!important}.workspace-nav{grid-template-columns:repeat(4,1fr);padding:6px 10px 10px}.workspace-nav a{padding:8px 4px;text-align:center;font-size:11px}.bubble{max-width:88%!important}.cards,.summary3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tablebox{overscroll-behavior-x:contain}.btn{min-height:36px}.title{font-size:23px!important;letter-spacing:1px!important}.toolbar{gap:7px!important}.stat{width:96px!important}.stat div{font-size:24px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(max-width:900px){.layout>.side{display:flex;gap:6px;align-items:center;position:sticky!important;top:0;bottom:auto;z-index:30;padding:10px!important;overflow-x:auto;white-space:nowrap}.layout>.side .logo{display:none}.layout>.side a{flex:0 0 auto;margin:0!important;padding:10px 12px!important}.layout>.main{padding-top:16px!important}}
