/* Shared VI from the existing Gladwares AI OS. All assets are served locally. */
@font-face{font-family:"Gladwares Roboto";src:url("/assets/gladwares-roboto-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Gladwares Roboto";src:url("/assets/gladwares-roboto-bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Gladwares Oswald";src:url("/assets/gladwares-oswald-light.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}
:root{
  --font-size-body:14px;--line-height-body:1.7;
  --font-sans-cn:"Gladwares Roboto","Microsoft YaHei","PingFang SC","Noto Sans CJK SC","Source Han Sans SC",SimHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-label:"Gladwares Oswald","Microsoft YaHei","PingFang SC",sans-serif;
  --ink:#171d29;--muted:#667085;--line:#eaecf0;--line-strong:#ced2dd;
  --surface:#fff;--canvas:#f5f6f8;--navy:#0e1623;--navy-soft:#1b2432;
  --accent:#6249ea;--accent-dark:#5138d7;--accent-soft:#f2f0ff;
  --teal:var(--accent);--teal-soft:var(--accent-soft);
  --shadow:0 4px 14px rgba(14,22,35,.05);--radius:12px;
  --wb-line:var(--line);--wb-bg:var(--canvas);--wb-ink:var(--ink);--wb-soft:var(--muted);--wb-teal:var(--accent);
}
html,body{background:var(--canvas)}
body{font-family:var(--font-sans-cn);font-size:15px;line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:none}
button,input,select,textarea{font-family:inherit;line-height:var(--line-height-body)}
small,code,kbd{font-size:var(--font-size-body)}
:focus-visible,.wb-app :focus-visible{outline:3px solid #a89aff;outline-offset:3px}
.topbar,body:has(.wb-app) .topbar{height:auto;min-height:94px;padding:16px 28px;background:var(--navy);gap:18px 24px;flex-shrink:0}
.brand{gap:24px;min-width:0}
.brand-logo-group{display:flex;flex-direction:column;flex-shrink:0;gap:3px;width:168px}
.brand-logo{width:168px;height:auto;display:block;object-fit:contain}
.brand-subtitle{font:300 14px/1.7 var(--font-label);color:#c2c6ce;letter-spacing:.08em}
.brand-copy{padding-left:22px;border-left:1px solid #343a4a}
.brand-title{gap:10px}.brand-title strong{font-size:16px;font-weight:700;letter-spacing:0}
.brand-version{font-size:14px;line-height:1.7;border-color:#665b9a;background:#25223e;color:#d8d1ff;border-radius:6px;padding:0 7px;white-space:nowrap}
.brand-updated,body:has(.wb-app) .topbar .brand-updated{font-size:14px;line-height:1.7;color:#bdc4d1;margin-top:4px;letter-spacing:0}
.account-nav{flex-wrap:wrap;gap:12px 18px;justify-content:flex-end}
.account-nav>a{font-size:14px;line-height:1.7;font-weight:400;color:#e5e7eb;padding:5px 0}
.account-nav>a:hover{color:#d8d1ff;text-decoration-color:#a89aff}
.account-name{border-left-color:#343a4a;line-height:1.7}
.account-name strong,.account-name small,.nav-button,.environment{font-size:14px;line-height:1.7}
.account-name small{color:#bdc4d1}.nav-button{border-color:#525966;border-radius:8px;padding:6px 12px}
.nav-button:hover{border-color:#a89aff;color:#fff;background:var(--navy-soft)}
.eyebrow,.kicker{color:var(--accent);font-size:14px;line-height:1.7;font-weight:700;letter-spacing:.06em}
h1{line-height:1.35;letter-spacing:-.02em}h2,h3{line-height:1.5}
.panel,.metric-card{box-shadow:var(--shadow);border-color:var(--line);border-radius:12px}
.button{font-size:14px;line-height:1.7;min-height:40px;border-radius:8px;padding:8px 16px;font-weight:700}
.button-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:none}
.button-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
.button-secondary{background:#fff;color:var(--ink);border-color:var(--line-strong)}
.button-secondary:hover{background:var(--accent-soft);border-color:#bdb2fa;color:var(--accent-dark)}
input:not([type=checkbox]):not([type=hidden]),select,textarea{border-color:var(--line-strong);border-radius:8px;background:#fff}
input[type=checkbox]{accent-color:var(--accent)}
.auth-wrap{padding-top:64px}.auth-panel{padding:34px;max-width:480px;border-top:3px solid var(--accent)}
.auth-panel h1{font-size:28px;line-height:1.4}.auth-panel-wide{max-width:620px}
.auth-copy,.auth-help,.auth-switch,.auth-form label{font-size:14px;line-height:1.7}
.auth-form{gap:10px}.auth-form input{min-height:44px}.auth-form .button{margin-top:10px;min-height:44px}
.knowledge-widget>summary{background:var(--accent);box-shadow:0 4px 14px #6249ea22}
.knowledge-widget>summary:focus-visible{outline-color:#a89aff}
.knowledge-drawer,.knowledge-product-grid{border-color:var(--line)}
.knowledge-drawer-header{background:var(--navy)}
.knowledge-drawer-header small{color:#bdc4d1}
.knowledge-window-actions button{border-color:#525966;color:#e5e7eb}
.knowledge-quick-actions button{background:var(--accent-soft);border-color:#ddd5ff;color:var(--accent-dark)}
.knowledge-log,.knowledge-product-item{background:#f9fafb}
.knowledge-message-assistant,.knowledge-proposal-content,.knowledge-trainer-form label,.knowledge-page-form label{color:#344054}
.knowledge-proposal{background:#fff}.knowledge-proposal-evidence{background:#f9fafb;color:#667085}
.recovery-guide,.audit-translation,.translation-block,.translation-text,#draft-text-zh{background:#f8f7ff;color:var(--ink);border-color:#e4dfff}
.metadata-grid{background:var(--navy)}.metadata-grid>div{border-color:#343a4a}.metadata-grid dt{color:#bdc4d1}
th{background:#f9fafb;color:var(--muted);line-height:1.7}td{border-bottom-color:var(--line);line-height:1.7}
.content-text,.summary,.timeline-content p,.analysis-list dd,.draft-sync-body p,.risk-signal-reasons li{color:#344054;line-height:1.7}

/* Keep the existing mail workflow, with OS colors and room for readable type. */
body:has(.wb-app){display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--canvas);color:var(--ink)}
.wb-app{height:auto;min-height:0;flex:1;grid-template-columns:240px minmax(0,1fr);font-size:14px;line-height:1.7}
.wb-sidebar{background:#fff;padding:24px 14px;border-right-color:var(--line);gap:20px}
.wb-sidebar-title{font-size:18px;padding:0 10px}.wb-sidebar-title span{font-size:14px;letter-spacing:.05em;margin-top:4px}
.wb-stage-link{padding:10px 12px;color:#475467;border-radius:8px;gap:8px;line-height:1.7}
.wb-stage-link b{font-size:14px;background:#f2f4f7;color:#667085;border-radius:6px;min-width:28px;line-height:1.7}
.wb-stage-link:hover{background:#f8f9fb}.wb-stage-link.is-active{background:var(--accent-soft);color:var(--accent-dark);box-shadow:none;font-weight:700}
.wb-stage-link.is-active b{background:#e4dfff;color:var(--accent-dark)}
.wb-sidebar-bottom{padding:18px 10px 0;border-color:var(--line);gap:10px}
.wb-sidebar-bottom a{color:#475467;font-size:14px}.wb-sidebar-bottom a:hover{color:var(--accent)}
.wb-sidebar-bottom p{font-size:14px;line-height:1.7}
.wb-toolbar{padding:20px 24px 15px}.wb-title-line{margin-bottom:16px}.wb-title-line h1{font-size:24px;line-height:1.4}
.wb-title-line p,.wb-mode{font-size:14px;line-height:1.7}.wb-mode{background:var(--accent-soft);border-color:#e4dfff;color:var(--accent-dark)}
.wb-search-line{gap:12px}.wb-search-line input{max-width:760px!important;min-height:40px}
.wb-app .button{font-size:14px;line-height:1.7;min-height:38px;padding:6px 12px;border-radius:8px;white-space:normal}
.wb-app input:not([type=checkbox]),.wb-app select,.wb-app textarea{border-color:var(--line-strong);border-radius:8px;padding:7px 10px;font-size:14px;line-height:1.7;color:var(--ink)}
.wb-app input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}
.wb-filters{gap:10px 12px;margin-top:14px}.wb-filters label{font-size:14px;line-height:1.7;gap:5px}
.wb-filters input[type=date]{width:155px}.wb-filters select{max-width:190px;min-height:39px}
.wb-filter-summary{font-size:14px;gap:14px;margin-top:14px}.wb-filter-summary strong{font-size:14px}
.wb-columns{grid-template-columns:minmax(330px,39%) minmax(0,1fr)}
.wb-list{background:#fff}.wb-bulk{background:#f9fafb;padding:12px 16px;gap:10px;font-size:14px;min-height:64px}
.wb-bulk select{max-width:150px!important}.wb-mail-row{padding:18px 16px;border-left-width:3px}
.wb-mail-row:hover{background:#f9fafb}.wb-mail-row.is-selected{background:#f7f5ff;border-left-color:var(--accent)}
.wb-row-top strong,.wb-row-top time,.wb-summary,.wb-customer-line,.wb-badge,.wb-thread-count,.wb-pages{font-size:14px;line-height:1.7}
.wb-row-top strong{font-weight:700}.wb-row-top time{white-space:nowrap}.wb-mail-row h3{font-size:16px;line-height:1.6;margin:8px 0}
.wb-summary{color:#667085;margin:7px 0}.wb-customer-line{color:#667085;margin:9px 0}
.wb-row-tags,.wb-detail-tags{gap:6px}.wb-badge{border-radius:5px;padding:1px 7px;background:#f2f4f7;color:#475467}
.wb-teal{background:var(--accent-soft);color:var(--accent-dark)}.wb-purple{background:#f4ebff;color:#6941c6}
.wb-blue{background:#eff4ff;color:#345ba5}.wb-green{background:#eaf5ec;color:#28603a}.wb-amber{background:#fff3d6;color:#855900}.wb-red{background:#fef0ed;color:#a33224}
.wb-pages{padding:12px 16px}.wb-detail-head{padding:20px 24px}.wb-detail-head h2{font-size:22px;line-height:1.5}
.wb-detail-head p,.wb-detail-tags>span:last-child{font-size:14px;line-height:1.7}.wb-detail-actions{gap:8px;margin-top:14px}
.wb-detail-scroll{padding:0 24px 32px}.wb-contact{padding:14px 16px;background:#f9fafb;border-color:var(--line);border-radius:10px}
.wb-contact small{display:block;font-size:14px;line-height:1.7;margin:4px 0 0}.wb-contact dl{font-size:14px;gap:12px 18px}
.wb-section{padding:24px 0}.wb-section h3{font-size:17px}.wb-section-heading{flex-wrap:wrap}
.wb-section-heading h3 span,.wb-muted,.wb-event-list,.wb-message>summary,.wb-message-person strong,.wb-translation{font-size:14px;line-height:1.7}
.wb-message{border-color:var(--line);border-radius:9px}.wb-message>summary{background:#f9fafb;flex-wrap:wrap;padding:12px 14px}
.wb-message-person,.wb-message-person strong{color:#475467}.wb-message-body{font-size:14px;line-height:1.8;padding:16px}
.wb-outbound{border-color:#ddd5ff}.wb-outbound>summary{background:#f7f5ff}.wb-translation{background:#fafafa}
.wb-draft-section .review-form textarea{font-size:14px;line-height:1.8}
.wb-ai-editor{background:#faf9ff;border-color:#e4dfff;border-radius:10px;padding:16px}.wb-ai-editor>summary{color:var(--accent-dark)}
.wb-ai-editor form>label,.wb-ai-quick button{font-size:14px;line-height:1.7}.wb-ai-quick{gap:8px;margin:8px 0 12px}
.wb-ai-quick button{background:var(--accent-soft);color:var(--accent-dark);padding:6px 10px;border-radius:6px}
.wb-empty h2,.wb-empty h3{color:var(--ink)}.wb-empty{padding:48px 28px}.wb-detail-empty{max-width:600px}
.wb-detail-eyebrow{font-family:var(--font-label);font-size:14px;letter-spacing:.08em;color:var(--accent)}
.wb-empty-hints{font-size:14px;line-height:1.7;margin-top:24px;gap:12px}
.wb-toast{background:var(--navy);font-size:14px;line-height:1.7}.wb-reference-main{padding:32px}
.wb-reference-card{box-shadow:var(--shadow);border-radius:12px}.wb-reference-card h2{font-size:18px}
@media(min-width:1600px){.wb-columns{grid-template-columns:460px minmax(0,1fr)}}
@media(max-width:1200px){.topbar,body:has(.wb-app) .topbar{padding:14px 20px}.brand{gap:16px}.brand-copy{padding-left:16px}.account-nav{gap:10px 14px}.wb-app{grid-template-columns:192px minmax(0,1fr)}.wb-toolbar{padding:18px}.wb-detail-head,.wb-detail-scroll{padding-left:18px;padding-right:18px}.wb-contact dl{grid-template-columns:1fr}.wb-reference-grid{grid-template-columns:1fr}}
@media(max-width:950px){body:has(.wb-app){height:auto;min-height:100dvh;overflow:visible}.topbar,body:has(.wb-app) .topbar{gap:16px;align-items:flex-start}.account-nav{width:100%;margin:0;justify-content:flex-start;border-top:1px solid #343a4a;padding-top:12px}.account-name{margin-left:auto}.wb-app{display:block;min-height:calc(100dvh - 94px)}.wb-sidebar{padding:12px 14px}.wb-sidebar-title,.wb-sidebar-bottom{display:none}.wb-sidebar nav{display:flex;overflow-x:auto;gap:8px}.wb-stage-link{flex-shrink:0;padding:8px 12px}.wb-columns{display:flex;flex-direction:column}.wb-list{max-height:55dvh;min-height:280px;border-right:0}.wb-detail{min-height:450px}.wb-detail-scroll{overflow:visible}.wb-title-line{flex-wrap:wrap}.wb-mode{display:none}.wb-contact dl{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.topbar,body:has(.wb-app) .topbar{padding:18px 16px}.brand{align-items:flex-start;flex-wrap:wrap;gap:12px;width:100%}.brand-logo-group{width:148px}.brand-logo{width:148px}.brand-copy{padding-left:0;border-left:0;flex-basis:100%}.brand-title strong{font-size:17px}.account-nav{gap:10px 16px}.account-name{padding:0;border:0;margin-left:0;text-align:left;flex:1}.brand-updated{white-space:normal}.wb-toolbar{padding:18px 16px}.wb-title-line h1{font-size:22px}.wb-title-line p{margin-top:6px}.wb-search-line{flex-wrap:wrap;gap:10px}.wb-search-line input{flex-basis:100%}.wb-filters{display:grid;grid-template-columns:1fr 1fr}.wb-filters label,.wb-filters input,.wb-filters select{width:100%!important;max-width:100%}.wb-filter-summary strong{flex-basis:100%}.wb-bulk{gap:8px}.wb-bulk select{max-width:145px!important}.wb-contact dl{grid-template-columns:1fr}.wb-reference-main{padding:24px 16px}.wb-template-fields{grid-template-columns:1fr}.wb-detail-head h2{font-size:20px}.wb-outbound{margin-left:8px}.wb-empty{padding:32px 20px}.container{width:calc(100% - 32px)}.auth-wrap{padding-top:28px}.auth-panel{padding:26px 22px}.auth-panel h1{font-size:26px}}

.gw-health-alert{background:#fff0cf;color:#613e00;padding:12px 20px;font-size:14px;line-height:1.6;border-bottom:1px solid #dfc68d}.gw-health-alert[hidden]{display:none}.gw-health-alert a{font-weight:700;color:#52348b}