/* Per-instance identity in the shared shell. Status colors retain their meaning. */
@font-face {font-family:"Barlow Semi Condensed";src:url("fonts/barlow-semi-condensed/BarlowSemiCondensed-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap;}
.instance-brand,.surface-brand > .instance-brand,.workspace-brand > .instance-brand {display:inline-flex;align-items:center;justify-content:center;max-width:200px;min-width:0;line-height:1.1;}
.instance-brand img {display:block;max-width:180px;max-height:48px;width:auto;height:auto;object-fit:contain;}
/* Give reused artwork its intended background without changing the image. */
.instance-brand .instance-logo-fallback {box-sizing:border-box;padding:6px;border-radius:4px;}
.instance-brand .instance-logo-light.instance-logo-fallback {background:#101c20;}
.instance-brand .instance-logo-dark.instance-logo-fallback {background:#fff;}
.instance-brand .instance-logo-dark {display:none;}
.instance-wordmark {font-size:22px;line-height:1.15;font-weight:600;letter-spacing:-.035em;overflow-wrap:anywhere;}
.surface-brand .instance-wordmark,.workspace-brand .instance-wordmark {display:block;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.instance-brand-compact {width:44px;height:44px;}
.instance-brand.instance-brand-compact img {max-width:44px;max-height:44px;}
.empty-mark:has(.instance-brand) {transform:none;background:transparent;border-color:var(--line);border-radius:8px;box-shadow:none;}
:root[data-theme="dark"] .instance-logo-light {display:none;}
:root[data-theme="dark"] .instance-logo-dark {display:block;}
@media(prefers-color-scheme:dark){:root:not([data-theme]) .instance-logo-light {display:none;}:root:not([data-theme]) .instance-logo-dark {display:block;}}
.surface-brand:has(.instance-subtitle),.workspace-brand:has(.instance-subtitle) {flex-direction:column;align-items:flex-start;gap:3px;margin:0;}
.surface-brand .instance-subtitle,.workspace-brand .instance-subtitle {display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;letter-spacing:0;text-transform:none;font-size:11px;}
.instance-banner {flex:0 0 auto;padding:8px 24px;text-align:center;background:var(--theme-selected);color:var(--text);border-bottom:1px solid var(--line);font-size:13px;white-space:pre-line;overflow-wrap:anywhere;max-height:96px;overflow:auto;}
.instance-banner-bottom {border-top:1px solid var(--line);border-bottom:0;}
.instance-pinned-app span {max-width:140px;overflow:hidden;text-overflow:ellipsis;}
.surface-page .surface-topbar:has(.instance-pinned-app),body.canvas .workspace-topbar:has(.instance-pinned-app) {grid-template-columns:minmax(130px,1fr) minmax(0,3fr) auto auto;}
.surface-nav:has(.instance-pinned-app),.workspace-nav:has(.instance-pinned-app) {overflow:auto;justify-content:flex-start;}
.surface-nav:has(.instance-pinned-app) a,.workspace-nav:has(.instance-pinned-app) a {flex-shrink:0;}
.login-brand .instance-brand {max-width:300px;}
.login-brand .instance-brand img {max-width:260px;max-height:80px;}
.login-brand .instance-wordmark {font-size:32px;}
.login-heading-caption .login-brand {margin-bottom:14px;}
.surface-page .login h1.login-title-caption {font-family:"Barlow Semi Condensed", "Arial Narrow", Arial, sans-serif;font-size:14px;font-weight:700;line-height:1.4;letter-spacing:.035em;color:var(--accent);text-wrap:balance;overflow-wrap:anywhere;}
.simple-login-page:not(.instance-login-card) .login-brand .instance-brand {width:100%;max-width:360px;}
.simple-login-page:not(.instance-login-card) .login-brand .instance-brand img {width:100%;max-width:360px;max-height:96px;}
:root[data-theme-locked] .auth-page .login-layout {min-height:100vh;min-height:100dvh;padding:80px 24px;}
.surface-page .login form {gap:12px;}
.surface-page .login form > input {margin:0 0 6px;}
.surface-page .login form > button {margin-top:8px;}
.surface-page .login .login-remember {display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);}
.surface-page .login .login-remember input {width:16px;height:16px;min-height:0;margin:0;accent-color:var(--accent);}
.login-identity {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;font-size:14px;}
.login-identity span {overflow-wrap:anywhere;min-width:0;}
.login-identity a {flex-shrink:0;font-size:12px;}
.login-heading-brand-only .login-brand {margin-bottom:0;}
.login-instructions {font-size:13px;color:var(--muted);text-align:center;white-space:pre-line;overflow-wrap:anywhere;margin:24px 0 0;}
.surface-page .login form select {min-height:46px;margin:0;}
:root[data-instance-buttons] :is(.login form button,.login .btn,.settings-actions > button,.settings-actions > .btn,.access-page form button:not(.ghost-btn):not(.stop),.standalone-auth form button:not(.ghost-btn),.renewal-page form button:not(.ghost-btn)) {border-radius:var(--instance-button-radius);}
.surface-page.instance-login-card .login-layout .login {max-width:430px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 36px var(--theme-shadow);overflow:hidden;}
.instance-login-card .login-heading {padding:28px 30px 24px;margin:0;background:var(--instance-login-header,var(--panel2));color:var(--instance-login-header-ink,var(--text));border-bottom:1px solid var(--line);}
.instance-login-card .login-heading .login-brand {margin-bottom:20px;color:inherit;}
.instance-login-card .login-heading-brand-only .login-brand {margin-bottom:0;}
.instance-login-card .login-heading img:not(.instance-logo-fallback) {box-sizing:border-box;background:var(--instance-card-logo-bg,transparent);padding:var(--instance-card-logo-padding,0px);border-radius:4px;}
.instance-login-card .login-heading h1 {color:inherit;}
.instance-login-card .login-heading h1.login-title-caption {color:inherit;}
.instance-login-card .login-body {padding:28px 32px 32px;}
@media(max-width:760px){
 .instance-login-card .login-body {padding:24px;}
 .instance-login-card .login-heading {padding:24px;}
 .instance-brand {max-width:160px;}.instance-brand img {max-width:145px;max-height:36px;}.instance-wordmark {font-size:20px;}
 .surface-brand .instance-wordmark,.workspace-brand .instance-wordmark {max-width:160px;}
 .surface-page .surface-topbar:has(.instance-pinned-app),body.canvas .workspace-topbar:has(.instance-pinned-app) {grid-template-columns:minmax(0,1fr) auto auto;}
 .surface-nav:has(.instance-pinned-app),.workspace-nav:has(.instance-pinned-app) {overflow-x:auto;}
 .surface-nav:has(.instance-pinned-app) a,.workspace-nav:has(.instance-pinned-app) a {min-width:66px;}
 .surface-brand:has(.instance-subtitle) .instance-brand img,.workspace-brand:has(.instance-subtitle) .instance-brand img {max-height:32px;}
 .surface-brand .instance-logo-fallback,.workspace-brand .instance-logo-fallback {padding:3px;}
 .surface-brand .instance-subtitle,.workspace-brand .instance-subtitle {font-size:10px;line-height:12px;max-width:155px;}
 .instance-banner {padding:6px 12px;font-size:12px;max-height:72px;}
}
.surface-page .login form input.login-code {font-family:ui-monospace,Menlo,Consolas,monospace;font-size:22px;letter-spacing:.3em;text-align:center;}
.surface-page .login .login-code-resend {margin-top:12px;}
.surface-page .login .login-code-other {margin-top:16px;text-align:center;}