/* Beta Kiosk RC2: mobile-first presentation improvements, no data handlers. */
:root{--bk-ink:#101d39;--bk-blue:#2458e7;--bk-mint:#37d9b0;--bk-border:#dce5f1}
.sa-site-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px clamp(16px,4vw,48px)!important;background:#f8fbff!important;color:var(--bk-ink)!important;box-shadow:0 1px 0 var(--bk-border)}
.sa-site-header .sa-logo{display:inline-flex;align-items:center;gap:12px;font-family:system-ui,sans-serif!important;font-weight:800!important;letter-spacing:-.035em}
.sa-site-header .sa-logo span{background:linear-gradient(145deg,#163a98,#326dff)!important;color:#fff!important;border-radius:15px!important;font:800 18px system-ui,sans-serif!important;min-width:48px;min-height:48px;display:grid;place-items:center}
.sa-site-header nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sa-site-header nav a,.sa-workspace-nav a{font-family:system-ui,sans-serif!important;font-size:14px!important;font-weight:650!important;text-decoration:none!important}
.sa-site-header nav a[aria-current="page"]{color:#1250da!important;border-bottom:2px solid #37d9b0}
.sa-workspace-nav{display:flex!important;gap:9px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding:12px 2px!important;scrollbar-width:thin}
.sa-workspace-nav a{flex:0 0 auto!important;white-space:nowrap!important;padding:12px 16px!important;border:1px solid var(--bk-border)!important;border-radius:13px!important;background:#f4f8ff!important;color:var(--bk-ink)!important}
.sa-workspace-nav .bk-subscription-link{background:#e4fff6!important;border-color:#8cebd0!important;color:#075c4b!important}
.sa-pages,.sa-home{font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important}
.sa-pages input,.sa-pages select,.sa-pages textarea,.sa-pages button{font-family:inherit!important;max-width:100%;box-sizing:border-box}
.sa-pages table{display:block;max-width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.sa-pages table th,.sa-pages table td{min-width:95px;white-space:normal;overflow-wrap:break-word}
.sa-pages .sa-panel,.sa-pages .sa-card{border-radius:18px!important}
@media(max-width:760px){.sa-site-header{display:block;padding:14px 16px!important}.sa-site-header nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;margin-top:14px;padding-bottom:7px;scrollbar-width:thin}.sa-site-header nav a{flex:0 0 auto;white-space:nowrap;padding:9px 11px}.sa-pages{max-width:100vw;overflow-x:clip}.sa-pages .sa-panel{padding:18px!important}.sa-pages table{font-size:12px}.sa-pages table th,.sa-pages table td{min-width:110px;padding:9px!important}}

/* Beta Kiosk official brand integration, RC3 */
:root{--bk-ink:#0B1F4D;--bk-blue:#1677FF;--bk-mint:#10E0B2;--bk-cloud:#F8FCFF}
.sa-site-header{background:var(--bk-cloud)!important;border-bottom:1px solid #dce5f1!important}
.sa-site-header .sa-logo{color:var(--bk-ink)!important;text-decoration:none!important;gap:9px!important}
.sa-site-header .sa-logo .bk-brand-mark{width:52px!important;height:52px!important;object-fit:contain;display:block;flex-shrink:0}
.sa-site-header .sa-logo .bk-brand-wordmark{display:flex;flex-direction:column;font-weight:800;line-height:1.05;font-size:clamp(19px,2.4vw,25px);letter-spacing:-.04em}
.sa-site-header .sa-logo .bk-brand-wordmark small{font-size:9px;letter-spacing:.2em;margin-top:5px;font-weight:700;color:#0B1F4D}
.sa-site-header .sa-logo .bk-brand-mark,.sa-site-header .sa-logo .bk-brand-wordmark{background:none!important;border-radius:0!important}
.sa-pages button,.sa-pages .sa-primary-link{accent-color:var(--bk-blue)}
.sa-site-header nav a[aria-current="page"]{border-color:var(--bk-mint)!important}
@media(max-width:760px){.sa-site-header .sa-logo .bk-brand-mark{width:44px!important;height:44px!important}.sa-site-header .sa-logo .bk-brand-wordmark{font-size:21px}}