/* Standalone owner console uses the same dashboard token and typography files. */
.no-page { margin: 0; background: var(--pu-page-bg, #eceef3); color: var(--pu-text-primary, #111827); font-family: var(--pu-font, 'Inter', sans-serif); font-size: 13px; line-height: 1.6; min-height: 100vh; }
.no-page *, .no-page *::before, .no-page *::after { box-sizing: border-box; }
.no-page a { color: var(--pu-primary-dark, #2f5a88); text-decoration: none; }
.no-page a:hover { text-decoration: underline; }
.no-page :is(a, button, input):focus-visible { outline: 3px solid var(--pu-primary, #3b6ea5); outline-offset: 3px; }
.no-skip { position: absolute; top: -80px; left: 16px; padding: 10px 15px; z-index: 10; background: var(--pu-surface, #fff); border-radius: 8px; }
.no-skip:focus { top: 10px; }
.no-topbar { min-height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: var(--pu-surface, #fff); border-bottom: 1px solid var(--pu-border, #e5e7eb); padding: 16px max(28px, calc((100vw - 1180px) / 2)); }
.no-page .no-brand { display: flex; align-items: center; gap: 12px; color: var(--pu-text-primary, #111827); text-decoration: none; font-size: 18px; font-weight: 700; line-height: 1.3; }
.no-brand small { display: block; color: var(--pu-text-secondary, #6b7280); font-size: 10px; font-weight: 500; margin-top: 3px; }
.no-brand-mark, .no-login-icon { display: grid; place-items: center; color: var(--pu-primary, #3b6ea5); background: var(--pu-primary-light, #eef5fb); border-radius: 12px; font-size: 24px; font-weight: 700; width: 44px; height: 44px; }
.no-topbar-actions { display: flex; align-items: center; gap: 20px; }
.no-topbar-actions form { margin: 0; }
.no-text-link { font-size: 12px; font-weight: 600; }
.no-main { width: min(1180px, calc(100% - 56px)); margin: 35px auto 42px; }
.no-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 22px; margin-bottom: 25px; }
.no-heading h1 { font-size: 26px; font-weight: 700; letter-spacing: -.6px; margin: 0 0 8px; line-height: 1.35; overflow-wrap: anywhere; }
.no-heading p { margin: 0; color: var(--pu-text-secondary, #6b7280); }
.no-page .no-eyebrow { color: var(--pu-primary, #3b6ea5); letter-spacing: 1.3px; font-size: 10px; font-weight: 700; margin: 0 0 8px; }
.no-badge { display: inline-block; padding: 5px 10px; color: var(--pu-text-secondary, #6b7280); background: var(--pu-surface-alt, #f6f8fb); border-radius: 20px; font-size: 11px; font-weight: 600; overflow-wrap: anywhere; }
.no-heading > .no-badge { margin-top: 8px; background: var(--pu-surface, #fff); flex-shrink: 0; max-width: 270px; }
.no-badge-brand { color: var(--pu-primary, #3b6ea5); background: var(--pu-primary-light, #eef5fb); }
.no-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 22px; align-items: start; }
.no-form-stack, .no-side-stack { display: grid; gap: 18px; margin: 0; }
.no-card { min-width: 0; border: 1px solid var(--pu-border, #e5e7eb); border-radius: 10px; background: var(--pu-surface, #fff); box-shadow: var(--pu-shadow-xs, 0 1px 2px rgba(0,0,0,.04)); }
.no-card-header { padding: 19px 22px; border-bottom: 1px solid var(--pu-border, #e5e7eb); display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.no-card-header h2 { font-size: 14px; font-weight: 700; margin: 0; line-height: 1.6; }
.no-card-header p { color: var(--pu-text-secondary, #6b7280); font-size: 12px; margin: 3px 0 0; }
.no-card-body { padding: 21px 22px; }
.no-page label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 7px; }
.no-page input:not([type="checkbox"]):not([type="hidden"]) { width: 100%; min-height: 42px; border: 1px solid var(--pu-border, #e5e7eb); border-radius: 8px; color: var(--pu-text-primary, #111827); background: var(--pu-surface, #fff); padding: 10px 12px; font: inherit; line-height: 1.5; }
.no-page input::placeholder { color: var(--pu-text-muted, #9ca3af); opacity: 1; }
.no-page input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--pu-primary, #3b6ea5); flex-shrink: 0; margin: 0; cursor: pointer; }
.no-field { min-width: 0; }
.no-fields-two { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.no-help { color: var(--pu-text-secondary, #6b7280); font-size: 11px; line-height: 1.7; margin: 8px 0 0; }
.no-inline-note { border-left: 2px solid var(--pu-primary-border, #a3c9eb); color: var(--pu-text-secondary, #6b7280); font-size: 11px; line-height: 1.75; padding: 0 0 0 12px; margin: 17px 0 0; }
.no-page .no-toggle { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 19px 0; margin: 16px 0 19px; border-top: 1px solid var(--pu-border-light, #f0f2f5); border-bottom: 1px solid var(--pu-border-light, #f0f2f5); cursor: pointer; }
.no-toggle strong { display: block; font-size: 13px; }
.no-toggle small { display: block; color: var(--pu-text-secondary, #6b7280); font-size: 11px; font-weight: 400; margin-top: 4px; }
.no-button { appearance: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--pu-border, #e5e7eb); border-radius: 8px; min-height: 40px; padding: 10px 15px; font: inherit; font-weight: 600; color: var(--pu-text-primary, #111827); background: var(--pu-surface, #fff); cursor: pointer; line-height: 1.5; text-align: center; }
.no-page a.no-button { color: var(--pu-text-primary, #111827); text-decoration: none; }
.no-button:hover { background: var(--pu-surface-alt, #f6f8fb); border-color: var(--pu-primary, #3b6ea5); }
.no-button-small { padding: 7px 12px; min-height: 34px; font-size: 12px; }
.no-primary { background: var(--pu-primary, #3b6ea5); color: var(--pu-text-inverse, #fff); border-color: var(--pu-primary, #3b6ea5); }
.no-primary:hover { color: var(--pu-text-inverse, #fff); background: var(--pu-primary-dark, #2f5a88); }
.no-button:disabled { opacity: .5; cursor: not-allowed; }
.no-save-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 2px; }
.no-save-row p { color: var(--pu-text-secondary, #6b7280); font-size: 11px; margin: 0; }
.no-detail-list { margin: 0; }
.no-detail-list > div { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; margin-bottom: 16px; }
.no-detail-list > div:last-child { margin-bottom: 0; }
.no-detail-list dt { font-size: 11px; color: var(--pu-text-secondary, #6b7280); font-weight: 400; flex-shrink: 0; }
.no-detail-list dd { margin: 0; font-size: 12px; font-weight: 500; text-align: right; overflow-wrap: anywhere; }
.no-detail-list + .no-help { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--pu-border-light, #f0f2f5); }
.no-side-copy { margin: 0 0 13px; font-size: 12px; }
.no-notice { background: var(--pu-surface, #fff); border: 1px solid var(--pu-border, #e5e7eb); border-left: 3px solid var(--pu-primary, #3b6ea5); border-radius: 8px; padding: 12px 15px; margin: 0 0 20px; font-size: 12px; overflow-wrap: anywhere; white-space: pre-wrap; }
.no-error { border-left-color: var(--pu-danger, #ef4444); }
.no-main-login { width: min(490px, calc(100% - 40px)); margin-top: 64px; }
.no-login-card { padding: 31px 34px; }
.no-login-icon { width: 50px; height: 50px; margin-bottom: 23px; font-size: 28px; }
.no-login-card h1 { font-size: 24px; line-height: 1.4; font-weight: 700; letter-spacing: -.5px; margin: 0 0 12px; }
.no-intro { color: var(--pu-text-secondary, #6b7280); margin: 0; font-size: 13px; line-height: 1.75; }
.no-login-form { display: grid; gap: 18px; margin-top: 25px; }
.no-login-submit { width: 100%; margin-top: 3px; }
.no-login-note { margin: 24px 0 0; padding-top: 18px; border-top: 1px solid var(--pu-border-light, #f0f2f5); color: var(--pu-text-secondary, #6b7280); font-size: 11px; line-height: 1.75; }
.no-context { background: var(--pu-surface-alt, #f6f8fb); padding: 16px; margin: 23px 0; border-radius: 8px; }
.no-context strong { font-size: 12px; overflow-wrap: anywhere; }
.no-context p { font-size: 11px; color: var(--pu-text-secondary, #6b7280); margin: 5px 0 0; line-height: 1.75; }
.no-footer { padding: 0 20px 26px; text-align: center; color: var(--pu-text-secondary, #6b7280); font-size: 10px; }
@media (max-width: 950px) { .no-layout { grid-template-columns: minmax(0,1fr) 280px; gap: 17px; } .no-main { width: calc(100% - 36px); } .no-main-login { width: min(490px,calc(100% - 36px)); } .no-heading > .no-badge { max-width: 200px; } .no-save-row { align-items: flex-start; flex-direction: column; gap: 12px; } }
@media (max-width: 760px) { .no-topbar { padding: 16px 20px; } .no-layout { grid-template-columns: 1fr; } .no-side-stack { grid-template-columns: 1fr 1fr; } .no-heading { flex-direction: column; gap: 12px; } .no-heading > .no-badge { max-width: 100%; margin-top: 0; } .no-main { margin-top: 26px; } .no-main-login { margin-top: 38px; } .no-save-row { flex-direction: row; align-items: center; margin-bottom: 6px; } }
@media (max-width: 500px) { .no-topbar { padding: 13px 15px; gap: 12px; align-items: flex-start; } .no-brand-mark { width: 38px; height: 38px; font-size: 22px; } .no-page .no-brand { font-size: 16px; gap: 9px; } .no-brand small { font-size: 9px; } .no-topbar-actions { flex-direction: column; align-items: flex-end; gap: 9px; } .no-text-link { font-size: 10px; } .no-main, .no-main-login { width: calc(100% - 28px); } .no-heading h1 { font-size: 23px; } .no-heading p { font-size: 12px; } .no-card-header { padding: 16px; } .no-card-body { padding: 17px 16px; } .no-fields-two, .no-side-stack { grid-template-columns: 1fr; } .no-save-row { flex-direction: column; align-items: stretch; gap: 12px; } .no-save-row > p { text-align: center; } .no-login-card { padding: 26px 22px; } .no-login-card h1 { font-size: 22px; } .no-login-icon { margin-bottom: 18px; } }