/* Public and authentication components consume the shared site tokens. */
/* Language controls participate in layout so mobile navigation remains reachable. */
body:is(.ka-public-ui, .ka-auth-ui) .ka-public-lang-switch { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 4px; padding: 4px; border: 1px solid var(--site-border); border-radius: 999px; background: var(--site-surface); }
body:is(.ka-public-ui, .ka-auth-ui) .ka-public-lang-switch button { min-width: 44px; min-height: 36px; padding: 5px 10px; border: 0; border-radius: 999px; background: transparent; color: var(--site-muted); font-size: 12px; font-weight: 600; }
body:is(.ka-public-ui, .ka-auth-ui) .ka-public-lang-switch button[aria-pressed="true"] { background: var(--site-primary); color: #fff; }
body:is(.ka-public-ui, .ka-auth-ui) .ka-public-lang-switch button:focus-visible { outline: 2px solid var(--site-link); outline-offset: 2px; }
body:is(.ka-public-ui, .ka-auth-ui) > .ka-public-language-bar { display: flex; width: max-content; margin: 12px 24px 12px auto; }
body.ka-radar-ui .masthead { gap: 16px; }
body.ka-radar-ui .masthead .identity { margin-right: auto; }
@media (max-width: 560px) {
  body:is(.ka-public-ui, .ka-auth-ui) > .ka-public-language-bar { margin: 12px 16px 12px auto; }
  body.ka-radar-ui .masthead { flex-wrap: wrap; padding-block: 12px; gap: 10px; }
  body.ka-radar-ui .masthead .identity { flex-basis: 100%; }
  body.ka-radar-ui .masthead .login { margin-left: auto; }
  body.ka-auth-ui .ka-auth-lang-switch { position: absolute; }
}
body:is(.ka-public-ui, .ka-auth-ui) { min-width: 320px; min-height: 100vh; min-height: 100dvh; background-image: none; font-size: 14px; line-height: 1.6; }
body:is(.ka-public-ui, .ka-auth-ui) *, body:is(.ka-public-ui, .ka-auth-ui) *::before, body:is(.ka-public-ui, .ka-auth-ui) *::after { box-sizing: border-box; }
body:is(.ka-public-ui, .ka-auth-ui) :is(a, button, input, select, textarea) { transition: color .18s, background-color .18s, border-color .18s; }
body:is(.ka-public-ui, .ka-auth-ui) a { color: var(--site-link); text-underline-offset: 3px; }
body:is(.ka-public-ui, .ka-auth-ui) a:hover { color: var(--site-text); }
body:is(.ka-public-ui, .ka-auth-ui) :is(button, input, select, textarea) { font-family: var(--site-font); }
body:is(.ka-public-ui, .ka-auth-ui) :is(button, [role="button"]) { cursor: pointer; }
body:is(.ka-public-ui, .ka-auth-ui) :is(button, input, select, textarea):disabled,
body:is(.ka-public-ui, .ka-auth-ui) [aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
body:is(.ka-public-ui, .ka-auth-ui) img { max-width: 100%; }
body:is(.ka-public-ui, .ka-auth-ui) [hidden] { display: none !important; }
body:is(.ka-public-ui, .ka-auth-ui) :is(.text-gray-400, .text-gray-500, .text-muted-foreground) { color: var(--site-muted); }
body:is(.ka-public-ui, .ka-auth-ui) :is([class*="bg-[#09090d]"], [class*="bg-[#0f0f17]"]) { background-color: var(--site-surface); }
body:is(.ka-public-ui, .ka-auth-ui) :is([class*="border-[#0f0f17]"], .border-gray-200, .border-gray-700) { border-color: var(--site-border); }
body:is(.ka-public-ui, .ka-auth-ui) :is([class*="bg-blue-"], .ka-primary-action) { background: var(--site-primary); border-color: var(--site-primary); color: #fff; border-radius: var(--site-radius); }
body:is(.ka-public-ui, .ka-auth-ui) :is([class*="bg-blue-"], .ka-primary-action):hover { background: var(--site-primary-hover); color: #fff; }
body:is(.ka-public-ui, .ka-auth-ui) > header { background: var(--site-surface); border-bottom: 1px solid var(--site-border); }
body:is(.ka-public-ui, .ka-auth-ui) > header nav { margin: 0; padding: 16px 24px; border: 0; }
body:is(.ka-public-ui, .ka-auth-ui) > header nav > div { max-width: 1280px; gap: 12px; }
body:is(.ka-public-ui, .ka-auth-ui) > header nav a { text-decoration: none; }
body:is(.ka-public-ui, .ka-auth-ui) > header nav > div > a img { height: 36px; width: auto; margin: 0; }
body:is(.ka-public-ui, .ka-auth-ui) > header nav [data-collapse-toggle] { min-width: 40px; min-height: 40px; color: var(--site-muted); background: var(--site-control); border: 1px solid var(--site-border); }
body:is(.ka-public-ui, .ka-auth-ui) #mm { max-width: calc(100vw - 32px); border-color: var(--site-border); border-radius: var(--site-card-radius); background: var(--site-surface); box-shadow: var(--site-shadow); }
body:is(.ka-public-ui, .ka-auth-ui) > footer { margin-top: 48px; padding: 24px 0; border-top: 1px solid var(--site-border); background: var(--site-surface); color: var(--site-muted); }
body:is(.ka-public-ui, .ka-auth-ui) > footer > div { max-width: 1280px; padding: 24px; }
body:is(.ka-public-ui, .ka-auth-ui) > footer :is(h2, h3) { font-size: 13px; color: var(--site-text); }
body:is(.ka-public-ui, .ka-auth-ui) > footer a { color: var(--site-muted); }
body.ka-public-ui .ka-public-content { width: min(100% - 48px, 960px); margin: 40px auto; padding: 28px; border: 1px solid var(--site-border); border-radius: var(--site-card-radius); background: var(--site-surface); overflow-wrap: anywhere; }
body.ka-public-ui .ka-public-content > div { max-width: 100%; margin: 0; padding: 0; }
body.ka-public-ui .ka-public-content :is(h1, h2) { color: var(--site-text); font-size: 28px; line-height: 1.3; letter-spacing: 0; }
body.ka-public-ui .ka-public-content h3 { font-size: 18px; }
body.ka-public-ui .ka-public-content p { color: var(--site-muted); line-height: 1.8; }
body.ka-public-ui .ka-public-content :is(.text-blue-700, .text-blue-600) { color: var(--site-link); }
body.ka-public-ui .ka-public-content > div[style] { height: auto !important; margin: 16px 0 24px; color: var(--site-muted); }
body.ka-public-ui .ka-public-content [data-accordion] { margin-top: 24px; }
body.ka-public-ui .ka-public-content [data-accordion], body.ka-public-ui .ka-public-content [data-accordion-target] { width: 100%; }
body.ka-public-ui .ka-public-content [data-accordion] h2 { margin: 0; font-size: 16px; }
body.ka-public-ui .ka-public-content [data-accordion-target] { min-height: 48px; padding: 16px; color: var(--site-text); border-color: var(--site-border); }
body.ka-public-ui .ka-public-content [data-accordion-target]:hover { background: var(--site-surface-raised); }

/* Radar data colors remain independent of the blue action color. */
body.ka-radar-ui { --bg: var(--site-bg); --surface: var(--site-surface); --ink: var(--site-text); --muted: var(--site-muted); --line: var(--site-border); }
body.ka-radar-ui .masthead { background: var(--site-surface); }
body.ka-radar-ui .symbol { border-radius: var(--site-radius); background: var(--site-primary-soft); color: var(--site-link); }
body.ka-radar-ui .login { border-color: var(--site-primary); border-radius: var(--site-radius); background: var(--site-primary); color: #fff; }
body.ka-radar-ui .login:hover { border-color: var(--site-primary-hover); background: var(--site-primary-hover); color: #fff; }
body.ka-radar-ui :is(.metrics, .map-area, .globe-legend) { border-color: var(--site-border); border-radius: var(--site-card-radius); }
body.ka-radar-ui .metrics { box-shadow: var(--site-shadow); }
body.ka-radar-ui .view-switch { border-radius: var(--site-radius); background: var(--site-control); }
body.ka-radar-ui .view-button { border-radius: 8px; font-family: var(--site-font); }
body.ka-radar-ui .view-button[aria-pressed="true"] { background: var(--site-primary); color: #fff; }
body.ka-radar-ui .view-button:hover:not([aria-pressed="true"]) { background: var(--site-surface-raised); }
body.ka-radar-ui :is(.globe-legend, .map-status, .globe-tooltip) { background: var(--site-control); border-color: var(--site-border); box-shadow: var(--site-shadow); }
body.ka-radar-ui .map-status::before { box-shadow: none; }

/* Shared authentication layout, including customer and legacy form fragments. */
body.ka-auth-ui::before { content: none; }
body.ka-auth-ui .ka-auth-page { position: relative; display: flex; min-height: 100vh; min-height: 100dvh; align-items: center; padding: 72px clamp(24px, 4vw, 48px) 40px; }
body.ka-auth-ui .ka-auth-shell { display: grid; width: min(1120px, 100%); margin: 0 auto; grid-template-columns: minmax(0, 1fr) minmax(0, 440px); gap: clamp(32px, 7vw, 96px); align-items: center; }
body.ka-auth-ui .ka-auth-hero { min-width: 0; }
body.ka-auth-ui .ka-auth-mark { position: relative; width: 64px; height: 64px; margin-bottom: 24px; border: 1px solid var(--site-border); border-radius: var(--site-card-radius); background: var(--site-primary-soft); }
body.ka-auth-ui .ka-auth-mark::before { content: ""; position: absolute; inset: 17px; border: 2px solid var(--site-link); border-radius: 7px; }
body.ka-auth-ui .ka-auth-mark::after { content: ""; position: absolute; top: 26px; left: 26px; width: 12px; height: 12px; border: 2px solid var(--site-link); border-radius: 50%; }
body.ka-auth-ui .ka-auth-eyebrow { margin: 0 0 12px; color: var(--site-link); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
body.ka-auth-ui .ka-auth-title { margin: 0; color: var(--site-text); font-size: clamp(32px, 3.8vw, 48px); font-weight: 700; line-height: 1.15; letter-spacing: 0; overflow-wrap: anywhere; }
body.ka-auth-ui .ka-auth-copy { max-width: 520px; margin: 18px 0 0; color: var(--site-muted); font-size: 16px; line-height: 1.75; }
body.ka-auth-ui .ka-auth-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
body.ka-auth-ui :is(.ka-auth-chip, .ka-auth-sub-locked) { display: inline-flex; align-items: center; min-height: 30px; padding: 4px 10px; border: 1px solid var(--site-border); border-radius: 999px; background: var(--site-control); color: var(--site-muted); font-size: 12px; font-weight: 500; }
body.ka-auth-ui .ka-auth-card { position: relative; min-width: 0; padding: 28px; border: 1px solid var(--site-border); border-radius: var(--site-card-radius); background: var(--site-surface); box-shadow: var(--site-shadow); }
body.ka-auth-ui .ka-auth-card-head { margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid var(--site-border); }
body.ka-auth-ui .ka-auth-card-title { margin: 0; color: var(--site-text); font-size: 26px; line-height: 1.3; font-weight: 700; }
body.ka-auth-ui .ka-auth-card-subtitle { margin: 8px 0 0; color: var(--site-muted); font-size: 13px; line-height: 1.6; }
body.ka-auth-ui .ka-auth-form { display: grid; gap: 16px; }
body.ka-auth-ui .ka-auth-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; margin: 0; }
body.ka-auth-ui .ka-auth-field label { order: -1; position: static; color: var(--site-muted); font-size: 13px; line-height: 1.4; font-weight: 600; transform: none; padding: 0; background: transparent; }
body.ka-auth-ui input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
body.ka-auth-ui :is(select, textarea) { width: 100%; min-width: 0; min-height: 48px; padding: 12px 14px; border: 1px solid var(--site-border); border-radius: var(--site-radius); background: var(--site-control); color: var(--site-text); font-size: 14px; caret-color: var(--site-link); }
body.ka-auth-ui input:not([type="hidden"]):focus,
body.ka-auth-ui :is(select, textarea):focus { border-color: var(--site-link); box-shadow: var(--site-focus); }
body.ka-auth-ui input::placeholder { color: var(--site-muted); opacity: .8; }
body.ka-auth-ui input:-webkit-autofill { -webkit-text-fill-color: var(--site-text); box-shadow: 0 0 0 1000px var(--site-control) inset; caret-color: var(--site-link); }
body.ka-auth-ui input[aria-invalid="true"], body.ka-auth-ui .has-login-error input:not([type="hidden"]) { border-color: var(--site-danger); }
body.ka-auth-ui :is(.ka-auth-submit, .ka-auth-choice-primary, button[name="register"], [data-loginbutton="1"]) { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; width: 100%; padding: 12px 16px; margin: 0; border: 1px solid var(--site-primary); border-radius: var(--site-radius); background: var(--site-primary); color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; }
body.ka-auth-ui :is(.ka-auth-submit, .ka-auth-choice-primary, button[name="register"], [data-loginbutton="1"]):hover { background: var(--site-primary-hover); border-color: var(--site-primary-hover); color: #fff; }
body.ka-auth-ui :is(.ka-auth-secondary, .ka-auth-query-button, .ka-auth-sub-picker-button, .ka-auth-choice-secondary, .ka-auth-choice-close) { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 14px; border: 1px solid var(--site-border); border-radius: var(--site-radius); background: var(--site-control); color: var(--site-text); font-size: 13px; font-weight: 600; text-decoration: none; }
body.ka-auth-ui :is(.ka-auth-secondary, .ka-auth-query-button, .ka-auth-sub-picker-button, .ka-auth-choice-secondary, .ka-auth-choice-close):hover { background: var(--site-surface-raised); border-color: var(--site-border-hover); }
body.ka-auth-ui :is(.ka-auth-query-button, .ka-auth-sub-picker-button) { min-height: 48px; }
body.ka-auth-ui .ka-auth-lang-switch { position: fixed; top: 18px; right: 20px; z-index: 20; display: inline-flex; gap: 4px; padding: 4px; border: 1px solid var(--site-border); border-radius: var(--site-radius); background: var(--site-surface); }
body.ka-auth-ui .ka-auth-lang-switch button { min-width: 44px; min-height: 32px; padding: 5px 10px; border: 0; border-radius: 7px; background: transparent; color: var(--site-muted); font-size: 12px; font-weight: 600; }
body.ka-auth-ui .ka-auth-lang-switch button[aria-pressed="true"] { background: var(--site-primary); color: #fff; }
body.ka-auth-ui .ka-auth-links { display: grid; gap: 12px; padding-top: 18px; border-top: 1px solid var(--site-border); }
body.ka-auth-ui .ka-auth-link-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--site-muted); font-size: 13px; }
body.ka-auth-ui .ka-auth-inline-link { color: var(--site-link); font-weight: 600; }
body.ka-auth-ui :is(.ka-auth-license-row, .ka-auth-sub-picker) { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: end; }
body.ka-auth-ui :is(.ka-auth-sub-panel, .ka-auth-referral-box) { display: grid; gap: 12px; padding: 14px; border: 1px solid var(--site-border); border-radius: var(--site-card-radius); background: var(--site-control); }
body.ka-auth-ui :is(.ka-auth-sub-message, .ka-auth-referral-note) { color: var(--site-muted); font-size: 13px; }
body.ka-auth-ui :is(.ka-auth-alert, .ka-auth-sub-panel.is-error) { padding: 12px 14px; border: 1px solid var(--site-danger); border-radius: var(--site-radius); background: var(--site-danger-soft); color: var(--site-danger); font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
body.ka-auth-ui .ka-auth-alert { margin-bottom: 16px; }
body.ka-auth-ui .ka-auth-sub-panel.is-error .ka-auth-sub-message { color: var(--site-danger); }
body.ka-auth-ui .ka-auth-license-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
body.ka-auth-ui :is(.ka-auth-license-detail, .ka-auth-sub-picker-current) { display: grid; gap: 5px; min-width: 0; padding: 10px 12px; border: 1px solid var(--site-border); border-radius: var(--site-radius); background: var(--site-surface); overflow-wrap: anywhere; }
body.ka-auth-ui :is(.ka-auth-license-detail-label, .ka-auth-license-detail small, .ka-auth-sub-picker-current span) { color: var(--site-muted); font-size: 12px; }
body.ka-auth-ui :is(.ka-auth-license-detail strong, .ka-auth-sub-picker-current strong) { color: var(--site-text); font-size: 14px; line-height: 1.4; font-variant-numeric: tabular-nums; }
body.ka-auth-ui .ka-auth-license-state.is-not-used { color: var(--site-success); }
body.ka-auth-ui :is(.ka-auth-license-state.is-used, .ka-auth-license-state.is-banned, .ka-auth-license-state.is-paused, .ka-auth-license-state.is-unknown) { color: var(--site-danger); }
body.ka-auth-ui .ka-auth-sub-locked { border-color: var(--site-success); background: var(--site-success-soft); color: var(--site-success); }
body.ka-auth-ui :is(.ka-auth-sub-options, .ka-auth-choice-list) { display: grid; gap: 8px; }
body.ka-auth-ui :is(.ka-auth-sub-option, .ka-auth-choice-option) { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 10px 12px; border: 1px solid var(--site-border); border-radius: var(--site-radius); background: var(--site-control); color: var(--site-text); font-size: 14px; text-align: left; }
body.ka-auth-ui .ka-auth-sub-option input { accent-color: var(--site-primary); width: 16px; height: 16px; }
body.ka-auth-ui .ka-auth-choice-modal { position: fixed; inset: 0; z-index: 80; display: none; align-items: center; justify-content: center; padding: 20px; background: rgb(0 0 0 / 65%); }
body.ka-auth-ui .ka-auth-choice-modal.is-open { display: flex; }
body.ka-auth-ui .ka-auth-choice-dialog { display: grid; gap: 16px; width: min(520px, 100%); max-height: calc(100dvh - 40px); padding: 24px; border: 1px solid var(--site-border); border-radius: var(--site-card-radius); background: var(--site-surface); box-shadow: var(--site-shadow); }
body.ka-auth-ui .ka-auth-choice-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--site-border); }
body.ka-auth-ui .ka-auth-choice-head span { color: var(--site-muted); font-size: 12px; }
body.ka-auth-ui .ka-auth-choice-head strong { display: block; color: var(--site-text); font-size: 18px; }
body.ka-auth-ui .ka-auth-choice-close { width: 36px; min-height: 36px; padding: 0; font-size: 24px; }
body.ka-auth-ui .ka-auth-choice-list { max-height: min(420px, 52vh); overflow-y: auto; }
body.ka-auth-ui .ka-auth-choice-option { justify-content: space-between; }
body.ka-auth-ui .ka-auth-choice-option::after { content: ""; flex: 0 0 auto; width: 16px; height: 16px; border: 2px solid var(--site-border-hover); border-radius: 50%; }
body.ka-auth-ui .ka-auth-choice-option:hover { background: var(--site-surface-raised); border-color: var(--site-border-hover); }
body.ka-auth-ui .ka-auth-choice-option.is-selected { border-color: var(--site-primary); background: var(--site-primary-soft); }
body.ka-auth-ui .ka-auth-choice-option.is-selected::after { border-color: var(--site-link); background: var(--site-primary); }
body.ka-auth-ui .ka-auth-choice-actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 12px; border-top: 1px solid var(--site-border); }
body.ka-auth-ui .ka-auth-choice-primary { width: auto; min-height: 40px; padding: 8px 14px; }
body.ka-auth-ui.ka-register-ui .ka-auth-page { min-height: auto; padding-top: 48px; }
body.ka-auth-ui.ka-register-ui .ka-auth-shell > div { width: auto; margin: 0; padding: 0; }
body.ka-auth-ui.ka-register-ui .ka-auth-hero > div { margin: 0; padding: 0; }
body.ka-auth-ui.ka-register-ui .ka-auth-title { margin: 0 0 18px; text-align: left; font-size: clamp(32px, 3.8vw, 48px); }
body.ka-auth-ui.ka-register-ui .ka-auth-title span { color: var(--site-link); background: none; }
body.ka-auth-ui.ka-register-ui .ka-auth-copy { font-weight: 400; }
body.ka-auth-ui.ka-register-ui .ka-auth-form { max-width: none; margin: 0; }
body.ka-auth-ui.ka-register-ui .ka-auth-form > * { margin-top: 0; margin-bottom: 0; }
body.ka-auth-ui.ka-register-ui .ka-auth-form > span { display: flex; flex-wrap: wrap; gap: 10px; }
body.ka-auth-ui.ka-register-ui .ka-auth-form > div > p { padding: 0; color: var(--site-muted); }
body.ka-auth-ui.ka-register-ui a[data-loginbutton] { background: var(--site-control); border-color: var(--site-border); color: var(--site-text); }
body.ka-auth-ui #popover-password { max-width: calc(100vw - 32px); border-color: var(--site-border); border-radius: var(--site-card-radius); background: var(--site-surface); box-shadow: var(--site-shadow); }
body.ka-auth-ui .ka-security-page { padding: 40px 24px; background: var(--site-bg); }
body.ka-auth-ui .ka-security-page > div { max-width: 1040px; gap: 32px; }
body.ka-auth-ui .ka-security-page .ka-auth-card { width: 100%; max-width: 500px; }
body.ka-auth-ui .ka-security-page h2 { font-size: 26px; }
body.ka-auth-ui .ka-security-page h1 { font-size: clamp(32px, 3.8vw, 48px); line-height: 1.15; }
body.ka-auth-ui .ka-security-page img { width: 100%; height: auto; }
body.ka-auth-ui .ka-security-page button[onclick] { min-height: 48px; border: 1px solid var(--site-primary); }

@media (max-width: 960px) {
  body.ka-auth-ui .ka-auth-page { padding: 72px 24px 32px; align-items: flex-start; }
  body.ka-auth-ui .ka-auth-shell { width: min(560px, 100%); grid-template-columns: 1fr; gap: 28px; }
  body.ka-auth-ui .ka-auth-title { font-size: 32px; }
  body.ka-auth-ui .ka-auth-copy { font-size: 14px; }
  body.ka-auth-ui .ka-auth-meta { margin-top: 16px; }
  body.ka-auth-ui .ka-auth-mark { width: 56px; height: 56px; margin-bottom: 16px; }
  body.ka-auth-ui .ka-auth-mark::before { inset: 13px; }
  body.ka-auth-ui .ka-auth-mark::after { top: 22px; left: 22px; }
}
@media (max-width: 560px) {
  body:is(.ka-public-ui, .ka-auth-ui) > header nav { padding: 12px 16px; }
  body:is(.ka-public-ui, .ka-auth-ui) > header nav > div > a img { height: 28px; }
  body:is(.ka-public-ui, .ka-auth-ui) > header nav > div > div > a { padding: 8px 10px; margin-right: 4px; font-size: 12px; }
  body:is(.ka-public-ui, .ka-auth-ui) > footer > div { padding: 16px; }
  body.ka-public-ui .ka-public-content { width: calc(100% - 32px); margin: 24px auto; padding: 20px; }
  body.ka-public-ui .ka-public-content :is(h1, h2) { font-size: 26px; }
  body.ka-auth-ui .ka-auth-page { padding: 72px 16px 32px; }
  body.ka-auth-ui .ka-auth-card { padding: 24px 20px; }
  body.ka-auth-ui .ka-auth-lang-switch { top: 12px; right: 12px; }
  body.ka-auth-ui input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), body.ka-auth-ui :is(select, textarea) { font-size: 16px; }
  body.ka-auth-ui :is(.ka-auth-license-row, .ka-auth-license-details, .ka-auth-sub-picker) { grid-template-columns: 1fr; }
  body.ka-auth-ui .ka-auth-link-row { align-items: stretch; flex-direction: column; }
  body.ka-auth-ui :is(.ka-auth-query-button, .ka-auth-sub-picker-button) { width: 100%; }
  body.ka-auth-ui .ka-auth-choice-dialog { padding: 20px; }
  body.ka-auth-ui .ka-security-page { padding: 24px 16px; }
}