/* Legacy geometry is reused, but cannot override rental components by specificity. */
@import url("/static/style.css?v=20260806-2") layer(legacy);
@import url("/static/campaign-desk.css?v=20260811-6") layer(legacy);
@import url("/static/dashboard-polish.css?v=20260811-5") layer(legacy);
@import url("/static/design-system.css?v=20260824-2") layer(legacy);
@import url("/static/typography-command-center.css?v=20260826-1") layer(legacy);
@import url("/static/operate-polish.css?v=20260827-2") layer(legacy);

/* Graphite layout, approved Navy/Cyan palette; rental-only components. */
body[data-rental] .rental-owner-panel { margin-block-end:20px; }
body[data-rental] #rental-owner-status { padding:18px; overflow-wrap:anywhere; }
body[data-rental] #rental-owner-status p { color:var(--op-muted); margin-block:12px; }
body[data-rental] .rental-runtime-summary { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:18px; margin:0; }
body[data-rental] .rental-runtime-summary dt { color:var(--op-muted); font-size:14px; }
body[data-rental] .rental-runtime-summary dd { margin:6px 0 0; font-size:20px; font-weight:600; font-variant-numeric:tabular-nums; }
body[data-rental] .rental-customer-tools { display:flex; align-items:end; flex-wrap:wrap; gap:12px; padding:18px; }
body[data-rental] .rental-customer-tools .field { flex:1 1 200px; min-width:0; }
body[data-rental] #rental-page-label { align-self:center; color:var(--op-muted); font-variant-numeric:tabular-nums; }
body[data-rental] {
  --op-workspace:#0d293f; --op-surface:#153d55; --op-surface-muted:#123449;
  --op-surface-hover:#1a4963; --op-surface-active:#15586b; --op-border:#3e6f83;
  --op-ink:#f1faff; --op-muted:#b6d6e4; --op-focus:#42d9f0;
  --op-action-bg:#42d9f0; --op-action-fg:#092c3d; --op-action-hover:#78e6f6;
  --op-action-active:#2ac6df; --op-sidebar-bg:#0b2336; --op-sidebar-fg:#f1faff;
  --op-sidebar-muted:#b6d6e4; --op-sidebar-active:#154a62; --op-sidebar-hover:#12384f;
  --op-border-control:#709bad; --op-success:#65edbd; --op-warning:#ffd18c; --op-danger:#ffb4bc;
  --op-timeline-info:var(--op-focus); --op-timeline-success:var(--op-success);
  --op-timeline-warning:var(--op-warning); --op-timeline-error:var(--op-danger);
  --op-focus-ring:color-mix(in srgb,var(--op-focus) 30%,transparent);
  --tc-surface:var(--op-surface); --tc-surface-raised:var(--op-surface);
  --tc-ink:var(--op-ink); --tc-muted:var(--op-muted); --tc-line:var(--op-border);
  --ui-surface:var(--op-surface); --ui-surface-soft:var(--op-surface-muted);
  --ui-text:var(--op-ink); --ui-muted:var(--op-muted); --ui-border:var(--op-border);
  --ui-bg:var(--op-workspace); --ui-surface-solid:var(--op-surface); --ui-surface-hover:var(--op-surface-hover);
  --ui-border-strong:var(--op-border-control); --ui-text-muted:var(--op-muted); --ui-text-faint:var(--op-muted);
  --ui-primary:var(--op-focus); --ui-primary-strong:var(--op-action-active); --ui-accent:var(--op-focus);
  --ui-success:var(--op-success); --ui-warning:var(--op-warning); --ui-danger:var(--op-danger);
  --tc-accent:var(--op-focus); --tc-accent-soft:var(--op-surface-active);
  --bg:var(--op-workspace); --panel:var(--op-surface); --panel-2:var(--op-surface-muted);
  --text:var(--op-ink); --muted:var(--op-muted); --line:var(--op-border); --line-light:var(--op-border-control);
  --cyan:var(--op-focus); --cyan-2:var(--op-action-active); --blue:var(--op-focus);
  --green:var(--op-success); --gold:var(--op-warning); --red:var(--op-danger);
  --desk-ink:var(--op-ink); --desk-muted:var(--op-muted); --desk-line:var(--op-border);
  color-scheme:dark; letter-spacing:normal;
}
html[data-theme="light"] body[data-rental] {
  --op-workspace:#edf5fa; --op-surface:#ffffff; --op-surface-muted:#e6f1f7;
  --op-surface-hover:#daeaf3; --op-surface-active:#c9e6ef; --op-border:#b6ccd9;
  --op-ink:#112f43; --op-muted:#3f6278; --op-focus:#006879;
  --op-action-bg:#006879; --op-action-fg:#ffffff; --op-action-hover:#005969;
  --op-action-active:#004a59; --op-border-control:#688b9f;
  --op-success:#146849; --op-warning:#845209; --op-danger:#a92b45; color-scheme:light;
}
body[data-rental] ::selection { background:var(--op-action-bg); color:var(--op-action-fg); }
body[data-rental] * { scrollbar-width:thin; scrollbar-color:var(--op-border) transparent; }
body[data-rental] :is(input,textarea) { caret-color:var(--op-focus); }
body[data-rental] :is(.eyebrow,.section-kicker) { display:none; }
body[data-rental] :is(.nav-item,.button,.text-button,.theme-toggle) { font-weight:500; }
body[data-rental] :is(.brand span,.sync-status,th,.campaign-mode,.meta-box span,.status-badge,.plan-row em,.usage-row small) { font-variant-caps:normal; letter-spacing:normal; }
body[data-rental] :is(.chat-card,.panel,.account-card,.file-card,.campaign-card,.upload-panel) { border-radius:12px; box-shadow:none; background:var(--op-surface); color:var(--op-ink); border-color:var(--op-border); }
body[data-rental] :is(.chat-card-heading,.panel-heading) { border-bottom:1px solid var(--op-border); padding:16px 18px; }
body[data-rental] :is(.chat-card-heading h2,.panel-heading h3) { color:var(--op-ink); font-size:16px; font-weight:600; letter-spacing:-.015em; }
body[data-rental] :is(.ui-icon,.nav-icon) { stroke-width:1.65; }
body[data-rental] #sidebar .brand-mark { background:var(--op-sidebar-active); color:#42d9f0; border-radius:10px; }
body[data-rental] #sidebar .brand-mark svg { width:20px; height:20px; }
body[data-rental] #sidebar .brand span { display:block; margin-top:4px; font-size:12px; }
body[data-rental] #sidebar .nav-item { border-radius:7px; font-size:13px; }
body[data-rental] .topbar h1 { font-size:clamp(21px,2.2vw,28px); font-weight:600; }
body[data-rental] .seller-callout { background:transparent; border:0; padding:0 0 6px; box-shadow:none; }
body[data-rental] .seller-callout :is(p,strong) { display:block; color:var(--op-ink); }
body[data-rental] .seller-callout strong { color:var(--op-muted); font-weight:400; }
body[data-rental] .seller-callout strong::before { content:none; }
body[data-rental] .callout-icon { background:transparent; color:var(--op-focus); }
body[data-rental] :is(.button.primary,.auth-card .button.primary) { background:var(--op-action-bg); color:var(--op-action-fg); box-shadow:none; }
body[data-rental] :is(.button.primary,.auth-card .button.primary):hover { background:var(--op-action-hover); color:var(--op-action-fg); }
body[data-rental] .button.ghost { background:var(--op-surface); color:var(--op-ink); border-color:var(--op-border); }
body[data-rental] .button.ghost:hover { background:var(--op-surface-hover); }
body[data-rental] .quick-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:14px; }
body[data-rental] .quick-actions button { grid-column:auto; grid-row:auto; min-height:92px; padding:12px; border:1px solid var(--op-border); background:var(--op-surface-muted); color:var(--op-ink); display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
body[data-rental] .quick-actions button:hover { background:var(--op-surface-hover); }
body[data-rental] .quick-actions button strong { font-size:13px; font-weight:500; }
body[data-rental] .quick-actions button small { display:none; }
body[data-rental] .quick-actions button .nav-icon { align-self:flex-start; color:var(--op-focus); width:20px; height:20px; }
body[data-rental] :is(.plan-row,.usage-row,.plan-tip,.account-identity p,.meta-box span,.campaign-card p,.feature-list li,.file-card p,.form-panel p) { color:var(--op-muted); }
body[data-rental] :is(.identity-title h3,.account-metrics strong,.usage-row strong,.plan-row b,.account-head h3,.meta-box strong,.campaign-card h3,.file-card h3,.onboarding-step strong) { color:var(--op-ink); }
body[data-rental] :is(.meta-box,.account-note,.plan-tip,.subscription-limits div) { background:var(--op-surface-muted); border-color:var(--op-border); }
body[data-rental] :is(input,textarea,select) { background:var(--op-workspace); color:var(--op-ink); border:1px solid var(--op-border); font:inherit; }
body[data-rental] :is(input,textarea)::placeholder { color:var(--op-muted); opacity:1; }
body[data-rental] .usage-track { background:var(--op-surface-muted); height:4px; }
body[data-rental] .usage-track i { background:var(--op-focus); }
body[data-rental] .onboarding-overview { background:transparent; padding:16px; }
body[data-rental] .onboarding-step { border-color:var(--op-border); }
body[data-rental] .onboarding-step > span { background:transparent; color:var(--op-muted); }
body[data-rental] .operations-overview .stat-card { background:transparent; border:0; border-right:1px solid var(--op-border); border-radius:0; }
body[data-rental] .stat-card:last-child { border-right:0; }
body[data-rental] .stat-icon { display:none; }
body[data-rental] .stat-card strong { font-size:28px; font-weight:500; }
body[data-rental] :is(th,td) { color:var(--op-ink); border-color:var(--op-border); }
body[data-rental] th { color:var(--op-muted); background:var(--op-surface-muted); }
body[data-rental] .modal-card,body[data-rental] .auth-card { background:var(--op-surface); color:var(--op-ink); border-color:var(--op-border); }
body[data-rental] .auth-screen { background:var(--op-workspace); }
body[data-rental] .auth-card h1 { font-size:27px; }
body[data-rental] .auth-card p { color:var(--op-muted); }
body[data-rental] :is(.empty-state,.secret-note,.safety-card,.backup-status) { color:var(--op-muted); background:var(--op-surface-muted); border-color:var(--op-border); }
body[data-rental] .rental-note { margin:18px 0; color:var(--op-muted); font-size:14px; }
body[data-rental] .rental-actions { display:flex; flex-wrap:wrap; gap:8px; min-width:220px; }
@media(min-width:961px) {
  body[data-rental] .app-shell { grid-template-columns:242px minmax(0,1fr); }
  body[data-rental] .sidebar { width:242px; padding:24px 16px; border-right:1px solid var(--op-border); }
  body[data-rental] .main { padding:0 24px 32px; }
  body[data-rental] .topbar { min-height:96px; padding:0; border-bottom:1px solid var(--op-border); background:transparent; }
  body[data-rental] .view.active { margin:24px 0 0; padding:0; border:0; background:transparent; box-shadow:none; }
  body[data-rental] #view-dashboard.active { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
}
@media(min-width:961px) and (max-width:1200px) {
  body[data-rental] #view-dashboard.active { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-rental] #view-dashboard .quick-overview { grid-column:1/-1; }
  body[data-rental] .quick-actions { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body[data-rental] .sync-status { display:none; }
}
@media(max-width:760px) { body[data-rental] .topbar { padding:0; } body[data-rental] .modal-card { padding:20px; } }
@media(prefers-reduced-motion:reduce) { body[data-rental] * { transition:none!important; animation:none!important; } }

/* Resolve legacy selector specificity at the final rental boundary. */
html body[data-rental] .topbar { margin:0 0 24px; width:100%; gap:12px; }
html body[data-rental] .main { width:100%; min-width:0; }
html body[data-rental] .nav-section > p { text-transform:none; font-weight:400; letter-spacing:normal; margin:20px 0 8px; }
html body[data-rental] .identity-menu { background:transparent; border:0; padding:0; font-weight:400; text-transform:none; font-size:12px; max-width:150px; overflow-wrap:anywhere; }
html body[data-rental] .identity-menu::before { display:none; }
html body[data-rental] .seller-callout { background:transparent; min-height:56px; }
html body[data-rental] .seller-callout strong { font-size:13px; }
html body[data-rental] .profile-orb { background:var(--op-surface-active); color:var(--op-focus); font-size:18px; width:44px; height:44px; flex:0 0 44px; border-radius:12px; box-shadow:none; }
html body[data-rental] .profile-orb::before,html body[data-rental] .profile-orb::after { content:none; }
html body[data-rental] .account-identity { gap:12px; }
html body[data-rental] .account-identity > div:last-child { min-width:0; }
html body[data-rental] .identity-title h3 { font-size:16px; }
html body[data-rental] .account-metrics > div,html body[data-rental] .account-note,html body[data-rental] .account-note p { border:0; background:transparent; padding:0; }
html body[data-rental] .account-note { padding-top:16px; border-top:1px solid var(--op-border); }
html body[data-rental] .account-metrics strong { font-size:14px; font-weight:500; }
html body[data-rental] .usage-row small { display:none; }
html body[data-rental] .plan-tip { background:transparent; border:0; padding:0; font-size:12px; }
html body[data-rental] #view-dashboard .quick-actions button { justify-content:flex-start; transform:none; box-shadow:none; transition:background-color 160ms ease,border-color 160ms ease; }
html body[data-rental] #view-dashboard .quick-actions button:hover { background:var(--op-surface-hover); border-color:var(--op-focus); }
html body[data-rental] #view-dashboard .quick-actions button:active { background:var(--op-surface-active); border-color:var(--op-focus); }
html body[data-rental] #view-dashboard .quick-actions button :is(strong,small) { color:inherit; }
html body[data-rental] .brand-mark { box-shadow:none; }
html body[data-rental] .feature-list li::before { content:none; }
html body[data-rental] .feature-list li { padding-left:0; }
html body[data-rental] #view-team .team-grid { grid-template-columns:minmax(0,1fr); }
html body[data-rental] #view-team .team-table { min-width:850px; }
html body[data-rental] :is(th,.status-badge) { text-transform:none; font-variant-caps:normal; }
html[data-theme="dark"] body[data-rental] #view-dashboard .seller-callout { background:transparent; }
@media(min-width:761px) { html body[data-rental] .topbar { grid-template-columns:minmax(0,1fr) auto auto auto; } html body[data-rental] .sync-status { display:none; } }

/* Final color ownership for states inherited from the earlier visual layers. */
html:has(body[data-rental]) { background:#0d293f; }
html[data-theme="light"]:has(body[data-rental]) { background:#edf5fa; }
html body[data-rental] .sidebar .nav-item.active .nav-icon { color:#42d9f0; }
html body[data-rental] :is(.button:not(.primary),input,textarea,select,.theme-toggle) { border-color:var(--op-border-control); }
html body[data-rental] :is(.text-button,.theme-toggle > span:first-child,.campaign-mode) { color:var(--op-focus); }
html body[data-rental] :is(.tab.active,.filter-chip.active) { background:var(--op-action-bg); color:var(--op-action-fg); }
html body[data-rental] :is(.avatar,.file-type,.onboarding-step > span) { background:var(--op-surface-active); color:var(--op-focus); }
html body[data-rental] :is(.status-badge.online,.status-badge.running,.identity-title span,.plan-row em) { background:var(--op-surface-active); color:var(--op-success); border-color:var(--op-border); }
html body[data-rental] :is(.status-badge.warning,.status-badge.scheduled) { background:var(--op-surface-muted); color:var(--op-warning); }
html body[data-rental] :is(.danger-outline,.danger-text,.status-badge.error,.status-badge.failed) { color:var(--op-danger); }
html body[data-rental] .progress-line i { background:var(--op-focus); }
html body[data-rental] .live-dot { background:#65edbd; box-shadow:none; }
html body[data-rental] .account-metrics span { color:var(--op-muted); }
html body[data-rental] .operations-overview .stat-icon { color:var(--op-focus); background:transparent; }

/* Complete component state ownership: colors always travel with their foreground. */
body[data-rental] :is(.button,.tab,.filter-chip,.theme-toggle,.icon-button,.text-button,.table-remove,.modal-close) {
  min-height:44px; border-radius:8px; font-size:14px; font-weight:500;
  transform:none; box-shadow:none; transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease;
}
body[data-rental] :is(.button,.icon-button,.theme-toggle,.modal-close) { color:var(--op-ink); background:var(--op-surface); border:1px solid var(--op-border-control); }
body[data-rental] :is(.button,.icon-button,.theme-toggle,.modal-close):hover { color:var(--op-ink); background:var(--op-surface-hover); }
body[data-rental] :is(.button,.icon-button,.theme-toggle,.modal-close):active { background:var(--op-surface-active); }
body[data-rental] .button.primary:active { background:var(--op-action-active); color:var(--op-action-fg); }
body[data-rental] .button.primary :is(svg,strong,span) { color:inherit; }
body[data-rental] :is(.button.danger,.button.danger-outline,.table-remove) { background:var(--op-surface); color:var(--op-danger); border:1px solid var(--op-danger); }
body[data-rental] :is(.button.danger,.button.danger-outline,.table-remove):is(:hover,:active) { background:var(--op-danger); color:var(--op-workspace); }
body[data-rental] :is(button,input,textarea,select):disabled { opacity:.55; cursor:not-allowed; transform:none; box-shadow:none; }
body[data-rental] .button.is-busy { opacity:1; cursor:progress; }
body[data-rental] .text-button { color:var(--op-focus); background:transparent; padding:8px; text-decoration:underline; text-underline-offset:3px; }
body[data-rental] .text-button:is(:hover,:active) { color:var(--op-ink); background:var(--op-surface-hover); }
body[data-rental] :is(button,a,input,textarea,select,[tabindex]):focus-visible {
  outline:2px solid var(--op-focus); outline-offset:3px; box-shadow:0 0 0 4px var(--op-focus-ring);
}
body[data-rental] .tabs { display:flex; gap:4px; padding:4px; width:fit-content; background:var(--op-surface-muted); border:1px solid var(--op-border); border-radius:12px; }
body[data-rental] :is(.tab,.filter-chip) { color:var(--op-muted); background:transparent; border:1px solid transparent; padding:8px 14px; }
body[data-rental] :is(.tab,.filter-chip):hover { color:var(--op-ink); background:var(--op-surface-hover); }
body[data-rental] :is(.tab,.filter-chip).active { color:var(--op-action-fg); background:var(--op-action-bg); border-color:transparent; }
body[data-rental] :is(.tab,.filter-chip).active:hover { color:var(--op-action-fg); background:var(--op-action-hover); }
body[data-rental] :is(.tab,.filter-chip).active:active { color:var(--op-action-fg); background:var(--op-action-active); }
body[data-rental] .empty-state { background:var(--op-surface-muted); color:var(--op-muted); font-size:14px; line-height:1.6; }
body[data-rental] .empty-state strong { color:var(--op-ink); font-size:14px; font-weight:600; }
body[data-rental] :is(.notice-banner,.error-box) { color:var(--op-warning); background:var(--op-surface-muted); border:1px solid var(--op-warning); font-size:14px; }
body[data-rental] .error-box { color:var(--op-danger); border-color:var(--op-danger); }
body[data-rental] .notice-banner :is(strong,code) { color:inherit; }
body[data-rental] .toast { color:var(--op-ink); background:var(--op-surface); border:1px solid var(--op-border-control); box-shadow:0 8px 24px rgb(0 0 0 / .18); }
body[data-rental] .toast.success { color:var(--op-success); background:var(--op-surface); border-color:var(--op-success); }
body[data-rental] .toast.warning { color:var(--op-warning); background:var(--op-surface); border-color:var(--op-warning); }
body[data-rental] .toast.error { color:var(--op-danger); background:var(--op-surface); border-color:var(--op-danger); }
body[data-rental] .toast-close { color:inherit; background:transparent; }
body[data-rental] :is(.status-badge,.campaign-mode,.plan-row b) { font-size:12px; font-weight:500; color:var(--op-muted); background:var(--op-surface-muted); border:1px solid var(--op-border); }
body[data-rental] .status-badge:is(.online,.running,.completed,.active) { color:var(--op-success); background:var(--op-surface-active); }
body[data-rental] .status-badge:is(.scheduled,.stopping,.warning,.trial,.invited) { color:var(--op-warning); background:var(--op-surface-muted); }
body[data-rental] .status-badge:is(.error,.failed,.unauthorized,.expired,.suspended,.danger) { color:var(--op-danger); background:var(--op-surface-muted); }
body[data-rental] .campaign-mode { color:var(--op-focus); }
body[data-rental] .campaign-mode.vip { color:var(--op-warning); }
body[data-rental] .campaign-card { display:flex; flex-direction:column; align-items:stretch; gap:16px; }
body[data-rental] .campaign-card > div:first-child { display:block; min-width:0; }
body[data-rental] .campaign-card h3 { margin-top:10px; overflow-wrap:anywhere; }
body[data-rental] .campaign-details { grid-template-columns:repeat(3,minmax(0,1fr)); border-color:var(--op-border); gap:12px; margin:0; padding:16px 0; }
body[data-rental] .campaign-details > div { min-width:0; background:var(--op-surface-muted); }
body[data-rental] .campaign-details strong { overflow-wrap:anywhere; }
body[data-rental] .campaign-actions { max-width:none; justify-content:flex-start; margin:0; }
body[data-rental] .report-metric { background:var(--op-surface); color:var(--op-ink); border:1px solid var(--op-border); box-shadow:none; }
body[data-rental] .report-metric::after { content:none; }
body[data-rental] .report-metric strong { color:var(--op-ink); }
body[data-rental] :is(.report-metric span,.report-metric small,.field > span,.log-level,.campaign-details span) { color:var(--op-muted); font-size:12px; letter-spacing:normal; font-variant-caps:normal; }
body[data-rental] :is(input,select,textarea):not([type="checkbox"]):not([type="file"]) { min-height:44px; border:1px solid var(--op-border-control); border-radius:8px; padding:10px 12px; background:var(--op-workspace); color:var(--op-ink); }
body[data-rental] :is(input,select,textarea):focus { border-color:var(--op-focus); box-shadow:none; }
body[data-rental] input[type="checkbox"] { appearance:auto; width:18px; height:18px; min-height:18px; padding:0; margin:0; accent-color:var(--op-focus); flex:0 0 18px; }
body[data-rental] .check-option { grid-template-columns:18px minmax(0,1fr); color:var(--op-ink); background:var(--op-surface-muted); border-color:var(--op-border-control); }
body[data-rental] .check-option:hover { background:var(--op-surface-hover); }
body[data-rental] .check-option:has(input:checked) { border-color:var(--op-focus); background:var(--op-surface-active); }
body[data-rental] .check-option-copy { overflow-wrap:anywhere; color:var(--op-ink); font-size:14px; font-weight:400; letter-spacing:normal; }
body[data-rental] .selection-box { background:var(--op-surface); border-color:var(--op-border); }
body[data-rental] :is(input,textarea,select) { font-weight:400; }
body[data-rental] .field { font-weight:500; }
body[data-rental] .rental-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
body[data-rental] .switch { position:relative; display:inline-flex; align-items:center; min-width:44px; min-height:44px; cursor:pointer; }
body[data-rental] .switch input { display:block; position:absolute; opacity:0; inset:0; width:100%; height:100%; cursor:pointer; z-index:1; }
body[data-rental] .switch span { width:40px; height:24px; background:var(--op-border-control); }
body[data-rental] .switch span::after { width:18px; height:18px; background:var(--op-surface); }
body[data-rental] .switch input:checked + span { background:var(--op-action-bg); }
body[data-rental] .switch input:checked + span::after { background:var(--op-action-fg); transform:translateX(16px); }
body[data-rental] .switch:has(input:focus-visible) { outline:2px solid var(--op-focus); outline-offset:3px; border-radius:8px; }
body[data-rental] .table-remove,body[data-rental] .modal-close { width:44px; min-width:44px; }
body[data-rental] :is(.mobile-menu,.icon-button,.theme-toggle) { min-width:44px; }
body[data-rental] .modal-title { margin:0 52px 10px 0; overflow-wrap:anywhere; }
body[data-rental] .modal-actions { flex-wrap:wrap; }
body[data-rental] .modal-actions .button { max-width:100%; white-space:normal; }
body[data-rental] .modal-card { max-height:calc(100dvh - 32px); border-radius:16px; }
body[data-rental] .auth-screen { padding:20px; }
body[data-rental] .auth-card { align-self:center; min-height:0; border-radius:16px; }
body[data-rental] .auth-card .button { border-radius:8px; }
body[data-rental] :is(.account-head > div,.account-identity > div,.file-card,.panel-heading > div) { min-width:0; }
body[data-rental] :is(.file-card h3,.account-head h3,.account-head p,.ticket-item strong,.ticket-item p) { overflow-wrap:anywhere; }
body[data-rental] .account-head { flex-wrap:wrap; }
body[data-rental] .avatar { flex:0 0 42px; }
body[data-rental] .onboarding-step { background:transparent; }
body[data-rental] .sidebar-foot.degraded .live-dot { background:var(--op-danger); }
body[data-rental] .safety-card code { color:var(--op-focus); }
body[data-rental] .table-wrap { min-width:0; max-width:100%; }
body[data-rental] .table-wrap:focus-visible { outline-offset:-2px; }
@media(max-width:960px) {
  body[data-rental] .app-shell { display:block; }
  body[data-rental] .sidebar { position:fixed; top:0; left:0; height:100dvh; width:min(284px,88vw); transform:translateX(-110%); z-index:40; }
  body[data-rental] .sidebar.open { transform:translateX(0); }
  body[data-rental] .sidebar-backdrop { display:block; position:fixed; inset:0; z-index:39; opacity:0; pointer-events:none; }
  body[data-rental] .sidebar.open + .sidebar-backdrop { opacity:1; pointer-events:auto; }
  body[data-rental] .mobile-menu { display:inline-grid; }
  html body[data-rental] .topbar { display:grid; grid-template-columns:44px minmax(0,1fr) auto auto; gap:8px; min-height:76px; }
  body[data-rental] .topbar-title { grid-column:2; grid-row:1; }
  body[data-rental] .topbar-actions { grid-column:3; grid-row:1; }
  body[data-rental] #logout { grid-column:4; grid-row:1; }
  body[data-rental] .mobile-menu { grid-column:1; grid-row:1; }
  body[data-rental] :is(#identity-menu,.topbar-actions .button.primary,.theme-toggle-label) { display:none; }
  body[data-rental] .topbar h1 { font-size:20px; overflow-wrap:anywhere; }
  body[data-rental] .quick-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
  body[data-rental] :is(.group-layout,.team-grid,.settings-grid,.support-grid,.product-grid,.report-summary) { grid-template-columns:minmax(0,1fr); }
  body[data-rental] .campaign-details { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-rental] .issue-item { grid-template-columns:minmax(0,1fr); }
  body[data-rental] .log-row { grid-template-columns:minmax(0,1fr); gap:6px; }
  body[data-rental] .toast { min-width:0; max-width:100%; overflow-wrap:anywhere; }
  body[data-rental] .modal-card { padding:20px; }
}
@media(prefers-reduced-motion:reduce) { body[data-rental] * { transition:none!important; animation:none!important; } }
body[data-rental] :is(.account-grid,.file-grid) > .empty-state { grid-column:1/-1; }
body[data-rental] .quick-actions button strong { font-size:14px; }
body[data-rental] .file-picker { position:relative; display:inline-flex; align-items:center; justify-content:center; min-height:44px; }
body[data-rental] .file-picker input[type="file"] { display:block; position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
body[data-rental] .file-picker:focus-within { outline:2px solid var(--op-focus); outline-offset:3px; }
body[data-rental] .table-wrap { scrollbar-width:auto; }
body[data-rental] :is(.issue-item small,.ticket-item small) { color:var(--op-muted); }
body[data-rental] .campaign-details .status-badge { margin-left:0; }
body[data-rental] .scan-table { max-width:100%; overflow:auto; }
body[data-rental] .scan-table:focus-visible { outline:2px solid var(--op-focus); outline-offset:-2px; }

/* Typography roles: real local weights, no accidental inherited bold/condensing. */
html[data-theme="dark"] body[data-rental] { background:linear-gradient(110deg,#0d293f 0%,#10334e 65%,#16486b 100%); }
body[data-rental],body[data-rental] :is(button,input,textarea,select) { font-family:var(--op-font-ui); font-synthesis:none; letter-spacing:normal; }
body[data-rental] :is(p,td,input,textarea,select,.account-identity p,.account-note p,.rental-note) { font-weight:400; line-height:1.6; }
body[data-rental] :is(.nav-item,.button,.tab,.filter-chip,.field > span) { font-weight:500; }
body[data-rental] :is(h1,h2,h3,strong,b) { font-weight:600; }
body[data-rental] :is(.chat-card-heading h2,.panel-heading h3) { font-size:16px; line-height:1.5; letter-spacing:normal; }
body[data-rental] :is(.section-toolbar p,.ticket-item p,.issue-item p,.file-card p,.account-identity p,.account-note p) { font-size:14px; }
body[data-rental] .plan-row { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
body[data-rental] .plan-row > span { white-space:nowrap; font-size:14px; font-weight:400; }
body[data-rental] .plan-row > div { display:flex; flex-wrap:wrap; gap:8px; min-width:0; max-width:100%; }
body[data-rental] .plan-row :is(b,em) { white-space:nowrap; word-break:normal; overflow-wrap:normal; margin:0; font-size:12px; line-height:1.5; font-weight:500; }
body[data-rental] .plan-row :is(b,em) { flex:0 0 auto; }
body[data-rental] .usage-row > div:first-child { gap:12px; align-items:baseline; }
body[data-rental] .usage-row strong { white-space:nowrap; flex:0 0 auto; font-weight:600; }
html body[data-rental] .identity-title h3 { font-size:16px; line-height:1.5; letter-spacing:normal; }
body[data-rental] .identity-title span { line-height:1.5; font-weight:500; }
html body[data-rental] #sidebar #brand-name { letter-spacing:normal; font-weight:600; }
html body[data-rental] .topbar h1 { font-size:24px; font-weight:600; letter-spacing:-.01em; line-height:1.35; }
body[data-rental] #sidebar .nav-item { font-size:14px; }
@media(max-width:960px) { html body[data-rental] .topbar h1 { font-size:20px; white-space:normal; overflow:visible; text-overflow:clip; } }
@media(max-width:760px) { body[data-rental] :is(input,textarea,select):not([type="checkbox"]) { font-size:16px; } }
@media(max-width:760px) { body[data-rental] .operations-overview .stat-card:nth-child(2n) { border-right:0; } }