@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/* Rizz — monochrome product system */
:root {
  --rz-canvas:#fafaf9;--rz-surface:#fff;--rz-subtle:#f4f4f2;--rz-hover:#efefec;--rz-selected:#e7e7e3;
  --rz-text:#171717;--rz-text-2:#525252;--rz-muted:#737373;--rz-border:#e8e8e5;--rz-border-strong:#d4d4d0;
  --rz-shadow:0 1px 2px rgba(0,0,0,.04);--rz-shadow-lg:0 24px 64px -24px rgba(0,0,0,.22);
  --bg:#fafaf9!important;--bg-2:#f4f4f2!important;--surface:#fff!important;--surface-2:#f4f4f2!important;--card:#fff!important;
  --text:#171717!important;--text-primary:#171717!important;--text-secondary:#525252!important;--text-2:#525252!important;--muted:#737373!important;
  --border:#e8e8e5!important;--border-soft:#eeeeeb!important;--line:#e8e8e5!important;--input-bg:#fff!important;--input-border:#e8e8e5!important;
  --primary:#171717!important;--primary-hover:#2a2a2a!important;--primary-soft:#e7e7e3!important;--blue:#171717!important;--blue-light:#e7e7e3!important;
  --sidebar:#fff!important;--topbar-bg:#fff!important;--row-zebra:#fff!important;--logo-glow:none!important;--green:#171717!important;
  --shadow:0 1px 2px rgba(0,0,0,.04)!important;--shadow-lg:0 12px 32px rgba(0,0,0,.07)!important;--shadow-modal:0 24px 64px -24px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] {
  --rz-canvas:#101010;--rz-surface:#181818;--rz-subtle:#202020;--rz-hover:#292929;--rz-selected:#333;
  --rz-text:#f5f5f5;--rz-text-2:#d4d4d4;--rz-muted:#a3a3a3;--rz-border:#303030;--rz-border-strong:#484848;
  --bg:#101010!important;--bg-2:#202020!important;--surface:#181818!important;--surface-2:#202020!important;--card:#181818!important;
  --text:#f5f5f5!important;--text-primary:#f5f5f5!important;--text-secondary:#d4d4d4!important;--text-2:#d4d4d4!important;--muted:#a3a3a3!important;
  --border:#303030!important;--border-soft:#292929!important;--line:#303030!important;--input-bg:#181818!important;--input-border:#303030!important;
  --primary:#f5f5f5!important;--primary-hover:#fff!important;--primary-soft:#333!important;--blue:#f5f5f5!important;--blue-light:#333!important;
  --sidebar:#181818!important;--topbar-bg:#181818!important;--row-zebra:#181818!important;--green:#f5f5f5!important;
}
html body,html body button,html body input,html body select,html body textarea {font-family:'Manrope','Segoe UI',sans-serif;font-size:14px}
html body {background:var(--rz-canvas)!important;color:var(--rz-text)!important;letter-spacing:-.012em;font-variant-numeric:tabular-nums}
html[data-theme="dark"] body {background:var(--rz-canvas)!important}
::selection {background:#171717;color:#fff}
.rz-icon {width:18px;height:18px;display:inline-block;flex:0 0 auto;vertical-align:middle;stroke-width:1.8}

/* Floating application shell */
.sidebar {width:232px!important;margin:8px 0 8px 8px;background:var(--rz-surface)!important;border:1px solid var(--rz-border)!important;border-radius:16px;box-shadow:var(--rz-shadow)!important;overflow-y:auto}
.logo {min-height:72px;padding:14px 16px!important;gap:12px;background:transparent!important;border-bottom:1px solid var(--rz-border)!important}
.logo-icon,.brand-logo,.brand-mark,.profile-avatar {background:transparent!important;border:0!important;box-shadow:none!important}
.logo-icon {width:40px!important;height:40px!important;border-radius:10px!important}
.logo-icon img,.brand-logo img,.brand-mark img,.profile-avatar img {object-fit:contain!important}
.logo-text,.brand-name,.brand-text h1 {color:var(--rz-text)!important;font-weight:800!important;letter-spacing:-.035em!important}
.logo-sub {color:var(--rz-muted)!important;font-size:10px!important;letter-spacing:.02em!important}
html[data-theme="dark"] .logo-icon img,html[data-theme="dark"] .brand-logo img,html[data-theme="dark"] .brand-mark img,html[data-theme="dark"] .profile-avatar img {filter:invert(1)}
.nav-section {padding:8px 10px!important}
.nav-label {padding:10px 10px 6px!important;color:var(--rz-muted)!important;font-size:10px!important;font-weight:600!important;letter-spacing:.08em!important}
.nav-item {min-height:40px;margin:2px 0;padding:7px 10px!important;gap:9px!important;border:0!important;border-radius:11px!important;color:var(--rz-text-2)!important;font-size:12px!important;font-weight:600!important;letter-spacing:0!important}
.nav-item .ni {width:28px;height:28px;display:inline-flex!important;align-items:center;justify-content:center;color:var(--rz-muted);border-radius:8px}
.nav-item .ni .rz-icon {width:17px;height:17px}
.nav-item:hover {color:var(--rz-text)!important;background:var(--rz-hover)!important;border:0!important}
.nav-item:hover .ni {color:var(--rz-text);background:transparent}
.nav-item.active {color:var(--rz-text)!important;background:var(--rz-selected)!important;border:0!important;box-shadow:none!important}
.nav-item.active .ni {color:var(--rz-text);background:transparent}
.nav-item.active::after {display:none!important}
.sidebar-bottom {padding:12px!important;background:transparent!important;border-top:1px solid var(--rz-border)!important}
.profile-chip {background:var(--rz-subtle)!important;border:1px solid var(--rz-border)!important;border-radius:12px!important;box-shadow:none!important}
.profile-avatar {width:36px!important;height:36px!important;padding:4px!important}
.lang-switcher {background:var(--rz-subtle)!important;border-radius:10px}
.lang-btn.active {background:var(--rz-surface)!important;color:var(--rz-text)!important;box-shadow:var(--rz-shadow)}
.main {background:transparent!important}
.topbar {min-height:64px;margin:8px 8px 0 0;padding:0 24px!important;background:var(--rz-surface)!important;border:1px solid var(--rz-border)!important;border-radius:16px!important;box-shadow:var(--rz-shadow)!important}
.topbar-title,.breadcrumb>span {color:var(--rz-text)!important;font-size:18px!important;font-weight:700!important;letter-spacing:-.035em!important}
.content {padding:24px!important;background:transparent!important}
#topbar-actions {display:flex;align-items:center;gap:8px}

/* Buttons */
.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-danger,.btn-make-changes,.toggle-rows-btn,.stats-green-btn,.spot-act-btn,.stats-refresh,.theme-toggle,.modal-close {
  min-height:36px;border-radius:12px!important;font-family:'Manrope','Segoe UI',sans-serif!important;font-size:13px!important;font-weight:600!important;letter-spacing:0!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important
}
.btn {padding:8px 14px}
.btn-primary,.btn-make-changes,.btn.accent,.btn.primary,.spot-act-btn.edit-btn,.stats-icon-btn {color:#fafafa!important;background:#171717!important;border:1px solid #171717!important;box-shadow:none!important}
.btn-primary:hover,.btn-make-changes:hover,.btn.accent:hover,.btn.primary:hover,.spot-act-btn.edit-btn:hover,.stats-icon-btn:hover {color:#fff!important;background:#2a2a2a!important;border-color:#2a2a2a!important;box-shadow:none!important;transform:none}
.btn-secondary,.btn-outline,.btn:not(.btn-primary):not(.btn-danger):not(.btn-make-changes):not(.accent):not(.primary),.toggle-rows-btn,.stats-refresh,.theme-toggle {background:var(--rz-surface)!important;border:1px solid var(--rz-border)!important;color:var(--rz-text-2)!important}
.btn-secondary:hover,.btn-outline:hover,.btn:not(.btn-primary):not(.btn-danger):not(.btn-make-changes):not(.accent):not(.primary):hover,.toggle-rows-btn:hover,.stats-refresh:hover,.theme-toggle:hover {background:var(--rz-hover)!important;border-color:var(--rz-border-strong)!important;color:var(--rz-text)!important}
.btn-outline {border-color:var(--rz-border-strong)!important}
.btn.danger,.btn-danger {color:#b42318!important;border-color:#f0d7d4!important;background:var(--rz-surface)!important}
.btn:active,.icon-button:active {transform:scale(.98)!important}
.btn:focus-visible,.nav-item:focus-visible,.modal-close:focus-visible,.theme-toggle:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role="button"]:focus-visible {outline:2px solid var(--rz-text)!important;outline-offset:2px!important}
button:disabled,.btn:disabled {opacity:.45!important;box-shadow:none!important;transform:none!important}

/* Inputs and tabs */
input,select,textarea,.input,.drp-input,.fg input,.fg select,.fg textarea,.rz-tb input,.rz-tb select,.pl-i,#month-picker {min-height:40px;background:var(--rz-surface)!important;color:var(--rz-text)!important;border:1px solid var(--rz-border)!important;border-radius:12px!important;transition:border-color .16s,box-shadow .16s,background-color .16s!important}
input:hover,select:hover,textarea:hover,.input:hover {border-color:var(--rz-border-strong)!important}
input:focus,select:focus,textarea:focus,.input:focus,.drp-input.active,.fg input:focus,.fg select:focus,.fg textarea:focus,.rz-tb input:focus,.rz-tb select:focus,.pl-i:focus,#month-picker:focus {border-color:var(--rz-text)!important;box-shadow:0 0 0 2px var(--rz-border-strong)!important;outline:none!important}
input::placeholder,textarea::placeholder {color:var(--rz-muted)!important}
input[type="checkbox"]:checked,input[type="radio"]:checked {accent-color:#171717}
input:checked+.slider {background:#171717!important}
.edit-tabs,.tabs {border-color:var(--rz-border)!important;background:var(--rz-subtle)!important;border-radius:12px!important}
.edit-tab,.tab {border-radius:10px!important;color:var(--rz-muted)!important;transition:background-color .16s,color .16s!important}
.edit-tab.active,.btn-type-tab.active,.btn.active,.tab.active {color:var(--rz-text)!important;border-color:transparent!important;background:var(--rz-selected)!important;box-shadow:none!important;font-weight:700!important}
.btn-type-tab.active,.btn.accent.active {color:#fafafa!important;background:#171717!important}

/* Layered neutral surfaces */
.card,.sum-card,.spot-card,.edit-page,.fn-card,.flow-list-row,.pl-metric,.pl-card,.projects-card,.projects-bottom-box,.totbox,.ops-form,.stat-card {border:1px solid var(--rz-border)!important;border-radius:16px!important;box-shadow:none!important}
.card,.spot-card,.edit-page,.fn-card,.flow-list-row {background:var(--rz-surface)!important}
.sum-card,.stat-card,.projects-card,.totbox,.ops-form {background:var(--rz-subtle)!important}
.spot-card:hover,.fn-card:hover,.flow-list-row:hover,.stat-card:hover {border-color:var(--rz-border-strong)!important;box-shadow:none!important;transform:none}
.sum-card::before,.stat-card::before,.projects-card::before,.totbox::before {display:none!important}
.sum-card,.stat-card,.projects-card {padding:20px!important}
.sum-num,.stat-value,.projects-card-value {color:var(--rz-text)!important;font-weight:700!important;letter-spacing:-.045em!important}
.stat-value,.projects-card-value {font-size:30px!important;line-height:1.25!important}
.sum-lbl,.stat-label,.projects-card-label,.totbox-label {color:var(--rz-muted)!important;font-size:12px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important}
.section-title,.card-title,.modal-title {color:var(--rz-text)!important;font-weight:700!important;letter-spacing:-.025em!important}
.section-sub,.sub {color:var(--rz-muted)!important}

/* Tables: no grid, no zebra, no coloured cells */
.table-wrap {background:var(--rz-surface);border:1px solid var(--rz-border);border-radius:12px;overflow:auto}
thead th,th {height:40px;background:var(--rz-subtle)!important;color:var(--rz-muted)!important;border:0!important;border-bottom:1px solid var(--rz-border)!important;font-size:11px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}
td {height:44px;background:var(--rz-surface)!important;color:var(--rz-text-2)!important;border:0!important;border-bottom:1px solid var(--rz-border)!important;box-shadow:none!important}
tbody tr:nth-child(even),tbody tr:nth-child(even) td {background:var(--rz-surface)!important}
tbody tr:hover,tbody tr:hover td,tr:hover td {background:var(--rz-hover)!important}
.total-row td,tr.summary td {color:var(--rz-text)!important;background:var(--rz-selected)!important;border-top:1px solid var(--rz-border-strong)!important;font-weight:700!important}
td input,td select {min-height:32px;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
td input:focus,td select:focus {background:var(--rz-surface)!important;border-color:var(--rz-border-strong)!important}
.auto-cell,td.pdp {border-left:0!important}

/* Badges, filters and small controls */
.badge,.badge-bot,.pill-dialog,.url-tag.go,.url-tag.fb,.saved-btn-act.edit,.plt-fb {background:var(--rz-subtle)!important;color:var(--rz-text-2)!important;border:1px solid var(--rz-border)!important;border-radius:999px!important}
.badge.active,.badge.paid {background:#171717!important;color:#fafafa!important;border-color:#171717!important}
.badge.inactive,.badge.blocked,.badge.failed,.badge.expired,.badge.cancelled {background:var(--rz-subtle)!important;color:var(--rz-text-2)!important;border-color:var(--rz-border)!important}
.drp-dropdown,[data-tip]::after,.tt-cell::after {background:var(--rz-surface)!important;color:var(--rz-text)!important;border-color:var(--rz-border)!important;border-radius:12px!important;box-shadow:var(--rz-shadow-lg)!important}
.drp-day-selected,.drp-day-range-start,.drp-day-range-end {background:#171717!important;color:#fff!important}
.drp-day-in-range,.drp-day:hover:not(.drp-day-empty):not(.drp-day-disabled) {background:var(--rz-hover)!important;color:var(--rz-text)!important}
.c-blue,.c-cyan,.preview-label {color:var(--rz-text)!important}
.welcome-preview {background:var(--rz-subtle)!important;border:1px solid var(--rz-border)!important}
.tg-btn {background:var(--rz-subtle)!important;color:var(--rz-text)!important}

/* Dialogs and feedback */
.modal-overlay,.modal-bg,.pl-modal,#fin-pw-modal {background:rgba(0,0,0,.48)!important;backdrop-filter:blur(6px)!important}
.modal,.pl-modal-box,#fin-pw-modal>div,.drp-dropdown {background:var(--rz-surface)!important;color:var(--rz-text)!important;border:1px solid var(--rz-border)!important;border-radius:16px!important;box-shadow:var(--rz-shadow-lg)!important}
.modal:not(.rz-modal) {padding:24px!important}
.modal-hd,.modal-head {border-bottom:1px solid var(--rz-border)!important;padding-bottom:16px!important}
.modal-title {font-size:17px!important}
.modal-close {width:36px;height:36px;display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;color:var(--rz-muted)!important;background:var(--rz-subtle)!important;border:1px solid var(--rz-border)!important}
.modal-close:hover {color:var(--rz-text)!important;background:var(--rz-hover)!important}
.modal-foot {background:var(--rz-subtle)!important;border-color:var(--rz-border)!important}
.toast {border-radius:12px!important;box-shadow:var(--rz-shadow-lg)!important;letter-spacing:0!important}
.toast.ok {background:#171717!important;color:#fafafa!important}

/* Login and admin */
.shell {max-width:448px!important}
.shell .card {padding:32px!important;border-radius:20px!important;background:var(--rz-surface)!important}
.shell .brand-mark {width:56px!important;height:56px!important;border-radius:14px!important}
.shell .tabs {border-radius:12px!important}
.shell .tab.active {background:var(--rz-surface)!important;color:var(--rz-text)!important;box-shadow:var(--rz-shadow)!important}
.page {gap:20px!important}
.card-head {padding:18px 20px!important;border-color:var(--rz-border)!important}

/* Finance */
#table-section,#projects-section,#ops-section {background:var(--rz-subtle)!important;border-radius:16px!important}
.finance .topbar,body>.topbar {margin:0;border-radius:0!important;border-width:0 0 1px!important}
.brand-logo {width:42px!important;height:42px!important;padding:5px}
.totbox-profit .totbox-value,.totbox-spend .totbox-value,.totbox-roi .totbox-value,.stat-value.green {color:var(--rz-text)!important}
.projects-card-profit,.projects-card-roi,.projects-card-prihod,.projects-card-expenses {background:var(--rz-subtle)!important}
#ops-form {background:var(--rz-surface)!important}

/* Dark monochrome: graphite surfaces, white actions, no chromatic accents */
html[data-theme="dark"] {
  color-scheme:dark;
  --rz-canvas:#0c0c0c;--rz-surface:#141414;--rz-subtle:#1b1b1b;--rz-hover:#232323;--rz-selected:#2b2b2b;
  --rz-text:#fafafa;--rz-text-2:#d4d4d4;--rz-muted:#8e8e8e;--rz-border:#2a2a2a;--rz-border-strong:#454545;
  --rz-shadow:0 1px 2px rgba(0,0,0,.24);--rz-shadow-lg:0 24px 64px -24px rgba(0,0,0,.72);
  --bg:#0c0c0c!important;--bg-2:#1b1b1b!important;--surface:#141414!important;--surface-2:#1b1b1b!important;--surface-soft:#1b1b1b!important;--card:#141414!important;
  --text:#fafafa!important;--text-primary:#fafafa!important;--text-secondary:#d4d4d4!important;--text-2:#d4d4d4!important;--muted:#8e8e8e!important;
  --border:#2a2a2a!important;--border-soft:#232323!important;--line:#2a2a2a!important;--input-bg:#1b1b1b!important;--input-border:#2a2a2a!important;
  --primary:#fafafa!important;--primary-hover:#fff!important;--primary-soft:#2b2b2b!important;--blue:#fafafa!important;--blue-light:#2b2b2b!important;
  --danger:#fafafa!important;--danger-bg:#1b1b1b!important;--danger-border:#454545!important;--red:#fafafa!important;
  --success:#fafafa!important;--success-bg:#1b1b1b!important;--success-border:#454545!important;--green:#fafafa!important;
  --warning:#d4d4d4!important;--warning-bg:#1b1b1b!important;--warning-border:#454545!important;
  --sidebar:#141414!important;--topbar-bg:#141414!important;--row-zebra:#141414!important;--logo-glow:none!important;
  --shadow:0 1px 2px rgba(0,0,0,.24)!important;--shadow-lg:0 12px 32px rgba(0,0,0,.42)!important;--shadow-modal:0 24px 64px -24px rgba(0,0,0,.72)!important;
}
html[data-theme="dark"] body {background:var(--rz-canvas)!important}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar,html[data-theme="dark"] .logo,html[data-theme="dark"] .sidebar-bottom {background:var(--rz-surface)!important}
html[data-theme="dark"] .nav-item {color:var(--rz-text-2)!important}
html[data-theme="dark"] .nav-item:hover,html[data-theme="dark"] .nav-item.active {color:var(--rz-text)!important;background:var(--rz-selected)!important}
html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .btn-make-changes,html[data-theme="dark"] .btn.accent,html[data-theme="dark"] .btn.primary,html[data-theme="dark"] .spot-act-btn.edit-btn {color:#141415!important;background:#fafafa!important;border-color:#fafafa!important}
html[data-theme="dark"] .btn-primary:hover,html[data-theme="dark"] .btn-make-changes:hover,html[data-theme="dark"] .btn.accent:hover,html[data-theme="dark"] .btn.primary:hover,html[data-theme="dark"] .spot-act-btn.edit-btn:hover {color:#0c0c0d!important;background:#fff!important;border-color:#fff!important}
html[data-theme="dark"] .btn-danger,html[data-theme="dark"] .btn.danger {color:var(--rz-text)!important;background:var(--rz-subtle)!important;border-color:var(--rz-border-strong)!important}
html[data-theme="dark"] .btn-danger:hover,html[data-theme="dark"] .btn.danger:hover {color:#141415!important;background:var(--rz-text)!important;border-color:var(--rz-text)!important}
html[data-theme="dark"] .profile-logout,html[data-theme="dark"] .spot-card-del {color:var(--rz-muted)!important}
html[data-theme="dark"] .profile-logout:hover,html[data-theme="dark"] .spot-card-del:hover {color:var(--rz-text)!important;background:var(--rz-hover)!important}
html[data-theme="dark"] .toast,html[data-theme="dark"] .toast.ok,html[data-theme="dark"] .toast.err {background:#fafafa!important;color:#141415!important}
html[data-theme="dark"] .alert.err,html[data-theme="dark"] .alert.ok,html[data-theme="dark"] .validate-badge.err,html[data-theme="dark"] .validate-badge.ok,
html[data-theme="dark"] .pill-unsub,html[data-theme="dark"] .pill-active,html[data-theme="dark"] .badge-crm-off,html[data-theme="dark"] .badge-crm-on,
html[data-theme="dark"] .docs-content .doc-callout,html[data-theme="dark"] .docs-content .doc-callout.tip,html[data-theme="dark"] .docs-content .doc-callout.danger {color:var(--rz-text-2)!important;background:var(--rz-subtle)!important;border-color:var(--rz-border-strong)!important}
html[data-theme="dark"] .negative,html[data-theme="dark"] .positive,html[data-theme="dark"] .c-red,html[data-theme="dark"] .c-green,html[data-theme="dark"] .c-yellow {color:var(--rz-text)!important}
html[data-theme="dark"] code {color:var(--rz-text-2)!important;background:var(--rz-subtle)!important}
html[data-theme="dark"] .fle-node-trigger .fle-node-rect,html[data-theme="dark"] .fle-node-end .fle-node-rect,html[data-theme="dark"] .fle-node-activation .fle-node-rect {fill:var(--rz-subtle)!important;stroke:var(--rz-border-strong)!important}
html[data-theme="dark"] .fle-pal-item[data-node-type] {border-left-color:var(--rz-border-strong)!important}
html[data-theme="dark"] [style*="color:#c62828"],html[data-theme="dark"] [style*="color:#e53935"],html[data-theme="dark"] [style*="color:#b91c1c"],html[data-theme="dark"] [style*="color:#ef4444"],html[data-theme="dark"] [style*="color:#dc2626"],html[data-theme="dark"] [style*="color:#2e7d32"],html[data-theme="dark"] [style*="color:#22c55e"],html[data-theme="dark"] [style*="color:#10b981"],html[data-theme="dark"] [style*="color:#f59e0b"] {color:var(--rz-text)!important}
html[data-theme="dark"] [style*="background:#fee2e2"],html[data-theme="dark"] [style*="background:#fce4ec"],html[data-theme="dark"] [style*="background:#fef2f2"],html[data-theme="dark"] [style*="background:#dcfce7"],html[data-theme="dark"] [style*="background:#e8f5e9"],html[data-theme="dark"] [style*="background:#e7f4ec"],html[data-theme="dark"] [style*="background:#fff3e0"],html[data-theme="dark"] [style*="background:#ef444415"] {color:var(--rz-text-2)!important;background:var(--rz-subtle)!important;border-color:var(--rz-border-strong)!important}

/* Standalone finance unlock screen (server-rendered) */
body>form.card {width:calc(100% - 32px)!important;max-width:380px!important;padding:28px!important;background:var(--rz-surface)!important;color:var(--rz-text)!important;border:1px solid var(--rz-border)!important;border-radius:18px!important;box-shadow:var(--rz-shadow-lg)!important}
body>form.card h1 {color:var(--rz-text)!important;font-family:'Manrope','Segoe UI',sans-serif!important;font-size:20px!important;letter-spacing:-.035em}
body>form.card .sub {color:var(--rz-muted)!important;line-height:1.55}
body>form.card button {min-height:44px;margin-top:14px!important;padding:11px 16px!important;color:#fafafa!important;background:#171717!important;border:1px solid #171717!important;border-radius:12px!important;font-family:'Manrope','Segoe UI',sans-serif!important;font-size:14px!important;font-weight:700!important;box-shadow:none!important}
body>form.card button:hover {background:#2a2a2a!important;border-color:#2a2a2a!important}
body>form.card .err {color:var(--rz-text-2)!important}
html[data-theme="dark"] body>form.card button {color:#141415!important;background:#fafafa!important;border-color:#fafafa!important}
html[data-theme="dark"] body>form.card button:hover {color:#0c0c0d!important;background:#fff!important;border-color:#fff!important}

/* Total rows: same neutral text and hairline separator in both themes. */
html[data-theme] .total-row td,
html[data-theme] .stats-like-ref .total-row td {color:var(--rz-text)!important;background:var(--rz-selected)!important;border-top:1px solid var(--rz-border-strong)!important;font-weight:700!important}

/* Desktop workspace at the approved ~75% browser-zoom density.
   The enlarged untransformed canvas keeps the scaled app edge-to-edge and gives
   tables the same larger CSS viewport as real browser zoom. Mobile stays 100%. */
@media (min-width:1101px) {
  html body.tdm-workspace {
    width:133.333333vw;
    height:133.333333vh;
    max-width:none;
    transform:scale(.75);
    transform-origin:top left;
  }
  .modal-overlay > .modal {max-height:120vh}
}
@media (max-width:1100px) {.sidebar{width:216px!important}.content{padding:16px!important}.topbar{flex-wrap:wrap}.controls{justify-content:flex-start!important}}
@media (prefers-reduced-motion:reduce) {*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}