/* ConferVox workspace shell: header, side navigation, page structure and the pages that live in it
   (event overview, programme, rights, operator, remote). Reads role tokens only; see tokens.css.
   Existing controls and effective permissions stay authoritative: this file changes looks, not behaviour. */

.cv-management { background: var(--bg); color: var(--text); font-size: 0.875rem; }
.cv-management main.wrap { max-width: 1440px; padding: var(--space-6) var(--page-gutter) var(--space-12); }

/* ---------- Header ---------- */
.cv-management .site-header .wrap { max-width: 1440px; min-height: var(--header-min-height); padding: var(--space-3) var(--page-gutter); flex-wrap: nowrap; justify-content: flex-start; gap: var(--space-6); }
.cv-management .brand { flex: none; }
.cv-management .brand-logo { height: 30px; width: 150px; object-fit: contain; }
.cv-management .site-header :is(.app-nav, .mobile-app-menu) { display: none; }
.cv-management .lang-switch { margin-left: auto; }
.workspace-header-label { font-size: 0.8125rem; color: var(--text-muted); border-left: 1px solid var(--line-strong); padding-left: var(--space-6); }

/* Context switcher: organisation / event, read like a breadcrumb */
.site-header .workspace-context { display: flex; align-items: center; gap: var(--space-2); min-width: 0; padding-left: var(--space-6); border-left: 1px solid var(--line-strong); }
.site-header .workspace-context > label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.site-header .workspace-context > select { width: auto; max-width: 15rem; min-width: 0; min-height: 2.25rem; margin: 0; padding-block: 0.375rem; background-color: transparent; border-color: transparent; color: var(--text); font-size: 0.8125rem; font-weight: 600; text-overflow: ellipsis; cursor: pointer; }
.site-header .workspace-context > select:hover:not(:disabled) { background-color: var(--btn2-hover); }
.site-header .workspace-context > select option { background: var(--surface); color: var(--text); }
.workspace-context-separator { color: var(--line-strong); font-size: 1.125rem; }
.cv-management:has(#dashboard.hidden) .site-header :is(.workspace-context, .workspace-account) { display: none; }
.cv-management:has(#dashboard.hidden) .site-header .workspace-help-link { margin-left: 0; }

/* Help and profile, top right */
.cv-management .site-header .workspace-help-link { order: 2; margin-left: auto; display: inline-flex; align-items: center; gap: var(--space-2); min-height: var(--tap); padding: 0 var(--space-3); border-radius: var(--radius-sm); color: var(--text-secondary); font-size: 0.8125rem; font-weight: 600; text-decoration: none; }
.cv-management .site-header .workspace-help-link:hover { background: var(--btn2-hover); color: var(--text); }
.workspace-help-link svg { width: 1.125rem; height: 1.125rem; flex: none; }
.cv-management .account-menu { position: relative; order: 3; }
.cv-management .account-menu > summary { list-style: none; display: flex; align-items: center; gap: var(--space-2); min-height: var(--tap); padding: 0 var(--space-2) 0 var(--space-1); border: 1px solid var(--line-strong); border-radius: var(--radius-full); cursor: pointer; font-size: 0.8125rem; font-weight: 600; }
.cv-management .account-menu > summary::-webkit-details-marker { display: none; }
.cv-management .account-menu > summary:hover { background: var(--btn2-hover); }
.account-avatar { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--action); color: var(--on-action); font-size: 0.8125rem; font-weight: 700; }
.account-chevron { width: 1rem; height: 1rem; color: var(--text-muted); transition: transform 0.15s ease; }
.account-menu[open] .account-chevron { transform: rotate(180deg); }
.cv-management .account-panel { position: absolute; right: 0; top: calc(100% + var(--space-2)); z-index: 150; display: grid; gap: var(--space-4); width: min(340px, calc(100vw - 1.5rem)); max-height: calc(100dvh - var(--header-height) - var(--space-6)); overflow-y: auto; padding: var(--space-4); background: var(--surface-raised); border: 1px solid var(--line-strong); border-radius: var(--radius-md); box-shadow: var(--shadow-xl); color: var(--text); }
.cv-management .workspace-account .account-nav { order: 0; position: static; display: grid; gap: var(--space-2); width: auto; margin: 0; padding: 0 0 var(--space-4); background: transparent; border: 0; border-bottom: 1px solid var(--line); box-shadow: none; }
.cv-management .workspace-account .account-nav[hidden] { display: none; }
.workspace-account #account-email { font-size: 0.875rem; overflow-wrap: anywhere; }
.cv-management .workspace-account .account-status { margin: 0; padding: 0; border: 0; font-size: 0.75rem; }
.cv-management .workspace-account .account-view { display: grid; gap: var(--space-1); margin-top: var(--space-2); font-size: 0.75rem; color: var(--text-muted); }
.cv-management .workspace-account .account-view select { width: 100%; font-size: 0.8125rem; }
.cv-management .workspace-account .account-message { color: var(--err); text-align: left; white-space: normal; font-size: 0.75rem; }
.account-setting { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); color: var(--text-muted); font-size: 0.8125rem; }
.account-setting .lang-switch { margin: 0; }
.cv-management .workspace-account :is(#logout, #workspace-sign-in) { display: block; width: 100%; margin: 0; padding: var(--space-3) 0 0; min-height: 0; background: transparent; border: 0; border-top: 1px solid var(--line); border-radius: 0; color: var(--text-secondary); font-size: 0.8125rem; font-weight: 600; text-align: left; text-decoration: none; box-shadow: none; }
.cv-management .workspace-account :is(#logout, #workspace-sign-in):hover { color: var(--text); }
.cv-management .workspace-account :is(#logout, #workspace-sign-in)[hidden] { display: none; }
.cv-management #login-card { max-width: 460px; margin: 8vh auto; }
.cv-management #login-card h2 { font-size: 1.5rem; font-weight: 800; margin-bottom: var(--space-2); }
.cv-management #admin-loading { max-width: 460px; margin: 8vh auto; }
.cv-management #login-card .login-label-row { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); }
.cv-management #login-card .login-inline-action { min-height: 0; margin: 0; padding: var(--space-1) var(--space-2); font-size: 0.8125rem; }
.cv-management #login-card .login-submit { width: 100%; }
.cv-management #login-card form > .login-submit + .login-submit { margin-left: 0; }
.cv-management #login-card .login-divider { display: flex; align-items: center; gap: var(--space-3); margin: var(--space-4) 0 0; color: var(--text-muted); font-size: 0.8125rem; }
.cv-management #login-card .login-divider::before, .cv-management #login-card .login-divider::after { content: ""; flex: 1; border-top: 1px solid var(--line); }
.cv-management #login-card .login-divider + .login-submit { margin-top: var(--space-4); }
.cv-management #email-code-verify > .ghost, .cv-management #code-back { margin-left: 0; padding-left: 0; padding-right: 0; }

/* ---------- Type and form hierarchy inside the workspace ---------- */
.cv-management h1 { font-size: 1.875rem; font-weight: 800; line-height: 1.2; }
.cv-management h2 { font-size: 1.375rem; }
.cv-management h3 { font-size: 1.0625rem; }
.cv-management h4 { font-size: 0.9375rem; }
.cv-management p { line-height: 1.6; }
.cv-management label { font-size: 0.875rem; line-height: 1.5; }
.cv-management label:has(> input[type="checkbox"]) { display: flex; align-items: center; gap: var(--space-3); min-height: var(--tap); margin: 0; padding: var(--space-2) 0; font-weight: 500; }
.cv-management label:has(> input[type="checkbox"]) > span { flex: 1; }
.cv-management .module-option { border: 1px solid var(--line); border-radius: var(--radius-field); padding: var(--space-3) var(--space-4); min-height: 3.5rem; background: var(--surface); }
.cv-management .form-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3); margin: var(--space-6) 0; }
.cv-management .form-actions > button, .cv-management form > button + button { margin-top: 0; }
.cv-management form > button + button { margin-left: var(--space-3); }
.cv-management table { font-size: 0.8125rem; }
.cv-management td, .cv-management th { padding: 0.75rem var(--space-3); }
.cv-management table button { margin: 2px; min-height: 2.25rem; font-size: 0.8125rem; }
.cv-management :is(button, a, input, select, textarea, summary):focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }

/* ---------- Page structure ---------- */
.workspace-layout { display: grid; grid-template-columns: 15.5rem minmax(0, 1fr); gap: var(--space-8); align-items: start; }
.workspace-main { min-width: 0; scroll-margin-top: calc(var(--header-height) + var(--space-4)); }
.workspace-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-6); margin: 0 0 var(--space-6); }
.workspace-heading h1 { margin: var(--space-1) 0 var(--space-2); }
.workspace-heading p { margin: 0; }
.workspace-eyebrow { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-muted); }
.workspace-subtitle { color: var(--text-muted); font-size: 0.8125rem; }
.workspace-scope { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); padding: var(--space-2) var(--space-4); max-width: 48%; overflow-wrap: anywhere; }
.workspace-scope small { display: block; color: var(--text-muted); font-size: 0.75rem; }
.workspace-scope strong { font-size: 0.8125rem; }
.workspace-page-title { margin: 0 0 var(--space-6); }
.workspace-section-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-4); }
.workspace-section-heading :is(h2, h3) { margin: var(--space-2) 0; }
.workspace-section-heading p { margin: var(--space-1) 0; }
.workspace-breadcrumbs { margin: 0 0 var(--space-4); font-size: 0.8125rem; color: var(--text-muted); }
.workspace-breadcrumbs ol { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-1) var(--space-3); list-style: none; padding: 0; margin: 0; }
.workspace-breadcrumbs li { display: flex; align-items: center; gap: var(--space-3); min-width: 0; overflow-wrap: anywhere; }
.workspace-breadcrumbs li + li::before { content: "›"; color: var(--line-strong); }
.workspace-breadcrumbs a { color: var(--text-muted); text-decoration: none; min-height: 2rem; display: inline-flex; align-items: center; }
.workspace-breadcrumbs a:hover { text-decoration: underline; color: var(--text); }
.workspace-breadcrumbs [aria-current="page"] { font-weight: 600; color: var(--text); }

#workspace-menu-toggle { display: none; }

/* ---------- Side navigation ---------- */
.workspace-sidebar { position: sticky; top: calc(var(--header-height) + var(--space-6)); display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; height: calc(100dvh - var(--header-height) - var(--space-12)); }
.workspace-sidebar > details { margin: 0; }
.workspace-navigation { flex: 1; min-height: 0; overflow-y: auto; scrollbar-width: thin; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--space-3); }
.workspace-navigation > summary { display: none; cursor: pointer; font-weight: 700; min-height: var(--tap); padding: var(--space-2); }
.workspace-sidebar .workspace-context-separator { display: none; }
#workspace-context-home:empty { display: none; }
.workspace-sidebar .workspace-context { padding: 0 0 var(--space-3); margin-bottom: var(--space-3); border-bottom: 1px solid var(--line); }
.workspace-sidebar .workspace-context > label { display: block; font-size: 0.75rem; font-weight: 600; color: var(--text-muted); margin: var(--space-3) 0 var(--space-1); }
.workspace-sidebar .workspace-context > label:first-child { margin-top: 0; }
.workspace-sidebar .workspace-context > select { width: 100%; min-height: 2.25rem; margin: 0 0 var(--space-2); padding-block: 0.375rem; font-size: 0.8125rem; font-weight: 600; }
.workspace-sidebar #workspace-create-event { margin-bottom: var(--space-2); display: flex; align-items: center; min-height: 2rem; padding: 0.375rem var(--space-2); color: var(--accent-text); font-size: 0.8125rem; font-weight: 600; text-decoration: none; }
.workspace-sidebar .quick-nav { display: flex; flex-direction: column; align-items: stretch; gap: 2px; padding: 0; margin: 0; border: 0; background: transparent; }
.workspace-sidebar .quick-nav > label { margin: 0 var(--space-2); color: var(--text-muted); font-size: 0.75rem; font-weight: 500; }
.workspace-sidebar .quick-nav > select { margin: var(--space-1) 0 var(--space-4); font-size: 0.8125rem; }
.workspace-nav-group { display: block; margin-top: var(--space-2); }
.workspace-sidebar :is(.quick-nav, .workspace-nav-group, .workspace-settings-group) > a {
  display: flex; align-items: center; justify-content: flex-start; gap: var(--space-3); width: 100%; margin: 0;
  min-height: 2.25rem; padding: 0.375rem var(--space-3);
  background: transparent; border: 0; border-radius: var(--radius-sm);
  color: var(--text-secondary); font-size: 0.875rem; font-weight: 500; line-height: 1.4; text-align: left; text-decoration: none; overflow-wrap: anywhere;
  box-shadow: none;
}
.workspace-sidebar :is(.quick-nav, .workspace-nav-group, .workspace-settings-group) > a::before {
  content: ""; display: block; flex: 0 0 1.125rem; width: 1.125rem; height: 1.125rem; background: currentColor; opacity: 0.75;
  mask: var(--nav-icon) center / contain no-repeat; -webkit-mask: var(--nav-icon) center / contain no-repeat;
}
.workspace-sidebar :is(.quick-nav, .workspace-nav-group, .workspace-settings-group) > a:hover { background: var(--btn2-hover); }
.workspace-sidebar :is(.quick-nav, .workspace-nav-group, .workspace-settings-group) > a[aria-current="page"] { background: var(--tint); color: var(--tint-text); font-weight: 600; }
.workspace-sidebar :is(.quick-nav, .workspace-nav-group, .workspace-settings-group) > a[aria-current="page"]::before { opacity: 1; }
.workspace-sidebar .workspace-nav-child { padding-left: var(--space-8); font-size: 0.8125rem; color: var(--text-muted); }
.workspace-nav-section, .workspace-nav-group > summary, .workspace-settings-group > summary {
  display: flex; align-items: center; justify-content: space-between; min-height: 2rem; margin: 0; padding: var(--space-2) var(--space-3);
  cursor: pointer; list-style: none; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-muted);
}
.workspace-settings-group > summary { display: list-item; letter-spacing: 0; text-transform: none; font-size: 0.8125rem; color: var(--text-secondary); }
.workspace-nav-group > summary::-webkit-details-marker { display: none; }
.workspace-nav-group > summary::after { content: "⌄"; font-size: 0.875rem; font-weight: 400; }
.workspace-nav-group:not([open]) > summary::after { content: "›"; }
.workspace-settings-group { padding: 0; margin: var(--space-2) 0 0; }
.workspace-settings-group .workspace-settings-group { margin: var(--space-1) 0 var(--space-2) var(--space-2); padding-left: var(--space-2); border-left: 1px solid var(--line); }
.workspace-utilities { display: flex; flex-direction: column; gap: var(--space-2); margin: var(--space-4) 0 0; padding: var(--space-3) 0 0; border-top: 1px solid var(--line); }
.workspace-utilities a { font-size: 0.8125rem; text-decoration: none; color: var(--text-muted); }
.workspace-utilities a[aria-current="page"] { color: var(--accent-text); font-weight: 600; }
.workspace-sidebar #workspace-navigation-status { margin: var(--space-4) var(--space-3) 0; font-size: 0.75rem; overflow-wrap: anywhere; }
.workspace-sidebar .workspace-billing { background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-md); padding: var(--space-3); }
.workspace-billing > summary { font-size: 0.8125rem; color: var(--text-secondary); font-weight: 600; cursor: pointer; min-height: 1.5rem; }
.workspace-billing .cv-credits { border: 0; padding: 0; margin: var(--space-3) 0 0; box-shadow: none; }
.workspace-billing .cv-credits h3 { font-size: 0.875rem; }
.workspace-billing .cv-credit-tiles { grid-template-columns: 1fr !important; gap: var(--space-2); }
.workspace-billing .cv-credit-tiles strong { font-size: 1.375rem; }
.workspace-billing :is(p, select, label, button) { font-size: 0.75rem !important; }
.workspace-product-version { padding: var(--space-2) var(--space-3); }

/* Navigation icons: one mask per destination, shared by the whole sidebar. */
.workspace-sidebar #nav-overview{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #nav-program{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%203v4m10-4v4M3%2011h18m-13%204h8m-8%203h5%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #nav-participants{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2021v-3a6%206%200%200%201%2012%200v3m2-16a3%203%200%200%201%200%206m1%203a5%205%200%200%201%203%205v2%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #nav-access{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%207V5a5%205%200%200%201%2010%200v2m-5%206v4%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #nav-emails{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m3%207%209%206%209-6%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #nav-terminology{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h7a2%202%200%200%201%202%202v15a3%203%200%200%200-3-2H3zm18%200h-7a2%202%200%200%200-2%202m0%2015a3%203%200%200%201%203-2h6V4%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #nav-live{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2021h8m-4-4v4M7%2010h2l2-4%202%208%202-4h2%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #nav-remote{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%2212%22%20height%3D%2220%22%20rx%3D%223%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M10%2017h4%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #nav-review{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203H5v18h14V7l-4-4H9zm5%200v5h5M8%2012h8m-8%204h6%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #nav-analytics{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203v18h17M8%2017v-5m5%205V7m5%2010V4%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #nav-models{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16M4%2017h16%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2217%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #nav-control{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202%203%206v6c0%205%209%2010%209%2010s9-5%209-10V6z%22%2F%3E%3Cpath%20d%3D%22m8%2012%203%203%205-6%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #nav-tenants{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021h18M5%2021V5l7-3%207%203v16M9%207h1m4%200h1m-6%204h1m4%200h1m-6%204h1m4%200h1m-5%206v-4h4v4%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #workspace-users-link{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2021v-3a6%206%200%200%201%2012%200v3m2-16a3%203%200%200%201%200%206m1%203a5%205%200%200%201%203%205v2%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #rights-link{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202%203%206v6c0%205%209%2010%209%2010s9-5%209-10V6z%22%2F%3E%3Cpath%20d%3D%22m8%2012%203%203%205-6%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #workspace-organizations-link{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021h18M5%2021V5l7-3%207%203v16M9%207h1m4%200h1m-6%204h1m4%200h1m-6%204h1m4%200h1m-5%206v-4h4v4%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #workspace-trial-link{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203h6m-5%200v6L4%2019a1%201%200%200%200%201%202h14a1%201%200%200%200%201-2L14%209V3M7%2015h10%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #workspace-modules-link{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M14%2017h7m-3-3v7%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #workspace-email-link{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m3%207%209%206%209-6%22%2F%3E%3C%2Fsvg%3E")}
.workspace-sidebar #release-status-link{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012h4l3-8%204%2016%203-8h4%22%2F%3E%3C%2Fsvg%3E")}

/* Live console replaces the planning navigation with its own. */
body[data-live-console] .workspace-sidebar #admin-nav, body[data-live-console] .workspace-utilities, body[data-live-console] #workspace-create-event { display: none !important; }
.console-navigation { display: grid; gap: var(--space-1); margin: var(--space-3) 0; }
.console-navigation a { display: flex; align-items: center; gap: var(--space-3); min-height: 2.5rem; padding: var(--space-2) var(--space-3); color: var(--text-secondary); font-size: 0.875rem; border-radius: var(--radius-sm); text-decoration: none; line-height: 1.4; }
.console-navigation a:hover { background: var(--btn2-hover); }
.console-navigation a svg { width: 1.125rem; height: 1.125rem; flex: 0 0 1.125rem; }
.console-navigation a[aria-current="page"] { background: var(--tint); color: var(--tint-text); font-weight: 600; }
.console-navigation details { padding-top: var(--space-3); border-top: 1px solid var(--line); margin-top: var(--space-3); }
.console-navigation summary { font-size: 0.8125rem; padding: var(--space-2) var(--space-3); cursor: pointer; }
.console-navigation #console-admin-link { border-top: 1px solid var(--line); margin-top: var(--space-3); font-size: 0.8125rem; }

/* ---------- Organisation: metrics and event cards ---------- */
.workspace-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); margin: var(--space-6) 0; }
.workspace-metric { min-width: 0; display: flex; flex-direction: column; gap: var(--space-2); border: 1px solid var(--line); border-radius: var(--radius-md); padding: var(--space-4) var(--space-6); background: var(--surface); }
.workspace-metric > span { font-size: 0.8125rem; color: var(--text-muted); overflow-wrap: anywhere; }
.workspace-metric > strong { font: 800 1.875rem/1.15 var(--font-display); font-variant-numeric: tabular-nums; letter-spacing: -0.03em; color: var(--heading); }
.workspace-event-filters { display: grid; grid-template-columns: minmax(0, 1fr) 11rem auto; gap: var(--space-4); align-items: end; margin: var(--space-6) 0 var(--space-4); }
.workspace-event-filters label { font-size: 0.75rem; color: var(--text-muted); margin: 0; }
.workspace-event-filters :is(input, select) { margin-top: var(--space-2); }
.workspace-event-filters p { font-size: 0.75rem; white-space: nowrap; margin-bottom: var(--space-3); }
.workspace-event-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-6); }
.workspace-event-card { display: flex; flex-direction: column; min-width: 0; padding: var(--space-6); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); transition: border-color var(--duration-fast), box-shadow var(--duration-base); overflow-wrap: anywhere; }
.workspace-event-card:hover { box-shadow: var(--shadow-md); }
.workspace-event-card:focus-within { border-color: var(--accent-text); }
.workspace-event-top { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-4); }
.workspace-date { display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-md); min-width: 3.5rem; min-height: 3.75rem; padding: var(--space-1) var(--space-3); line-height: 1.2; }
.workspace-date strong { font: 800 1.5rem/1.1 var(--font-display); font-variant-numeric: tabular-nums; }
.workspace-date span { font-size: 0.6875rem; color: var(--text-muted); margin-top: 2px; text-transform: uppercase; }
.workspace-event-card .workspace-eyebrow { margin: 0 0 var(--space-2); }
.workspace-event-card h3 { font-size: 1.1875rem; margin: 0 0 var(--space-3); }
.workspace-event-period { font-size: 0.8125rem; color: var(--text-muted); margin: 0 0 var(--space-3); }
.workspace-access-state { font-size: 0.8125rem; margin: 0 0 var(--space-6); color: var(--text-muted); }
.workspace-event-primary { margin-top: auto; display: flex; gap: var(--space-4); align-items: center; flex-wrap: wrap; }
.workspace-event-primary button, .workspace-event-primary > .event-open-button { flex: 1; margin: 0; }
.workspace-event-primary > .event-open-button { display: inline-flex; align-items: center; justify-content: center; min-height: var(--tap); padding: 0.375rem 1rem; border-radius: var(--radius-sm); background: var(--action); color: var(--on-action); font-size: 0.875rem; font-weight: 600; text-decoration: none; box-shadow: var(--shadow-btn); }
.workspace-secondary-link { font-size: 0.8125rem; font-weight: 600; text-decoration: none; }
.workspace-event-more { margin-top: var(--space-4); padding-top: var(--space-3); border-top: 1px solid var(--line); }
.workspace-event-more > summary { font-size: 0.8125rem; color: var(--text-muted); cursor: pointer; min-height: 2rem; display: flex; align-items: center; gap: var(--space-2); }
.workspace-event-more > summary::after { content: "+"; margin-left: auto; font-size: 1rem; }
.workspace-event-more[open] > summary::after { content: "−"; }
.workspace-event-tools { display: flex; flex-wrap: wrap; gap: var(--space-2); padding-top: var(--space-3); }
.workspace-event-tools button { min-height: 2.25rem; margin: 0; }
.workspace-empty { grid-column: 1 / -1; text-align: center; padding: var(--space-8) var(--space-6); border: 1px dashed var(--line-strong); border-radius: var(--radius-lg); background: var(--surface); color: var(--text-muted); }
.workspace-empty h3 { color: var(--heading); }
.workspace-empty p { max-width: 30rem; margin: var(--space-3) auto; }
.workspace-empty-icon { font-size: 1.875rem; color: var(--subtle); }
.cv-management #events-card { background: transparent; border: 0; padding: 0; box-shadow: none; }
.cv-management #event-create { background: var(--surface); border: 1px dashed var(--line-strong); padding: var(--space-4) var(--space-6); border-radius: var(--radius-md); margin-top: var(--space-4); }
.cv-management #event-create > summary { cursor: pointer; font-size: 0.8125rem; font-weight: 600; color: var(--accent-text); min-height: 2rem; }
.cv-management #events table { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); margin: var(--space-6) 0 0; }
.cv-management #events tbody { display: contents; }
.cv-management #events tr:first-child { display: none; }
.cv-management #events tr { display: block; padding: var(--space-6); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); overflow-wrap: anywhere; }
.cv-management #events td { display: block; border: 0; padding: 0 0 var(--space-3); }
.cv-management #events td > small { font-size: 0.75rem; color: var(--text-muted); }
.cv-management #events td:first-child > a { font-size: 1.0625rem; text-decoration: none; color: var(--text); }
.cv-management #events td:nth-child(2) { color: var(--text-muted); font-size: 0.8125rem; }
.cv-management #events td:last-child { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.cv-management #events td button { margin: 0; }
.cv-management #events .event-open-button { width: 100%; margin-bottom: var(--space-2); }

/* Event status as a pill: symbol plus text, colour carries the state. */
.workspace-badge { display: inline-flex; align-items: center; gap: var(--space-2); flex-shrink: 0; padding: 0.25rem 0.625rem; border-radius: var(--radius-full); font-size: 0.75rem; line-height: 1.4; font-weight: 600; color: var(--unk); background: var(--unk-bg); white-space: nowrap; }
.workspace-badge::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.workspace-badge[data-state="ready"] { color: var(--info); background: var(--info-bg); }
.workspace-badge[data-state="live"] { color: var(--ok); background: var(--ok-bg); }
.workspace-badge[data-state="cancelled"] { color: var(--err); background: var(--err-bg); }

/* ---------- Event overview ---------- */
.cv-management .event-overview-meta { display: flex; flex-wrap: wrap; gap: var(--space-3); color: var(--text-muted); }
.workspace-event-hero { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-6); padding: var(--space-1) 0 var(--space-6); border-bottom: 1px solid var(--line); }
.workspace-event-hero h2 { font-size: 1.75rem; font-weight: 800; margin: var(--space-2) 0 var(--space-3) !important; }
.workspace-event-hero p { color: var(--text-muted); font-size: 0.8125rem; margin: 0; }
.workspace-overview-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3); padding: var(--space-6) 0; }
.workspace-overview-actions > * { margin: 0; }
.workspace-button-link { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); min-height: var(--tap); padding: 0.375rem 1rem; border-radius: var(--radius-sm); background: var(--action); color: var(--on-action); font-size: 0.875rem; font-weight: 600; text-decoration: none; box-shadow: var(--shadow-btn); }
.workspace-button-link:hover { background: var(--action-hover); }
.workspace-overview-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: var(--space-4); margin: var(--space-2) 0 var(--space-4); }
.workspace-panel { min-width: 0; border: 1px solid var(--line); border-radius: var(--radius-lg); padding: var(--space-6); background: var(--surface); margin-bottom: var(--space-4); }
.workspace-overview-grid > .workspace-panel { margin: 0; }
.workspace-panel h3 { font-size: 1rem; margin: 0 0 var(--space-4); }
.workspace-panel > summary { cursor: pointer; min-height: 1.75rem; font-size: 0.875rem; font-weight: 600; }
.workspace-session-preview, .workspace-preparation { list-style: none; margin: 0; padding: 0; }
.workspace-session-preview li { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-4); padding: var(--space-4) 0; border-bottom: 1px solid var(--line); }
.workspace-preparation li { padding: var(--space-3) 0; border-bottom: 1px solid var(--line); }
.workspace-session-preview li:first-child, .workspace-preparation li:first-child { padding-top: 0; }
.workspace-session-preview li:last-child, .workspace-preparation li:last-child { border: 0; padding-bottom: 0; }
.workspace-session-preview strong { display: block; font-size: 0.875rem; margin: var(--space-2) 0; }
.workspace-session-preview small, .workspace-session-time { display: block; color: var(--text-muted); font-size: 0.75rem; }
.workspace-preparation strong { display: block; font-size: 0.8125rem; margin-bottom: var(--space-1); }
.workspace-preparation span { display: block; font-size: 0.8125rem; color: var(--text-muted); overflow-wrap: anywhere; }
.workspace-overview-attendance { background: var(--surface-raised); }
.workspace-overview-attendance p { margin: 0; }
.workspace-lifecycle form { display: flex; gap: var(--space-3); flex-wrap: wrap; align-items: end; }
.workspace-lifecycle label { width: 100%; font-size: 0.8125rem; }
.workspace-lifecycle select { flex: 1; min-width: 6rem; }
.workspace-lifecycle button { margin: 0; }
.workspace-lifecycle > p { font-size: 0.8125rem; }
.workspace-remote-details .notice { margin-top: var(--space-4); }
.workspace-technical { margin: var(--space-6) 0; padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface-raised); }
.workspace-technical summary { cursor: pointer; font-size: 0.8125rem; font-weight: 600; }
.workspace-next-step { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); background: var(--tint); border: 1px solid var(--ok-line); border-radius: var(--radius-lg); padding: var(--space-6); margin: var(--space-6) 0 var(--space-4); }
.workspace-next-step h3 { font-size: 1.25rem; margin: var(--space-2) 0; }
.workspace-next-step p { margin: 0; font-size: 0.8125rem; color: var(--text-secondary); max-width: 34rem; }
.workspace-next-step .workspace-button-link { flex: none; max-width: 15rem; text-align: center; white-space: normal; }
.workspace-workflow-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); margin: 0 0 var(--space-6); }
.workspace-workflow-step { min-width: 0; border: 1px solid var(--line); background: var(--surface); border-radius: var(--radius-lg); padding: var(--space-4); }
.workspace-workflow-step h3 { display: flex; align-items: center; gap: var(--space-3); font-size: 0.9375rem; margin: 0 0 var(--space-3); }
.workspace-workflow-step h3 > span { display: grid; place-items: center; flex: none; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--surface-raised); color: var(--text-muted); font-size: 0.6875rem; }
.workspace-workflow-step > p { font-size: 0.8125rem; color: var(--text-muted); min-height: 3.5rem; margin: 0 0 var(--space-3); }
.workspace-workflow-links { display: flex; flex-direction: column; gap: 2px; }
.workspace-workflow-links > a { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); min-height: var(--tap); padding: var(--space-2) 0; border-top: 1px solid var(--line); font-size: 0.8125rem; text-decoration: none; color: var(--accent-text); overflow-wrap: anywhere; }
.workspace-name-display { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4) 0; border-bottom: 1px solid var(--line); }
.workspace-name-display :is(strong, small) { display: block; overflow-wrap: anywhere; }
.workspace-edit { flex: 0 0 var(--tap); width: var(--tap) !important; height: var(--tap) !important; padding: 0 !important; margin: 0; font-size: 1.5rem !important; }

/* ---------- Programme ---------- */
.cv-management #program-list .program-day th { font-size: 0.8125rem; text-transform: none; letter-spacing: 0; color: var(--text-secondary); padding: var(--space-6) var(--space-3) var(--space-3); background: var(--surface); border-bottom: 2px solid var(--line); }
.cv-management #program-form { max-width: 47.5rem; }
.cv-management #program-editor > summary { cursor: pointer; font-size: 0.875rem; font-weight: 600; margin: var(--space-4) 0; }
.workspace-timezone { font-size: 0.75rem; }
.cv-management details.advanced { border: 0; padding: 0; margin: var(--space-6) 0; }
.cv-management details.advanced > summary { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); padding: var(--space-4) var(--space-6); margin-bottom: var(--space-4); color: var(--text-secondary); font-size: 0.875rem; }

/* ---------- Participants, e-mail drafts, access ---------- */
.cv-management #participant-registration-form { max-width: 40rem; }
.cv-management #participant-registration-section { margin-bottom: var(--space-6); }
.cv-management #participant-registration-form > label:first-child { margin-top: 0; }
.cv-management .email-draft-editor { max-width: 47.5rem; margin: var(--space-6) 0; padding: var(--space-6); background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-md); }
.cv-management .email-draft-editor label { display: grid; gap: var(--space-2); margin-bottom: var(--space-4); }
.cv-management .email-draft-editor :is(input, textarea, select) { margin: 0; }
.cv-management .email-draft-item { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-3); margin: var(--space-3) 0; }
.cv-management .email-draft-item h4 { flex: 1 1 11rem; margin: 0; overflow-wrap: anywhere; }
.cv-management .email-draft-item p { font-size: 0.8125rem; color: var(--text-muted); margin: 0; }
.cv-management #email-settings-content > details > div > button { margin: var(--space-3) var(--space-3) 0 0; }
.email-preview-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.access-status-bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--space-4); margin: var(--space-4) 0 var(--space-6); }
.access-status-bar .access-status, .access-status-bar > button { margin: 0; }
#tenant-module-entitlements { display: grid; gap: var(--space-3); max-width: 45rem; margin: var(--space-6) 0; }
#tenant-module-entitlements h3 { margin: 0 0 var(--space-1); }
.cv-management .access-join-result input { min-width: 0; width: 100%; }
.cv-management .user-management h2 { font-size: 1.5rem; }
.remote-access-people { display: grid; gap: var(--space-3); margin: var(--space-6) 0; }
.remote-access-person { padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-md); overflow-wrap: anywhere; background: var(--surface); }
.remote-access-person h4 { margin: 0 0 var(--space-2); }
.remote-access-person p { font-size: 0.8125rem; margin: var(--space-2) 0; }
.remote-access-person .form-actions { margin: var(--space-3) 0 0; }
.remote-live-presence { color: var(--ok); font-weight: 600; }
.simple-remote-share .form-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin: var(--space-3) 0; }
.simple-remote-share button { margin: 0; }
.simple-remote-share input { max-width: 100%; }
.remote-share-person { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--space-1) var(--space-3); padding: var(--space-4) 0; border-bottom: 1px solid var(--line); }
.remote-share-person strong { overflow-wrap: anywhere; }
.remote-share-person p { grid-column: 1; margin: 0; font-size: 0.8125rem; color: var(--text-muted); }
.remote-share-person button { grid-column: 2; grid-row: 1 / span 2; margin: 0; }
.product-footer { font-size: 0.8125rem; }

/* ---------- Users ---------- */
.user-management td { white-space: pre-line; overflow-wrap: anywhere; }
.user-management td button { max-width: 100%; margin-right: var(--space-2); }
@media (max-width: 600px) {
  .user-management :is(table, tbody) { display: block; }
  .user-management thead { display: none; }
  .user-management tr { display: block; padding: var(--space-4) 0; border-bottom: 1px solid var(--line); }
  .user-management td { display: grid; grid-template-columns: 7.8rem minmax(0, 1fr); gap: var(--space-3); border: 0; padding: var(--space-2) 0; }
  .user-management td::before { content: attr(data-label); font-weight: 600; color: var(--text-muted); }
  .user-management td:last-child { display: block; }
  .user-management td:last-child::before { display: block; }
}
#users-editor { width: min(36.25rem, calc(100% - 1.5rem)); }

/* ---------- Rights ---------- */
.rights-context { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.rights-context label { font-size: 0.75rem; color: var(--text-muted); }
.rights-filters { display: grid; grid-template-columns: auto minmax(8.75rem, 1fr) auto minmax(8.75rem, 1fr); gap: var(--space-3); align-items: center; padding: var(--space-4) 0; border-top: 1px solid var(--line); }
.rights-filters label { margin: 0; font-size: 0.8125rem; }
.cv-management #rights-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--space-6); }
.cv-management #rights-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.cv-management .rights-action { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); overflow-wrap: anywhere; }
.rights-action p { margin: var(--space-2) 0; }
.rights-action small { display: block; white-space: pre-line; }
.rights-action button { align-self: start; }
@media (max-width: 600px) { .rights-action { grid-template-columns: 1fr; } .rights-action button { justify-self: start; } }
.cv-management .rights-action h3 { font-size: 0.9375rem; margin: var(--space-2) 0 var(--space-3); }
.rights-group-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 700; color: var(--text-muted); }
.cv-management .rights-effective { font-size: 0.8125rem; color: var(--err); }
.cv-management .rights-action[data-allowed="true"] .rights-effective { color: var(--ok); }
.cv-management .rights-action small { font-size: 0.75rem; color: var(--text-muted); line-height: 1.7; }
.cv-management .rights-action > button { min-height: 2.25rem; margin: 0; }
.cv-management #rights-content > details { margin-top: var(--space-8); padding-top: var(--space-4); border-top: 1px solid var(--line); }

/* ---------- Operator (inside the workspace) ---------- */
.cv-management #operator-session-heading { font-size: 1.75rem; overflow-wrap: anywhere; margin: var(--space-2) 0 var(--space-3); }
.cv-management #operator-session-selection:empty { display: none; }
.cv-management #operator-session-selection { font-size: 0.8125rem; font-weight: 600; color: var(--text-secondary); margin: var(--space-2) 0; }
.cv-management #operator-start .session-overview dl > div:first-child { display: none; }
.cv-management #operator-start:has(#session-launch-controls.hidden) [data-i18n="operator_start_hint"] { display: none; }
.cv-management #operator-start { padding: var(--space-8); }
.cv-management .operator-page-heading h2 { font-size: 1.625rem; margin: 0 0 var(--space-2); }
.cv-management .operator-page-heading > div > p { font-size: 0.8125rem; color: var(--text-muted); margin: 0; }
.cv-management .operator-page-heading .operator-event-context { font-size: 0.8125rem; font-weight: 600; color: var(--text-secondary); margin: 0 0 var(--space-2); overflow-wrap: anywhere; }
.operator-navigation-hint, #operator-control-help { font-size: 0.8125rem; }
.cv-management .operator-info-button { width: var(--tap); height: var(--tap); min-width: var(--tap); min-height: var(--tap); padding: 0; margin: 0; flex: 0 0 var(--tap); border-radius: 50%; }
.cv-management .operator-monitor-layout { display: grid; grid-template-columns: minmax(0, 1fr) 16.25rem; gap: var(--space-6); margin-top: var(--space-6); align-items: stretch; }
.cv-management .operator-monitor-layout .session-overview { margin: 0; padding: var(--space-6); }
.cv-management .operator-monitor-layout .vu-meter-card { margin: 0; padding: var(--space-6); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); display: flex; flex-direction: column; justify-content: center; }
.operator-live-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: flex-start; margin: var(--space-6) 0; }
.operator-live-actions > button { margin: 0; min-height: 3rem; padding: 0.75rem 1.375rem; }
.operator-live-actions > details { margin-left: auto; }
.operator-live-actions > details > summary { padding: var(--space-3) var(--space-4); color: var(--err); font-size: 0.8125rem; cursor: pointer; min-height: 2.75rem; }
.operator-live-actions > details > button { margin: var(--space-1) 0; background: var(--err-solid); border-color: var(--err-solid); color: #fff; box-shadow: none; }
.operator-utilities { border-top: 1px solid var(--line); margin-top: var(--space-6); padding-top: var(--space-4); }
.operator-utilities > summary { cursor: pointer; font-size: 0.8125rem; color: var(--text-muted); }
.operator-utilities .cv-credits { max-width: 50rem; }
.operator-utilities h3 { font-size: 0.9375rem; }
.cv-management .operator-start-grid { gap: var(--space-6); }
.cv-management .operator-start-panel { padding: var(--space-6); background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-md); }
.cv-management .operator-start-panel h3 { margin-top: 0; }
.cv-management #operator-recording > summary { cursor: pointer; font-weight: 700; font-size: 1.0625rem; }
.cv-management #session-status { font-size: 0.8125rem; font-weight: 600; }
.cv-management .session-overview dd { font-size: 1rem; }
.cv-management .session-overview .overview-states dd { font-size: 0.8125rem; }
.console-source-setup { border: 1px solid var(--line); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4); margin: var(--space-4) 0; scroll-margin-top: calc(var(--header-height) + var(--space-4)); background: var(--surface); }
.console-source-setup > summary { font-weight: 700; font-size: 0.875rem; cursor: pointer; min-height: 2rem; }
.console-source-setup .operator-field-card { border: 0; padding: var(--space-3) 0; box-shadow: none; background: transparent; }
.console-source-setup #device { margin-top: 0; }
.console-source-setup .operator-navigation-hint { font-size: 0.8125rem; }
body[data-live-console] #console-remote > .card { padding: 0; border: 0; box-shadow: none; background: transparent; }

/* ---------- Phone remote ---------- */
.cv-remote main.wrap { max-width: 38.75rem; padding: var(--space-4); }
.cv-remote.cv-management main.wrap { max-width: 1440px; padding: var(--space-6) var(--page-gutter) var(--space-12); }
.cv-remote.cv-management .workspace-main > .card { max-width: 40rem; margin: 0 !important; }
.cv-remote.cv-management .workspace-navigation { font-size: 0.8125rem; margin: 0; }
.cv-remote .card { margin: 0 !important; padding: var(--space-6); border-radius: var(--radius-lg); }
.cv-remote h2 { font-size: 1.25rem; margin: 0 0 var(--space-4); }
.cv-remote .session-overview { padding: var(--space-4); margin: 0 0 var(--space-4); }
.cv-remote .session-overview dd { font-size: 0.9375rem; }
.cv-remote .session-overview .overview-badge { font-size: 0.75rem; line-height: 1.4; }
.cv-remote label { font-size: 0.75rem; color: var(--text-muted); }
.cv-remote select { min-height: 2.75rem; font-size: 0.8125rem; }
.cv-remote .remote-actions { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); margin-top: var(--space-3); }
.cv-remote .remote-actions button { margin: 0; min-height: 3rem; }
.cv-remote #remote-start:not([disabled]) { grid-column: 1 / -1; }
.cv-remote #remote-start[disabled] { display: none; }
.cv-remote :is(#remote-confirmation, #remote-program-hint, #remote-control-help) { font-size: 0.75rem; line-height: 1.5; color: var(--text-muted); }
.cv-remote details { font-size: 0.8125rem; margin-top: var(--space-3); }
.cv-remote details > summary { cursor: pointer; min-height: 2.25rem; padding: var(--space-2) 0; }
.remote-brand { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-1) 0 var(--space-6); text-decoration: none; }
.remote-brand img { width: 130px; height: auto; }

/* ---------- Tablet and phone ---------- */
@media (max-width: 1100px) {
  .workspace-layout { grid-template-columns: 13.75rem minmax(0, 1fr); gap: var(--space-6); }
  .cv-management main.wrap { padding-inline: var(--space-6); }
  .cv-management .operator-monitor-layout { grid-template-columns: minmax(0, 1fr) 13rem; }
  .cv-management #events table { grid-template-columns: 1fr; }
  .workspace-workflow-grid { grid-template-columns: 1fr; }
  .workspace-workflow-step > p { min-height: 0; }
  .workspace-workflow-links { display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--space-6); }
}
@media (max-width: 1200px) {
  .workspace-overview-grid { grid-template-columns: 1fr; }
  .workspace-event-card { padding: var(--space-4) var(--space-6); }
}
@media (max-width: 959px) {
  .workspace-layout { grid-template-columns: 1fr; gap: var(--space-4); }
  .workspace-sidebar { position: static; height: auto; }
  .workspace-navigation > summary { display: block; }
  .workspace-scope { max-width: 50%; }
  .workspace-header-label { display: none; }
  .cv-management .site-header .workspace-help-link span, .account-menu-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .cv-management .site-header .workspace-help-link { padding: 0 var(--space-2); }
  .cv-management .account-menu { position: static; }
  .cv-management .account-panel { position: fixed; top: calc(var(--header-height) + var(--space-2)); left: var(--space-3); right: var(--space-3); width: auto; }
  .workspace-sidebar .workspace-nav-group > summary { font-size: 0.8125rem; min-height: var(--tap); text-transform: none; letter-spacing: 0; color: var(--text-secondary); }
  .workspace-sidebar :is(.quick-nav, .workspace-nav-group, .workspace-settings-group) > a { min-height: var(--tap); }

  /* The same authorised navigation, reachable from the sticky header as a sheet. Without JavaScript the open sidebar stays in the page. */
  .cv-management #workspace-menu-toggle:not([hidden]) { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); flex: none; margin: 0; order: 4; min-height: 2.75rem; padding: 0 var(--space-3); background: transparent; border-color: var(--line-strong); color: var(--text); box-shadow: none; font-size: 0.8125rem; }
  #workspace-menu-toggle svg { width: 1.125rem; height: 1.125rem; flex: none; }
  .workspace-menu-ready .workspace-sidebar { display: none; position: fixed; top: calc(var(--header-height) + var(--space-2)); bottom: var(--space-3); left: var(--space-3); right: var(--space-3); z-index: 120; gap: 0; padding: 0; overflow: hidden; background: var(--surface); border: 1px solid var(--line-strong); border-radius: var(--radius-lg); box-shadow: var(--shadow-xl); }
  .workspace-menu-ready .workspace-sidebar:has(> .workspace-navigation[open]) { display: flex; }
  .workspace-menu-ready .workspace-sidebar > .workspace-navigation { border: 0; border-radius: 0; margin: 0; overscroll-behavior: contain; }
  .workspace-menu-ready .workspace-navigation > summary { display: flex; align-items: center; justify-content: space-between; list-style: none; position: sticky; top: calc(var(--space-3) * -1); z-index: 2; background: var(--surface); }
  .workspace-menu-ready .workspace-navigation > summary::-webkit-details-marker { display: none; }
  .workspace-menu-ready .workspace-navigation > summary::after { content: "×"; font-size: 1.5rem; line-height: 1; }
  .workspace-menu-ready .workspace-billing { margin: 0 var(--space-3) var(--space-3); }
  .workspace-menu-open { overflow: hidden; }
}
@media (max-width: 800px) {
  .workspace-event-filters { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .workspace-event-filters p { grid-column: 1 / -1; margin: 0; }
  .rights-context, .cv-management #rights-actions { grid-template-columns: 1fr; }
  .rights-filters { grid-template-columns: 1fr 1fr; }
  .rights-filters :is(label, input, select) { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .cv-management main.wrap { padding: var(--space-4) var(--space-4) var(--space-12); }
  .cv-management .site-header .wrap { padding: var(--space-3) var(--space-3); gap: var(--space-2); min-height: 4rem; }
  .cv-management .brand { flex: none; }
  .cv-management .brand-logo { width: 6.25rem; height: 1.75rem; }
  .cv-management .lang-switch { flex: none; }
  .cv-management .lang-switch button { padding-inline: 0.5rem; }
  .cv-management .card { padding: var(--space-6) var(--space-4); border-radius: var(--radius-md); }
  .cv-management .workspace-main .card { overflow-x: auto; }
  .workspace-heading { display: block; }
  .workspace-heading h1, .cv-management h1 { font-size: 1.5rem; }
  .workspace-scope { max-width: 100%; margin-top: var(--space-4); padding: var(--space-3) var(--space-4); }
  .workspace-scope small { display: inline; margin-right: var(--space-2); }
  .workspace-breadcrumbs { margin-bottom: var(--space-3); font-size: 0.75rem; }
  .workspace-breadcrumbs li:not(:nth-last-child(-n + 2)) { display: none; }
  .workspace-breadcrumbs li:nth-last-child(2)::before { content: none; }
  .workspace-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin: var(--space-4) 0; }
  .workspace-metric { padding: var(--space-4); }
  .workspace-metric > strong { font-size: 1.625rem; }
  .workspace-event-grid { grid-template-columns: 1fr; }
  .workspace-event-filters { gap: var(--space-3); }
  .workspace-event-filters > label:first-child { grid-column: 1 / -1; }
  .workspace-event-card { padding: var(--space-6) var(--space-4); }
  .workspace-event-hero { display: block; }
  .workspace-event-hero > .workspace-badge { margin-top: var(--space-4); }
  .workspace-event-hero h2 { font-size: 1.5rem; }
  .workspace-panel { padding: var(--space-4); }
  .workspace-overview-actions { gap: var(--space-2); }
  .workspace-overview-actions > * { flex: 1 1 8.75rem; text-align: center; }
  .workspace-session-preview li { gap: var(--space-3); }
  .workspace-session-preview .workspace-badge { font-size: 0.6875rem; padding: 0.25rem 0.5rem; }
  .workspace-next-step { display: block; margin: var(--space-4) 0; padding: var(--space-4); }
  .workspace-next-step .workspace-button-link { margin-top: var(--space-4); max-width: 100%; width: 100%; }
  .workspace-next-step h3 { font-size: 1.125rem; }
  .workspace-workflow-links { grid-template-columns: 1fr; }
  .cv-management .email-draft-editor { padding: var(--space-4); }
  .cv-management .form-actions { gap: var(--space-3); }
  .cv-management .form-actions > button { max-width: 100%; white-space: normal; }
  .cv-management table { font-size: 0.75rem; }
  .cv-management td, .cv-management th { padding: var(--space-3) var(--space-2); }
  .cv-management #rights-summary { grid-template-columns: 1fr; }
  .cv-management #rights-summary .workspace-metric { flex-direction: row; justify-content: space-between; align-items: center; }
  .cv-management #rights-summary .workspace-metric strong { font-size: 1.5rem; }
  .cv-management .access-actions { gap: var(--space-2); }
  .cv-management .access-actions > * { font-size: 0.75rem; }
  .cv-management .recording-row { flex-wrap: wrap; }
  .cv-management .session-overview dd { font-size: 0.875rem; }
  .access-status-bar > button { width: 100%; }
  .console-source-setup { padding: var(--space-3); }
  .console-navigation a { min-height: var(--tap); }
  .cv-management #operator-start { padding: var(--space-4); }
  .cv-management #operator-session-heading, .cv-management .operator-page-heading h2 { font-size: 1.4375rem; margin: var(--space-1) 0 var(--space-2); }
  .cv-management .operator-page-heading { gap: var(--space-2); }
  .cv-management .operator-page-heading .operator-event-context { line-height: 1.4; }
  .cv-management .operator-monitor-layout { grid-template-columns: 1fr; gap: var(--space-3); margin-top: var(--space-3); }
  .cv-management .operator-monitor-layout .session-overview { padding: var(--space-3); }
  .cv-management .operator-monitor-layout .vu-meter-card { padding: var(--space-2) var(--space-3); }
  .cv-management .operator-utilities { margin-top: var(--space-3); padding-top: var(--space-3); }
  .operator-live-actions { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2); margin: var(--space-3) 0; }
  .operator-live-actions > button { font-size: 0.75rem; padding: var(--space-2); min-height: 2.875rem; }
  .operator-live-actions > details { grid-column: 1 / -1; margin: 0; }
  .operator-live-actions > details > summary { padding: var(--space-2) 0; min-height: 2.125rem; }
  .cv-remote main.wrap, .cv-remote.cv-management main.wrap { padding: var(--space-4) var(--space-4) var(--space-12); }

  /* Programme rows become cards on a phone. */
  .cv-management :is(#program-list table, #program-list tbody) { display: block; width: 100%; }
  .cv-management #program-list thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .cv-management #program-list tbody tr:not(.program-day) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-md); margin: var(--space-4) 0; background: var(--surface); }
  .cv-management #program-list td { display: block; padding: 0; border: 0; min-width: 0; overflow-wrap: anywhere; }
  .cv-management #program-list td:first-child { grid-column: 1 / -1; font-size: 0.9375rem; }
  .cv-management #program-list td[data-label]::before { content: attr(data-label); display: block; color: var(--text-muted); font-size: 0.75rem; margin-bottom: var(--space-1); }
  .cv-management #program-list td:last-child { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: var(--space-2); padding-top: var(--space-3); border-top: 1px solid var(--line); }
  .cv-management #program-list td button { flex: 1 1 7.5rem; margin: 0; min-width: 7.5rem; white-space: normal; overflow-wrap: normal; word-break: normal; }
  .cv-management #program-list .program-day { display: block; margin-top: var(--space-6); }
  .cv-management #program-list .program-day th { display: block; padding: var(--space-3) 0; border: 0; }
}
@media (max-width: 480px) {
  .workspace-menu-ready .workspace-sidebar :is(.quick-nav, .workspace-utilities) { grid-template-columns: 1fr; }
}
@media (max-width: 360px) {
  .cv-management .site-header .wrap { gap: var(--space-2); padding-inline: var(--space-3); }
  .cv-management .brand-logo { width: 4.75rem; }
  .cv-management .lang-switch button { padding-inline: 0.4375rem; }
  .cv-management #workspace-menu-toggle:not([hidden]) { padding-inline: 0.4375rem; gap: var(--space-1); font-size: 0.6875rem; }
}
@media (prefers-reduced-transparency: reduce) {
  .workspace-menu-ready .workspace-sidebar { background: var(--surface); }
}

/* Account & profile (/admin/account) */
.workspace-account .account-link { display: block; padding-top: var(--space-2); font-size: 0.875rem; font-weight: 600; color: var(--text); text-decoration: none; }
.workspace-account .account-link:hover { text-decoration: underline; }
.account-avatar img, .account-avatar-large img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.account-page { display: grid; gap: var(--space-6); max-width: 56rem; }
.account-head h1 { margin-bottom: var(--space-1); }
#account-page-message:empty { display: none; }
.account-tabs { position: sticky; top: calc(var(--header-height) + var(--space-2)); z-index: 5; display: flex; flex-wrap: wrap; gap: var(--space-1); padding: var(--space-1); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-full); }
.account-tabs[hidden], .account-section[hidden], .account-tabs a[hidden] { display: none; }
.account-tabs a { padding: var(--space-2) var(--space-3); border-radius: var(--radius-full); color: var(--text-secondary); font-size: 0.875rem; font-weight: 600; text-decoration: none; }
.account-tabs a:hover { background: var(--bg); color: var(--text); }
.account-section { scroll-margin-top: calc(var(--header-height) + 4.5rem); }
.account-avatar-row { display: flex; align-items: center; gap: var(--space-4); margin-bottom: var(--space-4); }
.account-avatar-row p { margin: var(--space-2) 0 0; font-size: 0.8125rem; }
.account-avatar-large { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; border-radius: 50%; background: var(--action); color: var(--on-action); font-size: 1.75rem; font-weight: 700; }
.account-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3) var(--space-4); align-items: end; }
.account-field { display: grid; gap: var(--space-1); }
.account-field label { margin: 0; }
.account-form .account-span, .account-form h3 { grid-column: 1 / -1; }
#account-password-form { grid-template-columns: minmax(0, 26rem); }
.account-form input[readonly] { background: var(--bg); color: var(--text-secondary); }
.account-form .account-form-status { margin: 0; }
.account-list { margin: 0; padding-left: var(--space-6); }
.account-facts { display: grid; grid-template-columns: max-content 1fr; gap: var(--space-1) var(--space-4); margin: 0 0 var(--space-4); font-size: 0.875rem; }
.account-facts dt { color: var(--text-muted); }
.account-facts dd { margin: 0; }
.account-table { width: 100%; font-size: 0.875rem; }
.account-table td:not(:first-child), .account-table th:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; }
.account-usage-month { border-top: 1px solid var(--line); padding: var(--space-3) 0; }
.account-usage-month summary { cursor: pointer; font-weight: 600; }
.account-section [data-credit-account] { margin-top: var(--space-6); }
@media (max-width: 640px) {
  .account-form { grid-template-columns: 1fr; }
  .account-avatar-row { align-items: flex-start; }
  .account-tabs { position: static; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .account-tabs a { flex: none; }
}
.account-more { margin-top: var(--space-4); padding-top: var(--space-3); border-top: 1px solid var(--line); }
.account-more[hidden] { display: none; }
.account-more summary { cursor: pointer; font-weight: 600; }
.account-more .account-form + .account-form { margin-top: var(--space-3); }
/* Two-factor sign-in on the account page */
.account-two-factor { margin: var(--space-4) 0 var(--space-6); padding-bottom: var(--space-4); border-bottom: 1px solid var(--line); }
.account-two-factor > h3 { margin-top: 0; }
.account-steps { margin: 0; padding-left: var(--space-6); }
.account-qr { display: block; width: 15rem; height: 15rem; border-radius: var(--radius-sm); border: 1px solid var(--line); }
.account-secret { font-family: var(--font-mono); letter-spacing: 0.08em; overflow-wrap: anywhere; user-select: all; }
.account-recovery-codes { display: grid; grid-template-columns: repeat(2, max-content); gap: var(--space-1) var(--space-8); margin: var(--space-3) 0; padding-left: 0; list-style-position: inside; font-family: var(--font-mono); font-size: 1rem; letter-spacing: 0.06em; }
.account-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
#account-two-factor-confirm, #account-two-factor-renew, #account-two-factor-disable { grid-template-columns: minmax(0, 26rem); }
@media (max-width: 640px) { .account-recovery-codes { grid-template-columns: max-content; } }