#eunoai-knowledge-navigation{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px;background:#f3f6fa;color:#18334f;border-bottom:1px solid #dce4ed;font:14px system-ui}#eunoai-knowledge-navigation a{color:inherit;text-decoration:none;padding:9px 12px;border:1px solid #cfdae7;border-radius:5px}#eunoai-knowledge-navigation a:hover{background:#e3edf7}#eunoai-knowledge-navigation a:focus-visible{outline:2px solid #60a5fa}#eunoai-knowledge-navigation.in-sidebar{display:flex;flex-direction:column;align-items:stretch;background:transparent;color:inherit;border-top:1px solid #64748b;border-bottom:0;padding:12px;flex-shrink:0}#eunoai-knowledge-navigation.in-sidebar strong{font-size:12px;opacity:.8}#eunoai-knowledge-navigation.in-sidebar a:hover{background:#274763;color:#fff}

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