/* KATE Gen 3: Office-owned public, external partner and onboarding design authority. */
:root{--g3e-ink:#252727;--g3e-muted:#777773;--g3e-border:#e4e3df;--g3e-surface:#fff;--g3e-bg:#f6f5f2;--g3e-accent:#82766a}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)){
 --kate-sidebar:0px;--kate-topbar:0px;--nav:0px;--top:0px;
 margin:0;min-height:100dvh;font-family:Ubuntu,system-ui,sans-serif;
 background:var(--g3e-bg);color:var(--g3e-ink);
}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) :is(.kds-main,.klg-page,.app-main,.main.page){
 box-sizing:border-box;min-width:0;max-width:none;margin-left:0!important;
 padding-top:0!important;background:transparent
}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) :is(.kate-page-shell,.kds-canvas,.klg-page>.page,.main>.page){
 box-sizing:border-box;max-width:1500px;min-width:0;width:100%;margin-inline:auto;
 padding:clamp(16px,2.7vw,36px)
}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) :is(.klg-auth-card,.kate-auth-card,.auth-card,.auth-panel,.login-card){
 box-sizing:border-box;max-width:min(100%,620px);margin-inline:auto;
 padding:clamp(18px,3vw,30px);border:1px solid var(--g3e-border);
 border-radius:14px;background:var(--g3e-surface);box-shadow:0 12px 35px rgba(28,30,29,.035)
}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) :is(.panel,.card,.kds-card,.kds-panel,.kate-card,.kate-section,.klg-card,.rfq-card){
 box-sizing:border-box;max-width:100%;min-width:0;background:var(--g3e-surface);
 border:1px solid var(--g3e-border);border-radius:14px;box-shadow:0 6px 23px rgba(28,30,29,.025)
}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) :is(h1,h2,h3){
 font-family:Ubuntu,system-ui,sans-serif;line-height:1.2;
 letter-spacing:-.025em;overflow-wrap:break-word;color:var(--g3e-ink)
}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) h1{font-size:clamp(24px,2.8vw,35px)}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) :is(.muted,.helper,.form-help,small){overflow-wrap:break-word}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) :is(form,fieldset,label){box-sizing:border-box;min-width:0;max-width:100%}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),textarea,select){
 box-sizing:border-box;min-width:0;max-width:100%;font:inherit;font-size:13px;
 border-radius:8px;border:1px solid #d5d4cf;background:#fff;color:var(--g3e-ink)
}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select){min-height:39px}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) textarea{min-height:90px;resize:vertical}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) :is(.kate-form-grid,.form-grid,.klg-form-grid,.kds-form,.dgrid){min-width:0;max-width:100%}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) :is(.btn,.klg-btn,.kds-button,.kate-action,button[type=submit]){
 box-sizing:border-box;max-width:100%;height:auto;min-height:36px;
 white-space:normal;overflow-wrap:break-word;font-family:Ubuntu,system-ui,sans-serif;
 border-radius:8px;line-height:1.4
}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) :is(.klg-table-wrap,.kds-table-wrap,.table-wrap,.table-responsive){
 box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow-x:auto;
 -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain
}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) :is(.klg-table-wrap,.kds-table-wrap,.table-wrap,.table-responsive)>table{min-width:100%;width:max-content;max-width:none}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) :is(.page-actions,.toolbar,.form-actions,.kds-pagehead-actions){display:flex;flex-wrap:wrap;align-items:center;gap:8px}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) dialog:not([open]){display:none!important}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) dialog[open]{
 box-sizing:border-box;position:fixed;inset:0;max-width:calc(100vw - 24px);
 max-height:calc(100dvh - 24px);overflow:auto;background:#fff;
 border:1px solid var(--g3e-border);border-radius:14px;
 box-shadow:0 24px 75px rgba(18,22,28,.24)
}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) dialog::backdrop{background:rgba(20,23,24,.48)}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) :focus-visible{outline:2px solid var(--g3e-accent);outline-offset:2px}
body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) [hidden]{display:none!important}
@media(max-width:820px){
 body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) :is(.kate-form-grid,.form-grid,.klg-form-grid,.dgrid){grid-template-columns:minmax(0,1fr)}
 body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) :is(.kds-grid--2,.kate-grid-2,.two-cols,.columns-2){grid-template-columns:minmax(0,1fr)}
}
@media(max-width:540px){
 body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) :is(.page-actions,.toolbar,.form-actions){align-items:stretch}
 body:is(.kds-app,.kate-auth-page,.kds-public-workspace,.klg-auth):not(:has(> #office-navigation)) dialog[open]{max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}
}
