body.access-redesign{--blue:#21685d;--nav:#102e2c;--line:#e0e8e3;--muted:#738580;background:#f6f8f7;color:#213b3c;font-family:"Segoe UI","Microsoft YaHei",sans-serif}.access-redesign [hidden]{display:none!important}.access-redesign .sidebar{background:#102e2c;color:#cedbd6}.access-redesign .sidebar .brand{letter-spacing:4px}.access-redesign .nav-item.active{background:#285147;border-left-color:#92b5a5}.access-redesign .workspace header{background:#fff;border-color:#e0e8e3}.access-redesign button{background:#21685d;border-color:#21685d;border-radius:6px}.access-redesign button.secondary{background:#fff;color:#21685d}.access-redesign input,.access-redesign select,.access-redesign textarea{border-color:#d5e1d9;border-radius:6px;font:inherit;box-sizing:border-box;max-width:100%}.access-redesign input:focus,.access-redesign select:focus,.access-redesign textarea:focus{outline:2px solid #8fb6a6;outline-offset:2px}.access-redesign .panel,.access-redesign form{box-shadow:none;border-color:#e0e8e3}.access-redesign #status{background:#edf4ef;color:#345b4e;border-color:#dbe7df;line-height:1.7}.access-redesign .account-origin-help{background:#fff4df;border:1px solid #eadbc0;border-radius:6px;padding:14px 18px;line-height:1.8;color:#795c32;font-size:12px}.account-welcome{text-align:center;margin:0 0 28px}.account-welcome>p:first-child{font-size:11px;letter-spacing:3px;color:#7c9487}.account-welcome h2{font-size:29px;font-weight:550;letter-spacing:1px;margin:18px 0}.account-welcome p:last-child{font-size:13px;color:#738580;line-height:1.9}.account-tabs{display:flex;justify-content:center;gap:4px;padding:5px;background:#eaf0eb;border-radius:8px;max-width:300px;margin:0 auto 22px}.access-redesign .account-tabs button{flex:1;background:transparent;border:0;color:#6b8275;padding:11px 20px;font-size:13px}.access-redesign .account-tabs button[aria-pressed=true]{background:#fff;color:#21685d;box-shadow:0 2px 5px #102e2c08}.access-redesign #public>.columns{display:block;max-width:650px;margin:0 auto}.access-redesign #login,.access-redesign #register{background:#fff;border:1px solid #e0e8e3;padding:32px 36px;border-radius:10px;margin:0;box-shadow:0 12px 40px #183e2b04}.access-redesign #login{max-width:470px;margin:auto}.access-redesign #login h2,.access-redesign #register h2{font-size:21px;margin:0 0 15px}.access-redesign #login label,.access-redesign #register label{display:block;font-size:12px;color:#547164;margin:18px 0}.access-redesign #login input,.access-redesign #register input,.access-redesign #register select{display:block;width:100%;margin-top:8px;padding:12px 14px;min-height:44px;background:#fff;color:#213b3c}.access-redesign #login>button,.access-redesign #register>button{width:100%;padding:13px;margin-top:10px}.access-redesign #register{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.access-redesign #register h2,.access-redesign #register>p,.access-redesign #register>button{grid-column:1/-1}.access-redesign #register>p,.account-login-help{font-size:12px;color:#7a8e82;line-height:1.8}.access-redesign .environment{background:#edf4ef;color:#476b58;border-color:#dbe7df;font-size:11px}.access-redesign.account-guest .sidebar{width:240px}.access-redesign.account-guest .workspace{margin-left:240px}.access-redesign.account-guest main{max-width:1040px;margin:auto;padding:30px 42px 60px}.access-redesign.account-guest header h1{font-size:20px}.access-redesign.account-guest .nav-caption,.access-redesign.account-guest .nav-item{display:none}.access-redesign.account-guest .sidebar-foot{line-height:2;font-size:12px}.access-redesign.account-guest #status{max-width:650px;margin:0 auto 28px}.access-redesign .account-workspace-link{margin-top:16px}.access-redesign #session .session-bar{border-color:#dce6df}.access-redesign #session .panel{border-radius:8px}.access-redesign #session h2{font-size:19px}.access-redesign .invite-result{overflow-wrap:anywhere}
@media(max-width:1000px){.access-redesign.account-guest .sidebar{width:190px}.access-redesign.account-guest .workspace{margin-left:190px}.access-redesign.account-guest main{padding:26px}.account-welcome h2{font-size:25px}}@media(max-width:760px){.access-redesign.account-guest .sidebar{position:static;width:auto;height:auto;padding:20px}.access-redesign.account-guest .sidebar .brand{font-size:21px}.access-redesign.account-guest .sidebar .brand span,.access-redesign.account-guest .sidebar-foot{display:none}.access-redesign.account-guest .workspace{margin-left:0}.access-redesign.account-guest main{padding:20px 16px}.access-redesign #login,.access-redesign #register{padding:24px}.access-redesign #register{grid-template-columns:1fr}.account-welcome h2{font-size:23px}.access-redesign.account-guest header{padding:16px;height:auto;gap:12px}.access-redesign.account-guest header .eyebrow{display:none}.access-redesign .environment{white-space:nowrap}}@media(prefers-reduced-motion:no-preference){.access-redesign button{transition:background .15s}.access-redesign button:hover{filter:brightness(.96)}}

/* 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}}

.client-type-summary{line-height:1.8;padding:14px;background:#edf5f1;border-radius:8px}.client-grant-summary{line-height:1.8}.client-grant-summary ul{padding-left:22px}#client-portal-entry{display:inline-block;padding:14px 20px;margin:16px 0;border-radius:8px;background:#165c50;color:white;text-decoration:none}#client-portal-entry[hidden]{display:none!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}