
/* Shared public UI: loaded after legacy rules, including lazy native styles. */
body[data-kb-ui]{--ink:var(--kb-ink);--muted:var(--kb-muted);--green:var(--kb-trust);--paper:var(--kb-bg);--line:var(--kb-line);background:var(--kb-bg)!important;color:var(--kb-ink)!important;font:400 16px/1.55 var(--kb-font-body)!important;margin:0}
body[data-kb-ui] :is(button,input,select,textarea){font-family:var(--kb-font-body)!important;font-size:16px!important}
body[data-kb-ui] :is(h1,h2,h3,h4){font-family:var(--kb-font-display)!important;color:var(--kb-ink)!important;letter-spacing:normal}
body[data-kb-ui] h1{font-size:34px;line-height:1.25}body[data-kb-ui] h2{font-size:22px;line-height:1.35}body[data-kb-ui] h3{font-size:20px;line-height:1.35}
body[data-kb-ui] :is(button,.button){min-height:48px!important;border-radius:14px!important;padding:10px 16px;border:1px solid var(--kb-line-strong);background:var(--kb-surface);color:var(--kb-ink);font-weight:600;box-shadow:none}
body[data-kb-ui] :is(.button.primary,button.primary,.b1-next,.kb-primary){background:var(--kb-haldi)!important;color:var(--kb-ink)!important;border-color:var(--kb-haldi)!important}
body[data-kb-ui] :is(.button.secondary,button.secondary,.b1-back,.b1-listen,.b1-speak){background:white!important;color:var(--kb-ink)!important;border:1px solid var(--kb-line-strong)!important}
body[data-kb-ui] :is(button.danger,.button.danger){background:white!important;color:var(--kb-sos)!important;border-color:var(--kb-sos)!important}
body[data-kb-ui] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){box-sizing:border-box;max-width:100%;min-height:48px;border:1px solid var(--kb-line-strong)!important;border-radius:10px!important;background:white!important;color:var(--kb-ink)!important;padding:10px 12px}
body[data-kb-ui] :is(input[type=checkbox],input[type=radio]){width:22px;height:22px;min-height:22px;accent-color:var(--kb-trust)}
body[data-kb-ui] :is(.helper,.dialog-copy,.field-caption,.meta,.small){color:var(--kb-muted)!important;font-size:15px!important;line-height:1.55}
body[data-kb-ui] :is(.box,.provider-result-card,.profile-status-card,.profile-public-consent,.profile-terms,.account-reputation){background:var(--kb-surface)!important;color:var(--kb-ink)!important;border:1px solid var(--kb-line)!important;border-radius:18px!important;box-shadow:none!important}
body[data-kb-ui] #appDialog{box-sizing:border-box;background:white!important;color:var(--kb-ink)!important;border:1px solid var(--kb-line)!important;border-radius:22px!important;width:min(680px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important;padding:0!important}
body[data-kb-ui] #appDialog::backdrop{background:#13213c88}
body[data-kb-ui] #appDialog header{background:white!important;color:var(--kb-ink)!important;border-bottom:1px solid var(--kb-line)!important;padding:16px!important}
body[data-kb-ui] #dialogTitle{font:700 22px/1.3 var(--kb-font-display)!important;color:var(--kb-ink)!important}
body[data-kb-ui] #dialogBody{padding:20px!important;overflow:auto;box-sizing:border-box}
body[data-kb-ui] #dialogClose{background:white!important;color:var(--kb-ink)!important;min-width:48px}
body[data-kb-ui] .b1-step{background:white!important;padding:8px 0!important}
body[data-kb-ui] .b1-question-icon{display:none}
body[data-kb-ui] .b1-progress{background:var(--kb-haldi-soft)!important;color:var(--kb-ink)!important;border-radius:10px;padding:8px 12px}
body[data-kb-ui] .b1-step-nav{gap:8px;background:white!important;border-top:1px solid var(--kb-line);padding-top:12px}
body[data-kb-ui] .profile-status-new{font-size:15px;margin-bottom:12px}
body[data-kb-ui] .profile-skill-chips button{background:var(--kb-haldi-soft)!important;color:var(--kb-ink)!important;border-color:var(--kb-line)!important}
body[data-kb-ui] .profile-skill-chips button[aria-pressed=true]{background:var(--kb-ink)!important;color:white!important}
body[data-kb-ui] :focus-visible{outline:3px solid var(--kb-young)!important;outline-offset:3px}
body[data-kb-ui] .kb-public-brand-mark{display:none}
body[data-kb-ui] .kb-public-brand-copy strong{font:800 28px/1.2 var(--kb-font-display)!important;color:var(--kb-ink)!important}
body[data-kb-ui] .kb-public-brand-copy small{color:var(--kb-ink)!important;font:500 14px var(--kb-font-body)!important}
body[data-kb-ui] .kb-public-brand-copy em{color:var(--kb-muted)!important;font-size:13px!important}
body[data-kb-ui].kb-info>header,body[data-kb-ui].kb-info>main,body[data-kb-ui].kb-info>footer{max-width:960px;margin-left:auto;margin-right:auto;padding:24px;box-sizing:border-box}
body[data-kb-ui].kb-info>header{background:var(--kb-surface);border-bottom:1px solid var(--kb-line);border-radius:0 0 18px 18px}
body[data-kb-ui].kb-info nav{display:flex;flex-wrap:wrap;gap:8px 16px}
body[data-kb-ui].kb-info a{color:var(--kb-young);text-underline-offset:3px}
body[data-kb-ui].kb-info nav a{display:inline-flex;align-items:center;min-height:44px;font-size:16px;padding:4px 0}
body[data-kb-ui].kb-info .beta{color:var(--kb-muted);letter-spacing:.03em;font-size:14px}
body[data-kb-ui] .kb-hero{padding-top:28px;padding-bottom:24px}
body[data-kb-ui] .kb-intro{margin-top:8px!important}
body[data-kb-ui] .kb-footer a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:44px}
body[data-kb-ui] .kb-directory-form{display:grid;gap:12px}
body[data-kb-ui] .kb-directory-form label{display:grid;gap:4px}
body[data-kb-ui] .provider-results-grid{display:grid;grid-template-columns:1fr;gap:16px}
body[data-kb-ui] .provider-result-card{padding:16px}
body[data-kb-ui] #kbDirectoryResults .provider-results-controls{display:none}
body[data-kb-ui] .kb-bottom-nav button{border:0!important;border-radius:0!important;padding:4px!important;background:transparent!important;min-height:68px!important;font-size:14px!important}
@media(max-width:480px){body[data-kb-ui] #dialogBody{padding:16px!important}body[data-kb-ui].kb-info>header,body[data-kb-ui].kb-info>main,body[data-kb-ui].kb-info>footer{padding:20px 16px}.b1-step-nav{display:flex;flex-wrap:wrap}.b1-step-nav button{flex:1;white-space:normal}body[data-kb-ui] h1{font-size:30px}}

body[data-kb-ui] .kb-hero h1{font-family:"KB Hero",var(--kb-font-display)!important}body[data-kb-ui].kb-info footer{background:white!important;border-top:1px solid var(--kb-line);color:var(--kb-ink)!important}body[data-kb-ui].kb-info strong{color:var(--kb-ink)!important}body[data-kb-ui] .pending{background:transparent!important;border:0!important;color:inherit!important}body[data-kb-ui] .b1-progress{box-shadow:none!important}body[data-kb-ui] .b1-step>p{color:var(--kb-muted)!important}

body[data-kb-ui] .kb-header{height:90px;min-height:90px;padding:12px 16px;gap:8px}body[data-kb-ui] .kb-header .kb-logo{font-size:26px!important}body[data-kb-ui] .kb-header-actions button{font-size:14px!important;padding:8px 10px!important}body[data-kb-ui] .kb-hero h1{min-height:88px}

@media(max-width:600px){body[data-kb-ui] .office-page .search-bar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px}body[data-kb-ui] .office-page .search-bar>*{min-width:0;max-width:100%;width:100%;box-sizing:border-box}body[data-kb-ui] .office-page .search-bar button{white-space:normal;overflow-wrap:anywhere}}
