:root{--nav:#142b45;--blue:#255dc4;--ink:#1f3048;--muted:#68798d;--line:#e2e8f0}*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:var(--ink);font:14px/1.65 'Segoe UI','Microsoft YaHei',sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--nav);color:#fff;padding:32px 20px;display:flex;flex-direction:column}.brand{font-size:26px;letter-spacing:2px;font-weight:700;padding:0 12px 36px}.brand span{display:block;font-size:13px;letter-spacing:3px;color:#c0d0e1;margin-top:4px}.nav-caption{color:#9bacbf;font-size:11px;padding:12px}.nav-item{display:block;text-decoration:none;color:#fff;padding:13px 14px;border-radius:7px}.nav-item.active{background:#29496d;border-left:3px solid #82aeff}.sidebar-foot{margin-top:auto;padding:20px 12px 0;color:#aebfd1;font-size:12px}.workspace{margin-left:230px}header{background:#fff;border-bottom:1px solid var(--line);padding:25px 36px;display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:24px;line-height:1.4;margin:4px 0 0}h2{font-size:19px;margin:0 0 16px}h3{font-size:16px;margin:0 0 8px}.eyebrow{font-size:11px;letter-spacing:1px;color:var(--muted)}.environment{background:#edf4ff;border:1px solid #dce8ff;padding:5px 12px;border-radius:20px;color:#356194;white-space:nowrap}main{max-width:1400px;margin:0 auto;padding:24px 36px 40px}#status{margin:0 0 22px;padding:12px 16px;background:#eaf1fc;border:1px solid #dce6f6;border-radius:7px;color:#39597d}.columns,.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.panel,form,.session-bar{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:22px;box-shadow:0 2px 8px #182d4810}.session-bar{display:flex;justify-content:space-between;align-items:center;gap:20px}#identity{font-size:16px;font-weight:600;margin-top:5px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.section-heading{margin:28px 0 16px}.section-heading h2{margin:3px 0}.card{border:1px solid var(--line);border-radius:7px;padding:18px;margin:14px 0;background:#fcfdff}.card p{overflow-wrap:anywhere}label{display:block;margin:14px 0;color:#40536b;font-size:13px}input:not([type=checkbox]),select,textarea{display:block;width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:var(--ink);font:inherit;margin-top:6px}input:focus,select:focus,textarea:focus{outline:2px solid #aac8ff;outline-offset:1px}textarea{min-height:90px;resize:vertical}input[type=checkbox]{accent-color:var(--blue);margin-right:7px}button{padding:10px 17px;border:1px solid transparent;border-radius:6px;background:var(--blue);color:#fff;font:inherit;font-weight:500;cursor:pointer}button:hover{background:#1849a5}button:disabled{opacity:.5;cursor:not-allowed}.secondary,button[data-decision=rejected]{background:#fff;color:#42536a;border-color:#cbd5e1}.secondary:hover,button[data-decision=rejected]:hover{background:#edf2f7}.card button+button{margin-left:8px}.muted,.note{color:var(--muted);font-size:12px}.note{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.invite-result:empty{display:none}.invite-result{padding:16px;background:#fff8e8;border:1px solid #eadbb6;border-radius:6px;overflow-wrap:anywhere}#capabilities{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:12px;text-align:left;border-bottom:1px solid var(--line)}th{background:#f5f7fb;color:#526580}pre{white-space:pre-wrap;overflow-wrap:anywhere}.error{color:#a43a2b}[hidden]{display:none!important}@media(min-width:1100px){#grant{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}#grant h3,#grant p,#grant button{grid-column:1/-1}#grant button{justify-self:start}}@media(max-width:1000px){.sidebar{width:190px}.workspace{margin-left:190px}main{padding:22px}header{padding:22px}.admin-grid{grid-template-columns:1fr}}@media(max-width:720px){.sidebar{position:static;width:auto;padding:15px 20px;display:block}.brand{padding:0;font-size:22px}.brand span{display:inline;margin-left:12px;font-size:12px}.nav-caption,.nav-item,.sidebar-foot{display:none}.workspace{margin:0}header{padding:20px;align-items:start}h1{font-size:21px}.environment{font-size:11px}main{padding:16px}.columns{grid-template-columns:1fr}.panel,form,.session-bar{padding:18px}.session-bar{align-items:start}button{min-height:42px}.toolbar button{flex:1}}
/* EUNOAI site UI v1: presentation only, 2026-10-30 */
:root{--nav:#163f39;--blue:#205c54;--green:#205c54;--ink:#203b3c;--muted:#596f69;--line:#dce5df;--bg:#f4f6f3}
body{font-family:"Microsoft YaHei",system-ui,sans-serif;line-height:1.65;color:#203b3c;background-color:#f4f6f3}
h1,h2,h3{line-height:1.4;overflow-wrap:anywhere}h1{letter-spacing:-.025em}p,pre{overflow-wrap:anywhere}
button,input,select,textarea{font:inherit}button{border-radius:8px;min-height:40px}input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{max-width:100%;box-sizing:border-box;border-radius:8px}
button.primary,.button.primary{background:#205c54;border-color:#205c54;color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #438879;outline-offset:3px}
.panel,.card,.tile,.service,.metric{border-radius:12px;border-color:#dce5df}
.panelhead,.panel-heading,.toolbar,.card-head,.actions,.modal-actions{gap:12px;flex-wrap:wrap}
.grid>*,.columns>*,.admin-grid>*,.work-grid>*,.form-grid>*,.result-grid>*{min-width:0}
.tablewrap,.table-wrap{max-width:100%;overflow-x:auto}
th{font-weight:600}td,th{line-height:1.6}td{overflow-wrap:anywhere}
.tabs{max-width:100%;overflow-x:auto}.tabs button{flex-shrink:0}
.case-head>div:first-child{min-width:0;flex:1}#case-title,#case-meta{overflow-wrap:anywhere}
.case-selector{flex-wrap:wrap}.case-selector select{flex:1 1 240px;max-width:100%;min-width:0}
[hidden]{display:none!important}
@media(max-width:760px){
 .columns,.admin-grid,.work-grid,.result-grid,.form-grid{grid-template-columns:minmax(0,1fr)}
 .toolbar,.actions,.case-selector,.session-bar{flex-wrap:wrap}
 .sidebar .nav-item{display:block}.rail nav{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
 .rail nav a{padding:8px 10px}.case-head{flex-wrap:wrap}
 button,.button{min-height:44px}
 dialog{max-width:94vw;max-height:90vh;max-height:90dvh;padding:18px;box-sizing:border-box}
 .drop{padding:18px}.case-selector select{flex-basis:100%}
 .stats,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* EUNOAI UI V2 — structured page layouts */
html.ui-v2{--nav:#133d38;--blue:#175e52;--green:#175e52;--teal:#175e52;--ink:#173c36;--muted:#5f716b;--line:#d8e2db;--bg:#f2f4ef}
html.ui-v2 body{background:#f2f4ef;color:#173c36;font:15px/1.7 "Microsoft YaHei",system-ui,sans-serif}
html.ui-v2 h1{font-size:clamp(26px,3vw,40px);font-weight:650;letter-spacing:-1px;line-height:1.3}
html.ui-v2 h2{font-size:21px;line-height:1.4}html.ui-v2 h3{font-size:17px}
html.ui-v2 .panel,html.ui-v2 .card,html.ui-v2 .tile{border-radius:16px;border:1px solid #d8e2db;box-shadow:0 5px 22px #183e2b05}
html.ui-v2 .panelhead,html.ui-v2 .panel-heading{padding:24px 28px;border-bottom:1px solid #d8e2db}
html.ui-v2 .sidebar,html.ui-v2 .rail{background:#fff;color:#173c36;border-right:1px solid #d8e2db}
html.ui-v2 .sidebar .brand,html.ui-v2 .rail .brand{color:#173c36}
html.ui-v2 .sidebar .brand span,html.ui-v2 .sidebar .brand small,html.ui-v2 .sidebar-foot,html.ui-v2 .nav-label{color:#60786d}
html.ui-v2 .sidebar nav a,html.ui-v2 .sidebar .nav-item,html.ui-v2 .rail nav a{color:#38584b;border-radius:9px}
html.ui-v2 .sidebar nav a.selected,html.ui-v2 .sidebar .nav-item.active,html.ui-v2 .rail nav a.active{background:#175e52;color:white;border:0;box-shadow:none}
html.ui-v2 .sidebar nav a:hover,html.ui-v2 .rail nav a:hover{background:#e7efe7;color:#173c36}
html.ui-v2 .sidebar nav a.selected span{color:#d0e4d5}
html.ui-v2 button.primary,html.ui-v2 .button.primary{background:#175e52;border-color:#175e52;color:#fff;border-radius:9px;padding:12px 22px}
html.ui-v2 input:not([type=checkbox]):not([type=radio]),html.ui-v2 select,html.ui-v2 textarea{background:#fbfcf9;border-color:#bdcfc2;border-radius:9px;min-height:44px}
html.ui-v2 .muted,html.ui-v2 .scope,html.ui-v2 .intro{color:#5f716b}
html.ui-v2 .tabs{gap:8px;padding:7px;background:#e5ece4;border:0;border-radius:12px;margin-bottom:22px}
html.ui-v2 .tabs button{border:0;border-radius:8px;padding:10px 17px;color:#496455;background:transparent}
html.ui-v2 .tabs button[aria-selected=true],html.ui-v2 .tabs button.active{background:#fff;color:#175e52;box-shadow:0 2px 7px #173c3610}
html.ui-v2 table{font-size:14px}html.ui-v2 th{background:#edf2eb;color:#446452;font-weight:600;padding:14px 16px}html.ui-v2 td{padding:17px 16px}
html.ui-v2 tbody tr:hover{background:#f6f9f3}
html.ui-v2 .tag,html.ui-v2 .badge{border-radius:20px;padding:5px 10px}
html.ui-v2 dialog{border-radius:18px;border-color:#c9d8cd;box-shadow:0 28px 100px #123e3933}
html.ui-v2 .empty{background:#f8faf5;border:1px dashed #cbd9cb;border-radius:12px;margin:18px;padding:35px 20px}
/* Public account page: editorial introduction alongside the existing login forms. */
html.ui-v2 body.access-redesign #public{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,480px);gap:0 48px;max-width:1180px;margin:32px auto 60px;align-items:start}
html.ui-v2 body.access-redesign #public .account-welcome{grid-column:1;grid-row:1 / span 2;text-align:left;padding:48px 38px;min-height:430px;background:#163f37;color:#fff;border-radius:20px;position:relative;overflow:hidden}
html.ui-v2 body.access-redesign .account-welcome h2{font-size:clamp(30px,3vw,44px);font-weight:550;line-height:1.5;margin:25px 0}
html.ui-v2 body.access-redesign .account-welcome p:first-child{color:#b8cda9;letter-spacing:3px}
html.ui-v2 .ui-intro{font-size:16px;line-height:1.9;color:#d5e3d4;max-width:420px}
html.ui-v2 .ui-service-list{display:grid;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #446b5b;color:#dce8d7;font-size:14px}
html.ui-v2 body.access-redesign #public .account-tabs{grid-column:2;max-width:none;width:100%;margin:0 0 16px;background:#e2eadd}
html.ui-v2 body.access-redesign #public>.columns{grid-column:2;max-width:none;width:100%;margin:0}
html.ui-v2 body.access-redesign #login,html.ui-v2 body.access-redesign #register{max-width:none;border-radius:16px;padding:32px;margin:0;box-shadow:none}
html.ui-v2 body.access-redesign #login h2{font-size:25px}html.ui-v2 body.access-redesign #login label{font-size:14px}
html.ui-v2 body.access-redesign #login>button{background:#175e52;border-radius:9px;min-height:48px;font-size:15px}
/* Workbench: a clear start area, service grid and task queue. */
html.ui-v2 .welcome{padding:38px;background:#173f37;border-radius:20px;color:#fff;align-items:flex-end;margin-bottom:24px}
html.ui-v2 .welcome h1{max-width:650px}html.ui-v2 .welcome .eyebrow{color:#b9cda7}html.ui-v2 .welcome .intro{color:#d2e0d0;font-size:15px}
html.ui-v2 .welcome>.button{background:#dfedce;color:#183e2b;border-color:#dfedce}
html.ui-v2 .launchpad{gap:16px;margin-bottom:28px}html.ui-v2 .launchpad .service{padding:24px;border-radius:16px;min-height:210px;border-top:4px solid #97af7b}
html.ui-v2 .service .number{font-size:11px;color:#567052}html.ui-v2 .service-heading{margin-top:23px}html.ui-v2 .service p{font-size:13px}html.ui-v2 .service-foot{font-size:13px}
html.ui-v2 .work-grid{grid-template-columns:minmax(0,1fr) 320px;gap:24px}
html.ui-v2 .scope{font-size:12px}html.ui-v2 .task strong{font-size:15px}html.ui-v2 .task p{font-size:13px}
/* Litigation: case identity and actions first, then task navigation. */
html.ui-v2 .case-head{padding:30px;background:#173f37;color:#fff;border-radius:18px;margin:24px 0 18px;align-items:center}
html.ui-v2 .case-head .eyebrow,html.ui-v2 .case-head #case-meta{color:#c4d8c5}html.ui-v2 .case-head h1{font-size:30px}
html.ui-v2 .case-head .primary{background:#dfedce;color:#183e2b;border-color:#dfedce}
html.ui-v2 .case-selector{background:#fff;padding:16px;border:1px solid #d8e2db;border-radius:12px}
html.ui-v2 .metrics .metric{border-radius:14px;padding:22px;border-top:3px solid #a8bb91}
html.ui-v2 .metric strong{font-size:32px;color:#175e52}
/* Client and service portals retain their data scopes. */
html.ui-v2 .hero{border-radius:18px;background:#173f37;color:#fff;padding:32px}
html.ui-v2 .hero p,html.ui-v2 .hero .eyebrow{color:#d5e3d4}
html.ui-v2 .cards{gap:20px}html.ui-v2 .detail{border-radius:16px}
@media(max-width:1100px){html.ui-v2 body.access-redesign #public{grid-template-columns:minmax(0,1fr);gap:20px}html.ui-v2 body.access-redesign #public .account-welcome{grid-column:1;grid-row:auto;min-height:0;padding:28px}html.ui-v2 body.access-redesign #public .account-tabs,html.ui-v2 body.access-redesign #public>.columns{grid-column:1}html.ui-v2 .work-grid{grid-template-columns:1fr}}
@media(max-width:760px){html.ui-v2 .welcome,html.ui-v2 .case-head,html.ui-v2 .hero{padding:24px}html.ui-v2 .welcome h1,html.ui-v2 .case-head h1{font-size:27px}html.ui-v2 .sidebar nav{display:flex;overflow:auto;gap:8px}html.ui-v2 .sidebar .nav-item{display:block}html.ui-v2 .launchpad{grid-template-columns:repeat(2,minmax(0,1fr))}html.ui-v2 .launchpad .service{min-height:0;padding:18px}html.ui-v2 .case-head{align-items:start}html.ui-v2 body.access-redesign #login,html.ui-v2 body.access-redesign #register{padding:24px}}
@media(max-width:420px){html.ui-v2 .launchpad{grid-template-columns:1fr}html.ui-v2 .service p{min-height:0}}
html.ui-v2 [hidden]{display:none!important}