/* Shared components inherit the selected identity on every application route. */
:root[data-ui167]{--ui167-bg:var(--h162-bg,#f3f6fc);--ui167-panel:var(--h162-card,#fff);--ui167-ink:var(--h162-text,#142d52);--ui167-muted:var(--h162-muted,#637397);--ui167-line:var(--h162-line,#dce6fa);--ui167-accent:#1757da;--ui167-soft:#eaf1ff;--ui167-radius:12px;--ui167-space:16px;--ui167-control:42px;--ui167-body:16px;--ui167-success:#147552;--ui167-danger:#ba354a;--ui167-shadow:0 3px 18px #15386608;--bg:var(--ui167-bg);--card:var(--ui167-panel);--ink:var(--ui167-ink);--mut:var(--ui167-muted);--line:var(--ui167-line);--blue:var(--ui167-accent);--accent:var(--ui167-accent);--radius:var(--ui167-radius)}
:root[data-ui167][data-theme=dark]{--ui167-accent:#98bdff;--ui167-soft:#263d60;--ui167-success:#80d6b3;--ui167-danger:#ff9fac;--ui167-shadow:0 3px 18px #0002;color-scheme:dark}
:root[data-ui167]:not([data-theme=dark]){color-scheme:light}
:root[data-ui167]{--surface:var(--ui167-panel);--surface2:var(--ui167-soft);--ink2:var(--ui167-muted);--shadow:var(--ui167-shadow)}
:root[data-ui167=executive]{--ui167-bg:var(--e-bg);--ui167-panel:var(--e-panel);--ui167-ink:var(--e-ink);--ui167-muted:var(--e-muted);--ui167-line:var(--e-line);--ui167-accent:var(--e-accent);--ui167-soft:var(--e-soft)}
:root[data-ui167=engineering]{--ui167-bg:var(--g-bg);--ui167-panel:var(--g-panel);--ui167-ink:var(--g-ink);--ui167-muted:var(--g-muted);--ui167-line:var(--g-line);--ui167-accent:var(--g-blue);--ui167-soft:var(--g-soft)}
:root:is([data-ui167=kanban],[data-ui167=focus]){--ui167-bg:var(--w-bg);--ui167-panel:var(--w-panel);--ui167-ink:var(--w-ink);--ui167-muted:var(--w-muted);--ui167-line:var(--w-line);--ui167-accent:var(--w-blue);--ui167-soft:var(--w-soft)}
:root[data-ui167=focus]{--ui167-accent:var(--w-gold)}
:root[data-ui167][data-t166]{--ui167-bg:var(--t-bg);--ui167-panel:var(--t-panel);--ui167-ink:var(--t-ink);--ui167-muted:var(--t-muted);--ui167-line:var(--t-line);--ui167-accent:var(--t-accent);--ui167-soft:var(--t-soft)}
:root[data-ui167] body,:root[data-ui167] :is(button,input,select,textarea){font-family:var(--yw-font),sans-serif}
:root[data-ui167] .main{background:var(--ui167-bg)!important;color:var(--ui167-ink)!important}
:root[data-ui167] .side nav.tabs [data-tab]{max-width:100%;overflow:hidden}
:root[data-ui167] .side nav.tabs [data-tab]>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}
:root[data-ui167] .side nav.tabs [data-tab][aria-selected=true]{background:color-mix(in srgb,var(--ui167-accent) 25%,transparent)!important;border-color:var(--ui167-accent)!important;color:#fff!important;box-shadow:none!important}
:root[data-ui167][data-ui167-native] #view{font-size:var(--ui167-body)!important;line-height:1.8;color:var(--ui167-ink);padding-bottom:30px}
:root[data-ui167] #view,:root[data-ui167] #view *,:root[data-ui167] .auth-card,:root[data-ui167] .auth-card *{box-sizing:border-box;min-width:0}
:root[data-ui167][data-ui167-native] #view :is(.panel,.sec,.stat,.pcard,.ccard,.brcard,.report-card,.box,.psbox,.psec,.dashcard,.kbox,.health-card,.aiBox){background:var(--ui167-panel)!important;background-image:none!important;border:1px solid var(--ui167-line)!important;border-radius:var(--ui167-radius)!important;color:var(--ui167-ink)!important;box-shadow:var(--ui167-shadow)!important;padding:var(--ui167-space)}
:root[data-ui167][data-ui167-native] #view :is(h1,h2,h3,h4,h5){color:var(--ui167-ink)!important;letter-spacing:0!important;line-height:1.65!important;margin-block:0 14px;font-family:var(--yw-font),sans-serif!important}
:root[data-ui167][data-ui167-native] #view h1{font-size:clamp(24px,2.2vw,32px)!important}
:root[data-ui167][data-ui167-native] #view :is(h2,h3){font-size:calc(var(--ui167-body) + 2px)!important;font-weight:700!important}
:root[data-ui167][data-ui167-native] #view h4{font-size:var(--ui167-body)!important;font-weight:700!important}
:root[data-ui167][data-ui167-native] #view :is(.mut,.muted,.sub,.hint,small){color:var(--ui167-muted)}
:root[data-ui167] .ui167-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ui167-icon{display:inline-flex;vertical-align:middle;width:23px;height:23px;flex:0 0 23px;color:var(--ui167-accent);pointer-events:none}
.btn .ui167-icon{color:inherit;width:18px;height:18px;flex-basis:18px;margin-inline-end:6px}
.ui167-icon svg{display:block;width:100%;height:100%}
:root[data-ui167] :is(#view,.auth-card,.auth .card,.ihelp .card,#yw161-dialog) :is(input:not([type]),input[type=text],input[type=number],input[type=email],input[type=tel],input[type=url],input[type=search],input[type=password],input[type=date],input[type=datetime-local],input[type=time],select,textarea){color:var(--ui167-ink)!important;background:var(--ui167-panel)!important;border:1px solid var(--ui167-line)!important;border-radius:calc(var(--ui167-radius)*.65)!important;min-height:var(--ui167-control);font-size:inherit;line-height:1.6;padding:8px 11px;max-width:100%;box-shadow:none!important;accent-color:var(--ui167-accent)}
:root[data-ui167] :is(#view,.auth-card,.auth .card,.ihelp .card,#yw161-dialog) textarea{min-height:104px;resize:vertical}
:root[data-ui167] :is(input,textarea)::placeholder{color:var(--ui167-muted);opacity:.8}
:root[data-ui167] :is(input[type=checkbox],input[type=radio]){accent-color:var(--ui167-accent);min-width:17px;min-height:17px;flex-shrink:0}
:root[data-ui167] :is(input,select,textarea,button,a,[tabindex]):focus-visible{outline:3px solid var(--ui167-accent)!important;outline-offset:3px}
:root[data-ui167] :is(input,select,textarea)[disabled]{opacity:.65;cursor:not-allowed}
:root[data-ui167] :is(#view,.auth-card,.auth .card,.ihelp .card) :is(label,.field-label){color:var(--ui167-ink);line-height:1.7}
:root[data-ui167] :is(.auth-card,.auth .card,.v129c,#yw161-dialog,.ihelp-box){background:var(--ui167-panel)!important;background-image:none!important;color:var(--ui167-ink)!important;border:1px solid var(--ui167-line)!important;border-radius:calc(var(--ui167-radius) + 4px)!important;box-shadow:0 20px 80px #0005;font-size:var(--ui167-body);line-height:1.8;font-family:var(--yw-font),sans-serif;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
:root[data-ui167] .auth{background:#071426a8;backdrop-filter:blur(5px);padding:12px}
:root[data-ui167] .auth-card :is(h2,h3,h4){color:var(--ui167-ink)!important}
:root[data-ui167] .auth-card :is(.mut,small){color:var(--ui167-muted)}
:root[data-ui167] #yw161-dialog::backdrop{background:#071426a8;backdrop-filter:blur(5px)}
:root[data-ui167] :is(#view,.auth-card,.auth .card,.ihelp .card) .btn{border-radius:calc(var(--ui167-radius)*.65)!important;min-height:var(--ui167-control);font-size:inherit;line-height:1.6;padding:8px 14px;border-color:var(--ui167-line)!important;color:var(--ui167-ink);background:var(--ui167-panel)}
:root[data-ui167] :is(#view,.auth-card,.auth .card,.ihelp .card) .btn:is(.primary,.blue,.gold,.mainbtn){background:var(--ui167-accent)!important;color:var(--ui167-panel)!important;border-color:var(--ui167-accent)!important;font-weight:700}
:root[data-ui167] :is(#view,.auth-card,.auth .card,.ihelp .card) .btn.danger{color:var(--ui167-danger)!important;background:transparent!important;border-color:var(--ui167-danger)!important}
:root[data-ui167][data-ui167-native] #view .ck{background:var(--ui167-panel)!important;color:var(--ui167-ink)!important;border:1px solid var(--ui167-line)!important;border-radius:var(--ui167-radius)!important;box-shadow:var(--ui167-shadow)!important}
:root[data-ui167][data-ui167-native] #view .ck.navy{background:var(--ui167-soft)!important;border-inline-start:4px solid var(--ui167-accent)!important}
:root[data-ui167][data-ui167-native] #view .ck :is(b,strong){color:var(--ui167-ink)!important}
:root[data-ui167][data-ui167-native] #view .ck :is(small,span){color:var(--ui167-muted)}
:root[data-ui167][data-ui167-native] #view :is(.tabs2,.ptabs,.psnav,.seg,.filterbar,.toolbar,.tbltools){gap:7px;color:var(--ui167-ink);border-color:var(--ui167-line)}
:root[data-ui167][data-ui167-native] #view :is(.ptab,.psn,.seg button,.tabbtn){color:var(--ui167-muted);background:var(--ui167-panel);border:1px solid var(--ui167-line);border-radius:calc(var(--ui167-radius)*.65);padding:8px 13px;min-height:var(--ui167-control);font:inherit}
:root[data-ui167][data-ui167-native] #view :is(.ptab,.psn,.seg button,.tabbtn):is(.on,.active,[aria-selected=true]){color:var(--ui167-accent)!important;background:var(--ui167-soft)!important;border-color:var(--ui167-accent)!important;font-weight:700}
:root[data-ui167] .ui167-table-scroll{overflow-x:auto;overscroll-behavior-inline:contain}
:root[data-ui167] #view .ui167-table{width:100%;border-collapse:separate;border-spacing:0;color:var(--ui167-ink);font-size:inherit;font-variant-numeric:tabular-nums}
:root[data-ui167] #view .ui167-table :is(th,td){border-color:var(--ui167-line)!important;padding:calc(var(--ui167-space)*.65) calc(var(--ui167-space)*.75);vertical-align:middle;text-align:start;line-height:1.65}
:root[data-ui167] #view .ui167-table th{color:var(--ui167-muted)!important;background:var(--ui167-soft)!important;font-weight:700;white-space:normal}
:root[data-ui167] #view .ui167-table td{background:transparent}
:root[data-ui167] #view .ui167-table tbody tr:hover{background:color-mix(in srgb,var(--ui167-soft) 65%,transparent)}
:root[data-ui167] #view .ui167-table .phdone{background:color-mix(in srgb,var(--ui167-success) 10%,var(--ui167-panel))}
:root[data-ui167][data-ui167-native] #view :is(.empty,.no-data){color:var(--ui167-muted);background:var(--ui167-panel);border:1px dashed var(--ui167-line);border-radius:var(--ui167-radius);padding:calc(var(--ui167-space)*1.5);text-align:center;line-height:1.9}
:root[data-ui167][data-ui167-native] #view :is(.num,.money,.amount,.val,.stat b){font-variant-numeric:tabular-nums}
:root[data-ui167][data-ui167-native] #view :is(a,.link){color:var(--ui167-accent)}
:root[data-ui167][data-ui167-native] #view :is(hr,.divider){border-color:var(--ui167-line)}
:root[data-ui167] .ui167-brand-image{width:40px;height:40px;object-fit:contain;vertical-align:middle;flex:0 0 auto}
:root[data-ui167] .pdbrand .ui167-brand-image{width:27px;height:27px;margin-inline-end:8px}
:root[data-ui167=dense][data-ui167-native] #view :is(h2,h3){margin-block-end:8px;font-size:16px!important}
:root[data-ui167=finance][data-ui167-native] #view .ui167-table{font-variant-numeric:tabular-nums slashed-zero}
:root[data-ui167=engineering][data-ui167-native] #view .panel{border-top:3px solid var(--ui167-accent)!important}
:root[data-ui167=executive][data-ui167-native] #view .panel{border-inline-start:3px solid var(--ui167-accent)!important}
:root[data-ui167=focus][data-ui167-native] #view>.panel{margin-block-end:22px}
:root[data-ui167=readable][data-ui167-native] #view :is(small,.mut,.sub,.hint){font-size:16px!important;line-height:1.9}
:root[data-ui167=readable][data-ui167-native] #view :is(button,input,select,textarea){font-size:18px!important;line-height:1.8}
@media(max-width:650px){
 :root[data-ui167][data-ui167-native] #view{font-size:max(15px,var(--ui167-body));overflow-wrap:anywhere}
 :root[data-ui167][data-ui167-native] #view :is(.panel,.sec,.psec,.box){padding:max(11px,calc(var(--ui167-space)*.75))}
 :root[data-ui167] :is(.auth-card,.v129c){padding:16px!important;width:100%;margin:auto}
 :root[data-ui167] #view .ui167-table{min-width:580px;font-size:14px}
 :root[data-ui167] #view .ui167-table-scroll{max-width:100%;overflow-x:auto}
 :root[data-ui167] :is(#view,.auth-card,.auth .card,.ihelp .card) :is(input,select,textarea){font-size:16px!important}
 :root[data-ui167][data-ui167-native] #view :is(.ptabs,.psnav){overflow-x:auto;flex-wrap:nowrap;max-width:100%}
}
@media print{
 :root[data-ui167]{color-scheme:light;--ui167-panel:#fff;--ui167-ink:#142d52;--ui167-muted:#53657a;--ui167-line:#bcc7d5;--ui167-bg:#fff;--ui167-accent:#153f77;--ui167-shadow:none;--ui167-soft:#eef2f7}
 :root[data-ui167] .ui167-table-scroll{overflow:visible}
 :root[data-ui167] .ui167-icon{color:#153f77;print-color-adjust:exact}
 :root[data-ui167] .pdbrand{font-family:var(--yw-font),sans-serif;color:#142d52}
}
@media(prefers-reduced-motion:reduce){:root[data-ui167] :is(button,input,select,textarea){transition:none!important}}
/* Native full-page customer profiles and help/settings panels live outside #view. */
:root[data-ui167] .ihelp .card,:root[data-ui167] #cliForm{background:var(--ui167-panel)!important;color:var(--ui167-ink)!important;border-color:var(--ui167-line)!important;border-radius:var(--ui167-radius)!important;font-family:var(--yw-font),sans-serif;font-size:var(--ui167-body)}
:root[data-ui167] #cliForm :is(.cpbar,.cptabs,.c3bar0,.cpsec,.c3main,.c147-contact-card,.c147-scope){background:var(--ui167-panel)!important;color:var(--ui167-ink)!important;border-color:var(--ui167-line)!important}
:root[data-ui167] #cliForm :is(h1,h2,h3,h4,label){color:var(--ui167-ink)!important;font-family:var(--yw-font),sans-serif}
:root[data-ui167] #cliForm :is(input,select,textarea){color:var(--ui167-ink)!important;background:var(--ui167-panel)!important;border:1px solid var(--ui167-line)!important;border-radius:calc(var(--ui167-radius)*.65)!important;min-height:var(--ui167-control);font-size:inherit;max-width:100%}
:root[data-ui167] #cliForm .btn{border-radius:calc(var(--ui167-radius)*.65)!important;min-height:var(--ui167-control);font:inherit;color:var(--ui167-ink);border-color:var(--ui167-line)!important;background:var(--ui167-panel)}
:root[data-ui167] #cliForm .btn.gold{background:var(--ui167-accent)!important;color:var(--ui167-panel)!important}
:root[data-ui167] #cliForm :is(.sub,.mut,small){color:var(--ui167-muted)}
:root[data-ui167] :is(#view,.auth-card,.auth .card,.ihelp .card,#cliForm) label{font-size:inherit}
:root[data-ui167] #cliForm :is(.ctab,.cptab)[aria-selected=true]{background:var(--ui167-soft)!important;color:var(--ui167-accent)!important;border-color:var(--ui167-accent)!important}
@media screen{
 :root[data-ui167] :is(#view,#cliForm) .ui167-table-scroll{overflow-x:auto!important;max-width:100%!important;min-width:0!important;overscroll-behavior-inline:contain}
}
.ui167-modal-actions{display:grid;gap:8px;margin-block-start:16px}
.ui167-route-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-block-end:14px}
:root[data-ui167][data-ico=flat] .side nav.tabs i{background:none!important;border:0!important;box-shadow:none!important;filter:none!important;color:inherit!important}
:root[data-ui167][data-ico=frost] :is(.ui167-icon,.side nav.tabs i){background:color-mix(in srgb,var(--ui167-accent) 13%,transparent)!important;border:1px solid color-mix(in srgb,var(--ui167-accent) 30%,transparent)!important;border-radius:7px;box-shadow:inset 0 1px 1px #fff4!important;backdrop-filter:blur(5px);padding:3px}
:root[data-ui167][data-ico="3d"] :is(.ui167-icon,.side nav.tabs i){background:linear-gradient(145deg,var(--ui167-panel),var(--ui167-soft))!important;border:1px solid var(--ui167-line)!important;border-radius:7px;box-shadow:0 3px 0 var(--ui167-line),0 5px 8px #0002!important;padding:3px}
:root[data-ui167][data-ico="3d"] .side nav.tabs i{color:var(--ui167-accent)!important}
:root[data-ui167][data-ico=frost] .side nav.tabs i{color:inherit!important}
:root[data-ui167][data-ico="3d"] .btn .ui167-icon{color:var(--ui167-ink)!important}
:root[data-ui167=readable] :is(.auth-card,.auth .card,#cliForm) :is(small,.mut,.sub){font-size:16px!important;line-height:1.9}
@media screen and (max-width:650px){:root[data-ui167],:root[data-ui167] body{overflow-x:clip!important}}
