/* Main-site working surfaces only. Loaded after the shared REZIM presentation.
   Local LED and support-chat styles follow this file. No runtime/data changes. */
@media screen {
/* Common working controls. Keep checkbox/range geometry and LED tools local. */
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody :is(.illuminationForm,.transportPlannerForm) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),select),
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="compare"] .comparisonControls :is(button,select),
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] .accountProjectModeView :is(input:not([type="checkbox"]):not([type="hidden"]),select,button) {
  min-height:var(--rz-control-height,44px)!important;font-size:var(--rz-label,14px)!important;line-height:1.5;border-radius:var(--rz-control-radius,4px);font-family:var(--rz-font)!important;
}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody :is(.illuminationForm,.transportPlannerForm) :is(input,select,textarea),
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] .accountProjectModeView :is(input,select,textarea) {
  background:var(--control-surface)!important;color:var(--text-primary)!important;border-color:var(--border-strong)!important;caret-color:var(--accent);font-variant-numeric:tabular-nums;
}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody :is(.illuminationForm,.transportPlannerForm) :is(button,input,select,summary):focus-visible,
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace :is(button,input,textarea,a,select,summary):focus-visible,
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="compare"] .compareSection :is(button,input,select,summary):focus-visible {
  outline:2px solid var(--accent)!important;outline-offset:3px!important;
}

/* Illumination: the outer work panel supplies the surface and horizontal inset. */
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody :is(.illuminationIntro,.illuminationForm) {
  border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;
}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .illuminationIntro {gap:8px;margin-bottom:24px}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .illuminationIntro>span {display:none}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody :is(.illuminationIntro h4,.illuminationEmptyState h4) {
  font-size:var(--rz-subheading)!important;line-height:1.3!important;letter-spacing:-.02em;font-weight:600!important;margin:0 0 8px;color:var(--text-primary)!important;
}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .illuminationIntro p {max-width:72ch;color:var(--text-muted);font-size:var(--rz-label)!important;line-height:1.55}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .illuminationForm {gap:16px!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .illuminationUnitsExplainer {background:var(--surface)!important;border-color:var(--border)!important;padding:16px}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody :is(.illuminationUnitsExplainer p,.illuminationFieldHint,.illuminationUnitsExplainer strong) {font-size:var(--rz-caption)!important;line-height:1.55!important;color:var(--text-muted)}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .illuminationEmptyState {
  display:block;min-height:0!important;padding:24px!important;border:1px solid var(--border);background:var(--surface)!important;
}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .illuminationEmptyVolume {display:none}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .illuminationEmptyState>div:last-child {max-width:72ch}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .illuminationEmptyState span {display:none}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .illuminationEmptyState p {font-size:var(--rz-label)!important;line-height:1.55;color:var(--text-muted)}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody :is(.illuminationMetric span,.illuminationMetric small,.illuminationTechnical dt) {font-size:var(--rz-caption)!important;line-height:1.5!important;letter-spacing:0;text-transform:none}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .illuminationMetric strong {font-size:clamp(24px,2.2vw,32px)!important;line-height:1.2;font-variant-numeric:tabular-nums}

/* Member workspace: readable project hierarchy with the existing surface tokens. */
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace :is(.accountCanvas,.accountSidebar) {
  background:var(--background-primary)!important;background-image:none!important;
}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace .accountCanvas {padding:32px}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace :is(.accountMemberProjectCard,.accountSettingsCard,.accountProjectChat,.accountMemberCalculationRow) {background:var(--surface)!important;border-color:var(--border)!important;color:var(--text-primary)}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace :is(.accountMemberProjectCardMedia,.accountIdentity,.accountAvatar) {background:var(--surface)!important;background-image:none!important;border-color:var(--border)!important;color:var(--text-primary)}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace .accountMemberProjectCardBody {padding:24px;gap:16px}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace :is(.accountMemberProjectCardBody h4,.accountSettingsCard h4,.accountMemberCalculationCopy strong,.accountProjectChat>header strong) {
  font-size:var(--rz-card)!important;line-height:var(--rz-card-leading)!important;letter-spacing:var(--rz-card-tracking)!important;font-weight:600!important;color:var(--text-primary);
}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace :is(.accountMemberProjectCardMeta span,.accountMemberProjectCardMedia>small,.accountIdentity em,.accountPlan span,.accountPlan strong,.accountMemberCalculationCopy small,.accountProjectThreads button small,.accountProjectChat>header small,.accountProjectMessage small) {
  font-family:var(--rz-font)!important;font-size:var(--rz-caption)!important;line-height:1.5!important;letter-spacing:0;text-transform:none;color:var(--text-muted);
}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace .accountMemberProjectCardMeta {gap:8px 16px}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace .accountMemberProjectCardMeta span {padding:0;border:0;background:transparent!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace .accountMemberProjectCardMedia>small {color:#fff!important;background:#181A1F!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace .accountMemberProjectCardAction {
  min-height:var(--rz-button-height)!important;padding:10px 16px;border:1px solid var(--border-strong)!important;border-radius:var(--rz-control-radius);color:var(--text-primary)!important;background:transparent!important;font-size:var(--rz-label)!important;line-height:1.5;
}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace .accountMemberProjectCardAction:hover {background:var(--control-hover)!important;border-color:var(--accent)!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace .accountSidebar nav button {font-size:var(--rz-label)!important;color:var(--text-secondary);min-height:44px;border-radius:4px}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace .accountSidebar nav button:is(.isActive,:hover) {background:var(--control-hover)!important;border-color:var(--accent)!important;color:var(--text-primary)!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace .accountSidebar nav button small:not([hidden]) {border-color:var(--border)!important;background:transparent!important;color:var(--text-muted)!important;font-size:var(--rz-caption)!important;line-height:1.4!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace [data-account-view="member-settings"]>small {display:none!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace :is(.accountProjectModeLead,.accountMemberCalculationCopy p,.accountSettingsCard p) {font-size:var(--rz-text)!important;line-height:var(--rz-leading)!important;color:var(--text-muted)}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace .accountProjectModeLead {margin:0 0 24px;max-width:72ch}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace .accountPlan {background:transparent!important;border-color:var(--border)!important;padding:12px 16px}
/* The visible canvas h2 already names this view. Keep the inner heading available
   to assistive navigation while removing the repeated visual title. */
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace :is([data-account-panel="member-projects"],[data-account-panel="member-calculations"])>.accountBlockHead h3 {
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;
}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace .accountProjectModeView>.accountBlockHead {min-height:0;margin:0 0 16px;align-items:center}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace .accountProjectMessageForm textarea {font-size:var(--rz-text)!important;line-height:var(--rz-leading)!important;border-radius:var(--rz-control-radius)}

/* Comparison keeps its scrollable matrix and status colours. Controls may wrap. */
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="compare"] .comparisonControls {border-radius:var(--rz-control-radius);gap:12px}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="compare"] .comparisonControls :is(button,select) {padding:8px 12px!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="compare"] .comparisonScenario select {color:var(--text-primary);background:var(--control-surface);border-color:var(--border-strong)}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="compare"] .comparisonProductIdentity strong {overflow-wrap:anywhere}

/* Transport: preserve category colours and calculated geometry, reduce framing. */
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .transportPlannerForm {padding:0!important;border:0!important;background:transparent!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody :is(.transportFormIntro h3,.transportEmpty h3) {font-size:var(--rz-subheading)!important;line-height:1.3;letter-spacing:-.02em}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .transportFormIntro>span {display:none}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .transportFormIntro p {font-size:var(--rz-label)!important;line-height:1.55;max-width:72ch;color:var(--text-muted)}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .transportCargoField {padding:16px;background:var(--surface)!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody :is(.transportCargoFieldHead small,.transportStackChoice,.transportMetric span,.transportMetric small,.transportSubmit small) {font-size:var(--rz-caption)!important;line-height:1.5!important;color:var(--text-muted)}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody :is(.transportCounter button,.transportSoundPresets button,.transportSceneControls button) {min-height:44px;border-color:var(--border-strong);color:var(--text-primary);background:var(--control-surface)}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody :is(.transportCounter button,.transportSoundPresets button,.transportSceneControls button):is(:hover,:focus-visible) {border-color:var(--accent);color:var(--text-primary)}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .transportEmpty {min-height:0;padding:24px;background:var(--surface)!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .transportMetric strong {font-size:clamp(24px,2.2vw,32px)!important;line-height:1.2;font-variant-numeric:tabular-nums}

/* Conceptor's composer and result layout stay under their existing owners. */
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="concept-generator"] .conceptWorkspace :is(.conceptAttachmentButton,.conceptMediaActions button,.conceptHelp>summary) {min-height:var(--rz-control-height)!important;font-size:var(--rz-label)!important;border-radius:var(--rz-control-radius)}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="concept-generator"] .conceptWorkspace .conceptNotes h4 {font-size:var(--rz-subheading)!important;line-height:1.3!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="concept-generator"] .conceptWorkspace .conceptLibraryCardBody {gap:8px}

/* This selector reaches only the intercom instance hosted on the main site.
   Shared intercom assets, other hosts and print/export geometry are unchanged. */
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="intercom"] #rz-intercom :is(.rz-work,.rz-bottom,.rz-advanced,.rz-mobile-switch) :is(button,input:not([type="checkbox"]),select) {min-height:var(--rz-control-height)!important;font-family:var(--rz-font)!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="intercom"] #rz-intercom :is(.rz-field>span,.rz-label,.rz-work .rz-tabs button) {font-size:var(--rz-label)!important;line-height:1.5!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="intercom"] #rz-intercom :is(.rz-role-meta,.rz-editor-head .rz-muted,.rz-card-sub) {font-size:var(--rz-caption)!important;line-height:1.5!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="intercom"] #rz-intercom .rz-editor-head {padding-bottom:16px}
}

@media screen and (max-width:760px) {
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody :is(.illuminationForm,.transportPlannerForm) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select),
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] .accountProjectModeView :is(input:not([type="checkbox"]),textarea,select) {font-size:16px!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace .accountCanvas {padding:24px 20px 36px}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace .accountMemberProjectCardBody {padding:20px}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace .accountPlan {padding:8px 12px}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="compare"] .comparisonViewModes {display:grid;grid-template-columns:max-content max-content minmax(0,1fr);width:100%}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="compare"] .comparisonControls .comparisonViewModes button {min-width:0;padding:8px!important;white-space:normal;overflow-wrap:normal;line-height:1.4}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="compare"] .comparisonScenario select {font-size:16px!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody :is(.illuminationEmptyState,.transportEmpty) {padding:20px!important}
}

@media screen {
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace .accountMemberProjectGrid {background:transparent!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="concept-generator"] .conceptWorkspace .toolForm[data-tool-form="concept"] .conceptAttachmentBar .conceptIconButton {width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:8px!important}
}
@media screen and (max-width:760px) {
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="account"] #accountWorkspace :is([data-account-panel="member-projects"],[data-account-panel="member-calculations"])>.accountBlockHead {flex-direction:row;align-items:center;justify-content:space-between;gap:12px;text-align:left}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="compare"] .comparisonControls .comparisonViewModes button:not(:last-child) {white-space:nowrap}
}
/* One action scale for released tools and private administrator previews.
   Public access remains governed by releasedToolIds, never by these styles. */
@media screen {
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody :is(.button,button[type="submit"],button[type="reset"]),
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="concept-generator"] .conceptWorkspace :is(.button,button[type="submit"]),
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="compare"] .compareTopActions .smallButton {
 display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px!important;box-sizing:border-box;padding:12px 20px!important;font:500 14px/1.5 var(--rz-font)!important;border-radius:var(--rz-control-radius)!important;text-align:center;white-space:normal;
}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .toolForm>label:not(.wide){display:flex;flex-direction:column;justify-content:flex-end;min-width:0;line-height:1.5!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .toolForm>label:not(.wide)>:is(input,select){width:100%;min-height:44px!important;margin-top:auto}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .illuminationActions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:start}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .illuminationActions>.button{width:100%!important;height:100%;min-width:0}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .illuminationActions>small{grid-column:1/-1;max-width:72ch;margin:0}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] :is(.screenModeTabs,.ledWallExport){gap:12px}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] .screenModeTabs>button{flex:1 1 220px;min-height:48px;padding:10px 16px;font-size:14px!important;text-align:center}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] .ledWallExport>.button{flex:1 1 140px}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] .toolVersion{display:none!important}
}
@media screen and (max-width:540px){
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .illuminationActions{grid-template-columns:minmax(0,1fr)!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .toolForm :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){font-size:16px!important}
}
@media screen {
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .riderIntro>span{display:none!important}
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="intercom"] #rz-intercom :is(.rz-work,.rz-bottom) button:is(.rz-primary,.rz-secondary){min-height:48px!important;padding:12px 20px!important;font-size:14px!important;line-height:1.5}
}
html:root[data-theme] body[data-page="tools"] .toolsNav :is(.toolAccessBandLocked,.toolNavGroupTesting,.toolNavGroupTesting .toolNavGroupTitle){border-color:var(--border)!important;background:var(--surface)!important;color:var(--text-secondary)!important}
html:root[data-theme] body[data-page="tools"] .toolsNav :is(.toolAccessBandLocked>span,.toolNavGroupTesting .toolNavGroupTitle>span){color:var(--text-muted)!important;font-size:12px!important;letter-spacing:0;text-transform:none}
@media screen {
html:root[data-rezim-system][data-theme] body.cinematicPage[data-page="tools"] #toolBody .toolForm>label>:is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="file"]),select){height:44px!important;min-height:44px!important;padding:9px 12px!important;box-sizing:border-box}
}