:root {
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bg: #eef7ff; --bg-soft: #f6fbff; --panel: #ffffff; --panel-2: #ffffff; --panel-muted: #edf5fb;
  --text: #15293b; --muted: #617588; --faint: #8ba0b1; --border: #d4e3ef; --border-strong: #b9ccdc;
  --accent: #2f80ed; --accent-2: #57a5ff; --accent-soft: #e2f0ff; --accent-ink: #1558a7;
  --signature: #2b70c9; --signature-soft: #dcecff; --topbar-tint: rgba(255,255,255,.94);
  --login-start: #244f80; --login-mid: #3578b8; --login-end: #58a6dc; --login-glow: rgba(134,204,255,.24);
  --warm: #ef7b36; --warm-soft: #fff0e5; --line: #155f9d; --line-soft: #e7f1fb;
  --normal: #08725f; --normal-soft: #e4f4ef; --special: #9a5a1e; --special-soft: #fff2df;
  --danger: #bc3b3b; --danger-soft: #fdeaea; --warning: #9c6a00; --warning-soft: #fff5d9;
  --success: #0a7b5e; --success-soft: #e5f5ef; --violet: #7a3db8; --violet-soft: #f3e9fc;
  --shadow: 0 16px 42px rgba(40, 82, 116, .12); --shadow-soft: 0 7px 22px rgba(40, 82, 116, .08);
  --radius: 17px; --radius-sm: 10px; --theme-row-height: 50px; --row-height: var(--theme-row-height);
  --control-height: 42px; --theme-letter-spacing: 0;
}






html[data-density="compact"] { --row-height: calc(var(--theme-row-height) - 10px); --control-height: 36px; }
html[data-density="standard"] { --row-height: var(--theme-row-height); --control-height: 42px; }
html[data-density="comfortable"] { --row-height: calc(var(--theme-row-height) + 8px); --control-height: 47px; }
html[data-density="large"] { --row-height: calc(var(--theme-row-height) + 16px); --control-height: 52px; }

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { font-family: var(--font); background: var(--bg); color: var(--text); font-size: 14px; letter-spacing: var(--theme-letter-spacing); }
h1,h2,h3,h4,.page-heading strong,.modal-header strong { font-family: var(--font-heading); }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
.hidden { display: none !important; }

.app-loader { position: fixed; inset: 0; z-index: 9999; display: grid; place-content: center; justify-items: center; gap: 12px; background: var(--bg); }
.app-loader img { width: 84px; height: 84px; object-fit: contain; }
.loader-ring { width: 26px; height: 26px; border: 3px solid var(--border); border-top-color: var(--accent); border-radius: 50%; animation: spin .8s linear infinite; display: inline-block; }
@keyframes spin { to { transform: rotate(360deg); } }
.app-loader p { margin: 0; color: var(--muted); font-weight: 650; }

/* Login: intentionally mirrors the Price List software family */
.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 32px; background:
  radial-gradient(circle at 16% 18%, color-mix(in srgb,var(--accent) 13%,transparent), transparent 30%),
  radial-gradient(circle at 85% 78%, color-mix(in srgb,var(--accent-2) 16%,transparent), transparent 34%),
  linear-gradient(135deg, var(--bg) 0%, var(--bg-soft) 48%, color-mix(in srgb,var(--accent-soft) 72%,var(--bg)) 100%); }
.login-stage { width: min(1160px, 100%); min-height: 675px; display: grid; grid-template-columns: 1.18fr .82fr; border-radius: 28px; overflow: hidden; position: relative; box-shadow: var(--shadow); background: var(--panel); }
.login-showcase { padding: 54px 62px; color: #fff; position: relative; overflow: hidden; background:
  radial-gradient(circle at 85% 12%, rgba(255,255,255,.16), transparent 28%),
  radial-gradient(circle at 5% 90%, var(--login-glow), transparent 32%),
  linear-gradient(145deg, var(--login-start), var(--login-mid) 56%, var(--login-end)); }
.login-showcase::after { content: ""; position: absolute; width: 360px; height: 360px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; right: -170px; bottom: -140px; box-shadow: 0 0 0 60px rgba(255,255,255,.035), 0 0 0 120px rgba(255,255,255,.025); }
.login-showcase-brand { display: flex; align-items: center; gap: 14px; font-size: 12px; font-weight: 900; letter-spacing: .17em; position: relative; z-index: 1; }
.login-showcase-logo { width: 58px; height: 58px; object-fit: contain; filter: drop-shadow(0 8px 18px rgba(0,0,0,.18)); }
.login-showcase h1 { margin: 55px 0 17px; font-size: clamp(48px, 5vw, 72px); line-height: .96; letter-spacing: -.05em; position: relative; z-index: 1; }
.login-showcase-subtitle { max-width: 520px; margin: 0 0 34px; color: rgba(255,255,255,.82); font-size: 17px; line-height: 1.65; position: relative; z-index: 1; }
.login-feature-stack { display: grid; gap: 13px; max-width: 520px; position: relative; z-index: 1; }
.login-feature-card { display: grid; grid-template-columns: 48px 1fr; gap: 14px; align-items: center; padding: 14px 16px; border-radius: 15px; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(8px); }
.login-feature-card > span { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: rgba(255,255,255,.14); color: #fff2e8; font-size: 12px; font-weight: 900; }
.login-feature-card b { display: block; margin-bottom: 4px; }
.login-feature-card small { display: block; color: rgba(255,255,255,.72); line-height: 1.45; }
.login-formula-strip { position: absolute; z-index: 1; left: 62px; right: 62px; bottom: 45px; padding: 13px 16px; display: flex; justify-content: space-between; gap: 18px; align-items: center; border-radius: 13px; background: rgba(5,38,40,.38); border: 1px solid rgba(255,255,255,.12); }
.login-formula-strip span { font-size: 10px; font-weight: 900; letter-spacing: .14em; color: #ffd6bd; }
.login-formula-strip b { font-size: 13px; }
.login-card-pro { padding: 56px 54px 68px; background: var(--panel); align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
.login-card-brand { display: flex; gap: 14px; align-items: center; margin-bottom: 54px; }
.login-logo { width: 58px; height: 58px; object-fit: contain; }
.login-card-brand strong { display: block; font-size: 16px; color: var(--text); }
.login-card-brand small { color: var(--muted); display: block; margin-top: 3px; }
.version-pill { margin-left: 7px; display: inline-flex; padding: 3px 7px; border-radius: 999px; background: var(--accent-soft); color: var(--accent-ink); font-size: 10px; font-weight: 900; }
.login-kicker, .eyebrow { display: block; font-size: 10px; letter-spacing: .15em; font-weight: 900; text-transform: uppercase; color: var(--accent); }
.login-welcome h2 { margin: 8px 0 8px; font-size: 30px; letter-spacing: -.035em; color: var(--text); }
.login-welcome p { margin: 0 0 30px; color: var(--muted); line-height: 1.55; }
.login-form { display: grid; gap: 18px; }
.login-form > label { display: grid; gap: 8px; color: #314640; font-weight: 750; font-size: 12px; }
.login-input-shell { height: 49px; display: grid; grid-template-columns: 35px 1fr auto; align-items: center; border: 1px solid #d4e1dd; border-radius: 12px; background: #fff; overflow: hidden; transition: .18s; }
.login-input-shell:focus-within { border-color: #0b7a70; box-shadow: 0 0 0 4px rgba(11,122,112,.10); }
.login-input-shell i { text-align: center; color: #8da09a; font-style: normal; }
.login-input-shell input { border: 0; outline: 0; height: 100%; min-width: 0; color: #172e2a; background: transparent; }
.login-input-shell button { height: 100%; border: 0; background: transparent; color: #0b6f67; padding: 0 13px; cursor: pointer; font-weight: 800; font-size: 11px; }
.login-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #687a75; font-size: 11px; }
.remember-line { display: flex !important; align-items: center; gap: 8px !important; font-weight: 600 !important; cursor: pointer; }
.remember-line input { accent-color: #08706d; }
.login-secure { display: inline-flex; gap: 6px; align-items: center; font-weight: 800; color: #0b6f67; }
.login-secure i { width: 7px; height: 7px; border-radius: 50%; background: #d7a837; }
.login-secure.ready i { background: #15a475; }
.caps-lock { color: #9c6a00; background: #fff5d9; border: 1px solid #f2dfa5; padding: 8px 11px; border-radius: 9px; font-size: 11px; font-weight: 700; }
.form-error { color: #a82d2d; background: #fdeaea; border: 1px solid #f3bcbc; padding: 10px 12px; border-radius: 10px; font-size: 12px; }
.login-submit { height: 50px; margin-top: 3px; }
.login-card-footer { display: flex; justify-content: space-between; gap: 15px; margin-top: 25px; padding-top: 17px; border-top: 1px solid #e2e9e6; color: #7b8985; font-size: 11px; }
.login-signature { position: absolute; right: 36px; bottom: 20px; color: #75817d; font-size: 11px; letter-spacing: .03em; }
.login-signature strong { color: var(--signature); font-size: 16px; font-weight: 600; }

/* Shell */
.app-shell { min-height: 100vh; }
.topbar { height: 64px; position: sticky; top: 0; z-index: 80; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 22px; background: var(--topbar-tint); border-bottom: 1px solid var(--border); backdrop-filter: blur(14px); }
.brand-block { display: flex; align-items: center; gap: 11px; min-width: 0; }
.brand-block img { width: 39px; height: 39px; object-fit: contain; }
.brand-block strong, .brand-block span { display: block; }
.brand-block strong { font-size: 13px; white-space: nowrap; }
.brand-block span { margin-top: 2px; font-size: 9px; color: var(--muted); }
.top-nav { display: flex; padding: 4px; border-radius: 12px; background: var(--panel-muted); border: 1px solid var(--border); }
.nav-tab { border: 0; background: transparent; padding: 9px 14px; border-radius: 9px; color: var(--muted); font-size: 11px; font-weight: 800; cursor: pointer; transition: .18s; }
.nav-tab:hover { color: var(--text); }
.nav-tab.active { background: var(--panel-2); color: var(--accent); box-shadow: var(--shadow-soft); }
.top-actions { justify-self: end; display: flex; gap: 9px; align-items: center; position: relative; }
.icon-button { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 10px; background: var(--panel-2); cursor: pointer; font-weight: 900; }
.icon-button:hover { border-color: var(--border-strong); background: var(--panel-muted); }
#systemStatusButton { color: var(--success); }
.profile-button { min-width: 170px; height: 44px; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 9px; border: 1px solid var(--border); border-radius: 12px; background: var(--panel-2); padding: 5px 9px; cursor: pointer; text-align: left; }
.avatar, .profile-menu-avatar { display: grid; place-items: center; border-radius: 10px; background: var(--accent); color: white; font-weight: 900; }
.avatar { width: 32px; height: 32px; }
.profile-copy strong, .profile-copy small { display: block; }
.profile-copy strong { font-size: 11px; }
.profile-copy small { color: var(--muted); font-size: 9px; margin-top: 2px; }
.profile-menu { position: absolute; top: 53px; right: 0; width: 295px; padding: 9px; border-radius: 15px; background: var(--panel-2); border: 1px solid var(--border); box-shadow: var(--shadow); z-index: 120; }
.profile-menu-head { display: grid; grid-template-columns: 45px 1fr; gap: 11px; padding: 9px 9px 13px; border-bottom: 1px solid var(--border); margin-bottom: 5px; }
.profile-menu-avatar { width: 43px; height: 43px; font-size: 16px; }
.profile-menu-head strong, .profile-menu-head small { display: block; }
.profile-menu-head small { color: var(--muted); margin: 2px 0 5px; }
.profile-role-chip { display: inline-flex; padding: 3px 7px; border-radius: 999px; background: var(--violet-soft); color: var(--violet); font-size: 9px; font-weight: 900; }
.profile-menu-action { width: 100%; display: grid; grid-template-columns: 30px 1fr; gap: 7px; align-items: center; text-align: left; padding: 10px; border: 0; border-radius: 10px; background: transparent; cursor: pointer; }
.profile-menu-action:hover { background: var(--panel-muted); }
.profile-menu-action strong, .profile-menu-action small { display: block; }
.profile-menu-action strong { font-size: 11px; }
.profile-menu-action small { color: var(--muted); font-size: 9px; margin-top: 2px; }
.signout-action { color: var(--danger); border-top: 1px solid var(--border); margin-top: 5px; border-radius: 0 0 9px 9px; }
.mobile-menu-button { display: none; }
.mobile-nav-overlay { position: fixed; z-index: 110; top: 64px; left: 0; right: 0; padding: 12px; background: var(--panel-2); border-bottom: 1px solid var(--border); box-shadow: var(--shadow); }
.mobile-nav-link { width: 100%; padding: 12px; border: 0; border-radius: 9px; background: transparent; text-align: left; font-weight: 800; }

.main-content { width: min(1540px, 100%); margin: 0 auto; padding: 24px 27px 60px; }
.page { display: none; }
.page.active { display: block; }
.page-heading { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; margin: 0 0 18px; }
.compact-heading { margin-bottom: 16px; }
.page-heading h1 { margin: 6px 0 5px; font-size: 29px; letter-spacing: -.04em; }
.page-heading p { margin: 0; max-width: 760px; color: var(--muted); line-height: 1.5; font-size: 11px; }
.heading-actions { display: flex; gap: 8px; align-items: center; }
.button { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid transparent; border-radius: 10px; padding: 0 14px; font-size: 11px; font-weight: 850; cursor: pointer; transition: .17s; white-space: nowrap; }
.button:disabled { opacity: .5; cursor: not-allowed; }
.button.primary { color: white; background: var(--accent); box-shadow: 0 7px 14px color-mix(in srgb, var(--accent) 20%, transparent); }
.button.primary:hover { background: var(--accent-2); transform: translateY(-1px); }
.button.secondary { color: var(--accent-ink); background: var(--panel-2); border-color: var(--border-strong); }
.button.subtle { background: var(--panel-muted); border-color: var(--border); color: var(--muted); }
.button.danger { background: var(--danger); color: #fff; }
.button.danger-outline { color: var(--danger); background: var(--panel-2); border-color: color-mix(in srgb, var(--danger) 36%, var(--border)); }
.button.full { width: 100%; }
.text-button { border: 0; background: transparent; color: var(--accent); font-weight: 850; cursor: pointer; }

.panel { background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-soft); }
.panel-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 17px; border-bottom: 1px solid var(--border); }
.panel-header.compact { padding: 14px 15px; }
.panel-header h2 { margin: 4px 0 0; font-size: 15px; letter-spacing: -.02em; }
.panel-header p { margin: 5px 0 0; color: var(--muted); font-size: 11px; }

/* Calculator */
.sticky-summary-shell { position: sticky; top: 70px; z-index: 45; margin-bottom: 13px; }
.summary-strip { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; padding: 8px; border-radius: 16px; background: color-mix(in srgb, var(--panel-2) 94%, transparent); border: 1px solid var(--border); box-shadow: var(--shadow-soft); backdrop-filter: blur(14px); }
.summary-metric { min-width: 0; text-align: left; padding: 12px 13px; border: 0; border-left: 3px solid var(--border-strong); border-radius: 10px; background: var(--panel-muted); cursor: default; }
button.summary-metric { cursor: pointer; }
button.summary-metric:hover { transform: translateY(-1px); box-shadow: var(--shadow-soft); }
.summary-metric span, .summary-metric strong, .summary-metric small { display: block; }
.summary-metric span { color: var(--muted); text-transform: uppercase; letter-spacing: .09em; font-size: 8px; font-weight: 900; }
.summary-metric strong { margin: 5px 0 3px; font-size: 20px; letter-spacing: -.035em; overflow: hidden; text-overflow: ellipsis; }
.summary-metric small { color: var(--faint); font-size: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.summary-metric.line { border-left-color: var(--line); background: var(--line-soft); }
.summary-metric.normal { border-left-color: var(--normal); background: var(--normal-soft); }
.summary-metric.special { border-left-color: var(--special); background: var(--special-soft); }
.summary-metric.attention { border-left-color: var(--danger); background: var(--danger-soft); }
.summary-metric.attention strong { color: var(--danger); }
.calculator-command-bar { min-height: 70px; margin-bottom: 13px; padding: 12px 15px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.special-rate-group { display: flex; align-items: center; gap: 14px; min-width: 0; }
.special-rate-group > div:first-child strong { display: block; margin-top: 3px; font-size: 13px; }
.money-input { width: 145px; height: 42px; display: grid; grid-template-columns: 32px 1fr; align-items: center; border: 1px solid var(--border-strong); border-radius: 10px; background: var(--panel-2); overflow: hidden; }
.money-input span { text-align: center; color: var(--muted); font-weight: 900; }
.money-input input { width: 100%; height: 100%; border: 0; outline: 0; background: transparent; color: var(--text); font-weight: 850; }
.formula-preview { color: var(--muted); font-size: 11px; padding: 9px 12px; border-radius: 9px; background: var(--panel-muted); white-space: nowrap; }
.formula-preview strong { color: var(--special); }
.command-actions { display: flex; gap: 8px; align-items: center; }
.paste-ready { display: inline-flex; align-items: center; gap: 7px; padding: 8px 10px; color: var(--muted); font-size: 10px; font-weight: 800; }
.paste-ready i { width: 7px; height: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 4px var(--success-soft); }
.calculator-layout { display: grid; grid-template-columns: minmax(0, 1fr) 305px; gap: 13px; align-items: start; }
.table-panel { min-width: 0; overflow: hidden; }
.table-panel-header { padding: 14px 16px; }
.table-meta { display: flex; gap: 8px; align-items: center; }
.pill { padding: 6px 9px; border-radius: 999px; background: var(--accent-soft); color: var(--accent-ink); font-size: 9px; font-weight: 900; }
.search-field { min-width: 190px; height: 36px; display: grid; grid-template-columns: 30px 1fr; align-items: center; border: 1px solid var(--border); border-radius: 9px; background: var(--panel-2); }
.search-field span { text-align: center; color: var(--muted); }
.search-field input { width: 100%; height: 100%; border: 0; outline: 0; background: transparent; color: var(--text); min-width: 0; }
.search-field.wide { min-width: 245px; }
.table-wrap { position: relative; overflow: auto; }
.table-panel .table-wrap { max-height: calc(100vh - 316px); min-height: 410px; }
.data-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 10px; }
.data-table thead { position: sticky; top: 0; z-index: 3; }
.data-table th { height: 37px; padding: 8px 9px; background: var(--panel-muted); color: var(--muted); border-bottom: 1px solid var(--border); text-transform: uppercase; letter-spacing: .06em; font-size: 8px; text-align: left; white-space: nowrap; }
.data-table td { height: var(--row-height); padding: 7px 9px; border-bottom: 1px solid var(--border); vertical-align: middle; }
.data-table tbody tr { background: var(--panel); transition: .12s; }
.data-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--panel-muted) 36%, var(--panel)); }
.data-table tbody tr:hover { background: var(--accent-soft); }
.data-table input { width: 100%; min-width: 68px; height: 31px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: var(--text); padding: 0 7px; }
.data-table input:hover { border-color: var(--border); background: var(--panel-2); }
.data-table input:focus { outline: 0; border-color: var(--accent); background: var(--panel-2); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent); }
.data-table input.read-only { background: var(--panel-muted); color: var(--muted); cursor: default; }
.data-table input.read-only:hover { border-color: transparent; background: var(--panel-muted); }
.calculator-table { min-width: 1180px; }
.col-no { width: 42px; }
.col-item { min-width: 250px; }
.col-action { width: 44px; text-align: center; }
.numeric-cell { font-variant-numeric: tabular-nums; white-space: nowrap; }
.band-badge, .status-badge, .role-badge, .action-badge, .category-badge { display: inline-flex; align-items: center; max-width: 100%; padding: 4px 7px; border-radius: 999px; font-size: 8px; font-weight: 900; white-space: nowrap; }
.band-badge.heavy { background: var(--line-soft); color: var(--line); }
.band-badge.middle { background: var(--normal-soft); color: var(--normal); }
.band-badge.small { background: var(--special-soft); color: var(--special); }
.status-badge.ok { background: var(--success-soft); color: var(--success); }
.status-badge.invalid { background: var(--danger-soft); color: var(--danger); }
.row-remove { width: 28px; height: 28px; border: 1px solid var(--border); border-radius: 8px; background: var(--panel-2); color: var(--danger); cursor: pointer; }
.attention-row { box-shadow: inset 3px 0 var(--danger); }
.empty-state { min-height: 370px; display: grid; place-content: center; justify-items: center; text-align: center; color: var(--muted); padding: 30px; }
.empty-state h3 { margin: 10px 0 5px; color: var(--text); }
.empty-state p { margin: 0 0 15px; }
.empty-illustration { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 17px; background: var(--accent-soft); color: var(--accent); font-size: 23px; }
.compact-empty { min-height: 230px; }
.calculator-side { display: grid; gap: 13px; position: sticky; top: 159px; }
.package-summary, .rate-reference { padding: 8px 13px; display: grid; gap: 6px; }
.package-row { display: grid; grid-template-columns: 1fr auto; gap: 9px; padding: 9px 4px; border-bottom: 1px solid var(--border); }
.package-row:last-child { border-bottom: 0; }
.package-row strong, .package-row small { display: block; }
.package-row small { color: var(--muted); font-size: 9px; margin-top: 2px; }
.package-row .package-values { text-align: right; }
.package-total-row { display: flex; justify-content: space-between; padding: 12px 15px; border-top: 1px solid var(--border); background: var(--panel-muted); border-radius: 0 0 var(--radius) var(--radius); }
.mini-empty { padding: 24px 16px; text-align: center; color: var(--muted); font-size: 10px; }
.rate-reference-row { padding: 9px 4px; border-bottom: 1px solid var(--border); }
.rate-reference-row:last-child { border-bottom: 0; }
.rate-reference-row > div:first-child { display: flex; justify-content: space-between; gap: 8px; }
.rate-reference-row strong { font-size: 11px; }
.rate-reference-row small { display: block; color: var(--muted); margin-top: 3px; font-size: 8px; }
.rate-pairs { display: flex; gap: 8px; margin-top: 7px; }
.rate-pairs span { flex: 1; padding: 6px 7px; border-radius: 7px; background: var(--panel-muted); font-size: 9px; }
.formula-note { display: grid; grid-template-columns: 24px 1fr; gap: 8px; align-items: start; padding: 11px 13px; margin: 0 11px 11px; border-radius: 10px; background: var(--accent-soft); color: var(--accent-ink); }
.formula-note span { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); color: #fff; font-size: 10px; font-weight: 900; }
.formula-note p { margin: 1px 0 0; font-size: 9px; line-height: 1.45; }

/* Users */
.section-tabs { display: flex; gap: 5px; padding: 5px; width: fit-content; margin: 0 0 13px; border: 1px solid var(--border); border-radius: 12px; background: var(--panel-muted); }
.section-tab { border: 0; border-radius: 8px; background: transparent; padding: 9px 14px; color: var(--muted); font-size: 10px; font-weight: 850; cursor: pointer; }
.section-tab.active { background: var(--panel-2); color: var(--accent); box-shadow: var(--shadow-soft); }
.user-section { display: none; }
.user-section.active { display: block; }
.compact-stat-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 12px; }
.compact-stat-strip button { text-align: left; border: 1px solid var(--border); border-radius: 12px; background: var(--panel); padding: 11px 14px; cursor: pointer; }
.compact-stat-strip span, .compact-stat-strip strong { display: block; }
.compact-stat-strip span { font-size: 8px; color: var(--muted); text-transform: uppercase; letter-spacing: .08em; font-weight: 900; }
.compact-stat-strip strong { font-size: 19px; margin-top: 3px; }
.admin-toolbar { padding: 13px 15px; }
.admin-toolbar small { color: var(--muted); font-size: 9px; }
.filter-toolbar { display: flex; gap: 7px; align-items: center; }
.filter-toolbar select, .log-filter-toolbar select, .log-filter-toolbar input[type="date"] { height: 36px; border: 1px solid var(--border); border-radius: 9px; background: var(--panel-2); color: var(--text); padding: 0 9px; outline: 0; }
.full-page-table { overflow: auto; }
.users-table { min-width: 950px; }
.user-identity { display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 9px; }
.user-avatar { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: var(--accent-soft); color: var(--accent); font-weight: 900; }
.user-identity strong, .user-identity small { display: block; }
.user-identity small { color: var(--muted); margin-top: 2px; font-size: 8px; }
.role-badge.super_admin { background: var(--violet-soft); color: var(--violet); }
.role-badge.admin { background: var(--line-soft); color: var(--line); }
.role-badge.manager { background: var(--special-soft); color: var(--special); }
.role-badge.staff, .role-badge.checker, .role-badge.viewer { background: var(--panel-muted); color: var(--muted); }
.account-status { display: inline-flex; align-items: center; gap: 6px; font-size: 9px; font-weight: 850; }
.account-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--success); }
.account-status.disabled { color: var(--danger); }
.account-status.disabled::before { background: var(--danger); }
.access-summary { color: var(--muted); font-size: 9px; }
.more-button { width: 31px; height: 31px; border: 1px solid var(--border); border-radius: 9px; background: var(--panel-2); cursor: pointer; font-weight: 900; }
.row-action-menu { position: fixed; z-index: 150; min-width: 185px; padding: 6px; border-radius: 11px; background: var(--panel-2); border: 1px solid var(--border); box-shadow: var(--shadow); }
.row-action-menu button { width: 100%; padding: 9px 10px; border: 0; border-radius: 7px; background: transparent; text-align: left; font-size: 10px; cursor: pointer; }
.row-action-menu button:hover { background: var(--panel-muted); }
.roles-panel { overflow: hidden; }
.permission-matrix-wrap { overflow: auto; padding: 0 16px 18px; }
.permission-matrix { width: 100%; border-collapse: collapse; min-width: 760px; }
.permission-matrix th, .permission-matrix td { padding: 12px 13px; border-bottom: 1px solid var(--border); text-align: center; }
.permission-matrix th:first-child, .permission-matrix td:first-child { text-align: left; }
.permission-matrix th { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .07em; }
.permission-check { width: 23px; height: 23px; display: inline-grid; place-items: center; border-radius: 7px; background: var(--success-soft); color: var(--success); font-weight: 900; }
.permission-none { color: var(--faint); }
.security-stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin-bottom: 12px; }
.security-stat-grid article { padding: 13px 15px; border: 1px solid var(--border); border-radius: 13px; background: var(--panel); }
.security-stat-grid span, .security-stat-grid strong, .security-stat-grid small { display: block; }
.security-stat-grid span { color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; font-weight: 900; }
.security-stat-grid strong { font-size: 20px; margin: 4px 0 2px; }
.security-stat-grid small { color: var(--faint); font-size: 8px; }
.security-session-list { display: grid; }
.security-session-row { display: grid; grid-template-columns: minmax(180px, 1.3fr) 1fr 1fr auto; gap: 12px; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--border); }
.security-session-row:last-child { border-bottom: 0; }
.security-session-row strong, .security-session-row small { display: block; }
.security-session-row small { color: var(--muted); font-size: 9px; margin-top: 2px; }
.security-settings-panel { margin-top: 12px; padding: 16px; display: grid; grid-template-columns: 1fr 190px 190px auto; gap: 13px; align-items: end; }
.security-settings-panel h2 { margin: 4px 0; font-size: 15px; }
.security-settings-panel p { margin: 0; color: var(--muted); font-size: 10px; }
.security-settings-panel label { display: grid; gap: 6px; color: var(--muted); font-size: 9px; font-weight: 800; }
.security-settings-panel input { height: 38px; border: 1px solid var(--border); border-radius: 9px; background: var(--panel-2); color: var(--text); padding: 0 10px; }

/* Logs */
.last-refresh-label { color: var(--muted); font-size: 9px; }
.log-summary-strip { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-bottom: 12px; }
.log-summary { display: flex; justify-content: space-between; align-items: center; padding: 11px 13px; border: 1px solid var(--border); border-radius: 12px; background: var(--panel); cursor: pointer; }
.log-summary span { color: var(--muted); font-size: 9px; font-weight: 850; }
.log-summary strong { font-size: 18px; }
.log-summary.active { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
.log-summary.alert strong { color: var(--danger); }
.log-panel { overflow: hidden; }
.log-filter-toolbar { display: grid; grid-template-columns: auto 105px 105px 130px 135px 145px minmax(170px,1fr) auto auto; gap: 7px; align-items: end; padding: 12px 13px; border-bottom: 1px solid var(--border); }
.log-filter-toolbar > label:not(.search-field) { display: grid; gap: 4px; color: var(--muted); font-size: 8px; font-weight: 850; }
.quick-range-group { display: flex; padding: 3px; border-radius: 9px; background: var(--panel-muted); border: 1px solid var(--border); }
.quick-range-button { height: 29px; border: 0; border-radius: 7px; padding: 0 9px; background: transparent; color: var(--muted); font-size: 8px; font-weight: 900; cursor: pointer; }
.quick-range-button.active { color: var(--accent); background: var(--panel-2); box-shadow: var(--shadow-soft); }
.log-search { min-width: 0; width: 100%; }
.inline-error { margin: 10px 13px 0; padding: 10px 12px; display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; border: 1px solid color-mix(in srgb, var(--danger) 40%, var(--border)); border-radius: 10px; background: var(--danger-soft); color: var(--danger); font-size: 9px; }
.table-loading { padding: 14px; display: flex; justify-content: center; align-items: center; gap: 8px; color: var(--muted); }
.logs-table { min-width: 970px; }
.logs-table tbody tr { cursor: pointer; }
.category-badge.authentication { background: var(--success-soft); color: var(--success); }
.category-badge.calculator { background: var(--accent-soft); color: var(--accent); }
.category-badge.rates { background: var(--special-soft); color: var(--special); }
.category-badge.users { background: var(--violet-soft); color: var(--violet); }
.category-badge.security, .category-badge.system { background: var(--danger-soft); color: var(--danger); }
.activity-cell strong, .activity-cell small { display: block; }
.activity-cell small { color: var(--muted); margin-top: 3px; font-size: 8px; }
.log-detail-preview { max-width: 520px; color: var(--muted); }
.pagination-bar { min-height: 50px; display: flex; justify-content: space-between; align-items: center; padding: 9px 14px; border-top: 1px solid var(--border); color: var(--muted); font-size: 9px; }
.pagination-bar > div { display: flex; gap: 6px; }

/* Forms / modals */
.modal-overlay { position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; padding: 22px; background: rgba(12,25,23,.58); backdrop-filter: blur(5px); }
.modal-card { width: min(760px, 100%); max-height: calc(100vh - 44px); overflow: auto; border-radius: 19px; background: var(--panel-2); border: 1px solid var(--border); box-shadow: 0 30px 80px rgba(0,0,0,.30); }
.small-modal-card { width: min(470px, 100%); padding-bottom: 5px; }
.paste-modal-card { width: min(690px, 100%); }
.rate-modal-card { width: min(960px, 100%); }
.user-modal-card { width: min(760px, 100%); }
.theme-modal-card { width: min(770px, 100%); }
.modal-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; padding: 19px 20px; border-bottom: 1px solid var(--border); }
.modal-header h2 { margin: 5px 0 0; font-size: 20px; letter-spacing: -.03em; }
.modal-header p { margin: 5px 0 0; color: var(--muted); font-size: 10px; }
.modal-close { flex: 0 0 auto; }
.modal-actions { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 20px; border-top: 1px solid var(--border); }
.modal-actions.centered { justify-content: center; }
.paste-guide { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; padding: 15px 20px; }
.paste-guide div { display: grid; grid-template-columns: 29px 1fr; gap: 8px; align-items: center; padding: 10px; border-radius: 10px; background: var(--panel-muted); }
.paste-guide span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; background: var(--accent); color: white; font-weight: 900; }
.paste-guide p { margin: 0; font-size: 9px; line-height: 1.4; }
#pasteTextarea { width: calc(100% - 40px); min-height: 180px; margin: 0 20px 18px; resize: vertical; border: 1px dashed var(--border-strong); border-radius: 12px; background: var(--panel-muted); color: var(--text); padding: 14px; outline: 0; }
#pasteTextarea:focus { border-color: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent); }
.rate-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 16px 20px; }
.rate-band-card { border: 1px solid var(--border); border-radius: 14px; overflow: hidden; background: var(--panel); }
.rate-band-card-head { padding: 13px 14px; background: var(--panel-muted); border-bottom: 1px solid var(--border); }
.rate-band-card-head span { display: inline-flex; padding: 4px 7px; border-radius: 999px; background: var(--accent-soft); color: var(--accent); font-size: 8px; font-weight: 900; }
.rate-band-card-head h3 { margin: 7px 0 3px; font-size: 15px; }
.rate-band-card-head small { color: var(--muted); font-size: 9px; }
.rate-band-card-body { padding: 13px 14px; display: grid; gap: 11px; }
.rate-input-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.rate-field { display: grid; gap: 5px; }
.rate-field span { color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .07em; font-weight: 900; }
.rate-field label { height: 40px; display: grid; grid-template-columns: 26px 1fr; align-items: center; border: 1px solid var(--border); border-radius: 9px; background: var(--panel-2); overflow: hidden; }
.rate-field input { width: 100%; height: 100%; border: 0; outline: 0; color: var(--text); background: transparent; font-weight: 850; }
.rate-band-meta { color: var(--muted); font-size: 8px; line-height: 1.5; }
.rate-tools-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0 20px 17px; }
.rate-test-panel, .rate-review-panel { padding: 14px; border: 1px solid var(--border); border-radius: 13px; background: var(--panel-muted); }
.rate-test-panel h3, .rate-review-panel h3 { margin: 5px 0 10px; font-size: 13px; }
.rate-test-panel > div { display: flex; gap: 8px; }
.rate-test-panel label { display: grid; gap: 5px; color: var(--muted); font-size: 8px; font-weight: 850; }
.rate-test-panel input { width: 105px; height: 36px; border: 1px solid var(--border); border-radius: 8px; background: var(--panel-2); color: var(--text); padding: 0 8px; }
.rate-test-panel output { display: block; margin-top: 10px; padding: 9px; border-radius: 8px; background: var(--panel-2); font-size: 10px; }
.rate-change-review { display: grid; gap: 6px; color: var(--muted); font-size: 9px; }
.rate-change-item { padding: 7px 9px; border-radius: 8px; background: var(--panel-2); color: var(--text); }
.form-grid { display: grid; gap: 12px; padding: 17px 20px; }
.form-grid.two-column { grid-template-columns: 1fr 1fr; }
.form-grid label, .stack-field { display: grid; gap: 6px; color: var(--muted); font-size: 9px; font-weight: 850; }
.form-grid input, .form-grid select, .stack-field input { height: 41px; border: 1px solid var(--border); border-radius: 9px; background: var(--panel-2); color: var(--text); padding: 0 10px; outline: 0; }
.stack-field { margin: 14px 20px; }
.toggle-row { margin: 0 20px 14px; display: flex; gap: 10px; align-items: center; padding: 11px; border-radius: 10px; background: var(--panel-muted); }
.toggle-row input { accent-color: var(--accent); }
.toggle-row strong, .toggle-row small { display: block; }
.toggle-row small { color: var(--muted); margin-top: 2px; font-size: 8px; }
.permission-section { padding: 0 20px 17px; }
.section-label { margin-bottom: 9px; }
.section-label strong, .section-label small { display: block; }
.section-label small { color: var(--muted); margin-top: 3px; font-size: 9px; }
.permission-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.permission-option { display: flex; gap: 9px; align-items: center; padding: 10px; border: 1px solid var(--border); border-radius: 9px; cursor: pointer; background: var(--panel); }
.permission-option input { accent-color: var(--accent); }
.permission-option strong, .permission-option small { display: block; }
.permission-option strong { font-size: 9px; }
.permission-option small { color: var(--muted); font-size: 8px; margin-top: 2px; }
.edit-user-tools { display: flex; gap: 8px; padding: 0 20px 15px; }
.theme-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; padding: 16px 20px; }
.theme-option { position: relative; display: grid; grid-template-columns: 76px 1fr auto; gap: 11px; align-items: center; padding: 11px; border: 1px solid var(--border); border-radius: 12px; background: var(--panel); text-align: left; cursor: pointer; }
.theme-option.selected { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
.theme-preview { display: grid; grid-template-columns: 1fr 1fr 1fr; height: 42px; border-radius: 8px; overflow: hidden; border: 1px solid rgba(0,0,0,.08); }
.theme-option strong, .theme-option small { display: block; }
.theme-option small { color: var(--muted); margin-top: 3px; font-size: 8px; }
.theme-selected-mark { color: var(--accent); font-weight: 900; opacity: 0; }
.theme-option.selected .theme-selected-mark { opacity: 1; }
.density-picker { margin: 0 20px 16px; display: grid; grid-template-columns: 1fr repeat(3, auto); gap: 7px; align-items: center; padding: 10px; border-radius: 10px; background: var(--panel-muted); }
.density-picker span { font-size: 10px; font-weight: 850; }
.density-picker button { height: 32px; border: 1px solid var(--border); border-radius: 8px; background: var(--panel-2); color: var(--muted); font-size: 9px; font-weight: 800; cursor: pointer; }
.density-picker button.selected { background: var(--accent); color: #fff; border-color: var(--accent); }
.confirm-card { text-align: center; padding: 22px 20px 6px; }
.confirm-icon { width: 50px; height: 50px; margin: 0 auto; display: grid; place-items: center; border-radius: 15px; background: var(--warning-soft); color: var(--warning); font-size: 24px; font-weight: 900; }
.confirm-card h2 { margin: 13px 0 6px; }
.confirm-card p { margin: 0 0 10px; color: var(--muted); line-height: 1.55; }

/* Drawers */
.side-drawer { position: fixed; z-index: 260; top: 0; right: 0; width: min(470px, 94vw); height: 100vh; background: var(--panel-2); border-left: 1px solid var(--border); box-shadow: -22px 0 60px rgba(0,0,0,.22); overflow: auto; animation: drawerIn .22s ease-out; }
@keyframes drawerIn { from { transform: translateX(100%); } to { transform: translateX(0); } }
.drawer-backdrop { position: fixed; inset: 0; z-index: 250; background: rgba(10,23,21,.38); backdrop-filter: blur(2px); }
.drawer-header { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; padding: 18px 19px; border-bottom: 1px solid var(--border); background: color-mix(in srgb, var(--panel-2) 94%, transparent); backdrop-filter: blur(12px); }
.drawer-header h2 { margin: 5px 0 0; font-size: 20px; }
.drawer-body { padding: 16px 18px 30px; }
.drawer-profile-hero { display: grid; grid-template-columns: 58px 1fr; gap: 12px; align-items: center; padding: 14px; border-radius: 14px; background: var(--accent-soft); }
.drawer-profile-avatar { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 16px; background: var(--accent); color: #fff; font-size: 20px; font-weight: 900; }
.drawer-profile-hero h3 { margin: 0 0 3px; font-size: 18px; }
.drawer-profile-hero p { margin: 0; color: var(--muted); font-size: 10px; }
.drawer-section { margin-top: 14px; padding: 13px; border: 1px solid var(--border); border-radius: 13px; background: var(--panel); }
.drawer-section h3 { margin: 0 0 10px; font-size: 13px; }
.detail-list { display: grid; gap: 8px; }
.detail-row { display: grid; grid-template-columns: 130px 1fr; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--border); }
.detail-row:last-child { border-bottom: 0; }
.detail-row span { color: var(--muted); font-size: 9px; }
.detail-row strong { font-size: 10px; word-break: break-word; }
.drawer-action-row { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; }
.breakdown-list { display: grid; gap: 8px; }
.breakdown-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; padding: 11px 12px; border-radius: 10px; background: var(--panel-muted); }
.breakdown-row small { display: block; color: var(--muted); margin-top: 3px; }
.breakdown-total { margin-top: 12px; display: flex; justify-content: space-between; padding: 13px; border-radius: 11px; background: var(--accent); color: #fff; font-weight: 900; }
.attention-item { padding: 12px; margin-bottom: 8px; border: 1px solid color-mix(in srgb, var(--danger) 30%, var(--border)); border-radius: 11px; background: var(--danger-soft); }
.attention-item strong, .attention-item small { display: block; }
.attention-item small { color: var(--muted); margin: 4px 0 10px; line-height: 1.4; }
.session-card { padding: 11px; margin-bottom: 8px; border: 1px solid var(--border); border-radius: 10px; background: var(--panel); }
.session-card.current { border-color: var(--success); box-shadow: inset 3px 0 var(--success); }
.session-card strong, .session-card small { display: block; }
.session-card small { color: var(--muted); margin-top: 3px; font-size: 9px; }

.toast-stack { position: fixed; z-index: 500; right: 18px; bottom: 18px; display: grid; gap: 8px; width: min(360px, calc(100vw - 36px)); }
.toast { display: grid; grid-template-columns: 30px 1fr; gap: 9px; align-items: center; padding: 11px 12px; border-radius: 12px; background: var(--panel-2); border: 1px solid var(--border); box-shadow: var(--shadow); animation: toastIn .2s ease-out; }
@keyframes toastIn { from { transform: translateY(12px); opacity: 0; } }
.toast-icon { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; background: var(--success-soft); color: var(--success); font-weight: 900; }
.toast.warning .toast-icon { background: var(--warning-soft); color: var(--warning); }
.toast.error .toast-icon { background: var(--danger-soft); color: var(--danger); }
.toast strong, .toast small { display: block; }
.toast small { color: var(--muted); margin-top: 2px; font-size: 9px; }

/* Density */
html[data-density="compact"] .data-table td { padding-top: 4px; padding-bottom: 4px; }
html[data-density="compact"] .summary-metric { padding-top: 9px; padding-bottom: 9px; }
html[data-density="comfortable"] body { font-size: 15px; }
html[data-density="comfortable"] .data-table { font-size: 11px; }
html[data-density="comfortable"] .data-table th { font-size: 9px; }

/* Scrollbars */
* { scrollbar-width: thin; scrollbar-color: var(--border-strong) transparent; }
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 999px; border: 2px solid transparent; background-clip: content-box; }
*::-webkit-scrollbar-track { background: transparent; }

@media (max-width: 1180px) {
  .summary-strip { grid-template-columns: repeat(3, 1fr); }
  .calculator-layout { grid-template-columns: 1fr; }
  .calculator-side { position: static; grid-template-columns: 1fr 1fr; }
  .log-filter-toolbar { grid-template-columns: repeat(4, 1fr); }
  .quick-range-group, .log-search { grid-column: span 2; }
  .security-settings-panel { grid-template-columns: 1fr 1fr; }
  .security-settings-panel > div { grid-column: span 2; }
}

@media (max-width: 900px) {
  .login-stage { grid-template-columns: 1fr; min-height: auto; }
  .login-showcase { display: none; }
  .login-card-pro { min-height: 640px; padding: 48px 38px 70px; }
  .login-signature { right: 28px; }
  .topbar { grid-template-columns: 1fr auto; }
  .top-nav { display: none; }
  .mobile-menu-button { display: grid; }
  .profile-copy { display: none; }
  .profile-button { min-width: auto; grid-template-columns: 34px auto; }
  .main-content { padding: 20px 16px 50px; }
  .page-heading { flex-direction: column; }
  .heading-actions { width: 100%; flex-wrap: wrap; }
  .sticky-summary-shell { top: 68px; }
  .calculator-command-bar { align-items: flex-start; flex-direction: column; }
  .command-actions { width: 100%; flex-wrap: wrap; }
  .rate-card-grid { grid-template-columns: 1fr; }
  .rate-tools-grid { grid-template-columns: 1fr; }
  .compact-stat-strip, .security-stat-grid { grid-template-columns: 1fr 1fr; }
  .filter-toolbar { flex-wrap: wrap; }
  .security-session-row { grid-template-columns: 1fr 1fr; }
  .log-summary-strip { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 620px) {
  .login-shell { padding: 0; }
  .login-stage { min-height: 100vh; border-radius: 0; }
  .login-card-pro { padding: 36px 24px 72px; }
  .login-card-brand { margin-bottom: 40px; }
  .topbar { height: 58px; padding: 0 12px; }
  .brand-block strong { font-size: 11px; }
  .brand-block img { width: 34px; height: 34px; }
  .main-content { padding: 16px 10px 40px; }
  .page-heading h1 { font-size: 25px; }
  .summary-strip { grid-template-columns: 1fr 1fr; }
  .summary-metric strong { font-size: 17px; }
  .special-rate-group { width: 100%; flex-wrap: wrap; }
  .money-input { width: 125px; }
  .formula-preview { width: 100%; white-space: normal; }
  .calculator-side { grid-template-columns: 1fr; }
  .compact-stat-strip, .security-stat-grid { grid-template-columns: 1fr 1fr; }
  .section-tabs { width: 100%; overflow: auto; }
  .section-tab { flex: 1; white-space: nowrap; }
  .log-summary-strip { grid-template-columns: 1fr 1fr; }
  .log-filter-toolbar { grid-template-columns: 1fr 1fr; }
  .quick-range-group, .log-search { grid-column: span 2; }
  .theme-grid, .form-grid.two-column, .permission-grid { grid-template-columns: 1fr; }
  .density-picker { grid-template-columns: 1fr; }
  .paste-guide { grid-template-columns: 1fr; }
  .security-settings-panel { grid-template-columns: 1fr; }
  .security-settings-panel > div { grid-column: auto; }
  .security-session-row { grid-template-columns: 1fr; }
  .profile-menu { right: -3px; width: min(295px, calc(100vw - 20px)); }
}

/* Price List-style application identity. */
.topbar { box-shadow:0 8px 26px rgba(15,23,42,.07); }
.profile-button { min-width:176px; border-radius:20px; padding:6px 11px; background:linear-gradient(180deg,var(--panel-2),var(--panel-muted)); }
.profile-avatar-wrap { position:relative; display:inline-flex; align-items:center; justify-content:center; }
.profile-avatar,.user-avatar-card,.user-avatar,.drawer-profile-avatar {
  display:grid; place-items:center; color:#fff; font-weight:950;
  background:linear-gradient(135deg,var(--avatar-a,var(--accent)),var(--avatar-b,var(--accent-2))) !important;
  border:2px solid color-mix(in srgb,#fff 78%,transparent); box-shadow:0 9px 20px rgba(15,23,42,.14);
}
.profile-avatar { width:34px; height:34px; border-radius:12px; font-size:12px; }
.profile-avatar.small { width:42px; height:42px; border-radius:14px; font-size:13px; }
.profile-avatar.xl { width:64px; height:64px; border-radius:20px; font-size:19px; }
.user-avatar-card { width:44px; height:44px; border-radius:15px; font-size:13px; }
.user-avatar { width:32px; height:32px; border-radius:11px; font-size:10px; }
.drawer-profile-avatar { width:60px; height:60px; border-radius:20px; font-size:18px; }
.profile-avatar span,.user-avatar-card span,.user-avatar span,.drawer-profile-avatar span { display:block; }
.live-dot { position:absolute; right:-1px; bottom:0; width:10px; height:10px; border-radius:50%; background:#22c55e; border:2px solid var(--panel-2); box-shadow:0 0 0 0 rgba(34,197,94,.55); animation:ftLivePulse 1.55s infinite; }
@keyframes ftLivePulse { 0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)} }
.avatar-tone-0 { --avatar-a:#047857; --avatar-b:#22c55e; }
.avatar-tone-1 { --avatar-a:#0f766e; --avatar-b:#06b6d4; }
.avatar-tone-2 { --avatar-a:#3f6212; --avatar-b:#84cc16; }
.avatar-tone-3 { --avatar-a:#166534; --avatar-b:#65a30d; }
.avatar-tone-4 { --avatar-a:#0f172a; --avatar-b:#475569; }
.avatar-tone-5 { --avatar-a:#0369a1; --avatar-b:#14b8a6; }
.avatar-tone-6 { --avatar-a:#6d28d9; --avatar-b:#16a34a; }
.avatar-tone-7 { --avatar-a:#854d0e; --avatar-b:#65a30d; }
.avatar-ring-super { box-shadow:0 0 0 3px rgba(202,138,4,.25),0 10px 24px rgba(15,23,42,.15) !important; }
.avatar-ring-admin { box-shadow:0 0 0 3px rgba(37,99,235,.20),0 10px 24px rgba(15,23,42,.15) !important; }
.avatar-ring-manager { box-shadow:0 0 0 3px rgba(5,150,105,.22),0 10px 24px rgba(15,23,42,.15) !important; }
.avatar-ring-checker { box-shadow:0 0 0 3px rgba(124,58,237,.18),0 10px 24px rgba(15,23,42,.15) !important; }
.avatar-ring-staff { box-shadow:0 0 0 3px rgba(100,116,139,.16),0 10px 24px rgba(15,23,42,.15) !important; }
.profile-menu { width:255px; padding:10px; border-radius:18px; backdrop-filter:blur(12px); }
.profile-menu-head { grid-template-columns:45px 1fr; border:1px solid var(--border); border-radius:15px; margin-bottom:7px; padding:10px; background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),color-mix(in srgb,var(--accent-2) 5%,transparent)); }
.profile-menu-action { border-radius:13px; }

/* Staff cards copied from the proven Price List interaction pattern. */
.users-card-grid { display:grid; grid-template-columns:repeat(3,minmax(230px,1fr)); gap:14px; padding:14px 16px 18px; }
.user-compact-card { min-height:174px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border) 82%); border-radius:18px; padding:14px; background:linear-gradient(180deg,var(--panel-2),var(--panel-muted)); box-shadow:0 10px 28px rgba(15,23,42,.07); transition:.15s; cursor:pointer; }
.user-compact-card:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--accent) 38%,var(--border) 62%); box-shadow:0 15px 34px rgba(15,23,42,.11); }
.user-card-top { display:grid; grid-template-columns:44px 1fr auto; gap:11px; align-items:center; }
.user-card-top b,.user-card-top small { display:block; }
.user-card-top b { font-size:14px; }
.user-card-top small { color:var(--muted); font-size:10px; margin-top:2px; }
.user-card-top .more-button { opacity:.78; }
.user-card-badges { display:flex; gap:7px; flex-wrap:wrap; margin:12px 0 8px; }
.user-perm-mini { display:flex; gap:5px; flex-wrap:wrap; min-height:45px; align-content:flex-start; }
.user-perm-mini span { font-size:9px; font-weight:850; color:var(--muted); background:var(--panel-2); border:1px solid var(--border); border-radius:999px; padding:4px 7px; }
.user-card-footer { display:flex; justify-content:space-between; gap:10px; padding-top:10px; margin-top:10px; border-top:1px solid var(--border); color:var(--muted); font-size:9px; font-weight:750; }

/* Avatar picker and richer profile controls. */
.avatar-editor-row,.avatar-preview-row { display:flex; align-items:center; justify-content:space-between; gap:14px; border:1px solid var(--border); border-radius:18px; padding:13px 15px; margin:0 0 14px; background:var(--panel-muted); }
.avatar-editor-row strong,.avatar-preview-row strong { display:block; }
.avatar-editor-row span,.avatar-preview-row small { display:block; color:var(--muted); font-size:10px; margin-top:3px; }
.avatar-picker { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.avatar-picker.large { justify-content:center; padding:16px; border:1px solid var(--border); border-radius:18px; background:var(--panel-muted); }
.avatar-choice { width:36px; height:36px; border-radius:13px; border:2px solid transparent; background:linear-gradient(135deg,var(--avatar-a),var(--avatar-b)); color:#fff; font-size:10px; font-weight:950; display:grid; place-items:center; cursor:pointer; box-shadow:0 8px 18px rgba(15,23,42,.12); }
.avatar-picker.large .avatar-choice { width:48px; height:48px; border-radius:16px; }
.avatar-choice.selected { border-color:#fff; outline:3px solid var(--accent); transform:translateY(-1px); }
.avatar-modal-card { width:min(570px,94vw); }

/* Backup Center. */
.backup-stat-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:14px; }
.backup-stat-strip article { min-height:82px; border:1px solid var(--border); border-radius:16px; background:var(--panel); padding:13px 16px; box-shadow:var(--shadow-soft); }
.backup-stat-strip span,.backup-stat-strip strong,.backup-stat-strip small { display:block; }
.backup-stat-strip span { color:var(--muted); text-transform:uppercase; letter-spacing:.08em; font-size:9px; font-weight:900; }
.backup-stat-strip strong { font-size:18px; margin:7px 0 3px; }
.backup-stat-strip small { color:var(--faint); font-size:9px; }
.backup-stat-strip .backup-health { background:var(--success-soft); border-color:color-mix(in srgb,var(--success) 28%,var(--border)); }
.backup-list { display:grid; gap:9px; padding:14px; }
.backup-record-card { display:grid; grid-template-columns:42px 1fr auto; gap:12px; align-items:center; border:1px solid var(--border); border-radius:15px; padding:11px 12px; background:linear-gradient(180deg,var(--panel-2),var(--panel-muted)); }
.backup-record-icon { width:38px; height:38px; border-radius:12px; display:grid; place-items:center; background:var(--success-soft); color:var(--success); font-size:9px; font-weight:950; }
.backup-record-card strong,.backup-record-card small { display:block; }
.backup-record-card strong { font-size:12px; }
.backup-record-card small { color:var(--muted); font-size:9px; margin-top:3px; }
.app-signature { text-align:right; border-top:1px solid color-mix(in srgb,var(--border) 65%,transparent); padding:12px 24px 15px; margin:0 22px; }

/* Log Report gets avatar consistency and Price List-style readable rows. */
.logs-table .user-avatar { flex:0 0 auto; }
.logs-table tbody tr { cursor:pointer; }
.log-panel { overflow:hidden; }

.density-picker { grid-template-columns:1fr repeat(4,auto); }

@media(max-width:1100px){ .users-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:720px){ .users-card-grid{grid-template-columns:1fr;} .backup-stat-strip{grid-template-columns:1fr;} .backup-record-card{grid-template-columns:38px 1fr;} .backup-record-card .button{grid-column:1/-1;} .density-picker{grid-template-columns:1fr 1fr;} }
.login-signature strong { color:var(--accent) !important; font-size:16px; font-weight:700; }
.freight-showcase h1 { font-size:clamp(44px,4.6vw,66px); }

/* ========================================================================
   V2.31.00 — WORKFLOW, STABILITY & VISUAL POLISH
   Login follows the Price List layout exactly; the signed-in application
   uses an independent Freight visual system with larger, readable type.
   ======================================================================== */

:root {
  --font: "Segoe UI Variable", "Segoe UI", Inter, Arial, sans-serif;
  --bg: #f2f5f7;
  --bg-soft: #f7f9fb;
  --panel: #ffffff;
  --panel-2: #ffffff;
  --panel-muted: #f2f6f7;
  --text: #17252b;
  --muted: #5d6f78;
  --faint: #7f9098;
  --border: #d5e0e4;
  --border-strong: #b9cbd1;
  --accent: #087f5b;
  --accent-2: #0a9a6b;
  --accent-soft: #e3f5ee;
  --accent-ink: #056046;
  --line: #1769aa;
  --line-soft: #e8f2fd;
  --normal: #07805f;
  --normal-soft: #e3f6ee;
  --special: #ae6b00;
  --special-soft: #fff3d3;
  --package: #087c82;
  --package-soft: #e0f4f5;
  --weight: #6550a5;
  --weight-soft: #eeebfb;
  --danger: #c43e42;
  --danger-soft: #fdebec;
  --warning: #a16600;
  --warning-soft: #fff2d1;
  --success: #087d5a;
  --success-soft: #e3f5ed;
  --violet: #7444aa;
  --violet-soft: #f2eafb;
  --shadow: 0 22px 60px rgba(24, 49, 58, .12);
  --shadow-soft: 0 9px 28px rgba(24, 49, 58, .08);
  --shadow-card: 0 12px 32px rgba(30, 55, 65, .09);
  --radius: 18px;
  --radius-sm: 11px;
  --row-height: 54px;
  --body-size: 15px;
  --table-size: 14px;
  --control-height: 42px;
}

html[data-density="compact"] {
  --row-height: 46px;
  --body-size: 14px;
  --table-size: 13px;
  --control-height: 38px;
}
html[data-density="standard"] {
  --row-height: 54px;
  --body-size: 15px;
  --table-size: 14px;
  --control-height: 42px;
}
html[data-density="comfortable"] {
  --row-height: 62px;
  --body-size: 16px;
  --table-size: 15px;
  --control-height: 46px;
}
html[data-density="large"] {
  --row-height: 70px;
  --body-size: 17px;
  --table-size: 16px;
  --control-height: 50px;
  font-size: 17px;
}

html, body { min-height: 100%; }
body {
  font-family: var(--font);
  font-size: var(--body-size);
  line-height: 1.5;
  color: var(--text);
  background:
    radial-gradient(circle at 5% 0%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 24rem),
    var(--bg);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font-family: inherit; }

/* --- Exact full-screen Price List login dimensions, Freight colours --- */
.freight-login-shell {
  min-height: 100vh !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  padding: 0 !important;
  background: linear-gradient(90deg, #063b2e 0%, #087f5b 45%, #f8fafc 45%, #f9fbff 100%) !important;
}
.freight-login-shell .login-stage {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(460px, 1.35fr) minmax(410px, .95fr);
  overflow: hidden;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.freight-login-shell .login-showcase {
  position: relative;
  padding: clamp(46px, 8vh, 98px) clamp(44px, 7vw, 96px);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:
    radial-gradient(circle at 95% 8%, rgba(255,255,255,.13), transparent 23%),
    radial-gradient(circle at 88% 83%, rgba(42, 212, 144, .25), transparent 32%),
    linear-gradient(135deg, #052f26 0%, #076447 45%, #0a9a6b 100%);
}
.freight-login-shell .login-showcase::before,
.freight-login-shell .login-showcase::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.freight-login-shell .login-showcase::before {
  width: 360px;
  height: 360px;
  right: -80px;
  top: -88px;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.035);
  box-shadow: none;
}
.freight-login-shell .login-showcase::after {
  width: 320px;
  height: 320px;
  right: 40px;
  bottom: -160px;
  background: rgba(255,255,255,.07);
  border: 0;
  box-shadow: none;
}
.freight-login-shell .login-showcase-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  color: #c9f8e3;
  text-transform: uppercase;
}
.freight-login-shell .login-showcase-logo {
  width: 68px;
  height: 68px;
  object-fit: contain;
  filter: drop-shadow(0 18px 28px rgba(0,0,0,.32));
}
.freight-login-shell .login-showcase h1 {
  margin: 0;
  font-size: clamp(42px, 5vw, 72px);
  line-height: .96;
  letter-spacing: -2.4px;
}
.freight-login-shell .login-showcase-subtitle {
  max-width: 600px;
  margin: 18px 0 42px;
  color: rgba(255,255,255,.88);
  font-size: 16px;
  font-weight: 650;
  line-height: 1.55;
}
.freight-login-shell .login-feature-stack {
  display: grid;
  gap: 16px;
  max-width: 570px;
}
.freight-login-shell .login-feature-card {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 14px;
  align-items: center;
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 16px;
  background: rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13);
}
.freight-login-shell .login-feature-card > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: rgba(255,255,255,.14);
  color: #bef264;
  font-size: 14px;
  font-weight: 900;
}
.freight-login-shell .login-feature-card b { display: block; font-size: 14px; margin-bottom: 4px; }
.freight-login-shell .login-feature-card small { display: block; color: rgba(255,255,255,.78); line-height: 1.35; font-weight: 650; }
.freight-login-shell .login-formula-strip {
  position: static;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  max-width: 570px;
  margin-top: 32px;
  padding: 14px 18px;
  border-radius: 14px;
  background: rgba(0,0,0,.22);
  color: #fff;
  border: 0;
}
.freight-login-shell .login-formula-strip span { color: #bbf7d0; font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.freight-login-shell .login-formula-strip b { font-size: 13px; }
.freight-login-card {
  align-self: center;
  justify-self: center;
  width: min(430px, calc(100% - 54px)) !important;
  padding: 28px !important;
  border-radius: 22px !important;
  overflow: visible !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(203,213,225,.85) !important;
  box-shadow: 0 34px 90px rgba(5, 55, 39, .16) !important;
  backdrop-filter: blur(14px);
  display: block;
}
.freight-login-card::before { display: none !important; }
.freight-login-card .login-card-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; }
.freight-login-card .login-logo { width: 58px !important; height: 58px !important; }
.freight-login-card .login-card-brand strong { display: block; font-size: 18px; color: #101828; }
.freight-login-card .login-card-brand small { display: block; margin-top: 3px; color: #64748b; font-size: 12px; font-weight: 800; }
.freight-login-card .version-pill { background: #dcfce7; color: #087f5b; }
.freight-login-card .login-welcome { padding: 0 !important; }
.freight-login-card .login-kicker { background: transparent !important; border: 0 !important; color: #087f5b !important; padding: 0 !important; letter-spacing: .12em; }
.freight-login-card .login-welcome h2 { margin: 9px 0 7px !important; font-size: 30px !important; color: #111827; }
.freight-login-card .login-welcome p { margin: 0; color: #64748b; font-size: 12px; line-height: 1.5; }
.freight-login-card .login-form { padding: 0 !important; margin-top: 24px !important; gap: 14px !important; }
.freight-login-card .login-form > label { display: grid; gap: 7px; color: #24324a !important; font-size: 12px; font-weight: 800; }
.freight-login-card .login-form input[type="text"],
.freight-login-card .login-form input[type="password"] {
  width: 100%;
  height: 48px !important;
  border-radius: 13px !important;
  background: #fbfdff !important;
  border: 1px solid #cfd8e6 !important;
  color: #182230;
  padding: 0 14px;
  font-weight: 750;
  outline: none;
}
.freight-login-card .password-field { position: relative; display: block; }
.freight-login-card .password-field input { padding-right: 55px; }
.freight-login-card .password-field button { position: absolute; right: 8px; top: 8px; height: 32px; border: 0; border-radius: 8px; padding: 0 8px; color: #087f5b; background: transparent; font-size: 10px; font-weight: 850; cursor: pointer; }
.freight-login-card .login-form input:focus { border-color: #0a9a6b !important; box-shadow: 0 0 0 4px rgba(10,154,107,.12) !important; }
.freight-login-card .login-row { margin-top: 1px; }
.freight-login-card .remember-line { font-size: 12px !important; color: #667085 !important; }
.freight-login-card .remember-line input { accent-color: #087f5b; }
.freight-login-card .login-secure { padding: 4px 9px; border: 1px solid #a7f3d0; border-radius: 999px; background: #ecfdf5; color: #087f5b; font-size: 10px; }
.freight-login-card .login-secure i { display: none; }
.freight-login-card .login-submit {
  margin-top: 2px;
  height: 50px !important;
  background: linear-gradient(135deg, #076447, #0a9a6b) !important;
  color: #fff !important;
  box-shadow: 0 18px 34px rgba(8,127,91,.25) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
}
.freight-login-card .login-card-footer { margin-top: 22px; padding-top: 18px; border-top: 1px solid #e5e7eb; color: #64748b; font-size: 11px; font-weight: 750; }
.freight-login-shell .login-signature { position: absolute; right: 34px; bottom: 22px; color: #087f5b; font-size: 13px; font-weight: 800; letter-spacing: .02em; opacity: .95; }
.freight-login-shell .login-signature strong { color: #087f5b !important; font-size: 16px; }

/* --- Independent Freight application shell --- */
.app-shell { min-height: 100vh; }
.topbar {
  height: 72px;
  grid-template-columns: minmax(250px, 1fr) auto minmax(250px, 1fr);
  padding: 0 26px;
  background: color-mix(in srgb, var(--panel-2) 96%, transparent);
  border-bottom: 1px solid var(--border);
  box-shadow: 0 8px 28px rgba(30, 55, 65, .07);
}
.brand-block { gap: 13px; }
.brand-block img { width: 46px; height: 46px; }
.brand-block strong { font-size: 15px; line-height: 1.15; }
.brand-block span { margin-top: 4px; font-size: 11px; font-weight: 600; color: var(--muted); }
.top-nav { padding: 5px; gap: 3px; border-radius: 14px; background: var(--panel-muted); }
.nav-tab { min-height: 40px; padding: 0 17px; border-radius: 10px; font-size: 13px; font-weight: 750; }
.nav-tab span { margin-right: 5px; }
.nav-tab.active { color: #fff; background: linear-gradient(135deg, var(--accent), var(--accent-2)); box-shadow: 0 8px 18px color-mix(in srgb, var(--accent) 24%, transparent); }
.top-actions { gap: 10px; }
.icon-button { width: 40px; height: 40px; border-radius: 12px; font-size: 14px; }
.profile-button { min-width: 190px; height: 50px; border-radius: 15px; padding: 6px 11px; grid-template-columns: 38px 1fr auto; }
.profile-avatar { width: 38px; height: 38px; border-radius: 13px; font-size: 13px; }
.profile-copy strong { font-size: 13px; }
.profile-copy small { margin-top: 2px; font-size: 11px; }
.profile-menu { top: 60px; width: 320px; padding: 11px; border-radius: 18px; }
.profile-menu-action { min-height: 52px; grid-template-columns: 34px 1fr; padding: 10px 11px; }
.profile-menu-action strong { font-size: 13px; }
.profile-menu-action small { font-size: 11px; }

.main-content { width: min(1700px, 100%); padding: 30px 34px 72px; }
.page-heading { align-items: center; margin-bottom: 22px; }
.page-heading .eyebrow, .panel-header .eyebrow, .modal-header .eyebrow, .drawer-header .eyebrow { font-size: 11px; }
.page-heading h1 { margin: 5px 0 7px; font-size: clamp(32px, 3vw, 40px); line-height: 1.05; letter-spacing: -.045em; }
.page-heading p { max-width: 820px; font-size: 15px; line-height: 1.55; }
.heading-actions { gap: 10px; flex-wrap: wrap; }
.button { min-height: var(--control-height); padding: 0 17px; border-radius: 11px; font-size: 14px; font-weight: 750; }
.button.primary { box-shadow: 0 9px 22px color-mix(in srgb, var(--accent) 25%, transparent); }
.text-button { font-size: 13px; }

.panel { border-radius: var(--radius); box-shadow: var(--shadow-card); }
.panel-header { padding: 19px 20px; }
.panel-header.compact { padding: 17px 18px; }
.panel-header h2 { margin: 3px 0 0; font-size: 20px; line-height: 1.25; }
.panel-header p { font-size: 13px; line-height: 1.5; }
.eyebrow { font-size: 11px; letter-spacing: .13em; }

/* --- Calculator: bold results, readable table, richer live details --- */
.sticky-summary-shell { top: 82px; margin-bottom: 16px; }
.summary-strip { grid-template-columns: repeat(6, minmax(150px, 1fr)); gap: 12px; padding: 12px; border-radius: 20px; }
.summary-metric {
  min-height: 112px;
  padding: 17px 18px;
  border: 1px solid transparent;
  border-left: 0;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px rgba(255,255,255,.55);
}
.summary-metric::after { content: ""; position: absolute; width: 90px; height: 90px; border-radius: 50%; right: -38px; bottom: -44px; background: currentColor; opacity: .07; }
.summary-metric span { font-size: 11px; letter-spacing: .1em; color: currentColor; opacity: .86; }
.summary-metric strong { margin: 10px 0 5px; font-size: clamp(25px, 2.1vw, 34px); line-height: 1; }
.summary-metric small { font-size: 11px; color: currentColor; opacity: .72; }
.summary-metric.line { color: var(--line); background: linear-gradient(145deg, #f7fbff, var(--line-soft)); border-color: color-mix(in srgb, var(--line) 24%, var(--border)); }
.summary-metric.normal { color: var(--normal); background: linear-gradient(145deg, #f8fffc, var(--normal-soft)); border-color: color-mix(in srgb, var(--normal) 24%, var(--border)); }
.summary-metric.special { color: var(--special); background: linear-gradient(145deg, #fffdf7, var(--special-soft)); border-color: color-mix(in srgb, var(--special) 25%, var(--border)); }
.summary-metric.neutral:nth-of-type(4) { color: var(--package); background: linear-gradient(145deg, #f8ffff, var(--package-soft)); border-color: color-mix(in srgb, var(--package) 24%, var(--border)); }
.summary-metric.neutral:nth-of-type(5) { color: var(--weight); background: linear-gradient(145deg, #fcfbff, var(--weight-soft)); border-color: color-mix(in srgb, var(--weight) 24%, var(--border)); }
.summary-metric.attention { color: var(--danger); background: linear-gradient(145deg, #fffafa, var(--danger-soft)); border-color: color-mix(in srgb, var(--danger) 25%, var(--border)); }
.summary-metric.active-attention { box-shadow: 0 0 0 3px color-mix(in srgb, var(--danger) 14%, transparent), var(--shadow-soft); }

.calculator-command-bar { min-height: 82px; margin-bottom: 16px; padding: 15px 18px; border-radius: 18px; }
.special-rate-group { gap: 16px; }
.special-rate-group > div:first-child strong { font-size: 15px; }
.money-input { width: 165px; height: 50px; border-radius: 12px; }
.money-input span { font-size: 18px; }
.money-input input { font-size: 19px; }
.formula-preview { padding: 11px 15px; border-radius: 11px; font-size: 14px; }
.command-actions { gap: 10px; }
.paste-ready { font-size: 12px; }

.calculator-layout { grid-template-columns: minmax(0, 1fr) 370px; gap: 18px; }
.table-panel { border-radius: 20px; }
.table-panel-header { padding: 20px 21px; }
.table-panel-header h2 { font-size: 24px; }
.table-meta { gap: 10px; }
.pill { padding: 8px 12px; font-size: 12px; }
.search-field { min-width: 230px; height: var(--control-height); border-radius: 11px; }
.search-field input { font-size: 14px; padding-right: 10px; }
.search-field.wide { min-width: 290px; }
.table-panel .table-wrap { max-height: calc(100vh - 360px); min-height: 470px; }
.data-table { font-size: var(--table-size); }
.data-table th { height: 48px; padding: 11px 12px; font-size: 11px; font-weight: 850; color: #42565f; letter-spacing: .07em; background: #edf3f5; }
.data-table td { height: var(--row-height); padding: 9px 12px; font-weight: 560; }
.data-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--panel-muted) 52%, var(--panel)); }
.data-table tbody tr:hover { background: color-mix(in srgb, var(--accent-soft) 72%, var(--panel)); }
.data-table input { height: calc(var(--control-height) - 7px); min-width: 78px; padding: 0 9px; border-radius: 9px; font-size: var(--table-size); font-weight: 600; }
.calculator-table { min-width: 1300px; }
.col-no { width: 48px; }
.col-item { min-width: 285px; }
.col-action { width: 52px; }
.line-rate, .line-amount { color: var(--line); font-weight: 800 !important; }
.normal-rate, .normal-amount { color: var(--normal); font-weight: 800 !important; }
.line-amount, .normal-amount { font-size: calc(var(--table-size) + 1px); }
.band-badge, .status-badge, .role-badge, .action-badge, .category-badge { padding: 6px 10px; font-size: 11px; }
.band-badge.heavy { background: #dcecff; color: #125d9d; }
.band-badge.middle { background: #dcf5e9; color: #087158; }
.band-badge.small { background: #ffedc7; color: #9a5d00; }
.status-badge.ok { background: #dcf5e9; color: #087158; }
.status-badge.invalid { white-space: normal; line-height: 1.25; background: #fde1e2; color: #b43136; }
.row-remove { width: 34px; height: 34px; border-radius: 10px; font-size: 17px; }
.attention-row { box-shadow: inset 4px 0 var(--danger); background: color-mix(in srgb, var(--danger-soft) 55%, var(--panel)) !important; }
.empty-state { min-height: 430px; font-size: 14px; }
.empty-state h3 { font-size: 21px; }
.empty-illustration { width: 68px; height: 68px; border-radius: 20px; font-size: 28px; }

.calculator-side { gap: 16px; top: 176px; }
.package-panel, .rate-reference-panel, .attention-insight-panel { overflow: hidden; border-radius: 20px; }
.package-summary, .rate-reference { padding: 10px 18px; gap: 0; }
.package-row { padding: 15px 3px; gap: 12px; }
.package-row strong { font-size: 15px; }
.package-row small { margin-top: 4px; font-size: 12px; }
.package-row .package-values strong { font-size: 18px; }
.package-total-row { padding: 16px 18px; font-size: 14px; }
.package-total-row strong { font-size: 15px; }
.mini-empty { padding: 32px 18px; font-size: 13px; }
.rate-reference-row { padding: 15px 3px; }
.rate-reference-row strong { font-size: 15px; }
.rate-reference-row small { margin-top: 4px; font-size: 12px; }
.rate-pairs { gap: 9px; margin-top: 10px; }
.rate-pairs span { padding: 9px 10px; border-radius: 9px; font-size: 12px; font-weight: 750; }
.rate-pairs span:first-child { color: var(--line); background: var(--line-soft); }
.rate-pairs span:last-child { color: var(--normal); background: var(--normal-soft); }
.formula-note { grid-template-columns: 29px 1fr; gap: 10px; padding: 13px 15px; margin: 0 14px 14px; }
.formula-note span { width: 27px; height: 27px; font-size: 12px; }
.formula-note p { font-size: 12px; }
.attention-insight-body { padding: 16px 18px 18px; }
.attention-good, .attention-alert { display: grid; grid-template-columns: 42px 1fr; gap: 12px; align-items: center; }
.attention-good > span, .attention-alert > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 13px; background: var(--success-soft); color: var(--success); font-size: 19px; font-weight: 900; }
.attention-good.neutral > span { background: var(--accent-soft); color: var(--accent); }
.attention-alert > span { background: var(--danger-soft); color: var(--danger); }
.attention-good strong, .attention-alert strong { display: block; font-size: 15px; }
.attention-good small, .attention-alert small { display: block; margin-top: 3px; color: var(--muted); font-size: 12px; line-height: 1.4; }
.attention-reason-list { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 7px; }
.attention-reason-list li { display: flex; justify-content: space-between; gap: 10px; padding: 9px 10px; border-radius: 9px; background: var(--danger-soft); color: var(--danger); font-size: 12px; }
.attention-reason-list strong { font-size: 13px; }

/* --- Users & Access --- */
.section-tabs { gap: 7px; padding: 6px; margin-bottom: 17px; border-radius: 14px; }
.section-tab { min-height: 42px; padding: 0 18px; border-radius: 10px; font-size: 14px; }
.section-tab.active { color: #fff; background: var(--accent); }
.compact-stat-strip { gap: 12px; margin-bottom: 16px; }
.compact-stat-strip button { min-height: 90px; padding: 15px 18px; border-radius: 16px; box-shadow: var(--shadow-soft); }
.compact-stat-strip span { font-size: 11px; }
.compact-stat-strip strong { margin-top: 7px; font-size: 28px; }
.admin-toolbar { padding: 18px 20px; }
.admin-toolbar small { font-size: 12px; }
.filter-toolbar { gap: 9px; flex-wrap: wrap; }
.filter-toolbar select, .log-filter-toolbar select, .log-filter-toolbar input[type="date"] { height: var(--control-height); border-radius: 10px; padding: 0 11px; font-size: 13px; }
.users-card-grid { grid-template-columns: 1fr; gap: 0; padding: 0; }
.user-compact-card {
  min-height: 88px;
  display: grid;
  grid-template-columns: minmax(250px, 1.2fr) minmax(170px, .55fr) minmax(260px, 1fr) minmax(250px, .8fr);
  align-items: center;
  gap: 18px;
  border: 0;
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  padding: 14px 20px;
  background: var(--panel);
  box-shadow: none;
}
.user-compact-card:last-child { border-bottom: 0; }
.user-compact-card:hover { transform: none; border-color: var(--border); background: var(--accent-soft); box-shadow: none; }
.user-card-top { grid-template-columns: 48px 1fr auto; gap: 12px; }
.user-avatar-card { width: 48px; height: 48px; border-radius: 15px; font-size: 14px; }
.user-card-top b { font-size: 15px; }
.user-card-top small { margin-top: 3px; font-size: 12px; }
.user-card-badges { margin: 0; }
.user-perm-mini { min-height: 0; align-content: center; }
.user-perm-mini span { padding: 5px 8px; font-size: 10px; }
.user-card-footer { margin: 0; padding: 0; border: 0; display: grid; gap: 3px; font-size: 11px; }
.more-button { width: 36px; height: 36px; font-size: 17px; }
.role-badge { font-size: 11px; }
.account-status { font-size: 12px; }
.permission-matrix-wrap { padding: 0 20px 22px; }
.permission-matrix th, .permission-matrix td { padding: 16px 15px; }
.permission-matrix th { font-size: 11px; }
.permission-matrix td { font-size: 14px; }
.permission-check { width: 28px; height: 28px; }
.security-stat-grid { gap: 12px; margin-bottom: 16px; }
.security-stat-grid article { min-height: 98px; padding: 16px 18px; border-radius: 16px; box-shadow: var(--shadow-soft); }
.security-stat-grid span { font-size: 11px; }
.security-stat-grid strong { margin: 7px 0 3px; font-size: 28px; }
.security-stat-grid small { font-size: 11px; }
.security-session-row { grid-template-columns: minmax(220px, 1.2fr) minmax(190px, 1fr) minmax(170px, .8fr) auto; padding: 16px 20px; }
.security-session-row strong { font-size: 14px; }
.security-session-row small { font-size: 11px; }
.security-settings-panel { margin-top: 16px; padding: 20px; grid-template-columns: 1fr 220px 220px auto; gap: 16px; }
.security-settings-panel h2 { font-size: 20px; }
.security-settings-panel p { font-size: 13px; }
.security-settings-panel label { font-size: 12px; }
.security-settings-panel input { height: var(--control-height); font-size: 14px; }

/* --- Log Report --- */
.last-refresh-label { font-size: 12px; }
.log-summary-strip { gap: 12px; margin-bottom: 16px; }
.log-summary { min-height: 86px; padding: 15px 18px; border-radius: 15px; box-shadow: var(--shadow-soft); }
.log-summary span { font-size: 12px; }
.log-summary strong { font-size: 26px; }
.log-summary.active { color: #fff; background: linear-gradient(135deg, var(--accent), var(--accent-2)); border-color: transparent; }
.log-filter-toolbar { gap: 9px; padding: 16px 18px; flex-wrap: wrap; }
.log-filter-toolbar label { font-size: 11px; }
.quick-range-button { min-height: 36px; padding: 0 12px; font-size: 12px; }
.logs-table { min-width: 1120px; }
.logs-table td { padding-top: 12px; padding-bottom: 12px; }
.logs-table .user-identity strong { font-size: 14px; }
.logs-table .user-identity small { font-size: 11px; }
.activity-cell > strong { font-size: 14px; }
.activity-cell > small { font-size: 10px; }
.log-detail-preview { min-width: 280px; font-size: 13px; line-height: 1.45; }
.pagination-bar { padding: 14px 18px; font-size: 12px; }
.inline-error { margin: 14px 18px; padding: 13px 15px; font-size: 13px; }
.table-loading { padding: 18px; font-size: 13px; }

/* --- Backup Center --- */
.backup-stat-strip { gap: 14px; margin-bottom: 18px; }
.backup-stat-strip article { min-height: 102px; padding: 17px 19px; border-radius: 17px; }
.backup-stat-strip span { font-size: 11px; }
.backup-stat-strip strong { margin: 9px 0 4px; font-size: 25px; }
.backup-stat-strip small { font-size: 11px; }
.backup-list { gap: 11px; padding: 18px; }
.backup-record-card { grid-template-columns: 48px 1fr auto; padding: 14px 15px; border-radius: 15px; }
.backup-record-icon { width: 44px; height: 44px; font-size: 10px; }
.backup-record-card strong { font-size: 14px; }
.backup-record-card small { margin-top: 4px; font-size: 11px; }

/* --- Modals, drawers, profile, system status --- */
.modal-overlay { padding: 24px; }
.modal-card { border-radius: 22px; box-shadow: 0 30px 90px rgba(12, 37, 44, .26); }
.modal-header { padding: 21px 23px; }
.modal-header h2 { font-size: 25px; }
.modal-header p { font-size: 13px; }
.modal-actions { padding: 17px 22px; }
.rate-card-grid { gap: 13px; padding: 20px 22px; }
.rate-band-card { padding: 17px 18px; border-radius: 15px; }
.rate-band-card h3 { font-size: 18px; }
.rate-band-card p, .rate-band-meta { font-size: 12px; }
.rate-band-card label { font-size: 12px; }
.rate-band-card input { height: 44px; font-size: 15px; }
.form-grid label, .stack-field { font-size: 12px; }
.form-grid input, .form-grid select, .stack-field input { height: 44px; font-size: 14px; }
.permission-grid label { min-height: 52px; font-size: 13px; }
.theme-card { min-height: 122px; }
.theme-card strong { font-size: 14px; }
.theme-card small { font-size: 11px; }
.density-picker { padding: 16px 20px; font-size: 13px; }

.side-drawer { width: min(570px, 94vw); box-shadow: -28px 0 75px rgba(12, 37, 44, .22); }
.drawer-header { padding: 22px 23px; }
.drawer-header h2 { font-size: 25px; }
.drawer-body { padding: 19px; }
.drawer-section { border-radius: 17px; padding: 17px; }
.drawer-section h3 { font-size: 16px; }
.detail-row { min-height: 48px; padding: 11px 4px; grid-template-columns: minmax(130px, .8fr) minmax(180px, 1.2fr); }
.detail-row span { font-size: 13px; color: var(--muted); }
.detail-row strong { font-size: 14px; text-align: left; overflow-wrap: anywhere; }
#systemDrawer { width: min(620px, 96vw); }
#systemDrawer .drawer-section { margin-bottom: 15px; }
#systemDrawer .detail-row strong { font-size: 15px; }
#systemDrawer .detail-row span { font-size: 13px; }
.drawer-profile-head h2 { font-size: 24px; }
.drawer-profile-head p { font-size: 13px; }
.drawer-action-row { gap: 10px; }
.toast-stack { width: min(410px, calc(100vw - 30px)); }
.toast { padding: 15px 16px; border-radius: 15px; }
.toast strong { font-size: 14px; }
.toast p { font-size: 12px; }
.app-signature { padding: 14px 28px 18px; font-size: 14px; }

/* --- V3.30.00 complete theme systems --- */
html[data-theme="arctic"] { --bg:#eef7ff;--bg-soft:#f8fcff;--panel:#fff;--panel-2:#fff;--panel-muted:#edf5fb;--text:#15293b;--muted:#617588;--faint:#8ba0b1;--border:#d4e3ef;--border-strong:#b9ccdc;--accent:#2f80ed;--accent-2:#57a5ff;--accent-soft:#e2f0ff;--accent-ink:#1558a7;--signature:#2b70c9;--topbar-tint:rgba(255,255,255,.94);--login-start:#244f80;--login-mid:#3578b8;--login-end:#58a6dc;--login-glow:rgba(134,204,255,.24);--shadow:0 16px 42px rgba(40,82,116,.12);--shadow-soft:0 7px 22px rgba(40,82,116,.08);--theme-row-height:50px;--radius:17px; }
html[data-theme="sahara"] { --font:"Segoe UI",Tahoma,sans-serif;--font-heading:Georgia,"Times New Roman",serif;--bg:#f5ecdc;--bg-soft:#fbf5e9;--panel:#fffaf0;--panel-2:#fffdf8;--panel-muted:#f3e6d1;--text:#3e2b1d;--muted:#79634e;--faint:#9d876f;--border:#e2cfb0;--border-strong:#c9ad83;--accent:#c96c16;--accent-2:#e49528;--accent-soft:#f9e5c5;--accent-ink:#8d4307;--signature:#b85d12;--topbar-tint:rgba(255,250,240,.95);--login-start:#7f461e;--login-mid:#b5641f;--login-end:#d89c45;--login-glow:rgba(255,210,137,.25);--shadow:0 15px 36px rgba(101,69,35,.12);--shadow-soft:0 6px 18px rgba(101,69,35,.08);--theme-row-height:51px;--radius:19px; }
html[data-theme="amazon_forest"] { --bg:#0d1c16;--bg-soft:#12241c;--panel:#14291f;--panel-2:#173128;--panel-muted:#203d31;--text:#edf7f0;--muted:#b0c9b8;--faint:#83a28e;--border:#315443;--border-strong:#4a715d;--accent:#29a36a;--accent-2:#42c282;--accent-soft:#193f2d;--accent-ink:#98e4b8;--signature:#59d68e;--topbar-tint:rgba(20,41,31,.95);--login-start:#0d2a1e;--login-mid:#175336;--login-end:#237b4d;--login-glow:rgba(78,180,118,.24);--shadow:0 18px 48px rgba(0,0,0,.32);--shadow-soft:0 8px 24px rgba(0,0,0,.22);--theme-row-height:48px;--radius:18px;--line-soft:#173650;--normal-soft:#173d34;--special-soft:#43371c;--danger-soft:#49282b;--warning-soft:#4a3c18;--success-soft:#173c32;--violet-soft:#352747; }
html[data-theme="aurora_light"] { --bg:#eff8fa;--bg-soft:#f8fcfd;--panel:#fff;--panel-2:#fff;--panel-muted:#e9f4f6;--text:#18323a;--muted:#607a80;--faint:#89a0a5;--border:#cfe2e5;--border-strong:#accbd0;--accent:#168f9f;--accent-2:#7f64c9;--accent-soft:#dff2f3;--accent-ink:#0a6570;--signature:#4672b6;--topbar-tint:rgba(255,255,255,.94);--login-start:#176875;--login-mid:#2a929a;--login-end:#765ea8;--login-glow:rgba(159,132,220,.22);--shadow:0 15px 40px rgba(42,91,104,.11);--shadow-soft:0 7px 20px rgba(42,91,104,.07);--theme-row-height:49px;--radius:18px; }
html[data-theme="ocean_light"] { --bg:#eaf6fb;--bg-soft:#f5fbfe;--panel:#fff;--panel-2:#fff;--panel-muted:#e5f2f7;--text:#153142;--muted:#587687;--faint:#829dab;--border:#cce1eb;--border-strong:#aac8d7;--accent:#087fa5;--accent-2:#23a4c5;--accent-soft:#d9f0f7;--accent-ink:#075d79;--signature:#087fa5;--topbar-tint:rgba(255,255,255,.95);--login-start:#084b70;--login-mid:#087fa5;--login-end:#38a8c4;--login-glow:rgba(83,190,218,.22);--shadow:0 15px 40px rgba(23,79,105,.12);--shadow-soft:0 7px 21px rgba(23,79,105,.08);--theme-row-height:49px;--radius:17px; }
html[data-theme="warm_editorial"] { --font:"Segoe UI",Tahoma,sans-serif;--font-heading:Georgia,"Times New Roman",serif;--bg:#f2ece5;--bg-soft:#faf7f2;--panel:#fffdf8;--panel-2:#fff;--panel-muted:#f0e7de;--text:#352b27;--muted:#75655e;--faint:#988981;--border:#ded0c5;--border-strong:#c6b2a4;--accent:#a85d3a;--accent-2:#c9805b;--accent-soft:#f3ded2;--accent-ink:#753b24;--signature:#a85d3a;--topbar-tint:rgba(255,253,248,.95);--login-start:#684337;--login-mid:#9a5a43;--login-end:#bd7d5d;--login-glow:rgba(222,159,124,.23);--shadow:0 14px 34px rgba(76,54,44,.12);--shadow-soft:0 6px 18px rgba(76,54,44,.08);--theme-row-height:52px;--radius:14px; }
html[data-theme="graphite_light"] { --bg:#eef1f3;--bg-soft:#f7f8f9;--panel:#fff;--panel-2:#fff;--panel-muted:#e9edef;--text:#222d34;--muted:#64727b;--faint:#8a969d;--border:#d2d9dd;--border-strong:#b5c0c6;--accent:#4d6475;--accent-2:#668095;--accent-soft:#e1e8ed;--accent-ink:#314552;--signature:#4d6475;--topbar-tint:rgba(255,255,255,.95);--login-start:#384956;--login-mid:#526b7d;--login-end:#738d9e;--login-glow:rgba(168,188,200,.22);--shadow:0 15px 38px rgba(45,57,65,.11);--shadow-soft:0 6px 19px rgba(45,57,65,.07);--theme-row-height:47px;--radius:13px; }
html[data-theme="sage_light"] { --bg:#edf3ec;--bg-soft:#f7faf6;--panel:#fff;--panel-2:#fff;--panel-muted:#e8f0e6;--text:#263528;--muted:#667765;--faint:#8b9989;--border:#d1ddcf;--border-strong:#b5c7b2;--accent:#527c5a;--accent-2:#70a079;--accent-soft:#dfeade;--accent-ink:#36593d;--signature:#527c5a;--topbar-tint:rgba(255,255,255,.94);--login-start:#385940;--login-mid:#527c5a;--login-end:#78a47c;--login-glow:rgba(156,197,158,.22);--shadow:0 15px 38px rgba(50,78,55,.11);--shadow-soft:0 6px 19px rgba(50,78,55,.07);--theme-row-height:50px;--radius:18px; }
html[data-theme="midnight"] { --bg:#090e16;--bg-soft:#0d1420;--panel:#121a26;--panel-2:#151f2d;--panel-muted:#1c2938;--text:#edf5f7;--muted:#a9bcc4;--faint:#7f959e;--border:#2b3d4b;--border-strong:#455b68;--accent:#37c6bd;--accent-2:#54ddd3;--accent-soft:#173d40;--accent-ink:#9bf1eb;--signature:#55dcd2;--topbar-tint:rgba(18,26,38,.95);--login-start:#0a1924;--login-mid:#103945;--login-end:#17616a;--login-glow:rgba(61,194,187,.22);--shadow:0 20px 52px rgba(0,0,0,.38);--shadow-soft:0 9px 27px rgba(0,0,0,.27);--theme-row-height:48px;--radius:16px;--line-soft:#173650;--normal-soft:#173d34;--special-soft:#43371c;--danger-soft:#49282b;--warning-soft:#4b3b17;--success-soft:#173c32;--violet-soft:#352747; }
html[data-theme="deep_blue_dark"] { --bg:#071225;--bg-soft:#0b1930;--panel:#0e2039;--panel-2:#102642;--panel-muted:#18314f;--text:#edf5ff;--muted:#afc3db;--faint:#819bb7;--border:#284768;--border-strong:#45688d;--accent:#4ca8ff;--accent-2:#70baff;--accent-soft:#173b60;--accent-ink:#b7ddff;--signature:#72bcff;--topbar-tint:rgba(14,32,57,.95);--login-start:#081b38;--login-mid:#123f71;--login-end:#1f6ca7;--login-glow:rgba(72,160,234,.24);--shadow:0 20px 54px rgba(0,0,0,.4);--shadow-soft:0 9px 28px rgba(0,0,0,.28);--theme-row-height:49px;--radius:16px;--line-soft:#173650;--normal-soft:#173d34;--special-soft:#43371c;--danger-soft:#49282b;--warning-soft:#4b3b17;--success-soft:#173c32;--violet-soft:#352747; }
html[data-theme="violet_dark"] { --bg:#120c1b;--bg-soft:#191124;--panel:#21162e;--panel-2:#281a38;--panel-muted:#352346;--text:#f6effb;--muted:#c8b4d3;--faint:#9c84a9;--border:#4a3560;--border-strong:#674b7e;--accent:#a980e8;--accent-2:#c09cff;--accent-soft:#3d2855;--accent-ink:#e5d1ff;--signature:#c09cff;--topbar-tint:rgba(33,22,46,.95);--login-start:#241231;--login-mid:#4d2a65;--login-end:#77529a;--login-glow:rgba(174,123,221,.23);--shadow:0 20px 54px rgba(0,0,0,.4);--shadow-soft:0 9px 28px rgba(0,0,0,.28);--theme-row-height:50px;--radius:19px;--line-soft:#27344f;--normal-soft:#213d37;--special-soft:#49381f;--danger-soft:#512b36;--warning-soft:#4c3c1c;--success-soft:#1b3e34;--violet-soft:#452e5d; }
html[data-theme="high_contrast"] { --font:Arial,"Segoe UI",sans-serif;--font-heading:Arial,"Segoe UI",sans-serif;--bg:#fff;--bg-soft:#fff;--panel:#fff;--panel-2:#fff;--panel-muted:#f1f1f1;--text:#000;--muted:#222;--faint:#444;--border:#333;--border-strong:#000;--accent:#005fcc;--accent-2:#004aa3;--accent-soft:#d9eaff;--accent-ink:#002c66;--signature:#003f8f;--topbar-tint:#fff;--login-start:#001d45;--login-mid:#004b9b;--login-end:#006fd6;--login-glow:rgba(255,255,255,.2);--shadow:0 0 0 2px #000;--shadow-soft:0 0 0 1px #333;--theme-row-height:54px;--radius:8px;--theme-letter-spacing:.01em;--danger:#b00020;--success:#006b35;--warning:#6b4600; }

html[data-theme="amazon_forest"] .data-table th,html[data-theme="midnight"] .data-table th,html[data-theme="deep_blue_dark"] .data-table th,html[data-theme="violet_dark"] .data-table th { background:var(--panel-muted);color:var(--text); }
html[data-theme="amazon_forest"] .summary-metric,html[data-theme="midnight"] .summary-metric,html[data-theme="deep_blue_dark"] .summary-metric,html[data-theme="violet_dark"] .summary-metric { background:color-mix(in srgb,var(--accent) 8%,var(--panel)); }
html[data-theme="high_contrast"] .button,html[data-theme="high_contrast"] input,html[data-theme="high_contrast"] select,html[data-theme="high_contrast"] textarea,html[data-theme="high_contrast"] .modal-card,html[data-theme="high_contrast"] .panel { border-width:2px!important; }
html[data-theme="high_contrast"] .data-table th { background:#e5e5e5;color:#000;border-bottom:2px solid #000; }

/* Complete propagation across launchers, module pages, forms, popups and signatures. */
.app-loader,.login-shell,.app-shell,.page,.main-content { background-color:var(--bg); }
.nav-launcher-card,.profile-menu,.modal-card,.panel,.summary-panel,.table-panel,.calculator-command-bar,.system-page-card,.toast,.form-grid input,.form-grid select,.stack-field input,textarea,input,select { color:var(--text); }
.button,.icon-button,.profile-menu-action,.nav-tab,.mobile-nav-link,.density-picker button,.theme-option,.status-badge,.integration-chip,.toast { box-shadow:var(--shadow-soft); }
.data-table tr { height:var(--row-height); }
input,select,textarea,.button { min-height:var(--control-height); }
.app-signature,.login-signature { color:color-mix(in srgb,var(--signature) 74%,var(--muted)); }
.app-signature strong,.login-signature strong,.appearance-mini-window footer b { color:var(--signature)!important;text-shadow:0 1px 0 color-mix(in srgb,var(--panel) 70%,transparent); }
.status-badge.ok,.integration-chip.connected { background:var(--success-soft);color:var(--success); }
.status-badge.warning,.integration-chip.cached { background:var(--warning-soft);color:var(--warning); }
.toast { border-color:color-mix(in srgb,var(--accent) 30%,var(--border)); }

/* --- Responsive layouts --- */
@media (max-width: 1350px) {
  .summary-strip { grid-template-columns: repeat(3, 1fr); }
  .calculator-layout { grid-template-columns: minmax(0, 1fr) 330px; }
  .user-compact-card { grid-template-columns: minmax(240px, 1fr) minmax(150px, .6fr) minmax(220px, .9fr); }
  .user-card-footer { display: none; }
  .topbar { grid-template-columns: 1fr auto; }
  .top-nav { position: fixed; left: 50%; transform: translateX(-50%); }
}
@media (max-width: 1120px) {
  .topbar { grid-template-columns: 1fr auto; }
  .top-nav { display: none; }
  .mobile-menu-button { display: grid; }
  .calculator-layout { grid-template-columns: 1fr; }
  .calculator-side { position: static; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .user-compact-card { grid-template-columns: minmax(230px, 1fr) minmax(150px, .6fr); }
  .user-perm-mini { display: none; }
  .security-settings-panel { grid-template-columns: 1fr 1fr; }
  .security-settings-panel > div:first-child { grid-column: 1 / -1; }
  .log-summary-strip { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 980px) {
  .freight-login-shell .login-stage { grid-template-columns: 1fr; overflow: auto; }
  .freight-login-shell .login-showcase { min-height: 44vh; padding: 38px 28px; }
  .freight-login-card { margin: 28px 0 54px; }
  .freight-login-shell .login-signature { right: 24px; bottom: 14px; }
  .main-content { padding: 24px 20px 64px; }
  .summary-strip { grid-template-columns: repeat(2, 1fr); }
  .calculator-side { grid-template-columns: 1fr; }
  .compact-stat-strip, .security-stat-grid { grid-template-columns: repeat(2, 1fr); }
  .log-summary-strip { grid-template-columns: repeat(2, 1fr); }
  .backup-stat-strip { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .freight-login-shell .login-feature-stack, .freight-login-shell .login-formula-strip { display: none; }
  .freight-login-shell .login-showcase h1 { font-size: 42px; }
  .freight-login-card { width: calc(100% - 28px) !important; padding: 22px !important; }
  .topbar { height: 66px; padding: 0 13px; }
  .brand-block span { display: none; }
  .profile-button { min-width: auto; grid-template-columns: 38px auto; }
  .profile-copy { display: none; }
  .main-content { padding: 20px 13px 58px; }
  .page-heading { display: grid; }
  .page-heading h1 { font-size: 31px; }
  .page-heading p { font-size: 14px; }
  .heading-actions { width: 100%; }
  .heading-actions .button { flex: 1; }
  .summary-strip { grid-template-columns: 1fr; }
  .summary-metric { min-height: 96px; }
  .calculator-command-bar { align-items: stretch; flex-direction: column; }
  .special-rate-group { align-items: stretch; flex-wrap: wrap; }
  .formula-preview { white-space: normal; flex: 1 1 100%; }
  .command-actions { flex-wrap: wrap; }
  .table-panel-header { display: grid; }
  .table-meta { flex-wrap: wrap; }
  .search-field, .search-field.wide { min-width: 100%; }
  .compact-stat-strip, .security-stat-grid, .log-summary-strip { grid-template-columns: 1fr; }
  .user-compact-card { grid-template-columns: 1fr; }
  .user-card-badges { margin-top: 8px; }
  .security-session-row { grid-template-columns: 1fr; }
  .security-settings-panel { grid-template-columns: 1fr; }
  .log-filter-toolbar { display: grid; grid-template-columns: 1fr; }
  .quick-range-group { flex-wrap: wrap; }
  .backup-record-card { grid-template-columns: 44px 1fr; }
  .backup-record-card .button { grid-column: 1 / -1; }
  .side-drawer { width: 100vw; }
  .modal-overlay { padding: 10px; }
}


/* ================================================================
   V2.31.00 WORKFLOW, HEALTH & STABILITY POLISH
   ================================================================ */
.calculation-health-bar {
  display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:14px;
  min-height:68px; margin:14px 0 18px; padding:12px 16px; border:1px solid var(--border);
  border-radius:16px; background:var(--panel); box-shadow:var(--shadow-soft);
}
.calculation-health-bar .health-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; font-size:18px; font-weight:900; }
.calculation-health-bar strong { display:block; font-size:15px; color:var(--text); }
.calculation-health-bar small { display:block; margin-top:3px; font-size:13px; line-height:1.45; color:var(--muted); }
.calculation-health-bar.ready .health-icon { background:var(--accent-soft); color:var(--accent); }
.calculation-health-bar.healthy { border-color:color-mix(in srgb, var(--success) 45%, var(--border)); background:color-mix(in srgb, var(--success-soft) 65%, var(--panel)); }
.calculation-health-bar.healthy .health-icon { background:var(--success); color:#fff; }
.calculation-health-bar.info { border-color:color-mix(in srgb, var(--line) 40%, var(--border)); background:color-mix(in srgb, var(--line-soft) 56%, var(--panel)); }
.calculation-health-bar.info .health-icon { background:var(--line); color:#fff; }
.calculation-health-bar.warning { border-color:color-mix(in srgb, var(--danger) 50%, var(--border)); background:color-mix(in srgb, var(--danger-soft) 58%, var(--panel)); }
.calculation-health-bar.warning .health-icon { background:var(--danger); color:#fff; }
.compact-button { min-height:38px; padding:0 12px; font-size:12px; }
.calculator-table .column-hidden { display:none !important; }
.calculator-table.freeze-item-column th.col-item,
.calculator-table.freeze-item-column td.col-item { position:sticky; left:42px; z-index:3; background:var(--panel); box-shadow:1px 0 0 var(--border); }
.calculator-table.freeze-item-column thead th.col-item { z-index:6; background:var(--panel-muted); }
.calculator-table tr.selected-row td { background:color-mix(in srgb, var(--accent-soft) 72%, var(--panel)); }
.calculator-table tr.selected-row td.col-item { background:color-mix(in srgb, var(--accent-soft) 72%, var(--panel)); }
.paste-choice-card { width:min(620px,94vw); }
.paste-choice-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:20px 22px; }
.paste-choice-summary div { padding:15px; border:1px solid var(--border); border-radius:14px; background:var(--panel-muted); }
.paste-choice-summary span { display:block; font-size:11px; font-weight:800; text-transform:uppercase; color:var(--muted); }
.paste-choice-summary strong { display:block; margin-top:6px; font-size:25px; }
.paste-choice-actions { display:flex; justify-content:flex-end; gap:10px; padding:17px 22px; border-top:1px solid var(--border); }
.table-view-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:20px 22px; }
.table-view-options .toggle-row, .table-view-options .section-label { grid-column:1/-1; }
.check-option { display:flex; align-items:center; gap:10px; min-height:46px; padding:10px 12px; border:1px solid var(--border); border-radius:12px; background:var(--panel-muted); font-size:14px; font-weight:700; }
.check-option input { width:18px; height:18px; accent-color:var(--accent); }
.attention-drawer-summary { margin-bottom:14px; padding:16px; border-radius:14px; background:var(--danger-soft); border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border)); }
.attention-drawer-summary strong,.attention-drawer-summary small { display:block; }
.attention-drawer-summary strong { font-size:17px; color:var(--danger); }
.attention-drawer-summary small { margin-top:4px; font-size:13px; color:var(--muted); }
.attention-fix-card { padding:16px; border:1px solid var(--border); border-radius:15px; background:var(--panel); }
.attention-item-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.attention-item-head strong,.attention-item-head small { display:block; }
.attention-item-head strong { font-size:15px; }
.attention-item-head small { margin-top:4px; font-size:12px; color:var(--danger); }
.attention-quick-fix { display:grid; grid-template-columns:1fr 1fr auto; gap:10px; align-items:end; margin-top:14px; }
.attention-quick-fix label { font-size:11px; font-weight:800; text-transform:uppercase; color:var(--muted); }
.attention-quick-fix input { width:100%; height:40px; margin-top:5px; padding:0 10px; border:1px solid var(--border-strong); border-radius:10px; background:var(--panel); color:var(--text); font-size:14px; }
.backup-history-header { align-items:center; }
.backup-retention-control { display:grid; gap:5px; min-width:150px; font-size:11px; font-weight:800; text-transform:uppercase; color:var(--muted); }
.backup-retention-control select { height:40px; border:1px solid var(--border); border-radius:10px; padding:0 10px; background:var(--panel); color:var(--text); font-size:13px; font-weight:700; }
.backup-verify-badge { display:inline-flex; margin-top:6px; padding:4px 8px; border-radius:999px; background:var(--success-soft); color:var(--success); font-size:10px; font-weight:900; text-transform:uppercase; }
.backup-verify-badge.invalid { background:var(--danger-soft); color:var(--danger); }
.help-steps ol { display:grid; gap:12px; margin:12px 0 0; padding:0; list-style:none; }
.help-steps li { display:grid; grid-template-columns:32px 1fr; gap:10px; padding:12px; border:1px solid var(--border); border-radius:13px; background:var(--panel-muted); }
.help-steps li::before { content:counter(list-item); display:grid; place-items:center; width:28px; height:28px; border-radius:9px; background:var(--accent); color:#fff; font-weight:900; }
.help-steps li strong,.help-steps li span { display:block; }
.help-steps li strong { font-size:14px; }
.help-steps li span { margin-top:3px; font-size:12px; color:var(--muted); }
@media (max-width:720px) {
  .calculation-health-bar { grid-template-columns:40px 1fr; }
  .calculation-health-bar .text-button { grid-column:1/-1; justify-self:stretch; }
  .paste-choice-summary,.table-view-options { grid-template-columns:1fr; }
  .table-view-options .toggle-row,.table-view-options .section-label { grid-column:auto; }
  .paste-choice-actions { flex-direction:column-reverse; }
  .attention-quick-fix { grid-template-columns:1fr 1fr; }
  .attention-quick-fix .button { grid-column:1/-1; }
}

/* V2.40.00 — FT Workspace & FT Central compatibility */
.workspace-back-button {
  min-height: 38px; padding: 0 13px; border: 1px solid color-mix(in srgb,var(--accent) 35%,var(--border));
  border-radius: 12px; background: color-mix(in srgb,var(--accent-soft) 70%,var(--panel)); color: var(--accent-ink);
  font: inherit; font-size: 12px; font-weight: 850; cursor: pointer; white-space: nowrap;
}
.workspace-back-button:hover { transform: translateY(-1px); border-color: var(--accent); box-shadow: 0 8px 20px color-mix(in srgb,var(--accent) 15%,transparent); }
.integration-chip { display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:0 10px; border:1px solid var(--border); border-radius:999px; background:var(--panel-muted); color:var(--muted); font-size:11px; font-weight:850; white-space:nowrap; }
.integration-chip i { width:8px; height:8px; border-radius:50%; background:var(--faint); box-shadow:0 0 0 4px color-mix(in srgb,var(--faint) 15%,transparent); }
.integration-chip.workspace { color:var(--accent-ink); background:var(--accent-soft); border-color:color-mix(in srgb,var(--accent) 35%,var(--border)); }
.integration-chip.workspace i,.integration-chip.connected i { background:var(--success); box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 16%,transparent); }
.integration-chip.cached { color:var(--special); background:var(--special-soft); border-color:color-mix(in srgb,var(--special) 35%,var(--border)); }
.integration-chip.syncing { color:var(--accent-ink); background:var(--accent-soft); border-color:color-mix(in srgb,var(--accent) 35%,var(--border)); }
.integration-chip.syncing i { background:var(--accent); box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent); }
.integration-chip.cached i { background:var(--special); box-shadow:0 0 0 4px color-mix(in srgb,var(--special) 16%,transparent); }
.integration-chip.maintenance { color:var(--danger); background:var(--danger-soft); border-color:color-mix(in srgb,var(--danger) 35%,var(--border)); }
.integration-chip.maintenance i { background:var(--danger); box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 16%,transparent); }
.login-integration-notice { display:flex; align-items:flex-start; gap:11px; padding:12px 14px; margin:0 0 14px; border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border)); border-radius:13px; background:color-mix(in srgb,var(--accent-soft) 68%,var(--panel)); color:var(--text); }
.login-integration-notice > span { display:grid; place-items:center; flex:0 0 31px; height:31px; border-radius:10px; background:var(--accent); color:#fff; font-weight:900; }
.login-integration-notice strong,.login-integration-notice small { display:block; }
.login-integration-notice strong { font-size:13px; }
.login-integration-notice small { margin-top:3px; font-size:11px; line-height:1.4; color:var(--muted); }
.login-integration-notice.maintenance { border-color:color-mix(in srgb,var(--danger) 40%,var(--border)); background:var(--danger-soft); }
.login-integration-notice.maintenance > span { background:var(--danger); }
.integration-banner { position:sticky; top:66px; z-index:72; display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; gap:12px; align-items:center; padding:11px 22px; border-bottom:1px solid color-mix(in srgb,var(--accent) 30%,var(--border)); background:color-mix(in srgb,var(--accent-soft) 88%,var(--panel)); box-shadow:0 8px 22px rgba(15,23,42,.06); }
.integration-banner.warning { background:color-mix(in srgb,var(--special-soft) 88%,var(--panel)); border-bottom-color:color-mix(in srgb,var(--special) 35%,var(--border)); }
.integration-banner.maintenance { background:color-mix(in srgb,var(--danger-soft) 90%,var(--panel)); border-bottom-color:color-mix(in srgb,var(--danger) 38%,var(--border)); }
.integration-banner-icon { display:grid; place-items:center; width:31px; height:31px; border-radius:10px; background:var(--accent); color:#fff; font-weight:900; }
.integration-banner.warning .integration-banner-icon { background:var(--special); }
.integration-banner.maintenance .integration-banner-icon { background:var(--danger); }
.integration-banner strong,.integration-banner p { display:block; margin:0; }
.integration-banner strong { font-size:13px; }
.integration-banner p { margin-top:2px; font-size:12px; line-height:1.45; color:var(--muted); }
.integration-banner-state { padding:5px 9px; border-radius:999px; background:var(--panel); border:1px solid var(--border); color:var(--muted); font-size:10px; font-weight:900; text-transform:uppercase; white-space:nowrap; }
.integration-banner > button { width:30px; height:30px; border:0; border-radius:9px; background:transparent; color:var(--muted); font-size:21px; cursor:pointer; }
.integration-banner > button:hover { background:var(--panel); color:var(--text); }
@media (max-width:1180px) {
  .integration-chip { display:none; }
  .workspace-back-button span { display:none; }
}
@media (max-width:720px) {
  .workspace-back-button { min-width:38px; padding:0 10px; }
  .integration-banner { top:58px; grid-template-columns:auto minmax(0,1fr) auto; padding:10px 12px; }
  .integration-banner-state { display:none; }
}

/* ================================================================
   V2.60.00 — FREIGHT MODES, RESPONSIVE HEADER & DASHBOARD RELIABILITY
   ================================================================ */
.topbar {
  grid-template-columns: minmax(250px, 1fr) auto minmax(430px, 1fr);
  column-gap: 18px;
}
.top-actions { min-width: 0; flex-wrap: nowrap; }
.help-button { width: auto; min-width: 42px; padding: 0 11px; grid-auto-flow: column; gap: 6px; }
.help-button b { font-size: 11px; }
.profile-button { min-width: 164px; }

.calculator-table { min-width: 1390px; }
.calculator-table .col-mode { min-width: 172px; width: 172px; }
.calculator-table .col-status { min-width: 150px; width: 150px; }
.mode-cell { display: grid; grid-template-columns: minmax(0, 1fr) 31px; gap: 6px; align-items: center; }
.freight-mode-select {
  width: 100%; min-width: 118px; height: calc(var(--control-height) - 7px);
  padding: 0 8px; border: 1px solid var(--border); border-radius: 9px;
  background: var(--panel-2); color: var(--text); font: inherit; font-size: var(--table-size); font-weight: 700;
}
.freight-mode-select:focus { outline: 0; border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent); }
.save-item-rule { width: 31px; height: 31px; border: 1px solid var(--border); border-radius: 9px; background: var(--panel-2); color: var(--accent); cursor: pointer; font-size: 18px; line-height: 1; }
.save-item-rule:hover { border-color: var(--accent); background: var(--accent-soft); }
.band-badge.weight-only, .status-badge.weight-only { background: var(--line-soft); color: var(--line); }
.band-badge.no-freight, .status-badge.no-freight { background: var(--panel-muted); color: var(--muted); border: 1px solid var(--border); }
.status-badge.invalid { white-space: nowrap; line-height: 1; }
.weight-only-row { box-shadow: inset 4px 0 var(--line); }
.no-freight-row { box-shadow: inset 4px 0 var(--faint); opacity: .9; }

.attention-mode-fix { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: end; margin: 12px 0 8px; }
.attention-mode-fix label { display: grid; gap: 6px; color: var(--muted); font-size: 11px; font-weight: 800; }
.attention-mode-fix select { height: 40px; border: 1px solid var(--border); border-radius: 10px; padding: 0 10px; background: var(--panel-2); color: var(--text); font: inherit; }

.item-rules-modal-card { width: min(820px, 96vw); max-height: 90vh; overflow: auto; }
.item-rule-form { display: grid; grid-template-columns: minmax(260px, 1fr) 190px auto; gap: 12px; align-items: end; padding: 20px 22px 14px; }
.item-rule-form label { display: grid; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 800; }
.item-rule-form input, .item-rule-form select { height: 43px; border: 1px solid var(--border); border-radius: 11px; padding: 0 12px; background: var(--panel-2); color: var(--text); font: inherit; }
.item-rule-help { margin: 0 22px 18px; padding: 12px 14px; border-radius: 11px; background: var(--panel-muted); color: var(--muted); font-size: 12px; line-height: 1.55; }
.item-rule-help strong { color: var(--text); }
.item-rule-list-head { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 15px 22px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.item-rule-list-head strong, .item-rule-list-head small { display: block; }
.item-rule-list-head small { margin-top: 3px; color: var(--muted); font-size: 11px; }
.item-rule-list { display: grid; gap: 8px; padding: 14px 22px; }
.item-rule-card { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; gap: 9px; align-items: center; padding: 12px 13px; border: 1px solid var(--border); border-radius: 12px; background: var(--panel-2); }
.item-rule-copy strong, .item-rule-copy small { display: block; }
.item-rule-copy small { margin-top: 3px; color: var(--muted); font-size: 11px; }

@media (max-width: 1700px) {
  .topbar { grid-template-columns: minmax(220px, 1fr) auto; }
  .top-nav { display: none !important; position: static; transform: none; }
  .mobile-menu-button { display: grid; }
  .calculator-layout { grid-template-columns: 1fr; }
  .calculator-side { position: static; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .table-panel .table-wrap { max-height: none; }
}
@media (max-width: 1320px) {
  .integration-chip { max-width: 42px; padding: 0 10px; }
  .integration-chip span { display: none; }
  .profile-button { min-width: 52px; grid-template-columns: 34px auto; }
  .profile-copy { display: none; }
}
@media (max-width: 1100px) {
  .calculator-side { grid-template-columns: 1fr; }
  .help-button b { display: none; }
  .help-button { width: 36px; min-width: 36px; padding: 0; }
  .workspace-back-button span { display: none; }
}
@media (max-width: 780px) {
  .item-rule-form { grid-template-columns: 1fr; }
  .item-rule-list-head { display: grid; }
  .item-rule-card { grid-template-columns: 1fr auto; }
  .item-rule-card .status-badge { justify-self: end; }
  .item-rule-card .button { width: 100%; }
  .attention-mode-fix { grid-template-columns: 1fr; }
}

/* ================================================================
   V2.60.00 — UNIFIED WORKSPACE, MODALS, BAG/TIN DETAILS & NAVIGATION
   ================================================================ */
.topbar {
  grid-template-columns: minmax(260px, 1fr) auto minmax(340px, 1fr);
  gap: 16px;
  min-width: 0;
}
.brand-block, .top-nav, .top-actions { min-width: 0; }
.unified-utilities { gap: 8px; }
.utility-button {
  height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  padding: 0 12px; border: 1px solid var(--border); border-radius: 12px;
  background: var(--panel-2); color: var(--text); font: inherit; font-weight: 850; cursor: pointer;
}
.utility-button:hover { border-color: var(--border-strong); background: var(--panel-muted); transform: translateY(-1px); }
.utility-button > span { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 7px; background: var(--accent-soft); color: var(--accent); }
.compact-profile { min-width: 124px; max-width: 176px; height: 42px; grid-template-columns: 34px minmax(0,1fr) auto; }
.compact-profile .profile-copy { min-width: 0; }
.compact-profile .profile-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-chevron { color: var(--muted); }
.premium-profile-menu { width: 360px; max-height: calc(100vh - 86px); overflow: auto; padding: 10px; }
.profile-menu-section-label { padding: 10px 10px 5px; color: var(--faint); font-size: 9px; font-weight: 950; letter-spacing: .13em; }
.profile-menu-status { display: flex; gap: 10px; align-items: center; margin: 7px 2px 4px; padding: 11px 12px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 12px; }
.profile-menu-status strong,.profile-menu-status small { display:block; }
.profile-menu-status small { margin-top:2px; color:var(--muted); font-size:10px; }
.status-dot { width:9px; height:9px; border-radius:50%; background:var(--faint); box-shadow:0 0 0 4px color-mix(in srgb,var(--faint) 14%,transparent); }
.status-dot.online { background:var(--success); box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 14%,transparent); }

.mobile-nav-overlay {
  position: fixed; inset: 0; z-index: 250; display: grid; place-items: start center;
  padding: 78px 18px 18px; background: rgba(9, 27, 22, .48); backdrop-filter: blur(9px);
}
.nav-launcher-card {
  width: min(760px, 96vw); max-height: calc(100vh - 96px); overflow: auto;
  border: 1px solid color-mix(in srgb,var(--border) 80%,transparent); border-radius: 24px;
  background: var(--panel-2); box-shadow: 0 32px 90px rgba(4, 38, 30, .26); padding: 18px;
}
.nav-launcher-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:3px 4px 16px; border-bottom:1px solid var(--border); }
.nav-launcher-brand { display:flex; align-items:center; gap:12px; min-width:0; }
.nav-launcher-brand img { width:44px; height:44px; object-fit:contain; }
.nav-launcher-brand strong,.nav-launcher-brand small { display:block; }
.nav-launcher-brand strong { font-size:17px; }
.nav-launcher-brand small { margin-top:3px; color:var(--muted); font-size:10px; }
.nav-launcher-section { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:18px 4px 2px; }
.nav-launcher-section > span { grid-column:1/-1; color:var(--faint); font-size:9px; letter-spacing:.14em; font-weight:950; margin-bottom:2px; }
.mobile-nav-link { display:grid; grid-template-columns:42px minmax(0,1fr); gap:12px; align-items:center; text-align:left; min-height:76px; padding:12px; border:1px solid var(--border); border-radius:15px; background:var(--panel-2); cursor:pointer; }
.mobile-nav-link:hover,.mobile-nav-link.active { border-color:color-mix(in srgb,var(--accent) 45%,var(--border)); background:color-mix(in srgb,var(--accent-soft) 60%,var(--panel-2)); box-shadow:var(--shadow-soft); }
.mobile-nav-link > b { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:var(--panel-muted); color:var(--accent); font-size:18px; }
.mobile-nav-link strong,.mobile-nav-link small { display:block; }
.mobile-nav-link small { margin-top:4px; color:var(--muted); font-size:10px; }
.nav-utility-grid > button { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid var(--border); border-radius:13px; background:var(--panel-muted); cursor:pointer; font-weight:800; }
.nav-utility-grid > button:hover { border-color:var(--accent); background:var(--accent-soft); }
.nav-utility-grid b { width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:var(--panel-2); color:var(--accent); }
.nav-launcher-footer { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:10px; align-items:center; margin-top:16px; padding:14px; border-radius:15px; background:var(--panel-muted); border:1px solid var(--border); }
.nav-launcher-footer strong,.nav-launcher-footer small { display:block; }
.nav-launcher-footer small { color:var(--muted); margin-top:2px; }
.nav-launcher-footer button { border:0; background:transparent; color:var(--danger); font-weight:850; cursor:pointer; }

.calculator-full-width { width: 100%; }
.calculator-layout { display:block !important; }
.calculator-side { display:none !important; }
.summary-metric.interactive { cursor:pointer; }
.summary-metric.interactive:hover,.summary-metric:where(button):hover { transform:translateY(-2px); box-shadow:0 14px 30px rgba(20,55,47,.12); }
.calculator-table { min-width: 1370px; }
.table-wrap { position:relative; }
.calculator-table thead { position:sticky; top:0; z-index:8; }
.calculator-table thead th { box-shadow:0 1px 0 var(--border); }
.row-actions { display:flex; justify-content:flex-end; gap:6px; align-items:center; }
.row-review { min-width:58px; height:30px; border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border)); border-radius:9px; background:var(--danger-soft); color:var(--danger); font-size:10px; font-weight:900; cursor:pointer; }
.status-badge.invalid { cursor:pointer; }
.table-no-results { text-align:center; padding:34px !important; color:var(--muted); }
.review-filter-banner { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:12px 0; padding:11px 14px; border:1px solid color-mix(in srgb,var(--danger) 32%,var(--border)); border-radius:13px; background:var(--danger-soft); }
.review-filter-banner > div { display:flex; align-items:center; gap:9px; }
.review-filter-banner > div > span { width:25px; height:25px; display:grid; place-items:center; border-radius:8px; background:var(--danger); color:#fff; font-weight:900; }
.enhanced-empty-state { padding:54px 22px !important; }
.empty-format { display:inline-grid; grid-template-columns:auto repeat(3,70px); gap:6px; align-items:center; margin:14px 0 20px; padding:8px; border:1px solid var(--border); border-radius:12px; background:var(--panel-muted); }
.empty-format span { padding:0 8px; color:var(--muted); font-size:10px; font-weight:800; }
.empty-format b { padding:8px 10px; border-radius:8px; background:var(--panel-2); color:var(--accent); }
.empty-actions { display:flex; gap:9px; justify-content:center; flex-wrap:wrap; }
.sticky-totals-bar { position:fixed; left:50%; bottom:18px; z-index:70; transform:translateX(-50%); display:flex; gap:14px; align-items:center; padding:10px 13px; border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border)); border-radius:16px; background:color-mix(in srgb,var(--panel-2) 94%,transparent); box-shadow:0 18px 50px rgba(7,55,45,.22); backdrop-filter:blur(14px); }
.sticky-totals-bar span { display:flex; gap:5px; align-items:center; white-space:nowrap; font-size:11px; }
.sticky-totals-bar span + span { border-left:1px solid var(--border); padding-left:14px; }
.sticky-totals-bar button { border:0; border-radius:9px; background:var(--danger); color:#fff; padding:7px 10px; font-weight:850; cursor:pointer; }
.back-to-top { position:fixed; right:22px; bottom:22px; z-index:72; width:42px; height:42px; border:1px solid var(--border); border-radius:13px; background:var(--panel-2); color:var(--accent); box-shadow:var(--shadow); font-weight:950; cursor:pointer; }

.modal-overlay { padding:24px; background:rgba(11,30,25,.52); backdrop-filter:blur(8px); }
.modal-card { border-radius:22px; box-shadow:0 32px 90px rgba(4,31,25,.28); }
.utility-detail-modal { width:min(960px,96vw); max-height:90vh; overflow:hidden; }
.modal-body-scroll { padding:18px 22px; overflow:auto; max-height:68vh; }
.row-edit-modal-card { width:min(720px,96vw); }
.row-edit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:20px 22px 10px; }
.row-edit-grid label { display:grid; gap:7px; color:var(--muted); font-size:11px; font-weight:850; }
.row-edit-grid input,.row-edit-grid select { width:100%; height:44px; border:1px solid var(--border); border-radius:11px; padding:0 12px; background:var(--panel-2); color:var(--text); }
#rowEditSaveRuleWrap { margin:8px 22px 0; }
.packing-modal-card { width:min(1120px,96vw); max-height:92vh; overflow:hidden; }
#packingModalBody { padding:20px 22px; max-height:68vh; overflow:auto; }
.packing-overview-total { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:16px; }
.packing-overview-total > div { padding:15px; border:1px solid var(--border); border-radius:14px; background:var(--panel-muted); }
.packing-overview-total span,.packing-overview-total strong { display:block; }
.packing-overview-total span { color:var(--muted); font-size:10px; font-weight:850; text-transform:uppercase; }
.packing-overview-total strong { margin-top:6px; font-size:22px; }
.packing-group-list { display:grid; gap:10px; }
.packing-group-card { width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto 24px; gap:14px; align-items:center; padding:14px 16px; border:1px solid var(--border); border-radius:15px; background:var(--panel-2); text-align:left; cursor:pointer; }
.packing-group-card:hover { border-color:var(--accent); background:var(--accent-soft); transform:translateY(-1px); }
.packing-group-card > div:first-child { display:flex; align-items:center; gap:12px; }
.packing-group-card > div:nth-child(2) { text-align:right; }
.packing-group-card strong,.packing-group-card small { display:block; }
.packing-group-card small { margin-top:4px; color:var(--muted); font-size:10px; }
.packing-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:var(--panel-muted); color:var(--accent); font-size:19px; }
.packing-group-card.tin .packing-icon { background:var(--special-soft); color:var(--special); }
.packing-group-card.warning { border-color:color-mix(in srgb,var(--warning) 45%,var(--border)); }
.packing-chevron { color:var(--faint); font-size:24px; }
.packing-detail-summary { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.packing-detail-summary span { padding:7px 10px; border-radius:999px; background:var(--accent-soft); color:var(--accent-ink); font-size:11px; font-weight:850; }
.packing-detail-table-wrap { overflow:auto; border:1px solid var(--border); border-radius:14px; }
.packing-detail-table { width:100%; min-width:930px; border-collapse:collapse; }
.packing-detail-table th,.packing-detail-table td { padding:11px 12px; border-bottom:1px solid var(--border); text-align:left; font-size:11px; }
.packing-detail-table th { position:sticky; top:0; background:var(--panel-muted); color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.07em; }
.modal-empty { text-align:center; padding:50px 20px; color:var(--muted); }
.modal-empty strong { color:var(--text); font-size:18px; }
.help-modal-card { width:min(1160px,96vw); max-height:92vh; overflow:hidden; }
.help-guide { padding:20px 22px; max-height:70vh; overflow:auto; }
.help-quick-start { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:16px; }
.help-quick-start > div { display:grid; grid-template-columns:34px 1fr; column-gap:10px; padding:13px; border:1px solid var(--border); border-radius:14px; background:var(--panel-muted); }
.help-quick-start span { grid-row:1/3; width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:var(--accent); color:#fff; font-weight:900; }
.help-quick-start strong,.help-quick-start small { display:block; }
.help-quick-start small { margin-top:3px; color:var(--muted); font-size:10px; line-height:1.4; }
.help-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.help-guide-card { padding:17px; border:1px solid var(--border); border-radius:15px; background:var(--panel-2); }
.help-guide-card.wide { grid-column:1/-1; }
.help-guide-card h3 { margin:6px 0 10px; }
.help-guide-card p { margin:8px 0 0; color:var(--muted); line-height:1.55; }
.help-mode-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.help-mode-grid article { padding:13px; border-radius:12px; background:var(--panel-muted); }
.help-mode-grid b { color:var(--accent); }
.help-mode-grid p { font-size:11px; }
.help-example-table { width:100%; border-collapse:collapse; }
.help-example-table th,.help-example-table td { padding:8px; border:1px solid var(--border); text-align:left; font-size:11px; }
.help-example-table th { background:var(--panel-muted); color:var(--muted); }
.system-modal-card { width:min(980px,96vw); max-height:90vh; overflow:hidden; }
.system-health-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:20px 22px; max-height:68vh; overflow:auto; }
.health-status-card { display:grid; grid-template-columns:42px minmax(0,1fr); gap:12px; padding:15px; border:1px solid var(--border); border-radius:15px; background:var(--panel-2); }
.health-status-card > span { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:var(--success-soft); color:var(--success); font-size:18px; font-weight:950; }
.health-status-card.warning > span { background:var(--warning-soft); color:var(--warning); }
.health-status-card small,.health-status-card strong,.health-status-card p { display:block; margin:0; }
.health-status-card small { color:var(--muted); font-size:9px; font-weight:900; text-transform:uppercase; }
.health-status-card strong { margin-top:4px; font-size:16px; }
.health-status-card p { margin-top:5px; color:var(--muted); font-size:10px; line-height:1.4; }
.system-address-card { grid-column:1/-1; padding:16px; border:1px solid var(--border); border-radius:15px; background:var(--panel-muted); }
.system-address-card h3 { margin:0 0 8px; }
.formula-explanation-card { padding:18px; border:1px solid var(--border); border-radius:15px; background:var(--panel-muted); }
.formula-explanation-card span,.formula-explanation-card strong,.formula-explanation-card b,.formula-explanation-card small { display:block; }
.formula-explanation-card span { color:var(--accent); font-size:9px; font-weight:950; letter-spacing:.12em; }
.formula-explanation-card strong { margin-top:8px; font-size:15px; }
.formula-explanation-card b { margin-top:9px; color:var(--accent); font-size:28px; }
.formula-explanation-card small { margin-top:8px; color:var(--muted); line-height:1.5; }
.paste-review-modal-card { width:min(1180px,96vw); max-height:92vh; overflow:hidden; }
.paste-review-toolbar { display:flex; gap:8px; padding:14px 22px 0; flex-wrap:wrap; }
.paste-review-table-wrap { margin:14px 22px; overflow:auto; max-height:52vh; border:1px solid var(--border); border-radius:14px; }
.paste-review-table { width:100%; min-width:920px; border-collapse:collapse; }
.paste-review-table th,.paste-review-table td { padding:11px 12px; border-bottom:1px solid var(--border); text-align:left; font-size:11px; }
.paste-review-table th { position:sticky; top:0; background:var(--panel-muted); z-index:2; color:var(--muted); text-transform:uppercase; font-size:9px; letter-spacing:.07em; }
.paste-row-action { width:170px; height:36px; border:1px solid var(--border); border-radius:9px; background:var(--panel-2); padding:0 9px; }
.paste-classification { display:inline-flex; padding:5px 8px; border-radius:999px; font-size:9px; font-weight:900; text-transform:uppercase; }
.paste-classification.new { background:var(--success-soft); color:var(--success); }
.paste-classification.corrected { background:var(--warning-soft); color:var(--warning); }
.paste-classification.unchanged { background:var(--panel-muted); color:var(--muted); }
.paste-review-note { margin:0 22px; padding:11px 13px; border-radius:11px; background:var(--accent-soft); color:var(--accent-ink); font-size:11px; line-height:1.5; }

@media (max-width: 1500px) {
  .topbar { grid-template-columns:minmax(245px,1fr) auto; }
  .top-nav { display:none !important; }
  .mobile-menu-button { display:grid !important; }
}
@media (max-width: 1120px) {
  .integration-chip span,.workspace-back-button span,.help-button b { display:none; }
  .integration-chip { width:38px; min-width:38px; padding:0; justify-content:center; }
  .workspace-back-button,.utility-button { width:38px; min-width:38px; padding:0; }
  .compact-profile { min-width:50px; width:50px; grid-template-columns:34px auto; padding:4px 7px; }
  .compact-profile .profile-copy { display:none; }
  .help-quick-start { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 760px) {
  .topbar { height:58px; padding:0 10px; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
  .brand-block > div { display:none; }
  .brand-block img { width:34px; height:34px; }
  .top-actions { gap:5px; }
  .workspace-back-button { display:none; }
  .nav-launcher-card { border-radius:18px; padding:13px; }
  .nav-launcher-section { grid-template-columns:1fr; }
  .nav-utility-grid { grid-template-columns:repeat(2,1fr); }
  .nav-launcher-footer { grid-template-columns:38px minmax(0,1fr); }
  .nav-launcher-footer button { grid-column:1/-1; justify-self:stretch; padding:9px; border:1px solid var(--border); border-radius:10px; }
  .summary-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .row-edit-grid,.system-health-grid,.help-guide-grid { grid-template-columns:1fr; }
  .help-guide-card.wide,.system-address-card { grid-column:auto; }
  .help-quick-start,.help-mode-grid,.packing-overview-total { grid-template-columns:1fr; }
  .packing-group-card { grid-template-columns:minmax(0,1fr) 20px; }
  .packing-group-card > div:nth-child(2) { grid-column:1/-1; text-align:left; padding-left:54px; }
  .sticky-totals-bar { left:10px; right:10px; transform:none; overflow:auto; justify-content:flex-start; }
  .empty-format { grid-template-columns:1fr repeat(3,60px); }
}
.packing-exclusion-note { margin: 10px 0 14px; padding: 10px 12px; border-radius: 12px; background: var(--panel-muted); color: var(--muted); font-size: 11px; line-height: 1.5; }
/* V2.60 table navigation: keep row identity and Review actions reachable. */
.calculator-table.freeze-item-column th.col-no,
.calculator-table.freeze-item-column td.col-no {
  position: sticky; left: 0; z-index: 4; background: var(--panel); box-shadow: 1px 0 0 var(--border);
}
.calculator-table.freeze-item-column thead th.col-no { z-index: 7; background: var(--panel-muted); }
.calculator-table th.col-action,
.calculator-table td.col-action {
  position: sticky; right: 0; z-index: 4; background: var(--panel); box-shadow: -1px 0 0 var(--border);
}
.calculator-table thead th.col-action { z-index: 9; background: var(--panel-muted); }
.calculator-table tr.attention-row td.col-action { background: color-mix(in srgb, var(--danger-soft) 56%, var(--panel)); }
.calculator-table tr.weight-only-row td.col-action { background: color-mix(in srgb, var(--line-soft) 42%, var(--panel)); }
.calculator-table tr.no-freight-row td.col-action { background: color-mix(in srgb, var(--panel-muted) 80%, var(--panel)); }
/* V2.60 full-width office table sizing: readable at 1366px without crowding. */
.calculator-table { min-width: 1240px; }
.calculator-table .col-no { min-width: 40px; width: 40px; }
.calculator-table .col-item { min-width: 240px; width: 240px; }
.calculator-table .col-mode { min-width: 202px; width: 202px; }
.calculator-table .col-bulk { min-width: 82px; width: 82px; }
.calculator-table .col-kg { min-width: 84px; width: 84px; }
.calculator-table .col-kgpack { min-width: 86px; width: 86px; }
.calculator-table .col-band { min-width: 136px; width: 136px; }
.calculator-table .col-line-amount,
.calculator-table .col-normal-amount { min-width: 104px; width: 104px; }
.calculator-table .col-status { min-width: 122px; width: 122px; }
.calculator-table .col-action { min-width: 54px; width: 54px; }
@media (max-width: 1100px) {
  .calculator-table { min-width: 1240px; }
}
.calculator-table th.col-status,
.calculator-table td.col-status {
  position: sticky; right: 54px; z-index: 4; background: var(--panel); box-shadow: -1px 0 0 var(--border);
}
.calculator-table thead th.col-status { z-index: 9; background: var(--panel-muted); }
.calculator-table tr.attention-row td.col-status { background: color-mix(in srgb, var(--danger-soft) 56%, var(--panel)); }
.calculator-table tr.weight-only-row td.col-status { background: color-mix(in srgb, var(--line-soft) 42%, var(--panel)); }
.calculator-table tr.no-freight-row td.col-status { background: color-mix(in srgb, var(--panel-muted) 80%, var(--panel)); }

/* V2.70.00 Smart Equal ERP Paste */
.paste-import-summary { margin:12px 0; padding:12px 16px; border:1px solid var(--border); border-radius:14px; background:var(--panel); box-shadow:0 8px 22px rgba(15,23,42,.05); }
.paste-import-summary > div { display:flex; align-items:center; gap:12px; }
.paste-import-summary > div > span { width:32px; height:32px; border-radius:10px; display:grid; place-items:center; font-weight:950; background:var(--accent-soft); color:var(--accent); }
.paste-import-summary strong,.paste-import-summary small { display:block; }
.paste-import-summary small { margin-top:2px; color:var(--muted); }
.paste-import-summary.success { border-color:color-mix(in srgb,var(--accent) 36%,var(--border)); }
.paste-import-summary.warning { border-color:color-mix(in srgb,#d97706 45%,var(--border)); background:color-mix(in srgb,#fffbeb 70%,var(--panel)); }
.paste-import-summary.error { border-color:color-mix(in srgb,#dc2626 45%,var(--border)); background:color-mix(in srgb,#fef2f2 70%,var(--panel)); }
.paste-import-summary.error > div > span { background:#fee2e2; color:#b91c1c; }
.smart-paste-status { border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border)); cursor:pointer; font:inherit; }
.smart-paste-status:hover { border-color:var(--accent); background:var(--accent-soft); }

.smart-paste-modal-card { width:min(920px,calc(100vw - 32px)); }
.paste-format-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:20px 22px 12px; }
.paste-format-cards article { padding:15px; border:1px solid var(--border); border-radius:15px; background:var(--panel-muted); }
.paste-format-cards span,.paste-format-cards strong,.paste-format-cards small { display:block; }
.paste-format-cards span { color:var(--accent); font-size:9px; letter-spacing:.12em; font-weight:950; }
.paste-format-cards strong { margin:7px 0 4px; }
.paste-format-cards small { color:var(--muted); line-height:1.45; }
.paste-safety-note { margin:0 22px 14px; padding:12px 14px; border-radius:12px; background:color-mix(in srgb,var(--accent-soft) 68%,var(--panel)); border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border)); }
.paste-safety-note b,.paste-safety-note span { display:block; }
.paste-safety-note span { margin-top:3px; color:var(--muted); }
.paste-format-modal-card { width:min(980px,calc(100vw - 32px)); }
.format-confidence-card { margin:20px 22px 12px; display:flex; align-items:center; gap:13px; padding:15px; border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border)); border-radius:15px; background:var(--accent-soft); }
.format-confidence-card .format-icon { width:42px; height:42px; border-radius:12px; display:grid; place-items:center; background:var(--accent); color:white; font-size:20px; }
.format-confidence-card strong,.format-confidence-card small { display:block; }
.format-confidence-card small { margin-top:3px; color:var(--muted); }
.format-mapping-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; padding:0 22px 14px; }
.format-mapping-grid div { padding:10px; border:1px solid var(--border); border-radius:11px; background:var(--panel-2); }
.format-mapping-grid span,.format-mapping-grid strong { display:block; }
.format-mapping-grid span { color:var(--faint); font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.format-mapping-grid strong { margin-top:4px; font-size:12px; }
.paste-preview-table-wrap { margin:0 22px; max-height:320px; overflow:auto; border:1px solid var(--border); border-radius:14px; }
.paste-preview-table { width:100%; border-collapse:collapse; }
.paste-preview-table th,.paste-preview-table td { padding:10px 12px; border-bottom:1px solid var(--border); text-align:left; white-space:nowrap; }
.paste-preview-table th { position:sticky; top:0; background:var(--panel-muted); z-index:2; font-size:10px; text-transform:uppercase; }
.paste-malformed-summary { margin:12px 22px 0; padding:11px 13px; border:1px solid #f5c2c2; border-radius:11px; background:#fff1f2; color:#b91c1c; font-weight:750; }

.calculator-table .col-erp-sl { min-width:74px; text-align:center; }
.calculator-table .col-erp-code { min-width:108px; }
.calculator-table .col-erp-unit { min-width:82px; }
.calculator-table .col-paste-source { min-width:116px; }
.erp-code-cell { font-weight:850; letter-spacing:.02em; color:var(--text); }
.erp-unit-cell { font-weight:750; color:var(--muted); }
.source-badge,.rule-match-badge { display:inline-flex; align-items:center; min-height:24px; padding:4px 8px; border-radius:999px; font-size:9px; font-weight:900; white-space:nowrap; border:1px solid var(--border); background:var(--panel-muted); color:var(--muted); }
.source-badge.full { background:color-mix(in srgb,var(--accent-soft) 75%,var(--panel)); border-color:color-mix(in srgb,var(--accent) 24%,var(--border)); color:var(--accent); }
.source-badge.compact { background:#eff6ff; color:#1d4ed8; border-color:#bfdbfe; }
.paste-classification.possible_duplicate { background:#fff7ed; color:#c2410c; border-color:#fed7aa; }
.paste-review-table td:nth-child(2) small { display:block; margin-top:4px; color:var(--muted); font-size:10px; }

.table-preset-grid { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:4px; }
.table-preset-grid button { padding:10px 8px; border:1px solid var(--border); border-radius:10px; background:var(--panel-2); font:inherit; font-size:11px; font-weight:850; cursor:pointer; }
.table-preset-grid button:hover,.table-preset-grid button.active { border-color:var(--accent); color:var(--accent); background:var(--accent-soft); }

.empty-full-format { display:inline-grid; grid-template-columns:auto repeat(6,minmax(44px,auto)) auto; gap:6px; align-items:center; margin:0 0 20px; padding:8px; border:1px solid var(--border); border-radius:12px; background:var(--panel-muted); }
.empty-full-format span { color:var(--accent); font-weight:900; }
.empty-full-format b,.empty-full-format em { padding:6px 8px; border-radius:8px; background:var(--panel); font-size:10px; font-style:normal; }

.row-edit-erp-meta { margin:18px 22px 0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.row-edit-erp-meta span { padding:10px; border:1px solid var(--border); border-radius:11px; background:var(--panel-muted); color:var(--muted); }
.row-edit-erp-meta b { display:block; margin-bottom:4px; color:var(--text); font-size:9px; text-transform:uppercase; letter-spacing:.08em; }

.code-aware-rule-form { grid-template-columns:150px minmax(240px,1fr) 190px 180px auto; }
.code-aware-rule-card { grid-template-columns:minmax(0,1fr) auto auto auto auto; }
.item-rule-copy em { display:block; margin-top:3px; color:var(--faint); font-size:9px; font-style:normal; }
.rule-match-badge { color:var(--accent); border-color:color-mix(in srgb,var(--accent) 26%,var(--border)); background:var(--accent-soft); }

.help-full-grid-sequence { display:grid; grid-template-columns:repeat(10,minmax(50px,1fr)); gap:5px; margin:12px 0; }
.help-full-grid-sequence b { padding:8px 5px; border-radius:8px; background:var(--panel-muted); border:1px solid var(--border); text-align:center; font-size:10px; }
.help-highlight { border-color:color-mix(in srgb,var(--accent) 35%,var(--border)); background:color-mix(in srgb,var(--accent-soft) 45%,var(--panel)); }

@media (max-width: 1100px) {
  .format-mapping-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .code-aware-rule-form { grid-template-columns:1fr 1fr; }
  .code-aware-rule-form .button { grid-column:1/-1; }
  .code-aware-rule-card { grid-template-columns:1fr auto; }
  .code-aware-rule-card .item-rule-copy { grid-column:1/-1; }
  .help-full-grid-sequence { grid-template-columns:repeat(5,minmax(50px,1fr)); }
}
@media (max-width: 720px) {
  .paste-format-cards,.format-mapping-grid,.table-preset-grid,.row-edit-erp-meta { grid-template-columns:1fr; }
  .empty-full-format { display:none; }
  .help-full-grid-sequence { grid-template-columns:repeat(2,minmax(80px,1fr)); }
  .code-aware-rule-form { grid-template-columns:1fr; }
}

/* V2.80.00 Premium Motion & Transitions */
:root {
  --motion-fast: 150ms;
  --motion-control: 180ms;
  --motion-page: 220ms;
  --motion-panel: 250ms;
  --motion-emphasis: 360ms;
  --ease-standard: cubic-bezier(.2,.75,.25,1);
  --ease-emphasis: cubic-bezier(.16,1,.3,1);
  --ease-exit: cubic-bezier(.4,0,1,1);
}

.main-content { position: relative; isolation: isolate; }
.page { transform-origin: 50% 0; }
.page.active.page-entering { animation: ftPageEnter var(--motion-page) var(--ease-emphasis) both; }
.page.page-leaving { display: block; position: absolute; inset: 0; width: 100%; pointer-events: none; z-index: 2; animation: ftPageExit var(--motion-page) var(--ease-exit) both; }
@keyframes ftPageEnter { 0% { opacity: 0; transform: translate3d(0,18px,0) scale(.99); filter: blur(3px); } 70% { filter: blur(0); } 100% { opacity: 1; transform: none; filter: none; } }
@keyframes ftPageExit { 0% { opacity: 1; transform: none; filter: none; } 100% { opacity: 0; transform: translate3d(0,-12px,0) scale(.992); filter: blur(2px); } }

.modal-overlay { opacity: 1; transition: opacity var(--motion-panel) var(--ease-standard), backdrop-filter var(--motion-panel) var(--ease-standard); }
.modal-overlay .modal-card { transform-origin: 50% 45%; will-change: transform, opacity; }
.modal-overlay.is-opening { animation: ftBackdropIn var(--motion-panel) var(--ease-standard) both; }
.modal-overlay.is-opening .modal-card { animation: ftModalIn var(--motion-panel) var(--ease-emphasis) both; }
.modal-overlay.is-closing { animation: ftBackdropOut var(--motion-panel) var(--ease-exit) both; pointer-events: none; }
.modal-overlay.is-closing .modal-card { animation: ftModalOut var(--motion-panel) var(--ease-exit) both; }
@keyframes ftBackdropIn { from { opacity: 0; backdrop-filter: blur(0) saturate(1); } to { opacity: 1; backdrop-filter: blur(14px) saturate(1.25); } }
@keyframes ftBackdropOut { from { opacity: 1; backdrop-filter: blur(14px) saturate(1.25); } to { opacity: 0; backdrop-filter: blur(0) saturate(1); } }
@keyframes ftModalIn { 0% { opacity: 0; transform: perspective(1200px) rotateX(8deg) translate3d(0,28px,0) scale(.93); filter: blur(5px); } 68% { opacity: 1; transform: perspective(1200px) rotateX(-1deg) translate3d(0,-3px,0) scale(1.008); filter: none; } 100% { opacity: 1; transform: none; filter: none; } }
@keyframes ftModalOut { 0% { opacity: 1; transform: none; filter: none; } 100% { opacity: 0; transform: perspective(1200px) rotateX(5deg) translate3d(0,16px,0) scale(.96); filter: blur(3px); } }

.profile-menu, .mobile-nav-overlay, .row-action-menu { transform-origin: top right; will-change: transform, opacity; }
.profile-menu.is-opening, .row-action-menu { animation: ftFloatingIn var(--motion-control) var(--ease-emphasis) both; }
.profile-menu.is-closing, .row-action-menu.is-closing { animation: ftFloatingOut var(--motion-control) var(--ease-exit) both; pointer-events: none; }
.mobile-nav-overlay.is-opening { animation: ftNavBackdropIn var(--motion-panel) var(--ease-standard) both; }
.mobile-nav-overlay.is-opening .nav-launcher-card { animation: ftNavPanelIn var(--motion-panel) var(--ease-emphasis) both; }
.mobile-nav-overlay.is-closing { animation: ftNavBackdropOut var(--motion-panel) var(--ease-exit) both; pointer-events: none; }
.mobile-nav-overlay.is-closing .nav-launcher-card { animation: ftNavPanelOut var(--motion-panel) var(--ease-exit) both; }
@keyframes ftFloatingIn { 0% { opacity: 0; transform: translate3d(0,-14px,0) scale(.94); filter: blur(3px); } 65% { opacity: 1; transform: translate3d(0,2px,0) scale(1.01); filter: none; } 100% { opacity: 1; transform: none; filter: none; } }
@keyframes ftFloatingOut { from { opacity: 1; transform: none; } to { opacity: 0; transform: translate3d(0,-8px,0) scale(.96); filter: blur(2px); } }
@keyframes ftNavBackdropIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes ftNavBackdropOut { from { opacity: 1; } to { opacity: 0; } }
@keyframes ftNavPanelIn { 0% { opacity: 0; transform: translate3d(0,-20px,0) scale(.96); filter: blur(4px); } 70% { opacity: 1; transform: translate3d(0,2px,0) scale(1.006); filter: none; } 100% { opacity: 1; transform: none; filter: none; } }
@keyframes ftNavPanelOut { from { opacity: 1; transform: none; } to { opacity: 0; transform: translate3d(0,-14px,0) scale(.98); filter: blur(2px); } }

.button, .icon-button, .nav-tab, .section-tab, .profile-button, .profile-menu-action,
.summary-metric, .log-summary, .user-compact-card, .theme-card, .packing-group-card,
.nav-launcher-link, .nav-utility-button, .row-remove, .row-review, .save-item-rule,
.status-badge, .band-badge, .pill, .integration-chip, .workspace-back-button,
.utility-button, .text-button, .table-preset-grid button, .paste-row-action {
  transition: transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-control) var(--ease-standard),
    background-color var(--motion-control) var(--ease-standard), border-color var(--motion-control) var(--ease-standard),
    color var(--motion-control) var(--ease-standard), opacity var(--motion-control) var(--ease-standard);
}
.button:not(:disabled):active, .icon-button:not(:disabled):active, .summary-metric:active,
.nav-tab:active, .section-tab:active, .profile-button:active, .packing-group-card:active,
.nav-launcher-link:active, .nav-utility-button:active { transform: translateY(1.5px) scale(.965); }
.button:focus-visible, .icon-button:focus-visible, .nav-tab:focus-visible, .section-tab:focus-visible,
.profile-button:focus-visible, .profile-menu-action:focus-visible, .summary-metric:focus-visible,
.packing-group-card:focus-visible, .nav-launcher-link:focus-visible, .nav-utility-button:focus-visible,
.row-review:focus-visible, .row-remove:focus-visible, .text-button:focus-visible {
  outline: none; box-shadow: 0 0 0 4px color-mix(in srgb,var(--accent) 26%,transparent), var(--shadow-soft);
}
.nav-tab.active, .section-tab.active { animation: ftActiveControl var(--motion-control) var(--ease-emphasis) both; }
@keyframes ftActiveControl { 0% { transform: scale(.93); opacity: .7; } 60% { transform: scale(1.03); opacity: 1; } 100% { transform: none; opacity: 1; } }

.metric-value-bump { animation: ftMetricBump var(--motion-emphasis) var(--ease-emphasis) both; }
@keyframes ftMetricBump { 0% { opacity: .45; transform: translateY(8px) scale(.88); text-shadow: 0 0 0 transparent; } 55% { transform: translateY(-3px) scale(1.14); text-shadow: 0 0 20px color-mix(in srgb,var(--accent) 75%,transparent), 0 0 36px color-mix(in srgb,var(--accent) 45%,transparent); } 78% { transform: translateY(1px) scale(.985); } 100% { opacity: 1; transform: none; text-shadow: none; } }
.summary-metric.active-attention { animation: ftAttentionOnce 620ms var(--ease-emphasis) both; }
@keyframes ftAttentionOnce { 0%,100% { transform: none; } 35% { transform: translateY(-4px) scale(1.02); box-shadow: 0 0 0 6px color-mix(in srgb,var(--danger) 22%,transparent), 0 16px 36px color-mix(in srgb,var(--danger) 28%,transparent), var(--shadow); } 70% { transform: translateY(1px) scale(.995); } }

.data-table tbody tr { will-change: transform, opacity, background-color; }
.data-table tbody tr.motion-new { animation: ftRowNew 1050ms var(--ease-emphasis) both; }
.data-table tbody tr.motion-replaced { animation: ftRowReplaced 1050ms var(--ease-emphasis) both; }
.data-table tbody tr.motion-updated { animation: ftRowUpdated 760ms var(--ease-emphasis) both; }
.data-table tbody tr.motion-restored { animation: ftRowRestored 950ms var(--ease-emphasis) both; }
.data-table tbody tr.motion-removing { animation: ftRowRemove var(--motion-control) var(--ease-exit) both; pointer-events: none; }
@keyframes ftRowNew { 0% { opacity: 0; transform: translate3d(0,16px,0); background: color-mix(in srgb,var(--success-soft) 85%,var(--panel)); box-shadow: inset 5px 0 var(--success), 0 8px 24px color-mix(in srgb,var(--success) 22%,transparent); } 30% { opacity: 1; transform: none; background: color-mix(in srgb,var(--success-soft) 50%,var(--panel)); } 100% { background: var(--panel); box-shadow: inset 0 0 transparent, none; } }
@keyframes ftRowReplaced { 0% { background: color-mix(in srgb,var(--warning-soft) 85%,var(--panel)); box-shadow: inset 5px 0 var(--warning), 0 8px 24px color-mix(in srgb,var(--warning) 24%,transparent); } 50% { background: color-mix(in srgb,var(--warning-soft) 40%,var(--panel)); } 100% { background: var(--panel); box-shadow: inset 0 0 transparent, none; } }
@keyframes ftRowUpdated { 0% { background: color-mix(in srgb,var(--accent-soft) 80%,var(--panel)); box-shadow: inset 4px 0 var(--accent), 0 6px 18px color-mix(in srgb,var(--accent) 20%,transparent); } 100% { background: var(--panel); box-shadow: inset 0 0 transparent; } }
@keyframes ftRowRestored { 0% { opacity: .25; transform: translate3d(-10px,0,0); background: color-mix(in srgb,var(--line-soft) 90%,var(--panel)); } 30% { opacity: 1; transform: none; } 100% { background: var(--panel); } }
@keyframes ftRowRemove { to { opacity: 0; transform: translate3d(18px,0,0) scale(.97); } }
.table-filtering .table-wrap { animation: ftTableFilter var(--motion-emphasis) var(--ease-emphasis) both; }
.workspace-restored, .paste-applied { animation: ftWorkspacePulse 650ms var(--ease-emphasis) both; }
@keyframes ftTableFilter { 0% { opacity: .58; transform: translateY(6px); } 100% { opacity: 1; transform: none; } }
@keyframes ftWorkspacePulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb,var(--accent) 0%,transparent), var(--shadow-soft); } 35% { box-shadow: 0 0 0 7px color-mix(in srgb,var(--accent) 26%,transparent), 0 0 28px color-mix(in srgb,var(--accent) 32%,transparent), var(--shadow); } 100% { box-shadow: var(--shadow-soft); } }

.page.is-loading::after { content: ''; position: fixed; top: 64px; left: 0; right: 0; height: 2px; z-index: 95; background: linear-gradient(90deg,transparent,var(--accent),var(--warm),transparent); background-size: 220% 100%; animation: ftPageProgress 1s linear infinite; }
.page.is-loading .page-heading { opacity: .72; }
@keyframes ftPageProgress { from { background-position: 180% 0; } to { background-position: -80% 0; } }
.button.is-loading { position: relative; cursor: wait; }
.button-spinner { width: 14px; height: 14px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spin .65s linear infinite; flex: 0 0 auto; }

.sticky-totals-bar:not(.hidden) { animation: ftStickyEnter var(--motion-panel) var(--ease-emphasis) both; }
.back-to-top:not(.hidden) { animation: ftBackTopIn var(--motion-control) var(--ease-emphasis) both; }
@keyframes ftStickyEnter { from { opacity: 0; transform: translate(-50%,16px) scale(.975); } to { opacity: 1; transform: translate(-50%,0) scale(1); } }
@keyframes ftBackTopIn { from { opacity: 0; transform: translateY(12px) scale(.92); } to { opacity: 1; transform: none; } }

.toast.is-leaving { animation: ftToastOut var(--motion-control) var(--ease-exit) both; }
@keyframes ftToastOut { 0% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translate3d(24px,0,0) scale(.92); filter: blur(3px); } }
.paste-import-summary:not(.hidden), .review-filter-banner:not(.hidden), .calculation-health-bar { animation: ftStatusReveal var(--motion-control) var(--ease-emphasis) both; }
@keyframes ftStatusReveal { from { opacity: .4; transform: translateY(-6px) scale(.985); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) {
  :root { --motion-fast: 1ms; --motion-control: 1ms; --motion-page: 1ms; --motion-panel: 1ms; --motion-emphasis: 1ms; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .live-dot { animation: none !important; box-shadow: none !important; }
  .page.page-leaving { display: none; position: static; }
}
@media (max-width: 760px) {
  .sticky-totals-bar:not(.hidden) { animation-name: ftStickyMobileEnter; }
  @keyframes ftStickyMobileEnter { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: none; } }
}


/* ================================================================
   V3.10.00 — FAST ERP, COMPACT PROFILE & DAILY TABLE REFINEMENT
   ================================================================ */
.topbar { grid-template-columns:minmax(250px,auto) minmax(0,1fr) auto; }
.brand-block { justify-self:start; }
.top-nav { justify-self:center; }
.top-actions.unified-utilities { justify-self:end; margin-left:auto; }
@media (max-width:1700px) { .topbar { grid-template-columns:minmax(250px,1fr) auto; } .top-actions.unified-utilities { grid-column:2; justify-self:end; } }

/* Profile dropdown is intentionally concise; full settings live inside My Profile. */
.premium-profile-menu { width:280px; }
.profile-menu-action { min-height:48px; }
.profile-compact-modal { width:min(900px,calc(100vw - 32px)); max-height:88vh; }
.profile-compact-modal .modal-body-scroll { padding:18px; }
.profile-compact-layout { display:grid; gap:14px; }
.profile-overview-card { display:grid; grid-template-columns:58px minmax(0,1fr) auto; gap:13px; align-items:center; padding:16px; border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border)); border-radius:16px; background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 78%,var(--panel)),var(--panel)); }
.profile-overview-card h3,.profile-overview-card p { margin:0; }
.profile-overview-card p { margin:3px 0 7px; color:var(--muted); font-size:11px; }
.profile-overview-avatar { width:54px!important; height:54px!important; }
.session-live-chip { display:inline-flex; align-items:center; gap:7px; padding:7px 10px; border-radius:999px; background:var(--accent-soft); color:var(--accent); font-size:11px; font-weight:850; }
.session-live-chip i { width:7px; height:7px; border-radius:50%; background:var(--success); }
.profile-quick-actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.profile-quick-actions button { display:grid; grid-template-columns:34px minmax(0,1fr); grid-template-rows:auto auto; column-gap:9px; text-align:left; padding:12px; border:1px solid var(--border); border-radius:14px; background:var(--panel-2); cursor:pointer; }
.profile-quick-actions button:hover { border-color:var(--accent); background:var(--accent-soft); transform:translateY(-1px); }
.profile-quick-actions button>span { grid-row:1/3; width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:var(--panel-muted); color:var(--accent); }
.profile-quick-actions b,.profile-quick-actions small { display:block; }
.profile-quick-actions small { margin-top:2px; color:var(--muted); font-size:10px; }
.profile-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.profile-info-card,.profile-sessions-card { padding:15px; border:1px solid var(--border); border-radius:15px; background:var(--panel-2); }
.profile-info-card h3,.profile-sessions-card h3 { margin:0 0 9px; }
.permission-chip-list { display:flex; flex-wrap:wrap; gap:7px; }
.permission-chip-list span { padding:6px 9px; border-radius:999px; background:var(--accent-soft); color:var(--accent); font-size:10px; font-weight:800; }
.profile-sessions-card>div:first-child { display:flex; align-items:end; justify-content:space-between; gap:12px; }
.profile-sessions-card small { color:var(--muted); }
.profile-session-list { display:grid; gap:8px; margin-top:12px; }
.profile-session-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 11px; border:1px solid var(--border); border-radius:11px; background:var(--panel-muted); }
.profile-session-row strong,.profile-session-row small { display:block; }
.profile-session-row small { margin-top:3px; font-size:10px; }

/* Fast conflict-only paste review with a reliable internal scrolling region. */
#pasteChoiceModal .paste-review-modal-card { width:min(1120px,calc(100vw - 28px)); height:min(88vh,820px); max-height:88vh; display:grid; grid-template-rows:auto auto auto minmax(0,1fr) auto auto; overflow:hidden; }
#pasteChoiceModal .paste-review-table-wrap { min-height:0; max-height:none; height:100%; overflow:auto; overscroll-behavior:contain; }
#pasteChoiceModal .paste-review-table thead th { position:sticky; top:0; z-index:4; }
#pasteChoiceModal .modal-actions { position:sticky; bottom:0; z-index:5; background:var(--panel-2); }
.paste-malformed-summary ul { margin:7px 0 0 18px; padding:0; font-weight:600; }

/* Load Breakdown first-level view. The approved drill-down table remains unchanged. */
.load-overview { display:grid; grid-template-columns:1fr 1fr 1.4fr; gap:10px; padding:16px 18px 10px; }
.load-overview>div { padding:13px 14px; border:1px solid var(--border); border-radius:14px; background:var(--panel-muted); }
.load-overview span,.load-overview strong,.load-overview small { display:block; }
.load-overview span { color:var(--muted); font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.load-overview strong { margin:5px 0 2px; font-size:22px; }
.load-overview small { color:var(--faint); font-size:10px; }
.compact-note { margin:0 18px 10px; padding:9px 11px; font-size:10px; }
.load-group-list { display:grid; gap:8px; padding:0 18px 18px; }
.load-group-row { grid-template-columns:42px minmax(180px,1fr) auto 66px!important; gap:12px!important; align-items:center!important; min-height:68px; padding:11px 13px!important; text-align:left; }
.load-group-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:var(--accent-soft); color:var(--accent); }
.load-group-copy strong { display:block; font-size:13px; }
.load-band-badge { display:inline-flex; margin-top:4px; padding:3px 7px; border-radius:999px; background:var(--panel-muted); color:var(--muted); font-size:9px; font-weight:800; }
.load-group-stats { display:flex; gap:14px; align-items:center; white-space:nowrap; }
.load-group-stats strong { color:var(--text); }
.load-group-stats span { color:var(--muted); font-size:10px; }
.load-group-row .packing-chevron { color:var(--accent); font-size:10px; font-weight:850; }

/* Customize Table: wide, staged, preview-driven. */
.customize-table-modal-card { width:min(940px,calc(100vw - 32px)); max-height:88vh; overflow:hidden; display:grid; grid-template-rows:auto minmax(0,1fr) auto; }
.customize-table-body { min-height:0; overflow:auto; padding:16px 20px; display:grid; gap:13px; }
.table-custom-columns { display:grid; grid-template-columns:.85fr 1.15fr; gap:12px; align-items:start; }
.table-custom-columns .table-custom-section:last-child { grid-column:2; }
.table-custom-section { padding:14px; border:1px solid var(--border); border-radius:15px; background:var(--panel-2); }
.modern-presets { margin:10px 0 0; }
.modern-presets button { min-height:68px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; text-align:left; padding:10px 12px; }
.modern-presets button strong,.modern-presets button small { display:block; }
.modern-presets button small { margin-top:4px; color:var(--muted); font-size:9px; font-weight:650; }
.modern-presets button.active small { color:inherit; opacity:.8; }
.compact-switch-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 0; }
.compact-switch-row span strong,.compact-switch-row span small { display:block; }
.compact-switch-row span small { margin-top:2px; color:var(--muted); font-size:9px; }
.compact-switch-row input,.compact-toggle-grid input { position:absolute; opacity:0; pointer-events:none; }
.compact-switch-row>i,.compact-toggle-grid i { width:38px; height:22px; border-radius:999px; background:var(--border-strong); position:relative; flex:0 0 auto; transition:.18s; }
.compact-switch-row>i::after,.compact-toggle-grid i::after { content:""; position:absolute; width:16px; height:16px; top:3px; left:3px; border-radius:50%; background:white; box-shadow:0 1px 4px rgba(0,0,0,.18); transition:.18s; }
.compact-switch-row input:checked+i,.compact-toggle-grid input:checked+i { background:var(--accent); }
.compact-switch-row input:checked+i::after,.compact-toggle-grid input:checked+i::after { transform:translateX(16px); }
.locked-columns { display:flex; flex-wrap:wrap; gap:6px; padding-top:10px; border-top:1px solid var(--border); }
.locked-columns span { width:100%; color:var(--muted); font-size:9px; }
.locked-columns b { padding:5px 7px; border-radius:8px; background:var(--panel-muted); font-size:9px; }
.compact-toggle-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:10px; }
.compact-toggle-grid label { display:flex; justify-content:space-between; align-items:center; gap:8px; min-height:40px; padding:8px 9px; border:1px solid var(--border); border-radius:10px; cursor:pointer; font-size:10px; font-weight:800; }
.compact-toggle-grid i { transform:scale(.84); transform-origin:right center; }
.table-preview-section { display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; align-items:center; padding:12px 14px; border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border)); border-radius:14px; background:var(--accent-soft); }
.table-preview-section strong,.table-preview-section small { display:block; }
.table-preview-section small { margin-top:3px; color:var(--muted); font-size:9px; }
.table-header-preview { display:flex; gap:5px; overflow:auto; padding-bottom:2px; }
.table-header-preview span { flex:0 0 auto; padding:6px 8px; border-radius:8px; background:var(--panel-2); border:1px solid var(--border); font-size:9px; font-weight:850; }
.sticky-modal-actions { position:sticky; bottom:0; background:var(--panel-2); z-index:4; }
.modal-action-spacer { flex:1; }

/* Compact daily calculation table. Advanced columns remain available through presets. */
.calculator-table { min-width:980px; }
.calculator-table .col-item { min-width:230px; width:230px; }
.calculator-table .col-mode { min-width:124px; width:124px; }
.calculator-table .col-bulk { min-width:88px; width:88px; }
.calculator-table .col-kg { min-width:74px; width:74px; }
.calculator-table .col-kgpack { min-width:86px; width:86px; }
.calculator-table .col-freight { min-width:150px; width:150px; }
.calculator-table .col-status { min-width:112px; width:112px; }
.calculator-table .col-action { min-width:54px; width:54px; }
.item-cell { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mode-display-badge { display:inline-flex; align-items:center; min-height:28px; padding:5px 9px; border:0; border-radius:999px; font:inherit; font-size:9px; font-weight:900; cursor:pointer; white-space:nowrap; }
.mode-display-badge.package { background:var(--accent-soft); color:var(--accent); }
.mode-display-badge.weight-only { background:var(--line-soft); color:var(--line); }
.mode-display-badge.no-freight { background:var(--panel-muted); color:var(--muted); }
.mode-display-badge:disabled { cursor:default; opacity:.9; }
.units-cell,.qty-cell { font-weight:800; }
.freight-summary-button { width:100%; display:grid; gap:2px; padding:5px 7px; border:0; border-radius:8px; background:transparent; text-align:left; cursor:pointer; }
.freight-summary-button:hover { background:var(--panel-muted); }
.freight-summary-button span { display:block; white-space:nowrap; font-size:10px; font-weight:850; }
.freight-summary-button .freight-line { color:var(--line); }
.freight-summary-button .freight-normal { color:var(--normal); }
.row-action-details { position:relative; }
.row-action-details summary { list-style:none; width:32px; height:32px; display:grid; place-items:center; border:1px solid var(--border); border-radius:9px; background:var(--panel-2); cursor:pointer; font-size:18px; }
.row-action-details summary::-webkit-details-marker { display:none; }
.row-action-details[open] summary { border-color:var(--accent); background:var(--accent-soft); color:var(--accent); }
.row-action-details .row-action-menu { position:absolute; right:0; top:37px; z-index:30; width:148px; display:grid; padding:6px; border:1px solid var(--border); border-radius:11px; background:var(--panel-2); box-shadow:var(--shadow); }
.row-action-details .row-action-menu button { border:0; border-radius:7px; background:transparent; padding:8px 9px; text-align:left; font:inherit; font-size:10px; font-weight:750; cursor:pointer; }
.row-action-details .row-action-menu button:hover { background:var(--panel-muted); }
.row-action-details .row-action-menu .danger-text { color:var(--danger); }

@media (max-width:900px) {
  .profile-quick-actions,.profile-info-grid,.table-custom-columns { grid-template-columns:1fr; }
  .table-custom-columns .table-custom-section:last-child { grid-column:auto; }
  .load-overview { grid-template-columns:1fr 1fr; }
  .load-overview .wide { grid-column:1/-1; }
  .load-group-row { grid-template-columns:38px minmax(0,1fr) auto!important; }
  .load-group-stats { grid-column:2; flex-wrap:wrap; }
  .load-group-row .packing-chevron { grid-column:3; grid-row:1/3; }
  .table-preview-section { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .profile-quick-actions,.compact-toggle-grid { grid-template-columns:1fr 1fr; }
  .profile-overview-card { grid-template-columns:50px minmax(0,1fr); }
  .session-live-chip { grid-column:1/-1; justify-self:start; }
  .load-overview { grid-template-columns:1fr; }
  .load-overview .wide { grid-column:auto; }
  .load-group-row { grid-template-columns:34px minmax(0,1fr)!important; }
  .load-group-stats { grid-column:2; gap:8px; }
  .load-group-row .packing-chevron { display:none; }
}

.calculator-table.freeze-item-column:not(.show-row-number) th.col-item,
.calculator-table.freeze-item-column:not(.show-row-number) td.col-item { left:0; }
.calculator-table.freeze-item-column.show-row-number th.col-item,
.calculator-table.freeze-item-column.show-row-number td.col-item { left:40px; }


/* V3.20.00 — SYSTEM & API STATUS */
.system-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.system-page-card{display:flex;gap:13px;align-items:flex-start;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft)}.system-page-card.healthy{border-color:color-mix(in srgb,var(--success) 28%,var(--border))}.system-page-card.warning{border-color:color-mix(in srgb,var(--warning) 35%,var(--border))}.system-card-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:var(--surface-soft);font-weight:800}.system-page-card small{display:block;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.system-page-card strong{display:block;margin:4px 0;font-size:1.08rem}.system-page-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.45}.system-detail-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.system-detail-list .detail-row{padding:12px 0;border-bottom:1px solid var(--border)}.advanced-system-details{margin-top:16px;padding:0}.advanced-system-details summary{padding:16px 18px;cursor:pointer;font-weight:750}.advanced-system-details pre{margin:0;padding:18px;max-height:340px;overflow:auto;border-top:1px solid var(--border);font-size:.78rem;white-space:pre-wrap}.app-signature strong,.login-signature strong{font-family:Georgia,'Times New Roman',serif;letter-spacing:.28em;font-size:1.12em}@media(max-width:1000px){.system-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-detail-layout{grid-template-columns:1fr}}@media(max-width:640px){.system-status-grid{grid-template-columns:1fr}}


/* V3.30.00 — MY PROFILE & APPEARANCE CENTER */
.appearance-menu-action { margin-top:2px; }
.appearance-menu-action>span { color:var(--accent);background:var(--accent-soft); }
.appearance-center-card { width:min(1120px,calc(100vw - 30px));max-height:94vh;overflow:hidden;display:flex;flex-direction:column; }
.appearance-center-body { overflow:auto;padding:18px 22px 4px;display:grid;gap:16px; }
.appearance-live-card { position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:center;padding:20px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 80%,var(--panel)),var(--panel));box-shadow:var(--shadow-soft); }
.appearance-live-card::after { content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-150px;background:color-mix(in srgb,var(--accent) 11%,transparent);pointer-events:none; }
.appearance-live-copy { position:relative;z-index:1; }
.appearance-live-copy h3 { margin:7px 0 6px;font-size:28px;letter-spacing:-.035em; }
.appearance-live-copy p { margin:0;color:var(--muted);max-width:560px;line-height:1.55; }
.appearance-live-meta { display:flex;flex-wrap:wrap;gap:7px;margin-top:14px; }
.appearance-live-meta span { padding:6px 9px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);font-size:10px;font-weight:850;color:var(--muted); }
.appearance-mini-window { position:relative;z-index:1;min-height:152px;border:1px solid var(--border-strong);border-radius:15px;overflow:hidden;background:var(--panel-2);box-shadow:var(--shadow); }
.appearance-mini-top { height:34px;display:grid;grid-template-columns:12px 72px 1fr;gap:8px;align-items:center;padding:0 12px;border-bottom:1px solid var(--border);background:var(--topbar-tint); }
.appearance-mini-top i { width:11px;height:11px;border-radius:50%;background:var(--accent); }
.appearance-mini-top b,.appearance-mini-top span,.appearance-mini-content strong,.appearance-mini-content small,.appearance-mini-content i { display:block;border-radius:999px;background:var(--panel-muted); }
.appearance-mini-top b { height:7px; }.appearance-mini-top span { height:7px;justify-self:end;width:76px; }
.appearance-mini-content { padding:16px; }.appearance-mini-content strong { width:46%;height:10px;background:var(--text);opacity:.82; }.appearance-mini-content small { margin-top:7px;width:72%;height:6px; }
.appearance-mini-content>div { display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px; }.appearance-mini-content i { height:34px;border-radius:9px;border:1px solid var(--border); }.appearance-mini-content i:first-child { background:var(--accent-soft); }.appearance-mini-content i:nth-child(2) { background:var(--panel-muted); }.appearance-mini-content i:last-child { background:color-mix(in srgb,var(--accent) 14%,var(--panel)); }
.appearance-mini-window footer { position:absolute;bottom:7px;right:10px;font-size:8px;color:var(--muted); }.appearance-mini-window footer b { letter-spacing:.18em; }
.appearance-density-section { display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--border);border-radius:15px;background:var(--panel-2); }
.appearance-density-section>div:first-child strong,.appearance-density-section>div:first-child small { display:block; }.appearance-density-section>div:first-child small { margin-top:3px;color:var(--muted);font-size:10px; }
.appearance-density-section .density-picker { margin:0;padding:0;background:transparent;grid-template-columns:repeat(4,auto); }
.appearance-theme-groups { display:grid;grid-template-columns:1fr;gap:16px;padding:0 0 18px; }
.appearance-theme-section { display:grid;gap:9px; }
.appearance-theme-section-head { display:flex;justify-content:space-between;align-items:end;gap:12px;padding:0 2px; }.appearance-theme-section-head strong,.appearance-theme-section-head small { display:block; }.appearance-theme-section-head strong { font-size:12px;text-transform:uppercase;letter-spacing:.08em; }.appearance-theme-section-head small { color:var(--muted);font-size:10px; }
.appearance-theme-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.theme-option { min-height:118px;grid-template-columns:82px minmax(0,1fr) auto;padding:13px;background:var(--panel-2);box-shadow:none;transition:transform .16s,border-color .16s,box-shadow .16s; }
.theme-option:hover { transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:var(--shadow-soft); }
.theme-option.selected { background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 76%,var(--panel)),var(--panel));box-shadow:inset 0 0 0 1px var(--accent),var(--shadow-soft); }
.theme-preview { height:58px;border-radius:11px; }.theme-option-copy { min-width:0; }.theme-option-copy strong { font-size:12px; }.theme-option-copy small { margin-top:5px;font-size:9px;line-height:1.35; }.theme-option-copy em { display:inline-block;margin-top:7px;padding:3px 6px;border-radius:999px;background:var(--panel-muted);color:var(--muted);font-size:8px;font-style:normal;font-weight:850; }
.theme-selected-mark { display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;opacity:0;font-size:11px; }.theme-option.selected .theme-selected-mark { opacity:1; }
.appearance-save-note { margin-right:auto;color:var(--muted);font-size:10px; }

.profile-premium-layout { gap:16px; }
.profile-compact-modal { width:min(980px,calc(100vw - 32px));max-height:92vh; }
.profile-hero-card { position:relative;overflow:hidden;display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 82%,var(--panel)),var(--panel));box-shadow:var(--shadow-soft); }
.profile-hero-glow { position:absolute;width:250px;height:250px;border-radius:50%;right:-100px;top:-150px;background:color-mix(in srgb,var(--accent) 12%,transparent); }
.profile-hero-copy,.profile-hero-stats,.profile-hero-card>.profile-overview-avatar { position:relative;z-index:1; }.profile-hero-copy h3 { margin:5px 0 3px;font-size:25px;letter-spacing:-.035em; }.profile-hero-copy p { margin:0;color:var(--muted); }.profile-hero-chips { display:flex;gap:7px;align-items:center;margin-top:10px;flex-wrap:wrap; }
.profile-hero-stats { display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:8px; }.profile-hero-stats article { min-width:110px;padding:12px;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--panel-2) 88%,transparent); }.profile-hero-stats strong,.profile-hero-stats small { display:block; }.profile-hero-stats strong { font-size:20px;color:var(--accent); }.profile-hero-stats small { margin-top:2px;color:var(--muted);font-size:9px; }
.profile-primary-actions { grid-template-columns:repeat(3,minmax(0,1fr)); }.profile-primary-actions button { min-height:72px; }
.profile-card-heading { margin-bottom:8px; }.profile-card-heading span { color:var(--accent);font-size:8px;font-weight:950;letter-spacing:.13em; }.profile-card-heading h3 { margin:4px 0 0; }
.profile-permission-list { align-content:start; }.profile-permission-list span { border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border)); }
.profile-sessions-heading { display:flex;justify-content:space-between;align-items:center;gap:15px; }.profile-sessions-heading h3 { margin:4px 0 1px; }.profile-session-count { padding:6px 9px;border-radius:999px;background:var(--warning-soft);color:var(--warning);font-size:9px;font-weight:900; }.profile-session-count.safe { background:var(--success-soft);color:var(--success); }
.profile-session-row { display:grid;grid-template-columns:30px minmax(0,1fr) auto; }.profile-device-icon { width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--panel-2);color:var(--accent); }
.profile-appearance-handoff { display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 15px;border:1px solid var(--border);border-radius:15px;background:var(--panel-muted); }.profile-appearance-handoff>span { width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-size:18px; }.profile-appearance-handoff strong,.profile-appearance-handoff small { display:block; }.profile-appearance-handoff small { margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4; }

@media(max-width:900px){.appearance-live-card{grid-template-columns:1fr}.appearance-mini-window{max-width:500px}.appearance-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-hero-card{grid-template-columns:62px minmax(0,1fr)}.profile-hero-stats{grid-column:1/-1}.profile-primary-actions{grid-template-columns:1fr}.profile-appearance-handoff{grid-template-columns:38px minmax(0,1fr)}.profile-appearance-handoff .button{grid-column:1/-1}.appearance-density-section{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.appearance-center-card{width:100vw;max-height:100vh;border-radius:0}.appearance-center-body{padding:14px}.appearance-live-card{padding:16px}.appearance-theme-grid{grid-template-columns:1fr}.appearance-density-section .density-picker{grid-template-columns:1fr 1fr;width:100%}.appearance-density-section .density-picker button{width:100%}.appearance-save-note{display:none}.profile-hero-card{grid-template-columns:54px minmax(0,1fr);padding:16px}.profile-hero-stats{grid-template-columns:1fr 1fr}.profile-info-grid{grid-template-columns:1fr}.profile-compact-modal{width:100vw;max-height:100vh;border-radius:0}.profile-compact-modal .modal-body-scroll{padding:13px}.profile-session-row{grid-template-columns:28px minmax(0,1fr)}.profile-session-row>.status-badge,.profile-session-row>.button{grid-column:2;justify-self:start}}

/* V3.30.00 final theme propagation and responsive refinements. */
.appearance-live-card { min-height:194px; }
html[data-density="compact"] { --row-height:calc(var(--theme-row-height) - 8px); --body-size:14px; --table-size:13px; --control-height:38px; }
html[data-density="standard"] { --row-height:var(--theme-row-height); --body-size:15px; --table-size:14px; --control-height:42px; }
html[data-density="comfortable"] { --row-height:calc(var(--theme-row-height) + 8px); --body-size:16px; --table-size:15px; --control-height:46px; }
html[data-density="large"] { --row-height:calc(var(--theme-row-height) + 16px); --body-size:17px; --table-size:16px; --control-height:50px; }
.topbar,.profile-menu,.nav-launcher-card,.modal-card,.toast { box-shadow:var(--shadow); }
.panel,.summary-panel,.table-panel,.system-page-card,.calculator-command-bar { box-shadow:var(--shadow-soft); }
.freight-login-shell {
  background:linear-gradient(90deg,var(--login-start) 0%,var(--login-mid) 45%,var(--panel) 45%,var(--bg-soft) 100%) !important;
}
.freight-login-shell .login-showcase {
  background:
    radial-gradient(circle at 95% 8%,rgba(255,255,255,.14),transparent 23%),
    radial-gradient(circle at 88% 83%,var(--login-glow),transparent 32%),
    linear-gradient(135deg,var(--login-start) 0%,var(--login-mid) 48%,var(--login-end) 100%) !important;
}
.freight-login-card {
  background:color-mix(in srgb,var(--panel) 96%,transparent) !important;
  border-color:var(--border) !important;
  box-shadow:var(--shadow) !important;
  color:var(--text) !important;
}
.freight-login-card .login-card-brand strong,.freight-login-card .login-welcome h2 { color:var(--text) !important; }
.freight-login-card .login-card-brand small,.freight-login-card .login-welcome p { color:var(--muted) !important; }
.freight-login-card .version-pill { background:var(--accent-soft) !important;color:var(--accent-ink) !important; }
.freight-login-card .login-kicker { color:var(--accent) !important; }
.freight-login-card .login-form>label { color:var(--text) !important; }
.freight-login-card .login-form input[type="text"],.freight-login-card .login-form input[type="password"] {
  background:var(--panel-2) !important;border-color:var(--border-strong) !important;color:var(--text) !important;
}
.freight-login-card .login-form input:focus { border-color:var(--accent) !important;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent) !important; }
.freight-login-shell .login-feature-card>span,.freight-login-shell .login-formula-strip span { color:color-mix(in srgb,var(--accent-soft) 84%,white) !important; }
.login-signature strong,.app-signature strong { color:var(--signature) !important; }
@media(max-width:900px){.appearance-live-card{min-height:340px}.appearance-mini-window{width:100%;max-width:none}}
@media(max-width:620px){.appearance-live-card{min-height:330px}.appearance-live-copy h3{font-size:24px}}


/* V3.30.02 — STABLE THEME-AWARE SIGNATURE FOOTERS */
:root {
  --app-footer-height: 38px;
  --module-footer-height: 31px;
  --signature-inline-gap: clamp(14px, 2vw, 28px);
}
.app-shell { min-height: 100dvh; display: flex; flex-direction: column; }
.main-content { flex: 1 0 auto; padding-bottom: calc(var(--app-footer-height) + 20px); }
.app-signature {
  position: fixed;
  z-index: 76;
  left: 0; right: 0; bottom: 0;
  min-height: var(--app-footer-height);
  margin: 0;
  padding: 6px max(var(--signature-inline-gap), env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(var(--signature-inline-gap), env(safe-area-inset-left));
  display: flex; align-items: center; justify-content: flex-end;
  border-top: 1px solid color-mix(in srgb,var(--signature) 18%,var(--border));
  background: color-mix(in srgb,var(--panel) 91%,transparent);
  box-shadow: 0 -8px 24px color-mix(in srgb,var(--text) 7%,transparent);
  backdrop-filter: blur(14px) saturate(1.08);
  color: color-mix(in srgb,var(--signature) 62%,var(--muted));
  font-size: clamp(11px, .78vw, 13px);
  line-height: 1; letter-spacing: .015em; white-space: nowrap;
  pointer-events: none;
}
.app-signature > span { display: inline-flex; align-items: baseline; gap: 5px; }
.app-signature strong, .module-signature strong {
  color: var(--signature) !important;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(13px, .92vw, 15px);
  font-weight: 650;
  letter-spacing: .24em;
  text-shadow: 0 1px 0 color-mix(in srgb,var(--panel) 72%,transparent);
}
.toast-stack { bottom: calc(var(--app-footer-height) + 14px); }
.sticky-totals-bar { bottom: calc(var(--app-footer-height) + 13px); }
.back-to-top { bottom: calc(var(--app-footer-height) + 15px); }

.modal-card, .nav-launcher-card { position: relative; padding-bottom: var(--module-footer-height); }
.module-signature {
  position: absolute; z-index: 8;
  left: 0; right: 0; bottom: 0;
  min-height: var(--module-footer-height);
  padding: 5px 16px 6px;
  display: flex; align-items: center; justify-content: flex-end;
  border-top: 1px solid color-mix(in srgb,var(--signature) 16%,var(--border));
  background: color-mix(in srgb,var(--panel-2) 94%,transparent);
  color: color-mix(in srgb,var(--signature) 60%,var(--muted));
  font-size: 10px; line-height: 1; white-space: nowrap;
  backdrop-filter: blur(10px);
  pointer-events: none;
}
.module-signature > span { display: inline-flex; align-items: baseline; gap: 4px; }
.module-signature strong { font-size: 12px; letter-spacing: .21em; }

.login-stage { position: relative; }
.login-signature {
  right: clamp(18px, 2.5vw, 36px);
  bottom: clamp(12px, 2vh, 20px);
  color: color-mix(in srgb,var(--signature) 62%,var(--muted));
  font-size: clamp(10px, .78vw, 12px);
  white-space: nowrap;
}
.login-signature strong { font-size: clamp(13px, 1vw, 16px); letter-spacing: .24em; }

@media (max-width: 620px) {
  :root { --app-footer-height: 35px; --module-footer-height: 29px; }
  .app-signature { padding-left: 12px; padding-right: 12px; font-size: 10.5px; }
  .app-signature strong { font-size: 13px; letter-spacing: .20em; }
  .module-signature { padding-right: 12px; font-size: 9.5px; }
}
@media (prefers-reduced-transparency: reduce) {
  .app-signature,.module-signature { backdrop-filter: none; background: var(--panel-2); }
}

/* ========================================================================== */
/* V3.90.01 — Interface, Appearance & Administration Redesign                 */
/* ========================================================================== */
:root{
  --user-font:var(--font);--user-base-size:14px;--user-heading-scale:1;--user-table-size:12px;
  --user-nav-size:11px;--user-control-size:12px;--user-badge-size:10px;--user-font-weight:500;
  --user-line-height:1.5;--user-letter-spacing:0em;--user-ui-scale:1;--user-radius:17px;--user-panel-gap:16px;
  --summary-font:var(--user-font);--summary-label-size:10px;--summary-value-size:28px;--summary-subtext-size:9px;
  --summary-value-weight:800;--summary-card-height:96px;--summary-gap:10px;--summary-radius:14px;--summary-border-width:1px;
  --summary-line:#2f80ed;--summary-normal:#0a8a68;--summary-special:#c47a10;--summary-packing:#0b91a1;--summary-weight:#7658bf;--summary-review:#d04a52;
}
body{font-family:var(--user-font);font-size:var(--user-base-size);font-weight:var(--user-font-weight);line-height:var(--user-line-height);letter-spacing:var(--user-letter-spacing)}
h1{font-size:calc(2rem * var(--user-heading-scale))}h2{font-size:calc(1.45rem * var(--user-heading-scale))}h3{font-size:calc(1.08rem * var(--user-heading-scale))}
.data-table{font-size:var(--user-table-size)}.top-nav,.profile-menu,.nav-launcher-card{font-size:var(--user-nav-size)}
.button,input,select,textarea,.utility-button,.profile-button{font-size:var(--user-control-size)}
.pill,.status-badge,.role-badge,.account-status,.integration-chip,.profile-role-chip{font-size:var(--user-badge-size)}
.panel,.modal-card,.summary-metric,.button,input,select,textarea{border-radius:var(--user-radius)}
.main-content>.page{gap:var(--user-panel-gap)}
html[data-shadow="flat"]{--shadow:none;--shadow-soft:none}html[data-shadow="soft"]{--shadow:0 10px 28px color-mix(in srgb,var(--text) 9%,transparent);--shadow-soft:0 4px 14px color-mix(in srgb,var(--text) 7%,transparent)}
html[data-shadow="balanced"]{--shadow:0 16px 42px color-mix(in srgb,var(--text) 13%,transparent);--shadow-soft:0 7px 22px color-mix(in srgb,var(--text) 9%,transparent)}
html[data-shadow="strong"]{--shadow:0 22px 58px color-mix(in srgb,var(--text) 20%,transparent);--shadow-soft:0 10px 30px color-mix(in srgb,var(--text) 14%,transparent)}

/* Modern curated theme catalogue */
html[data-theme="nordic_frost"],html[data-theme="glacier_blue"]{--bg:#eceff4;--bg-soft:#f4f6fa;--panel:#fff;--panel-2:#fff;--panel-muted:#e5e9f0;--text:#2e3440;--muted:#4c566a;--faint:#7b88a1;--border:#d8dee9;--border-strong:#bac6d8;--accent:#5e81ac;--accent-2:#81a1c1;--accent-soft:#e5edf5;--accent-ink:#2b4566;--signature:#5e81ac;--topbar-tint:rgba(255,255,255,.97);--shadow:0 16px 38px rgba(46,52,64,.09);--shadow-soft:0 7px 20px rgba(46,52,64,.06);--login-start:#2e3440;--login-mid:#434c5e;--login-end:#5e81ac;--login-glow:rgba(94,129,172,.24);--theme-row-height:50px;--radius:14px}
html[data-theme="cupertino_silver"],html[data-theme="polar_dawn"]{--bg:#f5f5f7;--bg-soft:#fafafc;--panel:#fff;--panel-2:#fff;--panel-muted:#e8e8ed;--text:#1d1d1f;--muted:#6e6e73;--faint:#86868b;--border:#d2d2d7;--border-strong:#b0b0b6;--accent:#0071e3;--accent-2:#47a0ff;--accent-soft:#e5f1ff;--accent-ink:#004fb0;--signature:#0071e3;--topbar-tint:rgba(255,255,255,.96);--shadow:0 16px 40px rgba(0,0,0,.08);--shadow-soft:0 6px 18px rgba(0,0,0,.05);--login-start:#1d1d1f;--login-mid:#434347;--login-end:#0071e3;--login-glow:rgba(0,113,227,.22);--theme-row-height:50px;--radius:14px}
html[data-theme="alabaster_minimal"],html[data-theme="linen_studio"]{--bg:#f8f9fa;--bg-soft:#ffffff;--panel:#fff;--panel-2:#fdfdfd;--panel-muted:#edf0f2;--text:#212529;--muted:#6c757d;--faint:#adb5bd;--border:#dee2e6;--border-strong:#ced4da;--accent:#0d9488;--accent-2:#14b8a6;--accent-soft:#ccfbf1;--accent-ink:#115e59;--signature:#0d9488;--topbar-tint:rgba(255,255,255,.98);--shadow:0 14px 34px rgba(33,37,41,.06);--shadow-soft:0 5px 16px rgba(33,37,41,.04);--login-start:#212529;--login-mid:#495057;--login-end:#0d9488;--login-glow:rgba(13,148,136,.22);--theme-row-height:50px;--radius:16px}
html[data-theme="fintech_emerald"],html[data-theme="citrus_light"]{--bg:#f0fdf4;--bg-soft:#f7fee7;--panel:#fff;--panel-2:#fff;--panel-muted:#dcfce7;--text:#064e3b;--muted:#047857;--faint:#34d399;--border:#bbf7d0;--border-strong:#86efac;--accent:#059669;--accent-2:#10b981;--accent-soft:#d1fae5;--accent-ink:#065f46;--signature:#059669;--topbar-tint:rgba(255,255,255,.97);--shadow:0 18px 44px rgba(5,150,105,.11);--shadow-soft:0 7px 20px rgba(5,150,105,.07);--login-start:#064e3b;--login-mid:#047857;--login-end:#10b981;--login-glow:rgba(16,185,129,.24);--theme-row-height:50px;--radius:15px}
html[data-theme="horizon_sunset"],html[data-theme="coral_office"]{--bg:#fff8f3;--bg-soft:#fffbf8;--panel:#fff;--panel-2:#fff;--panel-muted:#feebd9;--text:#3c1e0e;--muted:#855239;--faint:#ad7960;--border:#f0cdb5;--border-strong:#dba685;--accent:#ea580c;--accent-2:#f97316;--accent-soft:#ffedd5;--accent-ink:#9a3412;--signature:#ea580c;--topbar-tint:rgba(255,255,255,.97);--shadow:0 18px 44px rgba(234,88,12,.11);--shadow-soft:0 7px 20px rgba(234,88,12,.07);--login-start:#431407;--login-mid:#9a3412;--login-end:#ea580c;--login-glow:rgba(234,88,12,.22);--theme-row-height:50px;--radius:16px}
html[data-theme="bordeaux_luxe"],html[data-theme="rosewood_light"]{--font:"Aptos","Segoe UI",sans-serif;--font-heading:Georgia,"Times New Roman",serif;--bg:#fdf7f7;--bg-soft:#fffbfc;--panel:#fff;--panel-2:#fff;--panel-muted:#faeaec;--text:#3c1422;--muted:#783e54;--faint:#9d647a;--border:#e9ccd5;--border-strong:#d4a3b3;--accent:#831843;--accent-2:#be185d;--accent-soft:#fce7f3;--accent-ink:#500724;--signature:#831843;--topbar-tint:rgba(255,255,255,.97);--shadow:0 18px 44px rgba(131,24,67,.11);--shadow-soft:0 7px 20px rgba(131,24,67,.07);--login-start:#500724;--login-mid:#831843;--login-end:#be185d;--login-glow:rgba(190,24,93,.22);--theme-row-height:51px;--radius:16px}
html[data-theme="steel_operations"],html[data-theme="slate_blue"]{--bg:#f0f3f6;--bg-soft:#f8fafc;--panel:#fff;--panel-2:#fff;--panel-muted:#e2e7ec;--text:#1e293b;--muted:#475569;--faint:#64748b;--border:#cbd5e1;--border-strong:#94a3b8;--accent:#334155;--accent-2:#475569;--accent-soft:#e2e8f0;--accent-ink:#0f172a;--signature:#334155;--topbar-tint:rgba(255,255,255,.97);--shadow:0 16px 40px rgba(30,41,59,.10);--shadow-soft:0 6px 18px rgba(30,41,59,.06);--login-start:#0f172a;--login-mid:#334155;--login-end:#64748b;--login-glow:rgba(51,65,85,.22);--theme-row-height:49px;--radius:13px}
html[data-theme="kashmir_sapphire"],html[data-theme="emerald_mist"]{--bg:#edf3fc;--bg-soft:#f6f9fe;--panel:#fff;--panel-2:#fff;--panel-muted:#dfe9f8;--text:#10243e;--muted:#47668d;--faint:#718eb2;--border:#c4d6ec;--border-strong:#9cb9dc;--accent:#1d4ed8;--accent-2:#3b82f6;--accent-soft:#dbeafe;--accent-ink:#1e3a8a;--signature:#1d4ed8;--topbar-tint:rgba(255,255,255,.97);--shadow:0 18px 46px rgba(29,78,216,.13);--shadow-soft:0 7px 22px rgba(29,78,216,.08);--login-start:#1e3a8a;--login-mid:#1d4ed8;--login-end:#60a5fa;--login-glow:rgba(59,130,246,.24);--theme-row-height:50px;--radius:14px}
html[data-theme="swiss_editorial"],html[data-theme="copper_studio"]{--font:Inter,"Segoe UI",sans-serif;--font-heading:"Arial Black","Segoe UI",sans-serif;--bg:#f8f9fa;--bg-soft:#ffffff;--panel:#fff;--panel-2:#fff;--panel-muted:#e9ecef;--text:#111827;--muted:#4b5563;--faint:#6b7280;--border:#d1d5db;--border-strong:#9ca3af;--accent:#e11d48;--accent-2:#f43f5e;--accent-soft:#ffe4e6;--accent-ink:#9f1239;--signature:#e11d48;--topbar-tint:rgba(255,255,255,.98);--shadow:0 16px 36px rgba(0,0,0,.08);--shadow-soft:0 6px 18px rgba(0,0,0,.05);--login-start:#111827;--login-mid:#374151;--login-end:#e11d48;--login-glow:rgba(225,29,72,.22);--theme-row-height:50px;--radius:10px}
html[data-theme="tokyo_night"],html[data-theme="carbon_dark"]{--bg:#13141c;--bg-soft:#1a1b26;--panel:#1f2335;--panel-2:#24283b;--panel-muted:#2f354f;--text:#c0caf5;--muted:#9aa5ce;--faint:#565f89;--border:#3b4261;--border-strong:#545c7e;--accent:#7aa2f7;--accent-2:#7dcfff;--accent-soft:#253356;--accent-ink:#bb9af7;--signature:#7aa2f7;--topbar-tint:rgba(31,35,53,.96);--shadow:0 24px 64px rgba(0,0,0,.52);--shadow-soft:0 10px 30px rgba(0,0,0,.35);--radius:16px;--theme-row-height:49px;--line-soft:#1f3760;--normal-soft:#17423e;--special-soft:#4a3e20;--danger-soft:#542b36;--warning-soft:#4a3d1c;--success-soft:#1a443a;--violet-soft:#3d2f5e;--login-start:#13141c;--login-mid:#1f2335;--login-end:#7aa2f7;--login-glow:rgba(122,162,247,.25)}
html[data-theme="cyber_amber"],html[data-theme="obsidian"]{--bg:#0a0a0d;--bg-soft:#121216;--panel:#18181f;--panel-2:#1f1f28;--panel-muted:#2b2b36;--text:#fef3c7;--muted:#d97706;--faint:#92400e;--border:#38352e;--border-strong:#574f3e;--accent:#f59e0b;--accent-2:#fbbf24;--accent-soft:#382508;--accent-ink:#ffedd5;--signature:#f59e0b;--topbar-tint:rgba(24,24,31,.97);--shadow:0 26px 70px rgba(0,0,0,.6);--shadow-soft:0 10px 32px rgba(0,0,0,.4);--radius:12px;--theme-row-height:50px;--line-soft:#28303f;--normal-soft:#22372d;--special-soft:#483918;--danger-soft:#4b2629;--warning-soft:#473815;--success-soft:#22372c;--violet-soft:#382c46;--login-start:#0a0a0d;--login-mid:#261f10;--login-end:#f59e0b;--login-glow:rgba(245,158,11,.25)}
html[data-theme="monokai_pro"],html[data-theme="night_teal"]{--bg:#141316;--bg-soft:#1d1b20;--panel:#222026;--panel-2:#28262e;--panel-muted:#34323c;--text:#fcfcfa;--muted:#939293;--faint:#727072;--border:#3d3b43;--border-strong:#5b5864;--accent:#ffd866;--accent-2:#ff6188;--accent-soft:#38311d;--accent-ink:#fff1b8;--signature:#ffd866;--topbar-tint:rgba(34,32,38,.97);--shadow:0 24px 64px rgba(0,0,0,.5);--shadow-soft:0 10px 30px rgba(0,0,0,.35);--radius:13px;--theme-row-height:49px;--line-soft:#24354b;--normal-soft:#213d33;--special-soft:#4b3e1c;--danger-soft:#502834;--warning-soft:#493b1a;--success-soft:#203c31;--violet-soft:#3c2948;--login-start:#141316;--login-mid:#222026;--login-end:#ffd866;--login-glow:rgba(255,216,102,.24)}
html[data-theme="catppuccin_mocha"],html[data-theme="plum_night"]{--bg:#181825;--bg-soft:#1e1e2e;--panel:#242438;--panel-2:#2a2a40;--panel-muted:#363650;--text:#cdd6f4;--muted:#a6adc8;--faint:#6c7086;--border:#45475a;--border-strong:#585b70;--accent:#89b4fa;--accent-2:#b4befe;--accent-soft:#2d3859;--accent-ink:#cba6f7;--signature:#89b4fa;--topbar-tint:rgba(36,36,56,.96);--shadow:0 24px 64px rgba(0,0,0,.5);--shadow-soft:0 10px 30px rgba(0,0,0,.34);--radius:17px;--theme-row-height:50px;--line-soft:#23375e;--normal-soft:#1b4239;--special-soft:#4b3d22;--danger-soft:#522c38;--warning-soft:#4b3c1e;--success-soft:#1c4238;--violet-soft:#402f5a;--login-start:#181825;--login-mid:#242438;--login-end:#89b4fa;--login-glow:rgba(137,180,250,.24)}
html[data-theme="verdant_pine"],html[data-theme="solarized_office"]{--bg:#f1f7f4;--bg-soft:#f8fbf9;--panel:#fff;--panel-2:#fff;--panel-muted:#e2eee7;--text:#113125;--muted:#416b5a;--faint:#6e9484;--border:#c6ddd2;--border-strong:#9fc1b2;--accent:#1b4d3e;--accent-2:#2e7d66;--accent-soft:#d3ebe2;--accent-ink:#0d2f25;--signature:#1b4d3e;--topbar-tint:rgba(255,255,255,.97);--shadow:0 16px 40px rgba(27,77,62,.10);--shadow-soft:0 6px 18px rgba(27,77,62,.06);--login-start:#0d2f25;--login-mid:#1b4d3e;--login-end:#2e7d66;--login-glow:rgba(46,125,102,.22);--theme-row-height:52px;--radius:14px}
html[data-theme="monochrome_pro"]{--font:Arial,"Segoe UI",sans-serif;--font-heading:Arial,"Segoe UI",sans-serif;--bg:#ececec;--bg-soft:#f6f6f6;--panel:#fff;--panel-2:#fff;--panel-muted:#e5e5e5;--text:#181818;--muted:#5d5d5d;--faint:#858585;--border:#cfcfcf;--border-strong:#a9a9a9;--accent:#222;--accent-2:#555;--accent-soft:#e0e0e0;--accent-ink:#000;--signature:#222;--topbar-tint:rgba(255,255,255,.96);--login-start:#202020;--login-mid:#484848;--login-end:#747474;--login-glow:rgba(255,255,255,.18);--theme-row-height:48px;--radius:9px;--shadow:0 12px 30px rgba(0,0,0,.13);--shadow-soft:0 4px 14px rgba(0,0,0,.09)}
html[data-theme="stripe_emerald"]{--bg:#f8fafc;--bg-soft:#ffffff;--panel:#fff;--panel-2:#fff;--panel-muted:#f1f5f9;--text:#0f172a;--muted:#64748b;--faint:#94a3b8;--border:#e2e8f0;--border-strong:#cbd5e1;--accent:#10b981;--accent-2:#34d399;--accent-soft:#d1fae5;--accent-ink:#065f46;--signature:#10b981;--topbar-tint:rgba(255,255,255,.98);--shadow:0 16px 40px rgba(15,23,42,.07);--shadow-soft:0 6px 18px rgba(15,23,42,.04);--login-start:#0f172a;--login-mid:#1e293b;--login-end:#10b981;--login-glow:rgba(16,185,129,.22);--theme-row-height:50px;--radius:14px}
html[data-theme="vercel_obsidian"]{--bg:#fafafa;--bg-soft:#ffffff;--panel:#fff;--panel-2:#fdfdfd;--panel-muted:#f0f0f0;--text:#000000;--muted:#525252;--faint:#8a8a8a;--border:#e5e5e5;--border-strong:#cccccc;--accent:#171717;--accent-2:#404040;--accent-soft:#f5f5f5;--accent-ink:#000000;--signature:#000000;--topbar-tint:rgba(255,255,255,.98);--shadow:0 14px 36px rgba(0,0,0,.08);--shadow-soft:0 5px 16px rgba(0,0,0,.05);--login-start:#000000;--login-mid:#262626;--login-end:#525252;--login-glow:rgba(0,0,0,.2);--theme-row-height:50px;--radius:12px}
html[data-theme="kyoto_matcha"]{--font:"Aptos","Segoe UI",sans-serif;--font-heading:Georgia,"Times New Roman",serif;--bg:#f2f6f3;--bg-soft:#f9fbf9;--panel:#fff;--panel-2:#fff;--panel-muted:#e6efe9;--text:#1c3322;--muted:#5a7360;--faint:#839e8a;--border:#cfded3;--border-strong:#aec3b3;--accent:#2d5a27;--accent-2:#487a41;--accent-soft:#e1eee3;--accent-ink:#1b3d17;--signature:#2d5a27;--topbar-tint:rgba(255,255,255,.97);--shadow:0 16px 42px rgba(45,90,39,.10);--shadow-soft:0 6px 20px rgba(45,90,39,.06);--login-start:#1b3d17;--login-mid:#2d5a27;--login-end:#487a41;--login-glow:rgba(45,90,39,.22);--theme-row-height:51px;--radius:15px}
html[data-theme="arc_cyber"]{--bg:#0d0c1d;--bg-soft:#15132d;--panel:#1c193b;--panel-2:#24204d;--panel-muted:#302b66;--text:#f8f7ff;--muted:#baaedc;--faint:#8679af;--border:#473f7c;--border-strong:#6b60ad;--accent:#f43f5e;--accent-2:#06b6d4;--accent-soft:#3d1a33;--accent-ink:#ffe4e9;--signature:#f43f5e;--topbar-tint:rgba(28,25,59,.96);--shadow:0 26px 72px rgba(0,0,0,.58);--shadow-soft:0 10px 32px rgba(0,0,0,.38);--radius:16px;--theme-row-height:50px;--line-soft:#243260;--normal-soft:#16423c;--special-soft:#4f3420;--danger-soft:#581f33;--warning-soft:#4f3d1b;--success-soft:#184439;--violet-soft:#4c2560;--login-start:#0d0c1d;--login-mid:#1c193b;--login-end:#f43f5e;--login-glow:rgba(244,63,94,.28)}
html[data-theme="solar_flare_dark"]{--bg:#0c0d12;--bg-soft:#15161f;--panel:#1c1d29;--panel-2:#232534;--panel-muted:#303348;--text:#fffbeb;--muted:#d97706;--faint:#92400e;--border:#403a2f;--border-strong:#635944;--accent:#f59e0b;--accent-2:#fbbf24;--accent-soft:#38270b;--accent-ink:#fef3c7;--signature:#f59e0b;--topbar-tint:rgba(28,29,41,.96);--shadow:0 26px 68px rgba(0,0,0,.56);--shadow-soft:0 10px 30px rgba(0,0,0,.36);--radius:15px;--theme-row-height:50px;--line-soft:#22365a;--normal-soft:#184236;--special-soft:#4c3917;--danger-soft:#52252c;--warning-soft:#4d3b16;--success-soft:#1a4335;--violet-soft:#3b2d56;--login-start:#0c0d12;--login-mid:#1c1d29;--login-end:#f59e0b;--login-glow:rgba(245,158,11,.26)}
html[data-theme="velvet_amethyst"],html[data-theme="velvet_night"]{--bg:#120a1c;--bg-soft:#1b0f2a;--panel:#241437;--panel-2:#2e1a46;--panel-muted:#3f2460;--text:#fbf7ff;--muted:#c4aadc;--faint:#9073ab;--border:#523377;--border-strong:#794cae;--accent:#a855f7;--accent-2:#c084fc;--accent-soft:#411f67;--accent-ink:#f3e8ff;--signature:#a855f7;--topbar-tint:rgba(36,20,55,.96);--shadow:0 26px 70px rgba(0,0,0,.55);--shadow-soft:0 10px 32px rgba(0,0,0,.36);--radius:17px;--theme-row-height:50px;--line-soft:#242a5c;--normal-soft:#173d36;--special-soft:#493323;--danger-soft:#541e3a;--warning-soft:#4b381a;--success-soft:#183e34;--violet-soft:#532378;--login-start:#120a1c;--login-mid:#241437;--login-end:#a855f7;--login-glow:rgba(168,85,247,.26)}

/* Header and brand */
.topbar{min-height:72px;height:auto;padding:8px 20px;gap:16px;grid-template-columns:minmax(260px,auto) minmax(0,1fr) auto}
.brand-block-v340{gap:10px;min-width:270px}.brand-logo-shell{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--accent-soft) 65%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));flex:0 0 auto}.brand-block-v340 .brand-logo-shell img{width:38px;height:38px}.brand-identity{min-width:0}.brand-identity strong{font-size:14px;line-height:1.15}.brand-identity span{font-size:10px;margin-top:4px;white-space:nowrap}.brand-runtime{display:flex;gap:5px;margin-left:2px}.brand-runtime span{margin:0;padding:4px 7px;border-radius:999px;background:var(--panel-muted);border:1px solid var(--border);font-size:8px;font-weight:850;white-space:nowrap;color:var(--muted)}
.top-actions.unified-utilities{display:flex;align-items:center;gap:7px;padding:4px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--panel) 84%,transparent);box-shadow:var(--shadow-soft)}
.header-status-control,.header-help-control,.header-profile-control{height:42px;border-radius:12px!important}.header-status-control{display:flex;align-items:center;gap:8px;padding:0 12px;max-width:245px}.status-symbol{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.status-symbol i{width:8px;height:8px}.integration-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.header-help-control{padding:0 11px;gap:7px}.help-symbol{width:22px;height:22px;border-radius:8px;display:grid!important;place-items:center;background:var(--accent-soft);color:var(--accent-ink)}
.header-profile-control{padding:3px 8px 3px 4px;min-width:112px;gap:8px}.header-profile-control .profile-copy{display:grid;text-align:left;line-height:1.05}.header-profile-control .profile-copy strong{font-size:12px}.header-profile-control .profile-copy small{font-size:8px;color:var(--muted);margin-top:3px}.header-profile-control .profile-avatar{width:34px;height:34px}

/* Compact polished profile menu */
.premium-profile-menu{width:320px;padding:9px;max-height:calc(100vh - 88px);border-radius:17px;box-shadow:0 24px 58px color-mix(in srgb,var(--text) 22%,transparent)}
.profile-menu-head-v340{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 70%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border))}.profile-menu-head-v340 .profile-avatar{width:46px;height:46px}.profile-menu-identity{min-width:0}.profile-menu-identity strong{display:block;font-size:14px}.profile-menu-identity small{display:block;color:var(--muted);font-size:10px;margin:2px 0 5px}.profile-session-indicator{align-self:start;display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:999px;background:var(--success-soft);color:var(--success);font-size:8px;font-weight:850}.profile-session-indicator i{width:6px;height:6px;border-radius:50%;background:currentColor}
.profile-menu-status-v340{margin:7px 0;padding:9px 10px;min-height:0;border-radius:11px;background:var(--panel-muted);display:grid;grid-template-columns:12px 1fr;gap:8px}.profile-menu-status-v340 strong{font-size:10px}.profile-menu-status-v340 small{font-size:9px;line-height:1.25}.profile-menu-links{display:grid;gap:2px}.premium-profile-menu .profile-menu-action{min-height:48px;padding:7px 9px;border-radius:11px;display:grid;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;gap:8px;border:1px solid transparent}.premium-profile-menu .profile-menu-action:hover,.premium-profile-menu .profile-menu-action:focus-visible{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 24%,var(--border));transform:none}.profile-menu-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--panel-muted);color:var(--accent);font-weight:900}.profile-menu-action strong{font-size:11px}.profile-menu-action small{font-size:9px;margin-top:2px}.menu-arrow{font-size:18px;color:var(--faint)}.premium-profile-menu .signout-action{margin-top:6px;border-top:1px solid var(--border);border-radius:0 0 11px 11px;color:var(--danger)}.premium-profile-menu .signout-action .profile-menu-icon{background:var(--danger-soft);color:var(--danger)}

/* Calculator action alignment */
.calculator-action-group{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;justify-content:flex-end}.calculator-action-group>.button,.paste-mode-combo{height:44px;min-height:44px}.calculator-action-group>.button{padding:0 15px}.action-undo:disabled{opacity:.58;background:var(--panel-muted);color:var(--muted);border-color:var(--border)}.paste-mode-combo{display:grid;grid-template-columns:auto minmax(120px,1fr);align-items:center;padding:0 4px 0 11px;gap:8px;border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:var(--shadow-soft)}.paste-mode-combo>span{font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.paste-mode-combo select{height:34px;border:0;border-left:1px solid var(--border);border-radius:0 9px 9px 0;background:var(--accent-soft);color:var(--text);font-weight:800;padding:0 30px 0 11px;min-width:150px}.action-paste{min-width:150px;box-shadow:0 9px 20px color-mix(in srgb,var(--accent) 25%,transparent)}

/* Summary customization */
.summary-strip{gap:var(--summary-gap)}.summary-metric{min-height:var(--summary-card-height);border-radius:var(--summary-radius);border-width:var(--summary-border-width);font-family:var(--summary-font);padding:14px 15px}.summary-metric>span{font-size:var(--summary-label-size)}.summary-metric>strong{font-size:var(--summary-value-size);font-weight:var(--summary-value-weight)}.summary-metric>small{font-size:var(--summary-subtext-size)}
.summary-metric.line{--card-accent:var(--summary-line);background:color-mix(in srgb,var(--summary-line) 9%,var(--panel));border-color:color-mix(in srgb,var(--summary-line) 38%,var(--border))}.summary-metric.normal{--card-accent:var(--summary-normal);background:color-mix(in srgb,var(--summary-normal) 9%,var(--panel));border-color:color-mix(in srgb,var(--summary-normal) 38%,var(--border))}.summary-metric.special{--card-accent:var(--summary-special);background:color-mix(in srgb,var(--summary-special) 10%,var(--panel));border-color:color-mix(in srgb,var(--summary-special) 38%,var(--border))}.summary-metric.neutral:nth-of-type(4){--card-accent:var(--summary-packing);background:color-mix(in srgb,var(--summary-packing) 9%,var(--panel));border-color:color-mix(in srgb,var(--summary-packing) 38%,var(--border))}.summary-metric.neutral:nth-of-type(5){--card-accent:var(--summary-weight);background:color-mix(in srgb,var(--summary-weight) 9%,var(--panel));border-color:color-mix(in srgb,var(--summary-weight) 38%,var(--border))}.summary-metric.attention{--card-accent:var(--summary-review);background:color-mix(in srgb,var(--summary-review) 9%,var(--panel));border-color:color-mix(in srgb,var(--summary-review) 38%,var(--border))}.summary-metric>span,.summary-metric>strong{color:var(--card-accent)}
html[data-summary-shadow="none"] .summary-metric{box-shadow:none}html[data-summary-shadow="soft"] .summary-metric{box-shadow:0 5px 14px color-mix(in srgb,var(--card-accent) 10%,transparent)}html[data-summary-shadow="strong"] .summary-metric{box-shadow:0 12px 26px color-mix(in srgb,var(--card-accent) 20%,transparent)}

/* Appearance center */
.appearance-center-v340{width:min(1240px,calc(100vw - 26px));height:min(900px,calc(100vh - 24px));max-height:none;border-radius:22px}.appearance-header-v340{padding:20px 22px 16px}.appearance-workspace{min-height:0;flex:1;display:grid;grid-template-columns:210px minmax(0,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden}.appearance-sidebar{padding:14px;background:color-mix(in srgb,var(--panel-muted) 72%,var(--panel));border-right:1px solid var(--border);display:flex;flex-direction:column;gap:5px;overflow:auto}.appearance-tab{width:100%;display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center;text-align:left;padding:9px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);cursor:pointer}.appearance-tab>span{height:34px;border-radius:10px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--border);font-weight:850;color:var(--accent)}.appearance-tab strong,.appearance-tab small{display:block}.appearance-tab strong{font-size:11px;color:var(--text)}.appearance-tab small{font-size:9px;margin-top:2px}.appearance-tab:hover,.appearance-tab:focus-visible{background:var(--panel);border-color:var(--border)}.appearance-tab.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 32%,var(--border))}.appearance-tab.active>span{background:var(--accent);color:#fff;border-color:var(--accent)}.appearance-current-card{margin-top:auto;padding:12px;border-radius:13px;background:var(--panel);border:1px solid var(--border);display:grid;gap:5px}.appearance-current-card>span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:850}.appearance-current-card>strong{font-size:15px}.appearance-current-card>small{color:var(--muted);font-size:9px}.favorite-theme-button{margin-top:4px;border:1px solid var(--border);border-radius:9px;background:var(--panel-muted);padding:7px;color:var(--accent);font-size:9px;font-weight:800;cursor:pointer}
.appearance-main{min-width:0;overflow:auto;padding:16px 18px 24px}.appearance-live-card-v340{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(420px,1.2fr);gap:20px;align-items:center;min-height:170px;margin-bottom:15px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 72%,var(--panel)),var(--panel));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));overflow:hidden}.appearance-live-copy h3{font-size:24px;margin:6px 0}.appearance-live-copy p{margin:0 0 12px;color:var(--muted)}.appearance-preview-stage{border:1px solid var(--border-strong);border-radius:14px;background:var(--panel);box-shadow:var(--shadow-soft);overflow:hidden}.preview-brand-row{height:36px;display:grid;grid-template-columns:12px 1fr 70px;gap:8px;align-items:center;padding:0 12px;border-bottom:1px solid var(--border);font-size:9px}.preview-brand-row i{width:9px;height:9px;border-radius:50%;background:var(--accent)}.preview-brand-row span{height:8px;border-radius:4px;background:var(--panel-muted)}.preview-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px}.preview-summary-row article{padding:10px;border-radius:9px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border))}.preview-summary-row small,.preview-summary-row strong{display:block}.preview-summary-row small{font-size:7px;color:var(--muted)}.preview-summary-row strong{margin-top:3px;font-size:13px;color:var(--accent)}.preview-controls-row{display:flex;gap:7px;padding:0 12px 12px}.preview-controls-row span{height:26px;flex:1;border-radius:7px;background:var(--panel-muted)}.preview-controls-row button{height:26px;width:70px;border:0;border-radius:7px;background:var(--accent)}.appearance-preview-stage footer{text-align:right;padding:5px 10px;border-top:1px solid var(--border);font-size:7px;color:var(--muted)}.appearance-preview-stage footer b{color:var(--signature);letter-spacing:.2em}
.appearance-panel{display:none}.appearance-panel.active{display:block}.appearance-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px auto;gap:10px;align-items:center;margin:0 0 12px}.appearance-search{width:100%}.appearance-toolbar select{height:40px}.appearance-check{height:40px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--border);border-radius:10px;background:var(--panel);font-size:10px;font-weight:750}.recent-theme-strip{min-height:34px;display:flex;align-items:center;gap:7px;margin-bottom:12px;overflow:auto}.recent-theme-strip>span{font-size:9px;font-weight:850;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.recent-theme-strip button{display:flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--border);background:var(--panel);border-radius:999px;padding:6px 9px;font-size:9px;cursor:pointer}.recent-theme-strip i{width:8px;height:8px;border-radius:50%}.appearance-theme-section{margin-bottom:16px}.appearance-theme-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:8px}.appearance-theme-section-head>div strong,.appearance-theme-section-head>div small{display:block}.appearance-theme-section-head strong{font-size:12px}.appearance-theme-section-head small,.appearance-theme-section-head>span{font-size:9px;color:var(--muted)}.appearance-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.theme-option{min-height:116px;padding:9px;grid-template-columns:62px minmax(0,1fr);position:relative}.theme-preview{height:64px}.theme-option-copy strong{font-size:11px}.theme-option-copy small{font-size:8px;line-height:1.35;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.theme-option-copy em{font-size:8px}.theme-contrast{position:absolute;right:8px;bottom:8px;padding:3px 5px;border-radius:5px;background:var(--panel-muted);font-size:7px;font-weight:850;color:var(--muted)}.theme-favorite{position:absolute;top:6px;right:7px;font-size:17px;color:var(--faint);z-index:2}.theme-favorite.active{color:#d89b16}.theme-selected-mark{top:33px;right:8px}.appearance-no-results{padding:34px;border:1px dashed var(--border-strong);border-radius:14px;text-align:center;color:var(--muted)}.appearance-no-results strong,.appearance-no-results span{display:block}.appearance-no-results strong{color:var(--text);margin-bottom:4px}
.appearance-section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:4px 0 14px}.appearance-section-heading h3{font-size:20px;margin:5px 0}.appearance-section-heading p{margin:0;color:var(--muted)}.appearance-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.appearance-select-card,.appearance-range-card{min-height:105px;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--panel);display:grid;gap:8px;align-content:start}.appearance-select-card>span,.appearance-range-card>span{font-size:10px;font-weight:850;color:var(--text);display:flex;justify-content:space-between}.appearance-range-card output{color:var(--accent);font-weight:900}.appearance-select-card select{height:39px}.appearance-range-card input[type="range"]{width:100%;accent-color:var(--accent)}.appearance-select-card small,.appearance-range-card small{font-size:9px;color:var(--muted)}.summary-customizer-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:12px}.summary-color-grid{display:grid;gap:7px;align-content:start}.summary-color-grid label{height:48px;padding:7px 8px 7px 11px;border:1px solid var(--border);border-radius:11px;background:var(--panel);display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800}.summary-color-grid input[type="color"]{width:48px;height:32px;padding:2px;border:1px solid var(--border);border-radius:8px;background:transparent}.summary-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-density-v340{margin:0 0 12px;padding:13px}.layout-control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.appearance-actions-v340{padding:11px 16px}.appearance-save-note{margin-left:auto}

/* Users & Access structured directory */
#page-users .page-heading{align-items:flex-start}.compact-stat-strip{gap:10px}.compact-stat-strip button{min-height:82px;padding:15px 17px;border-radius:15px}.compact-stat-strip button strong{font-size:25px}.admin-panel{overflow:hidden}.admin-toolbar{gap:18px;align-items:center}.filter-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 135px 125px auto;gap:8px;min-width:min(660px,68%)}.staff-directory-header{display:grid;grid-template-columns:minmax(220px,1.35fr) minmax(145px,.75fr) minmax(220px,1.15fr) minmax(150px,.8fr) 100px;gap:12px;padding:9px 14px;background:var(--panel-muted);border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;position:sticky;top:0;z-index:2}.users-card-grid.compact-user-grid{display:block}.user-directory-row{display:grid;grid-template-columns:minmax(220px,1.35fr) minmax(145px,.75fr) minmax(220px,1.15fr) minmax(150px,.8fr) 100px;gap:12px;align-items:center;min-height:72px;padding:10px 14px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:var(--panel);box-shadow:none}.user-directory-row:hover{background:color-mix(in srgb,var(--accent-soft) 45%,var(--panel));transform:none}.user-directory-row.is-disabled{opacity:.72}.user-directory-identity{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.user-directory-identity .user-avatar-card{width:40px;height:40px}.user-directory-identity b,.user-directory-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-directory-identity b{font-size:12px}.user-directory-identity small{font-size:9px;color:var(--muted);margin-top:3px}.user-directory-role{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.account-status{display:inline-flex;align-items:center;gap:5px}.account-status i{width:6px;height:6px;border-radius:50%;background:var(--success)}.account-status.disabled i{background:var(--danger)}.user-directory-access strong,.user-directory-access small{display:block}.user-directory-access strong{font-size:10px}.user-directory-access small{font-size:9px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-directory-access>span{display:inline-flex;margin-top:4px;padding:2px 5px;border-radius:5px;background:var(--accent-soft);color:var(--accent-ink);font-size:8px;font-weight:800}.user-directory-activity strong,.user-directory-activity small{display:block}.user-directory-activity strong{font-size:10px}.user-directory-activity small{font-size:9px;color:var(--muted);margin-top:4px}.user-directory-actions{display:flex;justify-content:flex-end;gap:6px}.user-view-button,.user-directory-actions .more-button{height:34px;border:1px solid var(--border);border-radius:9px;background:var(--panel);font-size:9px;font-weight:800;cursor:pointer}.user-view-button{padding:0 10px;color:var(--accent)}.user-directory-actions .more-button{width:34px}.user-view-button:hover,.user-directory-actions .more-button:hover{background:var(--accent-soft);border-color:var(--accent)}

/* System & API */
.system-overview-shell{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 19px;margin-bottom:13px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:17px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent-soft) 60%,var(--panel)),var(--panel))}.system-overview-copy h2{margin:4px 0;font-size:18px}.system-overview-copy p{margin:0;color:var(--muted);font-size:11px}.system-overview-counts{display:flex;gap:8px}.system-overview-counts span{min-width:92px;padding:9px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel);font-size:9px;color:var(--muted);text-align:center}.system-overview-counts strong{display:block;font-size:20px;color:var(--success)}.system-overview-counts span.attention strong{color:var(--warning)}.system-status-grid{gap:10px;margin-bottom:13px}.system-page-card{position:relative;min-height:124px;padding:15px;border-radius:16px;gap:11px;box-shadow:none}.system-page-card.state-healthy,.system-page-card.state-ready{border-color:color-mix(in srgb,var(--success) 38%,var(--border));background:color-mix(in srgb,var(--success-soft) 42%,var(--panel))}.system-page-card.state-sync_pending,.system-page-card.state-warning{border-color:color-mix(in srgb,var(--warning) 42%,var(--border));background:color-mix(in srgb,var(--warning-soft) 42%,var(--panel))}.system-page-card.state-blocked{border-color:color-mix(in srgb,var(--danger) 40%,var(--border));background:color-mix(in srgb,var(--danger-soft) 42%,var(--panel))}.system-card-icon{flex:0 0 34px;font-size:9px;letter-spacing:.04em;color:var(--accent);background:var(--panel);border:1px solid var(--border)}.system-card-state{position:absolute;right:11px;top:10px;width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--border);font-weight:900}.system-page-card strong{padding-right:24px}.system-page-card p{font-size:10px}.system-test-results-panel{margin-bottom:13px;overflow:hidden}.system-test-results{display:grid;gap:0}.system-test-result{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(180px,.45fr);gap:11px;align-items:start;padding:13px 16px;border-top:1px solid var(--border)}.test-result-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--panel-muted);font-weight:900}.system-test-result.state-healthy .test-result-icon,.system-test-result.state-ready .test-result-icon{color:var(--success);background:var(--success-soft)}.system-test-result.state-sync_pending .test-result-icon,.system-test-result.state-warning .test-result-icon,.system-test-result.state-timeout .test-result-icon,.system-test-result.state-authentication .test-result-icon,.system-test-result.state-configuration .test-result-icon{color:var(--warning);background:var(--warning-soft)}.system-test-result.state-blocked .test-result-icon{color:var(--danger);background:var(--danger-soft)}.test-result-copy small,.test-result-copy strong{display:block}.test-result-copy small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-weight:850}.test-result-copy strong{font-size:12px;margin:3px 0}.test-result-copy p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.test-result-copy em{display:block;margin-top:5px;color:var(--accent-ink);font-size:9px;font-style:normal;font-weight:700}.system-test-result details{font-size:9px}.system-test-result details summary{cursor:pointer;color:var(--accent);font-weight:800}.system-test-result details pre{max-height:140px;overflow:auto;white-space:pre-wrap;background:var(--panel-muted);padding:8px;border-radius:8px}.advanced-system-details summary{display:flex;justify-content:space-between;align-items:center}.advanced-system-details summary span,.advanced-system-details summary small{display:block}.advanced-system-details summary small{font-weight:500;color:var(--muted)}

/* Responsive */
@media(max-width:1180px){.topbar{grid-template-columns:minmax(230px,1fr) auto}.top-nav{display:none}.brand-runtime{display:none}.header-status-control{max-width:210px}.appearance-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-directory-header{display:none}.user-directory-row{grid-template-columns:minmax(210px,1.2fr) minmax(135px,.7fr) minmax(180px,1fr) 100px}.user-directory-activity{display:none}.filter-toolbar{min-width:0;width:100%;grid-template-columns:minmax(180px,1fr) 120px 115px auto}.admin-toolbar{align-items:stretch;flex-direction:column}.system-test-result{grid-template-columns:34px minmax(0,1fr)}.system-test-result details{grid-column:2}.appearance-live-card-v340{grid-template-columns:1fr}.appearance-preview-stage{max-width:620px}}
@media(max-width:1024px){.topbar{padding:7px 12px;gap:8px}.brand-block-v340{min-width:210px}.brand-logo-shell{width:42px;height:42px}.brand-block-v340 .brand-logo-shell img{width:35px;height:35px}.brand-identity strong{font-size:13px}.brand-identity span{font-size:9px}.header-status-control{max-width:175px;padding:0 8px}.header-help-control b{display:none}.header-help-control{width:42px;padding:0;justify-content:center}.header-profile-control{min-width:92px}.header-profile-control .profile-copy small{display:none}.calculator-action-group{width:100%;justify-content:flex-start}.page-heading.compact-heading{align-items:flex-start}.appearance-center-v340{width:calc(100vw - 16px);height:calc(100vh - 16px)}.appearance-workspace{grid-template-columns:178px minmax(0,1fr)}.appearance-main{padding:13px}.appearance-sidebar{padding:10px}.appearance-tab{grid-template-columns:32px 1fr;padding:7px}.appearance-current-card{display:none}.appearance-live-card-v340{min-height:140px;padding:14px}.appearance-toolbar{grid-template-columns:1fr 160px}.appearance-check{grid-column:1/-1;width:max-content}.summary-customizer-layout{grid-template-columns:1fr}.summary-color-grid{grid-template-columns:repeat(3,1fr)}.user-directory-row{grid-template-columns:minmax(190px,1.2fr) minmax(125px,.7fr) minmax(170px,1fr) 86px}.user-directory-actions .user-view-button{display:none}.system-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.topbar{grid-template-columns:minmax(0,1fr) auto}.brand-logo-shell{width:38px;height:38px}.brand-identity span{display:none}.top-actions.unified-utilities{border:0;background:transparent;box-shadow:none;padding:0}.header-status-control{display:none}.header-profile-control .profile-copy{display:none}.header-profile-control{min-width:42px;width:42px;padding:3px}.appearance-workspace{grid-template-columns:1fr}.appearance-sidebar{display:grid;grid-template-columns:repeat(4,1fr);border-right:0;border-bottom:1px solid var(--border);overflow:visible}.appearance-tab{grid-template-columns:1fr;text-align:center;padding:6px}.appearance-tab>span{margin:auto;width:32px}.appearance-tab div small{display:none}.appearance-main{padding:11px}.appearance-live-card-v340{display:none}.appearance-theme-grid{grid-template-columns:1fr}.appearance-control-grid,.summary-control-grid,.layout-control-grid{grid-template-columns:1fr}.appearance-toolbar{grid-template-columns:1fr}.appearance-toolbar select,.appearance-check{grid-column:1}.summary-color-grid{grid-template-columns:repeat(2,1fr)}.appearance-actions-v340 .appearance-save-note{display:none}.filter-toolbar{grid-template-columns:1fr 1fr}.filter-toolbar .search-field{grid-column:1/-1}.user-directory-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.user-directory-role,.user-directory-access{grid-column:1}.user-directory-actions{grid-column:2;grid-row:1}.system-overview-shell{align-items:flex-start;flex-direction:column}.system-status-grid{grid-template-columns:1fr}.system-detail-layout{grid-template-columns:1fr}.system-test-result{grid-template-columns:30px minmax(0,1fr);padding:11px}.calculator-action-group{display:grid;grid-template-columns:1fr 1fr}.paste-mode-combo,.action-paste{grid-column:1/-1}.action-paste{width:100%}}
@media(min-width:1181px){.topbar{padding-left:18px;padding-right:16px}}
@media(min-width:1250px){.top-nav{display:flex!important}.mobile-menu-button{display:none!important}}
@media(min-width:1250px){
  .topbar{grid-template-columns:minmax(245px,1fr) auto minmax(360px,1fr);min-height:68px;padding-top:6px;padding-bottom:6px}
  .top-nav{padding:3px;border-radius:11px}
  .nav-tab{padding:8px 10px;font-size:10px;white-space:nowrap}
  .top-actions.unified-utilities{grid-column:3;gap:4px;padding:3px;border-radius:14px}
  .header-status-control{max-width:205px;height:40px;padding:0 9px}
  .header-help-control,.header-profile-control{height:40px}
  .header-profile-control{min-width:104px}
  .brand-block-v340{min-width:245px}
}
@media(min-width:1250px){.header-status-control{max-width:195px}.header-profile-control{min-width:98px}.top-actions.unified-utilities{max-width:100%}}

/* V3.90.01 final calculator command alignment */
@media (min-width: 1101px) {
  #page-calculator > .page-heading.compact-heading {
    display: grid;
    grid-template-columns: minmax(520px, 1fr) auto;
    align-items: center;
    column-gap: 18px;
  }
  #page-calculator .calculator-action-group {
    flex-wrap: nowrap;
    width: auto;
    gap: 7px;
  }
  #page-calculator .calculator-action-group > .button {
    padding-inline: 13px;
  }
  #page-calculator .paste-mode-combo {
    grid-template-columns: auto 142px;
    min-width: 234px;
  }
  #page-calculator .paste-mode-combo select {
    min-width: 0;
    width: 142px;
  }
  #page-calculator .action-paste {
    min-width: 144px;
  }
}
@media (min-width: 1101px) and (max-width: 1260px) {
  #page-calculator > .page-heading.compact-heading {
    grid-template-columns: minmax(390px, 1fr) auto;
  }
  #page-calculator .calculator-action-group > .button {
    padding-inline: 10px;
  }
  #page-calculator .paste-mode-combo {
    grid-template-columns: auto 126px;
    min-width: 214px;
  }
  #page-calculator .paste-mode-combo select {
    width: 126px;
  }
  #page-calculator .action-paste {
    min-width: 138px;
  }
}

/* Keep the expanded Appearance centre inside every supported viewport. */
#themeModal.modal-overlay { padding: 12px; }
@media (max-width: 1024px) {
  #themeModal.modal-overlay { padding: 8px; }
  #themeModal .appearance-center-v340 { width: calc(100vw - 16px); height: calc(100vh - 16px); }
}

/* ========================================================================== */
/* V3.90.01 — bilingual experience and refined interface                     */
/* ========================================================================== */
html[data-language="ml"] {
  --font: "Noto Sans Malayalam", "Nirmala UI", Kartika, "Segoe UI", sans-serif;
  --font-heading: "Noto Sans Malayalam", "Nirmala UI", Kartika, "Segoe UI", sans-serif;
  --theme-letter-spacing: 0;
}
html[data-language="ml"] body { line-height: 1.58; }
html[data-language="ml"] .eyebrow,
html[data-language="ml"] .summary-metric > span,
html[data-language="ml"] .data-table th { letter-spacing: .035em; text-transform: none; }
html[data-language="ml"] .nav-tab,
html[data-language="ml"] .button,
html[data-language="ml"] .profile-menu-action strong { font-weight: 700; }

.v350-shell .app-shell { min-height:100vh; padding-bottom:31px; background:
  radial-gradient(circle at 8% 3%, color-mix(in srgb,var(--accent-soft) 52%,transparent), transparent 22rem),
  linear-gradient(180deg,var(--bg-soft),var(--bg)); }

/* Language control */
.language-switch { display:inline-flex; align-items:center; gap:3px; padding:3px; border:1px solid var(--border); border-radius:11px; background:color-mix(in srgb,var(--panel-muted) 70%,var(--panel)); box-shadow:0 1px 2px rgba(12,35,54,.04); }
.language-switch button { min-width:33px; height:30px; padding:0 9px; border:0; border-radius:8px; background:transparent; color:var(--muted); font-size:10px; font-weight:850; cursor:pointer; transition:.16s ease; }
.language-switch button:hover { color:var(--text); background:var(--panel); }
.language-switch button.active { color:#fff; background:var(--accent); box-shadow:0 5px 13px color-mix(in srgb,var(--accent) 25%,transparent); }
.language-switch-login { margin-left:auto; }
.language-switch-login button { height:32px; }
html[data-language="ml"] .language-switch button[data-language-choice="ml"] { min-width:72px; }

/* Header */
.v350-shell .topbar { height:74px; grid-template-columns:minmax(285px,1fr) auto minmax(330px,1fr); padding:0 24px; gap:20px; background:color-mix(in srgb,var(--panel) 92%,transparent); border-bottom:1px solid color-mix(in srgb,var(--border) 82%,transparent); box-shadow:0 5px 24px rgba(29,61,88,.06); }
.v350-shell .brand-block-v340 { min-width:0; gap:12px; }
.v350-shell .brand-logo-shell { width:46px; height:46px; border-radius:13px; background:linear-gradient(145deg,var(--panel),var(--panel-muted)); border:1px solid var(--border); box-shadow:0 7px 18px rgba(27,62,90,.09); }
.v350-shell .brand-block-v340 .brand-logo-shell img { width:39px; height:39px; object-fit:contain; }
.v350-shell .brand-identity strong { font-size:14px; line-height:1.15; letter-spacing:-.015em; }
.v350-shell .brand-identity span { font-size:9.5px; color:var(--muted); margin-top:4px; }
.v350-shell .brand-runtime { display:flex; align-items:center; gap:0; margin-left:5px; padding-left:10px; border-left:1px solid var(--border); }
.v350-shell .brand-runtime span { padding:0; border:0; background:transparent; border-radius:0; font-size:8px; color:var(--faint); }
.v350-shell .brand-runtime span + span::before { content:"•"; margin:0 6px; color:var(--border-strong); }
.v350-shell .top-nav { padding:5px; gap:2px; border-radius:14px; background:color-mix(in srgb,var(--panel-muted) 78%,var(--panel)); box-shadow:inset 0 0 0 1px var(--border); border:0; }
.v350-shell .nav-tab { min-height:38px; padding:0 14px; border-radius:10px; font-size:10px; letter-spacing:.005em; }
.v350-shell .nav-tab span { opacity:.72; margin-right:5px; }
.v350-shell .nav-tab.active { background:var(--panel); color:var(--accent); box-shadow:0 5px 14px rgba(29,61,88,.09),inset 0 0 0 1px color-mix(in srgb,var(--accent) 15%,var(--border)); }
.v350-shell .top-actions.unified-utilities { justify-self:end; display:flex; align-items:center; gap:7px; padding:0; background:transparent; border:0; box-shadow:none; }
.v350-shell .header-status-control,
.v350-shell .header-help-control,
.v350-shell .header-profile-control { height:40px; border:1px solid var(--border); background:var(--panel); box-shadow:0 3px 11px rgba(29,61,88,.05); }
.v350-shell .header-status-control { max-width:225px; padding:0 11px; border-radius:11px; }
.v350-shell .header-help-control { border-radius:11px; padding:0 11px; }
.v350-shell .header-profile-control { min-width:112px; border-radius:12px; padding:4px 8px 4px 5px; }
.v350-shell .header-status-control:hover,
.v350-shell .header-help-control:hover,
.v350-shell .header-profile-control:hover { border-color:color-mix(in srgb,var(--accent) 35%,var(--border)); transform:translateY(-1px); }

/* Profile menu */
.v350-shell .premium-profile-menu { width:330px; right:22px; top:66px; padding:9px; border-radius:17px; border:1px solid var(--border); background:color-mix(in srgb,var(--panel) 96%,transparent); box-shadow:0 24px 60px rgba(15,38,58,.20); }
.v350-shell .profile-menu-head-v340 { grid-template-columns:46px minmax(0,1fr); padding:10px; background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 58%,var(--panel)),var(--panel)); }
.v350-shell .profile-session-indicator { position:absolute; right:20px; top:18px; }
.v350-shell .profile-menu-status-v340 { padding:8px 10px; margin:7px 0 6px; background:transparent; border:1px solid var(--border); }
.v350-shell .premium-profile-menu .profile-menu-action { min-height:49px; border-radius:10px; }
.v350-shell .premium-profile-menu .signout-action { margin-top:5px; border-top:1px solid var(--border); border-radius:10px; }

/* Workspace */
.v350-shell .main-content { width:min(1540px,100%); margin:0 auto; padding:27px 30px 48px; }
.v350-shell .page-heading.compact-heading { margin-bottom:18px; align-items:flex-end; gap:24px; }
.v350-shell .page-heading h1 { font-size:clamp(30px,3vw,42px); letter-spacing:-.045em; line-height:1.03; margin:6px 0 7px; }
.v350-shell .page-heading p { max-width:720px; font-size:12px; line-height:1.55; }
.v350-shell .eyebrow { font-size:9px; letter-spacing:.13em; }
.v350-shell .refined-action-deck { display:flex; align-items:center; gap:7px; padding:7px; border:1px solid var(--border); border-radius:15px; background:var(--panel); box-shadow:0 10px 28px rgba(31,67,94,.07); }
.v350-shell .refined-action-deck .button { height:42px; border-radius:10px; }
.v350-shell .paste-mode-combo { height:42px; border-radius:10px; overflow:hidden; }
.v350-shell .paste-mode-combo > span { height:100%; display:flex; align-items:center; padding:0 10px; }
.v350-shell .paste-mode-combo select { height:100%; min-width:145px; border-radius:0; }
.v350-shell .action-paste { min-width:142px; box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 24%,transparent); }

/* Summary metrics */
.v350-shell .refined-summary-shell { margin:0 0 16px; padding:8px; border:1px solid var(--border); border-radius:20px; background:color-mix(in srgb,var(--panel) 92%,transparent); box-shadow:0 14px 36px rgba(31,67,94,.08); }
.v350-shell .summary-strip { padding:0; gap:var(--summary-gap,10px); background:transparent; border:0; box-shadow:none; }
.v350-shell .summary-metric { position:relative; min-height:var(--summary-card-height,96px); padding:14px 15px 12px; border:var(--summary-border-width,1px) solid var(--border); border-left-width:var(--summary-border-width,1px); border-radius:var(--summary-radius,14px); overflow:hidden; background:var(--panel); }
.v350-shell .summary-metric::before { content:""; position:absolute; left:0; right:0; top:0; height:3px; background:currentColor; opacity:.92; }
.v350-shell .summary-metric::after { content:""; position:absolute; width:74px; height:74px; right:-31px; bottom:-38px; border-radius:50%; background:currentColor; opacity:.055; }
.v350-shell .summary-metric > span { font-size:var(--summary-label-size,10px); color:currentColor; opacity:.82; }
.v350-shell .summary-metric > strong { font-family:var(--summary-font,var(--font)); font-size:var(--summary-value-size,28px); font-weight:var(--summary-value-weight,800); line-height:1.05; margin:9px 0 6px; color:currentColor; }
.v350-shell .summary-metric > small { font-size:var(--summary-subtext-size,9px); color:var(--muted); }
.v350-shell .summary-metric.line { color:var(--summary-line,var(--line)); background:color-mix(in srgb,var(--summary-line,var(--line)) 7%,var(--panel)); }
.v350-shell .summary-metric.normal { color:var(--summary-normal,var(--normal)); background:color-mix(in srgb,var(--summary-normal,var(--normal)) 7%,var(--panel)); }
.v350-shell .summary-metric.special { color:var(--summary-special,var(--special)); background:color-mix(in srgb,var(--summary-special,var(--special)) 8%,var(--panel)); }
.v350-shell .summary-metric.neutral:nth-of-type(4) { color:var(--summary-packing,#0b91a1); background:color-mix(in srgb,var(--summary-packing,#0b91a1) 7%,var(--panel)); }
.v350-shell .summary-metric.neutral:nth-of-type(5) { color:var(--summary-weight,#7658bf); background:color-mix(in srgb,var(--summary-weight,#7658bf) 7%,var(--panel)); }
.v350-shell .summary-metric.attention { color:var(--summary-review,var(--danger)); background:color-mix(in srgb,var(--summary-review,var(--danger)) 7%,var(--panel)); }

.v350-shell .calculator-command-bar { min-height:70px; padding:11px 14px; border-radius:16px; box-shadow:0 8px 24px rgba(31,67,94,.05); }
.v350-shell .calculation-health-bar { border-radius:15px; box-shadow:0 7px 20px rgba(31,67,94,.045); }
.v350-shell .table-panel { border-radius:18px; box-shadow:0 10px 30px rgba(31,67,94,.07); }
.v350-shell .table-panel-header { padding:16px 18px; }
.v350-shell .data-table th { height:42px; font-size:8.5px; }
.v350-shell .app-signature { height:31px; background:color-mix(in srgb,var(--panel) 92%,transparent); border-top:1px solid var(--border); }

/* Users & Access */
.v350-shell .redesigned-admin-page .section-tabs { margin-bottom:15px; padding:4px; border-radius:13px; }
.v350-shell .redesigned-admin-page .compact-stat-strip { gap:10px; margin-bottom:14px; }
.v350-shell .redesigned-admin-page .compact-stat-strip button { min-height:78px; padding:13px 15px; border-radius:15px; box-shadow:0 7px 20px rgba(31,67,94,.045); }
.v350-shell .redesigned-admin-page .compact-stat-strip strong { font-size:24px; }
.v350-shell .redesigned-admin-page .admin-panel { border-radius:18px; overflow:hidden; box-shadow:0 10px 30px rgba(31,67,94,.07); }
.v350-shell .admin-toolbar { padding:15px 17px; background:color-mix(in srgb,var(--panel-muted) 42%,var(--panel)); }
.v350-shell .staff-directory-header { min-height:38px; padding:0 16px; background:var(--panel-muted); }
.v350-shell .user-directory-row { min-height:70px; padding:10px 16px; }
.v350-shell .user-directory-row:hover { background:color-mix(in srgb,var(--accent-soft) 44%,var(--panel)); }

/* System & API */
.v350-shell .redesigned-system-page .system-overview-shell { padding:18px 20px; border-radius:18px; box-shadow:0 10px 28px rgba(31,67,94,.06); }
.v350-shell .redesigned-system-page .system-status-grid { gap:12px; }
.v350-shell .redesigned-system-page .system-page-card { min-height:132px; border-radius:17px; padding:17px; box-shadow:0 7px 22px rgba(31,67,94,.045); }
.v350-shell .redesigned-system-page .system-page-card:hover { transform:translateY(-2px); box-shadow:0 13px 28px rgba(31,67,94,.08); }
.v350-shell .redesigned-system-page .system-detail-layout > .panel { border-radius:18px; overflow:hidden; box-shadow:0 9px 26px rgba(31,67,94,.055); }

/* Appearance centre */
.v350-shell .appearance-center-v340 { width:min(1320px,calc(100vw - 30px)); height:min(910px,calc(100vh - 26px)); border-radius:24px; box-shadow:0 32px 90px rgba(12,34,52,.30); }
.v350-shell .appearance-header-v340 { padding:22px 25px 18px; }
.v350-shell .appearance-header-v340 h2 { font-size:27px; margin:5px 0; }
.v350-shell .appearance-workspace { grid-template-columns:230px minmax(0,1fr); }
.v350-shell .appearance-sidebar { padding:16px; gap:7px; }
.v350-shell .appearance-tab { min-height:58px; padding:9px 10px; border-radius:13px; }
.v350-shell .appearance-tab > span { height:38px; }
.v350-shell .appearance-main { padding:18px 21px 27px; }
.v350-shell .appearance-live-card-v340 { min-height:180px; padding:20px 22px; border-radius:20px; }
.v350-shell .appearance-theme-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.v350-shell .theme-option { min-height:150px; border-radius:16px; padding:12px; }
.v350-shell .appearance-select-card,
.v350-shell .appearance-range-card { min-height:112px; border-radius:15px; padding:13px; }
.v350-shell .appearance-actions-v340 { min-height:68px; padding:12px 20px; }

/* Dialog refinement */
.v350-shell .modal-overlay { background:rgba(17,34,47,.48); backdrop-filter:blur(7px); }
.v350-shell .modal-card { border-radius:21px; border:1px solid color-mix(in srgb,var(--border) 92%,transparent); box-shadow:0 26px 80px rgba(13,34,50,.27); }
.v350-shell .modal-header { padding:19px 20px 16px; }
.v350-shell .module-signature { min-height:27px; }

/* Login refinement */
.v350-shell .login-stage { border-radius:30px; box-shadow:0 30px 90px rgba(15,42,63,.24); }
.v350-shell .login-card-brand { margin-bottom:42px; }
.v350-shell .login-card-pro { padding:48px 48px 62px; }
.v350-shell .login-showcase { padding:50px 58px; }

@media (max-width:1280px) {
  .v350-shell .topbar { grid-template-columns:minmax(250px,1fr) auto minmax(300px,1fr); padding:0 16px; gap:12px; }
  .v350-shell .brand-runtime { display:none; }
  .v350-shell .nav-tab { padding:0 10px; }
  .v350-shell .main-content { padding:24px 22px 46px; }
  .v350-shell .language-switch-header button { padding:0 7px; }
}
@media (max-width:1120px) {
  .v350-shell .topbar { grid-template-columns:minmax(220px,1fr) auto; }
  .v350-shell .top-nav { display:none; }
  .v350-shell .appearance-theme-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v350-shell .page-heading.compact-heading { align-items:flex-start; flex-direction:column; }
  .v350-shell .refined-action-deck { width:100%; justify-content:flex-end; }
}
@media (max-width:820px) {
  .v350-shell .topbar { height:66px; padding:0 10px; }
  .v350-shell .brand-logo-shell { width:40px; height:40px; }
  .v350-shell .brand-block-v340 .brand-logo-shell img { width:34px; height:34px; }
  .v350-shell .brand-identity span { display:none; }
  .v350-shell .language-switch-header { display:none; }
  .v350-shell .header-status-control { display:none; }
  .v350-shell .header-help-control b { display:none; }
  .v350-shell .header-help-control { width:40px; padding:0; justify-content:center; }
  .v350-shell .main-content { padding:20px 13px 42px; }
  .v350-shell .refined-action-deck { display:grid; grid-template-columns:1fr 1fr; padding:6px; }
  .v350-shell .paste-mode-combo,.v350-shell .action-paste { grid-column:1/-1; }
  .v350-shell .action-paste { width:100%; }
  .v350-shell .appearance-workspace { grid-template-columns:1fr; }
  .v350-shell .appearance-sidebar { grid-template-columns:repeat(4,1fr); }
}
@media (max-width:560px) {
  .v350-shell .brand-identity strong { font-size:12px; }
  .v350-shell .header-profile-control { min-width:42px; width:42px; }
  .v350-shell .header-profile-control .profile-copy { display:none; }
  .v350-shell .refined-summary-shell { padding:6px; }
  .v350-shell .summary-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v350-shell .appearance-theme-grid { grid-template-columns:1fr; }
}
@media (min-width:1121px) {
  .v350-shell .topbar { grid-template-columns:minmax(230px,1fr) auto minmax(370px,1fr); }
  .v350-shell .language-switch-header button { min-width:28px; padding:0 7px; }
  html[data-language="ml"] .v350-shell .language-switch-header button[data-language-choice="ml"],
  .v350-shell .language-switch-header button[data-language-choice="ml"] { min-width:58px; }
  .v350-shell .header-status-control { max-width:182px; min-width:0; }
  .v350-shell .header-status-control .integration-label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .v350-shell .header-profile-control { min-width:102px; }
}
@media (min-width:1121px) {
  .v350-shell .top-actions.unified-utilities { min-width:0; width:100%; overflow:visible; }
  .v350-shell .language-switch-header { flex:0 0 auto; }
  .v350-shell .header-status-control { flex:1 1 120px; width:auto; min-width:110px; }
  .v350-shell .header-help-control { flex:0 0 auto; }
  .v350-shell .header-profile-control { flex:0 0 96px; min-width:96px; width:96px; }
  .v350-shell .header-profile-control .profile-copy { min-width:0; overflow:hidden; }
  .v350-shell .header-profile-control .profile-copy strong,
  .v350-shell .header-profile-control .profile-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}
@media (min-width:1121px) and (max-width:1450px) {
  .v350-shell .topbar { grid-template-columns:240px minmax(430px,1fr) 416px; gap:12px; padding:0 16px; }
  .v350-shell .brand-identity span,.v350-shell .brand-runtime { display:none; }
  .v350-shell .nav-tab { padding:0 8px; font-size:9px; }
  .v350-shell .header-status-control { width:160px!important; min-width:0!important; max-width:160px!important; flex:0 0 160px!important; }
  .v350-shell .header-help-control { width:42px!important; min-width:42px!important; padding:0!important; justify-content:center; }
  .v350-shell .header-help-control b { display:none; }
  .v350-shell .header-profile-control { width:96px!important; min-width:96px!important; flex:0 0 96px!important; }
}
@media (min-width:1121px) and (max-width:1450px) {
  #integrationChip { width:160px!important; min-width:160px!important; max-width:160px!important; flex:0 0 160px!important; }
}

/* ========================================================================== */
/* V3.90.01 — corrective English interface, responsive workspace and Help     */
/* ========================================================================== */
html,body { max-width:100%; overflow-x:hidden!important; }
body.v360-shell { min-width:0; }
.v360-shell * { box-sizing:border-box; }
.v360-shell .language-switch-header,
.v360-shell .language-switch-login,
.v360-shell #mobileLanguageButton { display:none!important; }

/* Stable compact header */
.v360-shell .topbar {
  height:62px; min-width:0; padding:0 18px; gap:14px;
  grid-template-columns:minmax(230px,270px) minmax(430px,1fr) minmax(280px,330px);
}
.v360-shell .brand-block-v340 { min-width:0; gap:9px; }
.v360-shell .brand-logo-shell { width:42px; height:42px; flex:0 0 42px; }
.v360-shell .brand-block-v340 .brand-logo-shell img { width:36px; height:36px; }
.v360-shell .brand-identity { min-width:0; }
.v360-shell .brand-identity strong { font-size:13px; line-height:1.15; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v360-shell .brand-identity span { font-size:8.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v360-shell .brand-runtime { margin-left:2px; padding-left:8px; white-space:nowrap; }
.v360-shell .top-nav { min-width:0; width:fit-content; max-width:100%; justify-self:center; }
.v360-shell .nav-tab { min-width:0; padding:0 11px; white-space:nowrap; }
.v360-shell .top-actions.unified-utilities { width:100%; min-width:0; justify-content:flex-end; gap:7px; }
.v360-shell .header-status-control { flex:1 1 auto; min-width:120px!important; max-width:190px!important; width:auto!important; }
.v360-shell .header-status-control .integration-label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v360-shell .header-help-control { flex:0 0 auto; }
.v360-shell .header-profile-control { flex:0 0 118px!important; width:118px!important; min-width:118px!important; max-width:118px; }
.v360-shell .header-profile-control .profile-copy { min-width:0; overflow:hidden; text-align:left; }
.v360-shell .header-profile-control .profile-copy strong,
.v360-shell .header-profile-control .profile-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v360-shell .profile-chevron { flex:0 0 auto; }

/* Dashboard scale and zero horizontal overflow */
.v360-shell .main-content { width:min(1320px,100%); padding:20px 20px 46px; }
.v360-shell .page { min-width:0; }
.v360-shell .page-heading.compact-heading { margin-bottom:14px; gap:16px; align-items:flex-end; }
.v360-shell .page-heading h1 { font-size:clamp(27px,2.45vw,36px); margin:4px 0 5px; }
.v360-shell .page-heading p { font-size:11px; max-width:680px; }
.v360-shell .refined-action-deck { flex-wrap:wrap; justify-content:flex-end; padding:6px; gap:6px; max-width:100%; }
.v360-shell .refined-action-deck .button,
.v360-shell .paste-mode-combo { height:40px; }
.v360-shell .paste-mode-combo { min-width:225px; }
.v360-shell .paste-mode-combo > span { padding:0 9px; font-size:8px; }
.v360-shell .paste-mode-combo select { min-width:132px; font-size:10px; }
.v360-shell .action-paste { min-width:132px; }

.v360-shell .refined-summary-shell { margin-bottom:12px; padding:7px; border-radius:17px; }
.v360-shell .summary-strip { grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.v360-shell .summary-metric { min-width:0; min-height:88px; padding:12px 12px 10px; border-radius:13px; }
.v360-shell .summary-metric > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:9px; }
.v360-shell .summary-metric > strong { font-size:clamp(22px,2vw,28px); margin:7px 0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v360-shell .summary-metric > small { display:block; font-size:8px; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.v360-shell .calculator-command-bar { min-height:62px; padding:9px 12px; margin-bottom:12px; gap:10px; }
.v360-shell .special-rate-group { min-width:0; gap:10px; flex-wrap:wrap; }
.v360-shell .special-rate-group > div:first-child strong { font-size:12px; }
.v360-shell .money-input { width:135px; height:40px; }
.v360-shell .money-input input { font-size:15px; }
.v360-shell .formula-preview { padding:8px 10px; font-size:10px; }
.v360-shell .command-actions { min-width:0; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.v360-shell .command-actions .button { height:38px; padding-inline:12px; }
.v360-shell .paste-ready { min-height:38px; max-width:190px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v360-shell .calculation-health-bar { margin-bottom:12px; min-width:0; }
.v360-shell .calculation-health-bar > div { min-width:0; }
.v360-shell .calculation-health-bar small { white-space:normal; }
.v360-shell .table-panel-header { gap:12px; flex-wrap:wrap; }
.v360-shell .table-meta { min-width:0; margin-left:auto; flex-wrap:wrap; justify-content:flex-end; }
.v360-shell .search-field { min-width:0; width:185px; max-width:100%; }

/* Daily table view is deliberately compact; advanced columns remain in Table View */
.v360-shell #calculatorTableWrap { overflow-x:hidden!important; max-width:100%; }
.v360-shell .calculator-table { min-width:0!important; width:100%!important; table-layout:fixed; }
.v360-shell .calculator-table .col-no,
.v360-shell .calculator-table .col-erp-sl,
.v360-shell .calculator-table .col-erp-code,
.v360-shell .calculator-table .col-erp-unit,
.v360-shell .calculator-table .col-paste-source,
.v360-shell .calculator-table .col-band,
.v360-shell .calculator-table .col-line-rate,
.v360-shell .calculator-table .col-line-amount,
.v360-shell .calculator-table .col-normal-rate,
.v360-shell .calculator-table .col-normal-amount { display:none!important; }
.v360-shell .calculator-table .col-item { width:27%; min-width:0; }
.v360-shell .calculator-table .col-mode { width:13%; }
.v360-shell .calculator-table .col-bulk { width:10%; }
.v360-shell .calculator-table .col-kg { width:9%; }
.v360-shell .calculator-table .col-kgpack { width:11%; }
.v360-shell .calculator-table .col-freight { width:17%; }
.v360-shell .calculator-table .col-status { width:9%; }
.v360-shell .calculator-table .col-action { width:44px; }
.v360-shell .calculator-table th,
.v360-shell .calculator-table td { min-width:0; overflow:hidden; }
.v360-shell .calculator-table td { height:auto; min-height:62px; padding:10px 9px; }
.v360-shell .calculator-table .item-cell { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v360-shell .mode-display-badge { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v360-shell .freight-summary-button { width:100%; min-width:0; padding:7px 8px; display:grid; gap:3px; text-align:left; border-radius:9px; }
.v360-shell .freight-summary-button span { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:9px; }
.v360-shell .status-badge { max-width:100%; overflow:hidden; text-overflow:ellipsis; }
.v360-shell .sticky-totals-bar { max-width:calc(100vw - 24px); flex-wrap:wrap; gap:8px; }

/* Appearance centre: useful viewport, no covered content */
.v360-shell .appearance-center-v340 { width:min(1160px,calc(100vw - 28px)); height:min(760px,calc(100vh - 24px)); }
.v360-shell .appearance-header-v340 { padding:16px 20px 13px; }
.v360-shell .appearance-header-v340 h2 { font-size:23px; }
.v360-shell .appearance-workspace { min-height:0; grid-template-columns:190px minmax(0,1fr); }
.v360-shell .appearance-sidebar { min-height:0; padding:12px; }
.v360-shell .appearance-tab { min-height:50px; }
.v360-shell .appearance-main { min-height:0; padding:13px 16px 18px; overflow:auto; }
.v360-shell .appearance-live-card-v340 { min-height:130px; padding:15px 17px; }
.v360-shell .appearance-theme-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.v360-shell .theme-option { min-height:128px; padding:10px; }
.v360-shell .appearance-actions-v340 { min-height:58px; padding:9px 16px; position:relative; z-index:3; }

/* Bilingual illustrated Help Centre — language exists here only */
.v360-shell .help-centre-card { width:min(1120px,calc(100vw - 28px)); height:min(760px,calc(100vh - 24px)); padding:0; overflow:hidden; display:grid; grid-template-rows:auto auto minmax(0,1fr) auto; }
.v360-shell .help-centre-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:18px 20px 14px; border-bottom:1px solid var(--border); }
.v360-shell .help-centre-header h2 { margin:4px 0 4px; font-size:24px; }
.v360-shell .help-centre-header p { margin:0; color:var(--muted); font-size:11px; }
.v360-shell .help-header-actions { display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.v360-shell .help-language-switch { display:flex; padding:4px; gap:3px; border:1px solid var(--border); border-radius:11px; background:var(--panel-muted); }
.v360-shell .help-language-switch button { height:34px; padding:0 13px; border:0; border-radius:8px; background:transparent; color:var(--muted); font-weight:800; cursor:pointer; }
.v360-shell .help-language-switch button.active { background:var(--accent); color:#fff; box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 24%,transparent); }
.v360-shell .help-centre-tools { display:flex; align-items:center; gap:12px; padding:10px 16px; border-bottom:1px solid var(--border); background:color-mix(in srgb,var(--panel-muted) 42%,var(--panel)); }
.v360-shell .help-search { flex:1; max-width:520px; height:38px; display:grid; grid-template-columns:36px 1fr; align-items:center; border:1px solid var(--border); border-radius:10px; background:var(--panel); }
.v360-shell .help-search span { text-align:center; color:var(--muted); }
.v360-shell .help-search input { min-width:0; height:100%; border:0; outline:0; background:transparent; color:var(--text); }
.v360-shell #helpLanguageNote { margin-left:auto; font-size:9px; color:var(--muted); font-weight:700; }
.v360-shell .help-centre-layout { min-height:0; display:grid; grid-template-columns:250px minmax(0,1fr); }
.v360-shell .help-topic-nav { min-height:0; overflow:auto; padding:10px; border-right:1px solid var(--border); background:color-mix(in srgb,var(--panel-muted) 48%,var(--panel)); }
.v360-shell .help-topic-nav button { width:100%; min-height:54px; display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:9px; padding:8px 9px; margin-bottom:5px; border:1px solid transparent; border-radius:10px; background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.v360-shell .help-topic-nav button > span { width:30px; height:30px; display:grid; place-items:center; border-radius:8px; background:var(--panel); border:1px solid var(--border); color:var(--accent); font-size:9px; font-weight:900; }
.v360-shell .help-topic-nav button strong,.v360-shell .help-topic-nav button small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v360-shell .help-topic-nav button strong { font-size:10px; }
.v360-shell .help-topic-nav button small { margin-top:2px; font-size:8px; color:var(--muted); }
.v360-shell .help-topic-nav button:hover { background:var(--panel); border-color:var(--border); }
.v360-shell .help-topic-nav button.active { background:var(--accent-soft); border-color:color-mix(in srgb,var(--accent) 35%,var(--border)); }
.v360-shell .help-centre-content { min-width:0; min-height:0; overflow:auto; padding:18px 20px 24px; outline:0; }
.v360-shell .help-centre-content[lang="ml"] { font-family:"Noto Sans Malayalam","Nirmala UI","Kartika","Segoe UI",sans-serif; }
.v360-shell .help-article { max-width:760px; margin:0 auto; }
.v360-shell .help-article-heading h3 { margin:5px 0 6px; font-size:24px; line-height:1.2; }
.v360-shell .help-article-heading p { margin:0 0 14px; color:var(--muted); line-height:1.65; }
.v360-shell .help-figure { margin:0 0 16px; border:1px solid var(--border); border-radius:14px; overflow:hidden; background:var(--panel-muted); }
.v360-shell .help-figure img { display:block; width:100%; height:auto; max-height:330px; object-fit:contain; }
.v360-shell .help-figure figcaption { padding:7px 10px; font-size:8px; color:var(--muted); border-top:1px solid var(--border); }
.v360-shell .help-step-list { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
.v360-shell .help-step-list li { display:grid; grid-template-columns:32px minmax(0,1fr); gap:10px; align-items:start; padding:10px 12px; border:1px solid var(--border); border-radius:11px; background:var(--panel); }
.v360-shell .help-step-list li > span { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:var(--accent); color:#fff; font-weight:900; }
.v360-shell .help-step-list p { margin:3px 0 0; line-height:1.55; }
.v360-shell .help-tip { margin-top:12px; padding:12px 14px; border-radius:11px; background:var(--accent-soft); color:var(--accent-ink); }
.v360-shell .help-tip b,.v360-shell .help-tip p { display:block; margin:0; }
.v360-shell .help-tip p { margin-top:4px; line-height:1.55; }
.v360-shell .help-centre-footer { min-height:54px; padding:8px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--border); background:var(--panel); }
.v360-shell .help-centre-footer span { color:var(--muted); font-size:9px; }
.v360-shell .help-no-results { color:var(--muted); padding:12px; }

/* Clear Calculation confirmation */
.v360-shell .modal-overlay { backdrop-filter:blur(3px); background:rgba(17,34,47,.38); }
.v360-shell .confirm-card-v360 { width:min(450px,calc(100vw - 28px)); padding:24px 24px 34px; text-align:center; position:relative; overflow:hidden; }
.v360-shell .confirm-card-v360 .confirm-close { position:absolute; top:12px; right:12px; }
.v360-shell .confirm-card-v360 .eyebrow { display:block; margin-top:9px; }
.v360-shell .confirm-card-v360 h2 { margin:6px 0 8px; font-size:24px; }
.v360-shell .confirm-card-v360 > p { margin:0 auto 14px; max-width:360px; color:var(--muted); line-height:1.6; white-space:pre-line; }
.v360-shell .confirm-safety-note { display:grid; grid-template-columns:34px 1fr; gap:10px; align-items:center; margin:0 0 16px; padding:10px 12px; text-align:left; border:1px solid var(--border); border-radius:11px; background:var(--panel-muted); }
.v360-shell .confirm-safety-note > span { width:32px; height:32px; display:grid; place-items:center; border-radius:9px; background:var(--accent-soft); color:var(--accent); font-weight:900; }
.v360-shell .confirm-safety-note strong,.v360-shell .confirm-safety-note small { display:block; }
.v360-shell .confirm-safety-note small { margin-top:2px; color:var(--muted); }
.v360-shell .confirm-card-v360 .module-signature { position:absolute; left:0; right:0; bottom:0; min-height:26px; display:flex; align-items:center; justify-content:flex-end; padding:0 14px; border-top:1px solid var(--border); background:var(--panel); color:var(--muted); font-size:8px; }

@media (max-width:1240px) {
  .v360-shell .topbar { grid-template-columns:minmax(210px,240px) minmax(380px,1fr) minmax(245px,290px); padding:0 12px; gap:9px; }
  .v360-shell .brand-runtime { display:none; }
  .v360-shell .nav-tab { padding:0 8px; font-size:9px; }
  .v360-shell .header-status-control { max-width:150px!important; }
  .v360-shell .header-help-control b { display:none; }
  .v360-shell .header-help-control { width:40px; padding:0; justify-content:center; }
  .v360-shell .main-content { padding:18px 14px 44px; }
  .v360-shell .summary-metric > strong { font-size:22px; }
}
@media (max-width:1080px) {
  .v360-shell .topbar { grid-template-columns:minmax(210px,1fr) auto; }
  .v360-shell .top-nav { display:none; }
  .v360-shell .page-heading.compact-heading { align-items:flex-start; flex-direction:column; }
  .v360-shell .refined-action-deck { width:100%; justify-content:flex-start; }
  .v360-shell .summary-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .v360-shell .calculator-command-bar { align-items:flex-start; }
  .v360-shell .command-actions { width:100%; justify-content:flex-start; }
  .v360-shell .appearance-theme-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .v360-shell .topbar { height:60px; padding:0 8px; }
  .v360-shell .brand-identity span { display:none; }
  .v360-shell .header-status-control { display:none; }
  .v360-shell .header-profile-control { width:44px!important; min-width:44px!important; flex-basis:44px!important; padding:4px; }
  .v360-shell .header-profile-control .profile-copy,.v360-shell .header-profile-control .profile-chevron { display:none; }
  .v360-shell .main-content { padding:15px 9px 40px; }
  .v360-shell .refined-action-deck { display:grid; grid-template-columns:1fr 1fr; }
  .v360-shell .paste-mode-combo,.v360-shell .action-paste { grid-column:1/-1; width:100%; }
  .v360-shell .summary-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v360-shell .table-panel-header { align-items:flex-start; }
  .v360-shell .table-meta { width:100%; justify-content:flex-start; }
  .v360-shell .search-field { flex:1; }
  .v360-shell .calculator-table .col-mode { width:18%; }
  .v360-shell .calculator-table .col-bulk { width:12%; }
  .v360-shell .calculator-table .col-kgpack { display:none!important; }
  .v360-shell .calculator-table .col-item { width:32%; }
  .v360-shell .calculator-table .col-freight { width:22%; }
  .v360-shell .appearance-workspace { grid-template-columns:1fr; }
  .v360-shell .appearance-sidebar { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-right:0; border-bottom:1px solid var(--border); }
  .v360-shell .appearance-tab { min-height:46px; }
  .v360-shell .appearance-tab div small { display:none; }
  .v360-shell .help-centre-card { height:calc(100vh - 14px); width:calc(100vw - 14px); }
  .v360-shell .help-centre-header { padding:13px; }
  .v360-shell .help-centre-header p { display:none; }
  .v360-shell .help-centre-header h2 { font-size:19px; }
  .v360-shell .help-centre-layout { grid-template-columns:1fr; }
  .v360-shell .help-topic-nav { display:flex; gap:6px; overflow:auto; border-right:0; border-bottom:1px solid var(--border); }
  .v360-shell .help-topic-nav button { min-width:155px; margin:0; }
  .v360-shell #helpLanguageNote { display:none; }
}
.v360-shell .help-centre-card { grid-template-rows:auto auto minmax(0,1fr) auto 27px; }
.v360-shell .help-centre-card > .help-signature { position:relative!important; inset:auto!important; width:100%; min-height:27px; padding:0 14px; display:flex; align-items:center; justify-content:flex-end; border-top:1px solid var(--border); background:var(--panel); color:var(--muted); font-size:8px; }

/* ========================================================================== */
/* V3.90.01 — full-height calculator table and refined illustrated Help       */
/* ========================================================================== */
.v360-shell .main-content {
  flex: 1 1 auto;
  min-height: 0;
  width: min(1480px, 100%);
  padding: 14px 16px calc(var(--app-footer-height) + 8px);
}
.v360-shell #page-calculator.active {
  min-height: calc(100dvh - 62px - var(--app-footer-height) - 22px);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.v360-shell #page-calculator > .page-heading.compact-heading,
.v360-shell #page-calculator > .sticky-summary-shell,
.v360-shell #page-calculator > .calculator-command-bar,
.v360-shell #page-calculator > .paste-import-summary,
.v360-shell #page-calculator > .calculation-health-bar,
.v360-shell #page-calculator > .review-filter-banner {
  flex: 0 0 auto;
  margin-bottom: 0;
}
.v360-shell #page-calculator > .page-heading.compact-heading {
  min-height: 58px;
  margin-bottom: 0;
}
.v360-shell #page-calculator .page-heading h1 { font-size: clamp(27px, 2.35vw, 36px); }
.v360-shell #page-calculator .page-heading p { margin-bottom: 0; }
.v360-shell #page-calculator .refined-summary-shell { padding: 6px; }
.v360-shell #page-calculator .summary-metric { min-height: 82px; padding: 10px 11px 9px; }
.v360-shell #page-calculator .summary-metric > strong { margin: 5px 0 4px; font-size: clamp(21px, 1.85vw, 27px); }
.v360-shell #page-calculator .calculator-command-bar { min-height: 58px; padding: 8px 11px; }
.v360-shell #page-calculator .calculation-health-bar { min-height: 58px; padding-block: 9px; }
.v360-shell #page-calculator .review-filter-banner { min-height: 44px; }

.v360-shell #calculatorTablePanel {
  flex: 1 1 260px;
  min-height: 230px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 0;
}
.v360-shell #calculatorTablePanel .table-panel-header {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 9px;
  padding: 12px 14px 10px;
  border-bottom: 1px solid var(--border);
}
.v360-shell .table-header-main {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.v360-shell .table-title-block { min-width: 0; }
.v360-shell .table-title-block h2 { margin: 3px 0 0; font-size: clamp(20px, 1.75vw, 25px); }
.v360-shell .table-meta { margin-left: 0; flex: 0 1 auto; }
.v360-shell .table-totals-toolbar {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  z-index: auto !important;
  width: 100%;
  max-width: none;
  min-height: 38px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding: 5px;
  border: 1px solid var(--border);
  border-radius: 11px;
  background: color-mix(in srgb, var(--panel-muted) 58%, var(--panel));
  box-shadow: none;
  backdrop-filter: none;
}
.v360-shell .table-totals-toolbar.hidden { display: none !important; }
.v360-shell .table-totals-toolbar > span,
.v360-shell .table-totals-toolbar > button {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 4px 9px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
  color: var(--text);
  font-size: 9px;
  white-space: nowrap;
}
.v360-shell .table-totals-toolbar > span b { color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .05em; }
.v360-shell .table-totals-toolbar > span strong { font-size: 10px; }
.v360-shell .table-totals-toolbar > button {
  margin-left: auto;
  border-color: color-mix(in srgb, var(--danger) 36%, var(--border));
  background: color-mix(in srgb, var(--danger) 10%, var(--panel));
  color: var(--danger);
  font-weight: 850;
  cursor: pointer;
}
.v360-shell #calculatorTableWrap {
  flex: 1 1 auto;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.v360-shell .calculator-table thead { position: sticky; top: 0; z-index: 5; }
.v360-shell .calculator-table thead th { background: var(--panel-muted); box-shadow: 0 1px 0 var(--border); }
.v360-shell .calculator-table tbody tr { height: 64px; }
.v360-shell .calculator-table td { min-height: 64px; height: 64px; padding: 8px 9px; vertical-align: middle; }
.v360-shell .calculator-table .col-item { width: 26%; }
.v360-shell .calculator-table .col-mode { width: 14%; }
.v360-shell .calculator-table .col-bulk { width: 10%; }
.v360-shell .calculator-table .col-kg { width: 9%; }
.v360-shell .calculator-table .col-kgpack { width: 11%; }
.v360-shell .calculator-table .col-freight { width: 18%; }
.v360-shell .calculator-table .col-status { width: 9%; }
.v360-shell .calculator-table .col-action { width: 46px; }
.v360-shell .freight-summary-button {
  min-height: 42px;
  grid-template-columns: 1fr;
  align-content: center;
  gap: 4px;
  padding: 6px 8px;
  overflow: hidden;
}
.v360-shell .freight-summary-button span {
  width: 100%;
  font-size: 9px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v360-shell .freight-summary-button .freight-line { color: var(--line); font-weight: 850; }
.v360-shell .freight-summary-button .freight-normal { color: var(--normal); font-weight: 850; }
.v360-shell .enhanced-empty-state { min-height: 100%; display: grid; place-content: center; }

/* Help Centre: larger imagery, readable Malayalam, written steps and navigation */
.v360-shell .help-centre-card {
  width: min(1260px, calc(100vw - 22px));
  height: min(850px, calc(100dvh - 18px));
  grid-template-rows: auto auto minmax(0, 1fr) auto 29px;
}
.v360-shell .help-centre-layout { grid-template-columns: 270px minmax(0, 1fr); }
.v360-shell .help-topic-nav { padding: 10px; }
.v360-shell .help-topic-nav button {
  min-height: 62px;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  padding: 9px 10px;
  border-radius: 11px;
}
.v360-shell .help-topic-nav button > span { width: 34px; height: 34px; font-size: 10px; }
.v360-shell .help-topic-nav button strong { font-size: 11px; line-height: 1.3; white-space: normal; }
.v360-shell .help-topic-nav button small { font-size: 9px; line-height: 1.35; white-space: normal; }
.v360-shell .help-topic-nav button:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent) 28%, transparent); outline-offset: 1px; }
.v360-shell .help-centre-content { padding: 18px 22px 28px; }
.v360-shell .help-article { max-width: 940px; }
.v360-shell .help-article-heading h3 { font-size: clamp(23px, 2vw, 29px); }
.v360-shell .help-article-heading p { font-size: 12px; }
.v360-shell .help-centre-content[lang="ml"] .help-article-heading h3 { font-size: clamp(21px, 1.8vw, 27px); line-height: 1.45; }
.v360-shell .help-centre-content[lang="ml"] .help-article-heading p,
.v360-shell .help-centre-content[lang="ml"] .help-step-list p,
.v360-shell .help-centre-content[lang="ml"] .help-tip p { font-size: 12px; line-height: 1.75; }
.v360-shell .help-figure { border-radius: 15px; }
.v360-shell .help-figure img { width: 100%; max-height: 470px; object-fit: contain; image-rendering: auto; }
.v360-shell .help-figure figcaption { padding: 9px 12px; font-size: 9px; }
.v360-shell .help-step-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.v360-shell .help-step-list li { min-height: 86px; padding: 11px 12px; }
.v360-shell .help-centre-footer { min-height: 62px; padding: 9px 16px; }
.v360-shell .help-footer-actions { display: flex; align-items: center; gap: 7px; }
.v360-shell .help-footer-actions .button { height: 38px; min-width: 104px; }
.v360-shell #helpFooterNote { max-width: 390px; font-size: 10px; line-height: 1.45; }

@media (max-width: 1240px) {
  .v360-shell #page-calculator.active { min-height: calc(100dvh - 62px - var(--app-footer-height) - 18px); }
  .v360-shell #page-calculator .summary-metric { min-height: 78px; }
  .v360-shell .table-totals-toolbar > span { padding-inline: 7px; }
  .v360-shell .help-centre-layout { grid-template-columns: 240px minmax(0, 1fr); }
}
@media (max-width: 1080px) {
  .v360-shell #page-calculator.active { min-height: auto; }
  .v360-shell #calculatorTablePanel { min-height: 430px; }
  .v360-shell .table-header-main { align-items: flex-start; flex-wrap: wrap; }
  .v360-shell .table-meta { width: 100%; justify-content: flex-start; }
  .v360-shell .table-totals-toolbar > button { margin-left: 0; }
  .v360-shell .calculator-table .col-kgpack { display: none !important; }
  .v360-shell .calculator-table .col-item { width: 30%; }
  .v360-shell .calculator-table .col-mode { width: 16%; }
  .v360-shell .calculator-table .col-freight { width: 21%; }
  .v360-shell .calculator-table .col-status { width: 11%; }
  .v360-shell .help-step-list { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .v360-shell #calculatorTablePanel { min-height: 480px; }
  .v360-shell .table-totals-toolbar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v360-shell .table-totals-toolbar > span,
  .v360-shell .table-totals-toolbar > button { justify-content: space-between; width: 100%; }
  .v360-shell .calculator-table .col-kg { display: none !important; }
  .v360-shell .calculator-table .col-item { width: 35%; }
  .v360-shell .calculator-table .col-mode { width: 20%; }
  .v360-shell .calculator-table .col-bulk { width: 13%; }
  .v360-shell .calculator-table .col-freight { width: 25%; }
  .v360-shell .calculator-table .col-status { display: none !important; }
  .v360-shell .help-centre-card { width: calc(100vw - 10px); height: calc(100dvh - 10px); }
  .v360-shell .help-centre-tools { flex-wrap: wrap; }
  .v360-shell .help-search { max-width: none; width: 100%; }
  .v360-shell .help-centre-content { padding: 14px 13px 22px; }
  .v360-shell .help-centre-footer { align-items: flex-start; flex-direction: column; }
  .v360-shell .help-footer-actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .v360-shell #helpCloseButton { grid-column: 1 / -1; }
  .v360-shell #helpFooterNote { max-width: none; }
}

@media (min-width:1081px) {
  body.v360-shell:has(#page-calculator.active) .main-content {
    height: calc(100dvh - 62px - var(--app-footer-height));
    overflow: hidden;
  }
  .v360-shell #page-calculator.active { height: 100%; min-height: 0; overflow: hidden; }
  .v360-shell #calculatorTablePanel { min-height: 0; }
}
.v360-shell .paste-import-summary { min-height: 48px; margin: 0; padding: 8px 12px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.v360-shell .paste-import-summary > div { min-width:0; gap:9px; }
.v360-shell .paste-import-summary > div > span { width:29px; height:29px; flex:0 0 29px; }
.v360-shell .paste-import-summary strong { font-size:11px; }
.v360-shell .paste-import-summary small { font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v360-shell .toast-stack { top:72px; bottom:auto!important; }
.v360-shell #calculatorTablePanel .table-panel-header { padding: 8px 12px 7px; gap: 5px; }
.v360-shell .table-header-main { min-height: 34px; }
.v360-shell .table-title-block h2 { font-size: clamp(18px,1.55vw,22px); line-height:1.05; }
.v360-shell .table-title-block .eyebrow { font-size:7.5px; }
.v360-shell .table-meta .pill,
.v360-shell .table-meta .compact-button { height:32px; }
.v360-shell .table-meta .search-field { height:34px; }
.v360-shell .table-totals-toolbar { min-height:34px; padding:3px 4px; }
.v360-shell .table-totals-toolbar > span,
.v360-shell .table-totals-toolbar > button { min-height:26px; padding:3px 8px; }
@media (min-width:1081px) {
  body.v360-shell:has(#page-calculator.active) .main-content { padding-bottom: 8px; }
}
@media (min-width:900px) and (max-width:1080px) {
  body.v360-shell:has(#page-calculator.active) .main-content {
    height: calc(100dvh - 60px - var(--app-footer-height));
    padding: 10px 12px 8px;
    overflow: hidden;
  }
  .v360-shell #page-calculator.active { height:100%; min-height:0; overflow:hidden; gap:8px; }
  .v360-shell #page-calculator > .page-heading.compact-heading {
    min-height:60px;
    flex-direction:row;
    align-items:center;
    gap:12px;
  }
  .v360-shell #page-calculator .page-heading > div:first-child { min-width:0; flex:1 1 auto; }
  .v360-shell #page-calculator .page-heading h1 { font-size:28px; }
  .v360-shell #page-calculator .page-heading p { font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .v360-shell #page-calculator .refined-action-deck { width:auto; max-width:470px; flex:0 1 470px; flex-wrap:nowrap; }
  .v360-shell #page-calculator .refined-action-deck .button { padding-inline:9px; }
  .v360-shell #page-calculator .paste-mode-combo { min-width:190px; }
  .v360-shell #page-calculator .paste-mode-combo select { min-width:112px; }
  .v360-shell #page-calculator .action-paste { min-width:118px; }
  .v360-shell #page-calculator .summary-strip { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .v360-shell #page-calculator .summary-metric { min-height:76px; padding:9px 9px 8px; }
  .v360-shell #page-calculator .summary-metric > strong { font-size:21px; }
  .v360-shell #page-calculator .summary-metric > small { font-size:7px; }
  .v360-shell #page-calculator .calculator-command-bar { min-height:54px; flex-wrap:nowrap; align-items:center; }
  .v360-shell #page-calculator .special-rate-group { flex:0 1 auto; flex-wrap:nowrap; }
  .v360-shell #page-calculator .command-actions { width:auto; flex:1 1 auto; flex-wrap:nowrap; justify-content:flex-end; }
  .v360-shell #page-calculator .command-actions .button { padding-inline:9px; font-size:9px; }
  .v360-shell #page-calculator .paste-ready { max-width:145px; font-size:9px; }
  .v360-shell #calculatorTablePanel { min-height:0; }
  .v360-shell .table-meta { width:auto; justify-content:flex-end; }
}
@media (min-width:900px) and (max-width:1080px) {
  body.v360-shell:has(#page-calculator.active) .main-content { height: calc(100dvh - 60px - var(--app-footer-height) - 4px); }
}
@media (min-width:900px) and (max-width:1080px) {
  .v360-shell #page-calculator .refined-action-deck { max-width:515px; flex-basis:515px; }
  .v360-shell #page-calculator .paste-mode-combo { min-width:215px; }
  .v360-shell #page-calculator .paste-mode-combo select { min-width:140px; width:140px; }
  .v360-shell #page-calculator .action-paste { min-width:116px; }
}
.v360-shell .toast-stack { left:16px; right:auto; top:72px; bottom:auto!important; max-width:min(380px,calc(100vw - 32px)); pointer-events:none; }
.v360-shell .toast-stack .toast { pointer-events:none; }

/* ========================================================================== */
/* V3.90.01 — Human-Scale Motion & Workspace Redesign    */
/* ========================================================================== */
:root {
  --v370-topbar-height: 66px;
  --v370-content-inline: clamp(12px, 1.45vw, 22px);
  --v370-content-block: clamp(10px, 1.25vh, 16px);
}
html, body { width:100%; min-width:0; height:100%; overflow-x:hidden!important; }
body.v370-shell { min-width:0; min-height:100dvh; }
.v370-shell * { min-width:0; }
.v370-shell .hidden { display:none!important; }

/* True viewport workspace: zooming out creates more table space, never a cap. */
.v370-shell .app-shell {
  width:100%; height:100dvh; min-height:0; overflow:hidden;
  display:flex; flex-direction:column; padding-bottom:var(--app-footer-height);
}
.v370-shell .topbar { flex:0 0 auto; }
.v370-shell .integration-banner:not(.hidden) { flex:0 0 auto; }
.v370-shell .main-content {
  flex:1 1 0; min-height:0; width:min(1600px,100%); margin:0 auto;
  padding:var(--v370-content-block) var(--v370-content-inline) 8px;
  overflow:auto; overscroll-behavior:contain;
}
body.v370-shell:has(#page-calculator.active) .main-content { overflow:hidden; }
.v370-shell #page-calculator.active {
  height:100%; min-height:0; overflow:hidden;
  display:flex; flex-direction:column; gap:clamp(7px,1vh,11px);
}
.v370-shell #page-calculator > .page-heading,
.v370-shell #page-calculator > .sticky-summary-shell,
.v370-shell #page-calculator > .calculator-command-bar,
.v370-shell #page-calculator > .paste-import-summary,
.v370-shell #page-calculator > .calculation-health-bar,
.v370-shell #page-calculator > .review-filter-banner { flex:0 0 auto; margin:0; }
.v370-shell #calculatorTablePanel {
  flex:1 1 0; min-height:0!important; height:auto!important; max-height:none!important;
  display:flex; flex-direction:column; overflow:hidden; margin:0;
}
.v370-shell #calculatorTableWrap {
  flex:1 1 0; min-height:0!important; height:auto!important; max-height:none!important;
  overflow-y:auto!important; overflow-x:hidden!important; scrollbar-gutter:stable;
}
.v370-shell .enhanced-empty-state { min-height:100%; }

/* Premium but compact global header. */
.v370-shell .topbar {
  min-height:var(--v370-topbar-height); height:var(--v370-topbar-height);
  padding:0 clamp(12px,1.5vw,22px); gap:clamp(10px,1.1vw,18px);
  grid-template-columns:minmax(220px,285px) minmax(400px,1fr) minmax(310px,auto);
  background:color-mix(in srgb,var(--panel) 96%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));
  box-shadow:0 8px 26px color-mix(in srgb,var(--text) 7%,transparent);
}
.v370-shell .brand-block-v340 { gap:10px; align-items:center; }
.v370-shell .brand-logo-shell {
  width:44px; height:44px; flex:0 0 44px; border-radius:13px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,var(--panel)),var(--panel));
  border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));
  box-shadow:0 5px 15px color-mix(in srgb,var(--accent) 10%,transparent);
}
.v370-shell .brand-block-v340 .brand-logo-shell img { width:36px; height:36px; }
.v370-shell .brand-identity strong { font-size:13.5px; letter-spacing:-.015em; }
.v370-shell .brand-identity span { margin-top:3px; font-size:9px; color:var(--muted); }
.v370-shell .brand-runtime { display:flex; align-items:center; gap:5px; padding-left:10px; border-left:1px solid var(--border); }
.v370-shell .brand-runtime span { padding:3px 6px; border-radius:999px; background:var(--panel-muted); color:var(--muted); font-size:7.5px; font-weight:850; }
.v370-shell .top-nav {
  height:46px; padding:4px; gap:3px; align-self:center; border:1px solid var(--border);
  border-radius:14px; background:color-mix(in srgb,var(--panel-muted) 72%,var(--panel));
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--panel) 85%,transparent);
}
.v370-shell .nav-tab { height:36px; padding:0 clamp(10px,1vw,15px); border-radius:10px; font-size:var(--user-nav-size); }
.v370-shell .nav-tab.active { box-shadow:0 5px 15px color-mix(in srgb,var(--accent) 18%,transparent); }
.v370-shell .top-actions.unified-utilities { width:auto; max-width:100%; gap:7px; padding:0; border:0; background:transparent; box-shadow:none; }
.v370-shell .workspace-back-button,
.v370-shell .header-status-control,
.v370-shell .header-help-control,
.v370-shell .header-profile-control { height:40px; border-radius:12px; }
.v370-shell .workspace-back-button { padding:0 12px; }
.v370-shell .header-status-control { flex:0 1 210px!important; width:auto!important; min-width:135px!important; max-width:210px!important; padding:0 11px; }
.v370-shell .header-help-control { padding:0 11px; }
.v370-shell .header-profile-control { flex:0 0 116px!important; width:116px!important; min-width:116px!important; max-width:116px!important; padding:4px 7px 4px 4px; }
.v370-shell .header-profile-control .profile-copy strong { font-size:11px; }
.v370-shell .header-profile-control .profile-copy small { font-size:7.5px; }

/* Dashboard headings and action deck. */
.v370-shell .page-heading.compact-heading { min-height:54px!important; margin:0; align-items:center; gap:18px; }
.v370-shell .page-heading h1 { font-size:clamp(27px,2.2vw,35px); line-height:1.02; letter-spacing:-.035em; }
.v370-shell .page-heading p { margin:5px 0 0; font-size:10.5px; line-height:1.35; }
.v370-shell .refined-action-deck {
  padding:5px; gap:5px; flex-wrap:nowrap; border-radius:15px;
  background:color-mix(in srgb,var(--panel) 94%,transparent);
  border:1px solid var(--border); box-shadow:var(--shadow-soft);
}
.v370-shell .refined-action-deck .button,
.v370-shell .paste-mode-combo { height:40px; border-radius:10px; }
.v370-shell .paste-mode-combo { min-width:210px; }
.v370-shell .action-paste { min-width:132px; }

/* Summary metric dashboard. */
.v370-shell .refined-summary-shell { padding:6px; border-radius:18px; background:color-mix(in srgb,var(--panel) 88%,transparent); border:1px solid var(--border); }
.v370-shell .summary-strip { gap:var(--summary-gap); }
.v370-shell .summary-metric {
  position:relative; min-height:clamp(76px,var(--summary-card-height),112px); padding:11px 12px 9px;
  border-radius:var(--summary-radius); border-width:var(--summary-border-width);
  overflow:hidden; isolation:isolate;
}
.v370-shell .summary-metric::after { content:""; position:absolute; inset:auto -22px -28px auto; width:82px; height:82px; border-radius:50%; background:color-mix(in srgb,currentColor 8%,transparent); z-index:-1; }
.v370-shell .summary-metric > span { font-size:var(--summary-label-size); letter-spacing:.075em; }
.v370-shell .summary-metric > strong { font-size:var(--summary-value-size); font-weight:var(--summary-value-weight); letter-spacing:-.035em; }
.v370-shell .summary-metric > small { font-size:var(--summary-subtext-size); }
html[data-summary-subtext="hide"] .v370-shell .summary-metric > small { display:none; }
html[data-summary-shadow="none"] .v370-shell .summary-metric { box-shadow:none; }
html[data-summary-shadow="soft"] .v370-shell .summary-metric { box-shadow:0 7px 18px color-mix(in srgb,var(--text) 7%,transparent); }
html[data-summary-shadow="strong"] .v370-shell .summary-metric { box-shadow:0 14px 30px color-mix(in srgb,var(--text) 13%,transparent); }
html[data-summary-accent="top"] .v370-shell .summary-metric { border-top-width:3px; }
html[data-summary-accent="side"] .v370-shell .summary-metric { border-left-width:4px; border-top-width:1px; }
html[data-summary-accent="outline"] .v370-shell .summary-metric { border-color:currentColor; border-top-width:var(--summary-border-width); }
html[data-summary-accent="none"] .v370-shell .summary-metric { border-color:var(--border); border-top-width:var(--summary-border-width); }
html[data-summary-design="minimal"] .v370-shell .summary-metric { background:var(--panel); box-shadow:none; }
html[data-summary-design="office"] .v370-shell .summary-metric { background:color-mix(in srgb,currentColor 5%,var(--panel)); }
html[data-summary-design="premium"] .v370-shell .summary-metric { background:linear-gradient(145deg,color-mix(in srgb,currentColor 9%,var(--panel)),var(--panel)); }
html[data-summary-design="detailed"] .v370-shell .summary-metric { padding-top:13px; }
html[data-summary-icons="show"] .v370-shell .summary-metric { padding-left:43px; }
html[data-summary-icons="show"] .v370-shell .summary-metric::before { position:absolute; left:13px; top:14px; width:22px; height:22px; display:grid; place-items:center; border-radius:7px; background:color-mix(in srgb,currentColor 12%,var(--panel)); font-size:12px; font-weight:900; }
html[data-summary-icons="show"] .v370-shell .summary-metric.line::before { content:"₹"; }
html[data-summary-icons="show"] .v370-shell .summary-metric.normal::before { content:"N"; }
html[data-summary-icons="show"] .v370-shell .summary-metric.special::before { content:"S"; }
html[data-summary-icons="show"] .v370-shell .summary-metric.neutral[data-breakdown="packing"]::before { content:"â–¦"; }
html[data-summary-icons="show"] .v370-shell .summary-metric.neutral[data-breakdown="weight"]::before { content:"Kg"; font-size:8px; }
html[data-summary-icons="show"] .v370-shell .summary-metric.attention::before { content:"!"; }

/* Compact command and review areas. */
.v370-shell .calculator-command-bar { min-height:54px; padding:7px 10px; border-radius:15px; }
.v370-shell .special-rate-group { flex-wrap:nowrap; }
.v370-shell .money-input { height:38px; }
.v370-shell .command-actions { flex-wrap:nowrap; }
.v370-shell .command-actions .button,.v370-shell .paste-ready { height:38px; min-height:38px; }
.v370-shell .calculation-health-bar { min-height:48px; padding:8px 12px; border-radius:14px; }
.v370-shell .calculation-health-bar .health-icon { width:34px; height:34px; flex-basis:34px; }
.v370-shell .calculation-health-bar strong { font-size:12px; }
.v370-shell .calculation-health-bar small { font-size:9.5px; }

/* Full-height table, integrated toolbar and non-overlapping rows. */
.v370-shell #calculatorTablePanel { border-radius:17px 17px 0 0; box-shadow:var(--shadow-soft); }
.v370-shell #calculatorTablePanel .table-panel-header { padding:9px 12px 7px; gap:6px; }
.v370-shell .table-header-main { min-height:40px; }
.v370-shell .table-title-block h2 { font-size:clamp(19px,1.55vw,23px); }
.v370-shell .table-meta { gap:7px; }
.v370-shell .table-meta .pill,.v370-shell .table-meta .compact-button { height:34px; }
.v370-shell .table-meta .search-field { width:190px; height:36px; }
.v370-shell .table-totals-toolbar {
  min-height:34px; display:grid; grid-template-columns:repeat(5,max-content) minmax(0,1fr);
  align-items:center; gap:5px; padding:4px 5px; border-radius:10px;
}
.v370-shell .table-totals-toolbar > span,
.v370-shell .table-totals-toolbar > button { min-height:27px; padding:3px 8px; }
.v370-shell .table-totals-toolbar > button { justify-self:end; margin:0; }
.v370-shell .calculator-table { table-layout:fixed; }
.v370-shell .calculator-table thead th { height:42px; padding:8px 9px; font-size:8px; letter-spacing:.055em; }
.v370-shell .calculator-table tbody tr { height:auto; min-height:64px; }
.v370-shell .calculator-table td { height:auto; min-height:64px; padding:9px 10px; line-height:1.35; }
.v370-shell .calculator-table .col-item { width:25%; }
.v370-shell .calculator-table .col-mode { width:13%; }
.v370-shell .calculator-table .col-bulk { width:9%; }
.v370-shell .calculator-table .col-kg { width:9%; }
.v370-shell .calculator-table .col-kgpack { width:10%; }
.v370-shell .calculator-table .col-freight { width:20%; }
.v370-shell .calculator-table .col-status { width:10%; }
.v370-shell .calculator-table .col-action { width:46px; }
.v370-shell .freight-summary-button { min-height:46px; padding:6px 8px; gap:4px; border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border)); }
.v370-shell .freight-summary-button span { white-space:normal; overflow:visible; text-overflow:clip; line-height:1.25; }
.v370-shell .status-badge { white-space:normal; text-align:center; line-height:1.25; padding:6px 8px; }

/* Dashboard consistency for administration modules. */
.v370-shell .redesigned-admin-page,
.v370-shell #page-logs,
.v370-shell #page-backup,
.v370-shell #page-system { gap:14px; }
.v370-shell .compact-stat-strip,
.v370-shell .system-status-grid,
.v370-shell .backup-summary-grid,
.v370-shell .log-summary-grid { gap:10px; }
.v370-shell .compact-stat-strip > *,
.v370-shell .system-status-card,
.v370-shell .backup-summary-card,
.v370-shell .log-summary { border-radius:15px; box-shadow:0 7px 20px color-mix(in srgb,var(--text) 6%,transparent); }
.v370-shell .admin-panel,.v370-shell .system-overview-shell,.v370-shell .system-detail-panel { border-radius:17px; }
.v370-shell .admin-toolbar,.v370-shell .system-overview-shell { padding:14px 16px; }
.v370-shell .user-directory-row { min-height:66px; }

/* Appearance Studio */
.v370-shell .appearance-center-v340 {
  width:min(1280px,calc(100vw - 22px)); height:min(850px,calc(100dvh - 18px));
  padding-bottom:0; display:grid; grid-template-rows:auto minmax(0,1fr) auto 28px; overflow:hidden;
}
.v370-shell .appearance-center-v340::after {
  content:"Powered by —  F R S"; grid-row:4; display:flex; align-items:center; justify-content:flex-end;
  padding:0 14px; border-top:1px solid var(--border); color:var(--signature); font:600 9px Georgia,serif; letter-spacing:.12em;
}
.v370-shell .appearance-header-v340 { padding:16px 20px 13px; }
.v370-shell .appearance-header-v340 h2 { margin:3px 0 4px; font-size:24px; letter-spacing:-.025em; }
.v370-shell .appearance-header-v340 p { margin:0; font-size:10.5px; }
.v370-shell .appearance-workspace { min-height:0; grid-template-columns:210px minmax(0,1fr); }
.v370-shell .appearance-sidebar { min-height:0; overflow:auto; padding:12px 10px; gap:5px; background:color-mix(in srgb,var(--panel-muted) 68%,var(--panel)); }
.v370-shell .appearance-tab { min-height:48px; grid-template-columns:34px 1fr; padding:7px 8px; border-radius:11px; }
.v370-shell .appearance-tab > span { width:31px; height:31px; border-radius:9px; }
.v370-shell .appearance-tab div strong { font-size:10.5px; }
.v370-shell .appearance-tab div small { font-size:8px; }
.v370-shell .appearance-current-card { margin-top:auto; padding:11px; border-radius:13px; }
.v370-shell .appearance-main { min-height:0; overflow:auto; padding:12px 16px 20px; scrollbar-gutter:stable; }
.v370-shell .appearance-live-card-v340 {
  min-height:150px; padding:14px 16px; grid-template-columns:minmax(210px,.8fr) minmax(430px,1.35fr);
  border-radius:17px; background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),var(--panel));
}
.v370-shell .appearance-live-copy h3 { font-size:23px; }
.v370-shell .appearance-preview-stage { width:100%; max-width:640px; min-height:125px; }
.v370-shell .preview-table-row { height:28px; display:flex; align-items:center; justify-content:space-between; margin:6px 10px 18px; padding:0 9px; border:1px solid var(--border); border-radius:7px; background:var(--panel); font-size:7px; }
.v370-shell .preview-table-row span { padding:3px 7px; border-radius:999px; color:var(--success); background:var(--success-soft); font-weight:800; }
.v370-shell .appearance-toolbar { grid-template-columns:minmax(220px,1fr) 170px auto; gap:8px; margin:10px 0 8px; }
.v370-shell .recent-theme-strip { min-height:30px; }
.v370-shell .appearance-theme-section { margin-top:11px; }
.v370-shell .appearance-theme-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.v370-shell .theme-option { min-height:124px; padding:10px; border-radius:14px; }
.v370-shell .theme-option-copy small { line-height:1.35; }
.v370-shell .appearance-actions-v340 {
  grid-row:3; min-height:58px; padding:8px 14px; gap:8px; border-top:1px solid var(--border);
  background:color-mix(in srgb,var(--panel) 96%,transparent);
}
.v370-shell .appearance-save-note { display:flex; align-items:center; gap:7px; margin:auto; }
.v370-shell .appearance-save-note i { width:7px; height:7px; border-radius:50%; background:var(--success); box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 13%,transparent); }

/* Typography simple/advanced controls and presets. */
.v370-shell .appearance-mode-toolbar { display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; align-items:stretch; margin-bottom:11px; }
.v370-shell .appearance-segmented { display:flex; padding:4px; border:1px solid var(--border); border-radius:12px; background:var(--panel-muted); }
.v370-shell .appearance-segmented button { min-width:76px; border:0; border-radius:8px; background:transparent; color:var(--muted); font-weight:800; cursor:pointer; }
.v370-shell .appearance-segmented button.active { background:var(--panel); color:var(--accent); box-shadow:var(--shadow-soft); }
.v370-shell .typography-preset-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.v370-shell .typography-preset-row button { min-height:50px; padding:7px 9px; text-align:left; border:1px solid var(--border); border-radius:11px; background:var(--panel); color:var(--text); cursor:pointer; }
.v370-shell .typography-preset-row strong,.v370-shell .typography-preset-row small { display:block; }
.v370-shell .typography-preset-row strong { font-size:10px; }
.v370-shell .typography-preset-row small { margin-top:2px; font-size:8px; color:var(--muted); }
.v370-shell .typography-control-grid.simple-mode > :nth-child(n+5) { display:none; }
.v370-shell .appearance-control-grid { gap:9px; }
.v370-shell .appearance-select-card,.v370-shell .appearance-range-card { min-height:92px; padding:11px; border-radius:13px; }

/* Summary card design studio. */
.v370-shell .summary-design-presets { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-bottom:10px; }
.v370-shell .summary-design-presets button { min-height:72px; display:grid; grid-template-columns:32px minmax(0,1fr); grid-template-rows:auto auto; gap:1px 8px; align-items:center; padding:9px; border:1px solid var(--border); border-radius:13px; background:var(--panel); color:var(--text); text-align:left; cursor:pointer; }
.v370-shell .summary-design-presets button > span { grid-row:1/3; width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:var(--accent-soft); color:var(--accent); }
.v370-shell .summary-design-presets strong { font-size:10px; }
.v370-shell .summary-design-presets small { font-size:8px; color:var(--muted); }
.v370-shell .summary-design-presets button.selected { border-color:var(--accent); box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent); }
.v370-shell .summary-feature-options { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
.v370-shell .summary-feature-options > label { min-height:40px; display:flex; align-items:center; gap:8px; padding:7px 10px; border:1px solid var(--border); border-radius:10px; background:var(--panel); font-size:9px; font-weight:750; }
.v370-shell .summary-feature-options select { height:30px; }

/* Complete presets and accessibility. */
.v370-shell .workspace-preset-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.v370-shell .workspace-preset-grid > button { min-height:112px; display:grid; grid-template-columns:126px minmax(0,1fr); gap:12px; align-items:center; padding:12px; border:1px solid var(--border); border-radius:15px; background:var(--panel); color:var(--text); text-align:left; cursor:pointer; }
.v370-shell .workspace-preset-grid > button:hover { border-color:var(--accent); transform:translateY(-1px); box-shadow:var(--shadow-soft); }
.v370-shell .workspace-preset-grid strong,.v370-shell .workspace-preset-grid small,.v370-shell .workspace-preset-grid em { display:block; }
.v370-shell .workspace-preset-grid strong { font-size:13px; }
.v370-shell .workspace-preset-grid small { margin-top:5px; font-size:9px; line-height:1.4; color:var(--muted); }
.v370-shell .workspace-preset-grid em { width:max-content; margin-top:7px; padding:3px 7px; border-radius:999px; background:var(--accent-soft); color:var(--accent); font-size:7px; font-style:normal; font-weight:850; }
.v370-shell .preset-art { height:74px; border-radius:11px; border:1px solid var(--border); background:linear-gradient(135deg,#eef7ff 0 34%,#fff 34% 68%,#2f80ed 68%); }
.v370-shell .preset-art.operations { background:linear-gradient(135deg,#eef1f3 0 34%,#fff 34% 68%,#4d6475 68%); }
.v370-shell .preset-art.executive { background:linear-gradient(135deg,#edf2f8 0 34%,#fff 34% 68%,#245ea8 68%); }
.v370-shell .preset-art.editorial { background:linear-gradient(135deg,#f2ece5 0 34%,#fffdf8 34% 68%,#a85d3a 68%); }
.v370-shell .preset-art.night { background:linear-gradient(135deg,#09121f 0 34%,#111f30 34% 68%,#4c93e6 68%); }
.v370-shell .preset-art.accessible { background:linear-gradient(135deg,#fff 0 34%,#111 34% 68%,#005fcc 68%); }
.v370-shell .accessibility-option-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.v370-shell .accessibility-option { min-height:82px; display:grid; grid-template-columns:auto minmax(0,1fr); gap:11px; align-items:start; padding:13px; border:1px solid var(--border); border-radius:14px; background:var(--panel); }
.v370-shell .accessibility-option input { margin-top:3px; }
.v370-shell .accessibility-option strong,.v370-shell .accessibility-option small { display:block; }
.v370-shell .accessibility-option strong { font-size:11px; }
.v370-shell .accessibility-option small { margin-top:4px; color:var(--muted); font-size:9px; line-height:1.4; }
.v370-shell .accessibility-preview { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; }
.v370-shell .accessibility-preview > div { min-height:80px; display:flex; align-items:center; gap:10px; padding:13px; border:1px solid var(--border); border-radius:14px; background:var(--panel-muted); }
.v370-shell .accessibility-preview span { margin-right:auto; font-size:9px; color:var(--muted); }
.v370-shell .accessibility-preview button { height:36px; border:2px solid var(--accent); border-radius:9px; background:var(--panel); color:var(--text); }
.v370-shell .accessibility-preview strong,.v370-shell .accessibility-preview em { padding:5px 8px; border-radius:999px; font-size:8px; font-style:normal; }
.v370-shell .accessibility-preview strong { color:var(--success); background:var(--success-soft); }
.v370-shell .accessibility-preview em { color:var(--danger); background:var(--danger-soft); }

/* Stylish clear confirmation. */
.v370-shell .confirm-card-v370 {
  width:min(560px,calc(100vw - 24px)); padding:0 0 var(--module-footer-height); overflow:hidden;
  border-radius:22px; border:1px solid color-mix(in srgb,var(--danger) 18%,var(--border));
  box-shadow:0 30px 80px rgba(15,23,42,.28);
}
.v370-shell .confirm-card-v370 .confirm-close { position:absolute; top:14px; right:14px; z-index:4; }
.v370-shell .confirm-hero { display:grid; grid-template-columns:52px minmax(0,1fr); gap:14px; padding:25px 48px 16px 22px; background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 8%,var(--panel)),var(--panel)); border-bottom:1px solid var(--border); }
.v370-shell .confirm-hero .confirm-icon { width:48px; height:48px; display:grid; place-items:center; margin:0; border-radius:15px; background:color-mix(in srgb,var(--danger) 13%,var(--panel)); color:var(--danger); border:1px solid color-mix(in srgb,var(--danger) 24%,var(--border)); font-size:22px; font-weight:900; }
.v370-shell .confirm-hero h2 { margin:3px 0 5px; font-size:23px; letter-spacing:-.025em; }
.v370-shell .confirm-hero p { margin:0; color:var(--muted); font-size:10.5px; line-height:1.45; }
.v370-shell .confirm-impact-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:14px 18px 10px; }
.v370-shell .confirm-impact-grid > div { min-height:78px; padding:10px; border:1px solid var(--border); border-radius:12px; background:var(--panel-muted); }
.v370-shell .confirm-impact-grid span,.v370-shell .confirm-impact-grid strong,.v370-shell .confirm-impact-grid small { display:block; }
.v370-shell .confirm-impact-grid span { font-size:7px; letter-spacing:.08em; color:var(--muted); font-weight:900; }
.v370-shell .confirm-impact-grid strong { margin:5px 0 2px; font-size:17px; color:var(--text); }
.v370-shell .confirm-impact-grid small { font-size:8px; color:var(--muted); }
.v370-shell .confirm-reassurance { display:flex; gap:9px; align-items:flex-start; margin:0 18px; padding:10px 12px; border-radius:11px; background:color-mix(in srgb,var(--accent) 7%,var(--panel)); border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border)); }
.v370-shell .confirm-reassurance > span { width:27px; height:27px; flex:0 0 27px; display:grid; place-items:center; border-radius:8px; background:var(--accent-soft); color:var(--accent); }
.v370-shell .confirm-reassurance p { margin:0; font-size:9.5px; line-height:1.45; color:var(--muted); }
.v370-shell .confirm-reassurance strong { color:var(--text); }
.v370-shell .confirm-actions-v370 { padding:14px 18px 16px; justify-content:flex-end; gap:8px; border-top:0; }
.v370-shell .confirm-actions-v370 .button { min-width:132px; height:42px; border-radius:11px; }

/* Accessibility data flags */
html[data-strong-focus="true"] .v370-shell :focus-visible { outline:3px solid color-mix(in srgb,var(--accent) 78%,white)!important; outline-offset:2px!important; }
html[data-reduced-motion="true"] .v370-shell *,
html[data-reduced-motion="true"] .v370-shell *::before,
html[data-reduced-motion="true"] .v370-shell *::after { animation-duration:.001ms!important; transition-duration:.001ms!important; scroll-behavior:auto!important; }
html[data-underline-actions="true"] .v370-shell .text-button,
html[data-underline-actions="true"] .v370-shell a { text-decoration:underline!important; text-underline-offset:3px; }
html[data-large-targets="true"] .v370-shell button,
html[data-large-targets="true"] .v370-shell input,
html[data-large-targets="true"] .v370-shell select { min-height:42px; }

/* New designed theme families. */
html[data-theme="pearl_office"]{--bg:#f2f5f9;--bg-soft:#f8fafc;--panel:#fff;--panel-2:#fff;--panel-muted:#eaf0f6;--text:#172a3d;--muted:#62758a;--faint:#8c9cad;--border:#d2dde8;--border-strong:#b6c6d6;--accent:#2867a8;--accent-2:#4b87c5;--accent-soft:#deebf8;--accent-ink:#174a7d;--signature:#2867a8;--topbar-tint:rgba(255,255,255,.97);--shadow:0 16px 38px rgba(34,62,91,.10);--shadow-soft:0 7px 20px rgba(34,62,91,.07);--radius:15px}
html[data-theme="executive_blue"]{--bg:#eaf0f7;--bg-soft:#f5f8fc;--panel:#fff;--panel-2:#fff;--panel-muted:#e2eaf3;--text:#152a43;--muted:#5b7089;--faint:#8496a9;--border:#cbd8e6;--border-strong:#a9bdd2;--accent:#245ea8;--accent-2:#3f7bc2;--accent-soft:#dbe8f8;--accent-ink:#153f76;--signature:#245ea8;--topbar-tint:rgba(255,255,255,.97);--shadow:0 18px 42px rgba(28,61,100,.13);--shadow-soft:0 7px 20px rgba(28,61,100,.08);--radius:14px}
html[data-theme="titanium_office"]{--bg:#e9edef;--bg-soft:#f5f7f8;--panel:#fbfcfd;--panel-2:#fff;--panel-muted:#e2e7ea;--text:#1d2d37;--muted:#61727d;--faint:#89979f;--border:#ccd5da;--border-strong:#aebcc4;--accent:#476a82;--accent-2:#64889f;--accent-soft:#dde7ed;--accent-ink:#304e61;--signature:#476a82;--topbar-tint:rgba(251,252,253,.97);--shadow:0 15px 38px rgba(37,54,65,.11);--shadow-soft:0 6px 18px rgba(37,54,65,.07);--radius:12px}
html[data-theme="sea_glass"]{--bg:#eaf5f4;--bg-soft:#f6fbfa;--panel:#fff;--panel-2:#fff;--panel-muted:#e1efed;--text:#173534;--muted:#617d7a;--faint:#89a19e;--border:#cbdedb;--border-strong:#abc9c5;--accent:#278f88;--accent-2:#4aacA3;--accent-soft:#d8eeeb;--accent-ink:#17645f;--signature:#278f88;--topbar-tint:rgba(255,255,255,.96);--shadow:0 15px 36px rgba(30,79,75,.09);--shadow-soft:0 6px 18px rgba(30,79,75,.06);--radius:20px}
html[data-theme="linear_dark"],html[data-theme="porcelain_rose"]{--bg:#08090a;--bg-soft:#0e1013;--panel:#131518;--panel-2:#191c20;--panel-muted:#22262c;--text:#f7f8f8;--muted:#8a8f98;--faint:#62666d;--border:#2e3238;--border-strong:#434851;--accent:#5e6ad2;--accent-2:#7c88e8;--accent-soft:#1d2144;--accent-ink:#d4d8ff;--signature:#7c88e8;--topbar-tint:rgba(19,21,24,.97);--shadow:0 24px 64px rgba(0,0,0,.54);--shadow-soft:0 10px 30px rgba(0,0,0,.36);--radius:15px;--line-soft:#1f3258;--normal-soft:#1c3e34;--special-soft:#44371e;--danger-soft:#4a2830;--warning-soft:#44371c;--success-soft:#1c3c32;--violet-soft:#382c5a;--login-start:#08090a;--login-mid:#131518;--login-end:#5e6ad2;--login-glow:rgba(94,106,210,.25)}
html[data-theme="royal_indigo"]{--bg:#eceefa;--bg-soft:#f7f7fd;--panel:#fff;--panel-2:#fff;--panel-muted:#e5e5f6;--text:#25234a;--muted:#69658c;--faint:#908cac;--border:#d2d0e9;--border-strong:#b3afd5;--accent:#5549b8;--accent-2:#7569d2;--accent-soft:#e3e0f8;--accent-ink:#392f89;--signature:#5549b8;--topbar-tint:rgba(255,255,255,.97);--shadow:0 18px 44px rgba(61,53,130,.13);--shadow-soft:0 7px 21px rgba(61,53,130,.08);--radius:17px}
html[data-theme="teal_circuit"]{--bg:#051214;--bg-soft:#0a1c1e;--panel:#102528;--panel-2:#142d30;--panel-muted:#1b383b;--text:#ecfbfb;--muted:#a7c6c6;--faint:#779c9d;--border:#2a5053;--border-strong:#427276;--accent:#27c5b5;--accent-2:#51ddce;--accent-soft:#154743;--accent-ink:#adfff6;--signature:#55d9cb;--topbar-tint:rgba(16,37,40,.97);--shadow:0 22px 58px rgba(0,0,0,.43);--shadow-soft:0 9px 28px rgba(0,0,0,.30);--radius:14px;--line-soft:#203a43;--normal-soft:#17463b;--special-soft:#463a1f;--danger-soft:#4b292d;--warning-soft:#493b1b;--success-soft:#17463b;--violet-soft:#352946}
html[data-theme="executive_dark"]{--bg:#07101c;--bg-soft:#0b1726;--panel:#101e2d;--panel-2:#142438;--panel-muted:#1b3149;--text:#f0f6fd;--muted:#afc1d4;--faint:#8097ad;--border:#294560;--border-strong:#466886;--accent:#4c93e6;--accent-2:#70adf0;--accent-soft:#183d65;--accent-ink:#c0e0ff;--signature:#72b2f3;--topbar-tint:rgba(16,30,45,.97);--shadow:0 22px 58px rgba(0,0,0,.44);--shadow-soft:0 9px 28px rgba(0,0,0,.31);--radius:15px;--line-soft:#173650;--normal-soft:#173d34;--special-soft:#43371c;--danger-soft:#49282b;--warning-soft:#4b3b17;--success-soft:#173c32;--violet-soft:#352747}
html[data-theme="velvet_night"]{--font:"Segoe UI",sans-serif;--font-heading:Georgia,"Times New Roman",serif;--bg:#09080c;--bg-soft:#100f15;--panel:#18171d;--panel-2:#1e1c24;--panel-muted:#292631;--text:#f7f2e8;--muted:#bcb4a7;--faint:#8f887e;--border:#3d3944;--border-strong:#5d5665;--accent:#c7a45c;--accent-2:#dfbf79;--accent-soft:#403720;--accent-ink:#ffe5aa;--signature:#d7b66f;--topbar-tint:rgba(24,23,29,.97);--shadow:0 24px 64px rgba(0,0,0,.5);--shadow-soft:0 10px 30px rgba(0,0,0,.34);--radius:12px;--line-soft:#2c3338;--normal-soft:#24352d;--special-soft:#40351d;--danger-soft:#45272a;--warning-soft:#40351d;--success-soft:#22362e;--violet-soft:#352b41}
html[data-theme="teal_circuit"] .data-table th,html[data-theme="executive_dark"] .data-table th,html[data-theme="velvet_night"] .data-table th,html[data-theme="linear_dark"] .data-table th,html[data-theme="tokyo_night"] .data-table th,html[data-theme="cyber_amber"] .data-table th,html[data-theme="monokai_pro"] .data-table th,html[data-theme="catppuccin_mocha"] .data-table th{background:var(--panel-muted);color:var(--text)}

/* New theme additions */
html[data-theme="rust_forge"]{--bg:#100c08;--bg-soft:#1a1410;--panel:#221a13;--panel-2:#2b2017;--panel-muted:#3a2d21;--text:#f5ede5;--muted:#b89880;--faint:#8c705a;--border:#4a3526;--border-strong:#6b4d38;--accent:#c2410c;--accent-2:#ea580c;--accent-soft:#4a1e0a;--accent-ink:#fed7aa;--signature:#d45b14;--topbar-tint:rgba(34,26,19,.97);--shadow:0 26px 70px rgba(0,0,0,.58);--shadow-soft:0 10px 32px rgba(0,0,0,.40);--radius:12px;--theme-row-height:50px;--line-soft:#2d2030;--normal-soft:#182b1e;--special-soft:#4a2e10;--danger-soft:#4e1e18;--warning-soft:#4a2d10;--success-soft:#183022;--violet-soft:#332042;--login-start:#100c08;--login-mid:#221a13;--login-end:#c2410c;--login-glow:rgba(194,65,12,.28)}
html[data-theme="jade_emperor"]{--bg:#060d0a;--bg-soft:#0b1812;--panel:#0f2118;--panel-2:#132a1f;--panel-muted:#1d3c2d;--text:#eefaf2;--muted:#a3c8ad;--faint:#6fa07a;--border:#224d37;--border-strong:#3a7054;--accent:#2e7d52;--accent-2:#4aad78;--accent-soft:#0f3520;--accent-ink:#b5f0c8;--signature:#b5a642;--topbar-tint:rgba(15,33,24,.97);--shadow:0 24px 66px rgba(0,0,0,.55);--shadow-soft:0 10px 30px rgba(0,0,0,.36);--radius:15px;--theme-row-height:50px;--line-soft:#1e3a46;--normal-soft:#153d2a;--special-soft:#423a10;--danger-soft:#441f24;--warning-soft:#423910;--success-soft:#153d2a;--violet-soft:#302250;--login-start:#060d0a;--login-mid:#0f2118;--login-end:#b5a642;--login-glow:rgba(181,166,66,.26)}
html[data-theme="jade_emperor"] .data-table th{background:var(--panel-muted);color:var(--text)}
html[data-theme="terracotta_sun"]{--bg:#faf6f0;--bg-soft:#fefcf9;--panel:#fff;--panel-2:#fff;--panel-muted:#f2e8dc;--text:#3d1a0c;--muted:#8a4e32;--faint:#b07a5e;--border:#e4c9b0;--border-strong:#cba07c;--accent:#c2622a;--accent-2:#e07a44;--accent-soft:#fce5d4;--accent-ink:#8c3810;--signature:#c2622a;--topbar-tint:rgba(255,255,255,.97);--shadow:0 18px 44px rgba(162,74,28,.12);--shadow-soft:0 7px 20px rgba(162,74,28,.07);--radius:16px;--theme-row-height:50px;--login-start:#3d1a0c;--login-mid:#8a4e32;--login-end:#c2622a;--login-glow:rgba(194,98,42,.22)}
html[data-theme="void_neon"]{--bg:#000000;--bg-soft:#060606;--panel:#0a0a0a;--panel-2:#0f0f0f;--panel-muted:#161616;--text:#f0ffe0;--muted:#84cc16;--faint:#4d7c0f;--border:#1a2800;--border-strong:#2d4a00;--accent:#84cc16;--accent-2:#a3e635;--accent-soft:#0d1f00;--accent-ink:#ecfccb;--signature:#84cc16;--topbar-tint:rgba(10,10,10,.98);--shadow:0 26px 72px rgba(0,0,0,.8);--shadow-soft:0 10px 32px rgba(0,0,0,.6);--radius:10px;--theme-row-height:50px;--line-soft:#1a2e08;--normal-soft:#0d2212;--special-soft:#2a2200;--danger-soft:#280d0d;--warning-soft:#282200;--success-soft:#0d2212;--violet-soft:#200d30;--login-start:#000000;--login-mid:#0a0a0a;--login-end:#84cc16;--login-glow:rgba(132,204,22,.3)}
html[data-theme="void_neon"] .data-table th{background:var(--panel-muted);color:var(--text)}
html[data-theme="lavender_mist"]{--font:"Aptos","Segoe UI",sans-serif;--font-heading:Georgia,"Times New Roman",serif;--bg:#f6f4fb;--bg-soft:#fbfafd;--panel:#fff;--panel-2:#fff;--panel-muted:#ede9f8;--text:#2d1f5e;--muted:#7059a8;--faint:#9c8cc8;--border:#d4caea;--border-strong:#b8aad8;--accent:#7c3aed;--accent-2:#9d5cf4;--accent-soft:#ede9f8;--accent-ink:#4c1d95;--signature:#7c3aed;--topbar-tint:rgba(255,255,255,.97);--shadow:0 16px 40px rgba(100,60,180,.12);--shadow-soft:0 6px 18px rgba(100,60,180,.07);--radius:18px;--theme-row-height:50px;--login-start:#2d1f5e;--login-mid:#5b3fa4;--login-end:#7c3aed;--login-glow:rgba(124,58,237,.22)}

html[data-theme="copper_patina"]{--bg:#f0f7f4;--bg-soft:#f8fbf9;--panel:#fff;--panel-2:#fff;--panel-muted:#e0eeea;--text:#143326;--muted:#446b58;--faint:#729080;--border:#c0d9ce;--border-strong:#9cc2b4;--accent:#317a60;--accent-2:#4ca37e;--accent-soft:#d4eddd;--accent-ink:#0f4d33;--signature:#7a6b44;--topbar-tint:rgba(255,255,255,.97);--shadow:0 16px 40px rgba(30,80,60,.10);--shadow-soft:0 6px 18px rgba(30,80,60,.06);--radius:14px;--theme-row-height:50px;--login-start:#0f4d33;--login-mid:#317a60;--login-end:#7a6b44;--login-glow:rgba(122,107,68,.22)}
html[data-theme="midnight_gold"]{--bg:#080911;--bg-soft:#0e0f1c;--panel:#13152a;--panel-2:#181b35;--panel-muted:#242848;--text:#f8f5e4;--muted:#c9a227;--faint:#8a6e1a;--border:#32305c;--border-strong:#504e88;--accent:#c9a227;--accent-2:#e8bd3a;--accent-soft:#352a08;--accent-ink:#fef3c7;--signature:#c9a227;--topbar-tint:rgba(19,21,42,.97);--shadow:0 26px 70px rgba(0,0,0,.58);--shadow-soft:0 10px 32px rgba(0,0,0,.38);--radius:15px;--theme-row-height:50px;--line-soft:#22285a;--normal-soft:#163828;--special-soft:#46380a;--danger-soft:#4e1e24;--warning-soft:#473808;--success-soft:#173828;--violet-soft:#38224e;--login-start:#080911;--login-mid:#13152a;--login-end:#c9a227;--login-glow:rgba(201,162,39,.26)}
html[data-theme="midnight_gold"] .data-table th{background:var(--panel-muted);color:var(--text)}
html[data-theme="cobalt_chalk"]{--bg:#0d1b4b;--bg-soft:#101f55;--panel:#152266;--panel-2:#1b2a78;--panel-muted:#24368e;--text:#edf0ff;--muted:#a5b4f8;--faint:#6070c0;--border:#2e4498;--border-strong:#4c62c4;--accent:#f0f4ff;--accent-2:#e0e8ff;--accent-soft:#1a2c7a;--accent-ink:#edf0ff;--signature:#f0f4ff;--topbar-tint:rgba(21,34,102,.97);--shadow:0 26px 72px rgba(0,0,0,.6);--shadow-soft:0 10px 32px rgba(0,0,0,.4);--radius:13px;--theme-row-height:50px;--line-soft:#1e3266;--normal-soft:#143860;--special-soft:#4a3614;--danger-soft:#4e1e28;--warning-soft:#483614;--success-soft:#143c2c;--violet-soft:#38206e;--login-start:#0d1b4b;--login-mid:#152266;--login-end:#f0f4ff;--login-glow:rgba(200,210,255,.22)}
html[data-theme="cobalt_chalk"] .data-table th{background:var(--panel-muted);color:var(--text)}
html[data-theme="cargo_slate"]{--bg:#0e1216;--bg-soft:#141a20;--panel:#1a2430;--panel-2:#202d3c;--panel-muted:#2c3e50;--text:#e8f0f8;--muted:#94a8bc;--faint:#6480a0;--border:#2e4058;--border-strong:#486484;--accent:#f97316;--accent-2:#fb923c;--accent-soft:#3c2206;--accent-ink:#fed7aa;--signature:#f97316;--topbar-tint:rgba(26,36,48,.97);--shadow:0 24px 66px rgba(0,0,0,.52);--shadow-soft:0 10px 30px rgba(0,0,0,.34);--radius:12px;--theme-row-height:50px;--line-soft:#1e3660;--normal-soft:#163a28;--special-soft:#483608;--danger-soft:#4e1e20;--warning-soft:#463406;--success-soft:#163a28;--violet-soft:#2e1e4c;--login-start:#0e1216;--login-mid:#1a2430;--login-end:#f97316;--login-glow:rgba(249,115,22,.26)}
html[data-theme="cargo_slate"] .data-table th{background:var(--panel-muted);color:var(--text)}
html[data-theme="rust_forge"] .data-table th{background:var(--panel-muted);color:var(--text)}

/* ── Round 3 new themes ── */
/* Void OLED variants */
html[data-theme="void_crimson"]{--bg:#000000;--bg-soft:#080202;--panel:#0c0303;--panel-2:#120404;--panel-muted:#1a0505;--text:#fff5f8;--muted:#ff2244;--faint:#7a001a;--border:#220008;--border-strong:#3d0010;--accent:#ff2244;--accent-2:#ff5570;--accent-soft:#1c0008;--accent-ink:#ffd6de;--signature:#ff2244;--topbar-tint:rgba(12,3,3,.98);--shadow:0 26px 72px rgba(0,0,0,.9);--shadow-soft:0 10px 32px rgba(0,0,0,.7);--radius:10px;--theme-row-height:50px;--line-soft:#280010;--normal-soft:#0d1e0a;--special-soft:#2a1500;--danger-soft:#2e0008;--warning-soft:#2a1500;--success-soft:#0d1e0a;--violet-soft:#18040a;--login-start:#000000;--login-mid:#0c0303;--login-end:#ff2244;--login-glow:rgba(255,34,68,.35)}
html[data-theme="void_crimson"] .data-table th{background:var(--panel-muted);color:var(--text)}
html[data-theme="void_cyan"]{--bg:#000000;--bg-soft:#020808;--panel:#030c0c;--panel-2:#051010;--panel-muted:#081818;--text:#f0ffff;--muted:#00f5ff;--faint:#007a80;--border:#001a1e;--border-strong:#003038;--accent:#00f5ff;--accent-2:#44f8ff;--accent-soft:#001a1e;--accent-ink:#ccfeff;--signature:#00f5ff;--topbar-tint:rgba(3,12,12,.98);--shadow:0 26px 72px rgba(0,0,0,.9);--shadow-soft:0 10px 32px rgba(0,0,0,.7);--radius:10px;--theme-row-height:50px;--line-soft:#001e28;--normal-soft:#002a20;--special-soft:#281e00;--danger-soft:#1e0008;--warning-soft:#281e00;--success-soft:#002a20;--violet-soft:#0e0028;--login-start:#000000;--login-mid:#030c0c;--login-end:#00f5ff;--login-glow:rgba(0,245,255,.35)}
html[data-theme="void_cyan"] .data-table th{background:var(--panel-muted);color:var(--text)}
html[data-theme="void_violet"]{--bg:#000000;--bg-soft:#060208;--panel:#0a030d;--panel-2:#0e0412;--panel-muted:#160618;--text:#f8f0ff;--muted:#bf00ff;--faint:#5a007a;--border:#1a0026;--border-strong:#2e0044;--accent:#bf00ff;--accent-2:#d44dff;--accent-soft:#160020;--accent-ink:#f0d6ff;--signature:#bf00ff;--topbar-tint:rgba(10,3,13,.98);--shadow:0 26px 72px rgba(0,0,0,.9);--shadow-soft:0 10px 32px rgba(0,0,0,.7);--radius:10px;--theme-row-height:50px;--line-soft:#1c0030;--normal-soft:#0d1e10;--special-soft:#2a1800;--danger-soft:#220012;--warning-soft:#2a1800;--success-soft:#0d1e10;--violet-soft:#200030;--login-start:#000000;--login-mid:#0a030d;--login-end:#bf00ff;--login-glow:rgba(191,0,255,.35)}
html[data-theme="void_violet"] .data-table th{background:var(--panel-muted);color:var(--text)}
html[data-theme="void_amber"]{--bg:#000000;--bg-soft:#080600;--panel:#0d0b00;--panel-2:#120e00;--panel-muted:#1a1400;--text:#fff8e0;--muted:#ffaa00;--faint:#7a5000;--border:#201600;--border-strong:#3a2800;--accent:#ffaa00;--accent-2:#ffc044;--accent-soft:#1a1000;--accent-ink:#fff0cc;--signature:#ffaa00;--topbar-tint:rgba(13,11,0,.98);--shadow:0 26px 72px rgba(0,0,0,.9);--shadow-soft:0 10px 32px rgba(0,0,0,.7);--radius:10px;--theme-row-height:50px;--line-soft:#26200a;--normal-soft:#0d1e10;--special-soft:#281800;--danger-soft:#200010;--warning-soft:#281800;--success-soft:#0d1e10;--violet-soft:#180830;--login-start:#000000;--login-mid:#0d0b00;--login-end:#ffaa00;--login-glow:rgba(255,170,0,.35)}
html[data-theme="void_amber"] .data-table th{background:var(--panel-muted);color:var(--text)}
html[data-theme="void_rose"]{--bg:#000000;--bg-soft:#080208;--panel:#0d0308;--panel-2:#12040b;--panel-muted:#1a0510;--text:#fff0f8;--muted:#ff0088;--faint:#7a0040;--border:#200010;--border-strong:#3c0020;--accent:#ff0088;--accent-2:#ff44aa;--accent-soft:#1a000e;--accent-ink:#ffd6ee;--signature:#ff0088;--topbar-tint:rgba(13,3,8,.98);--shadow:0 26px 72px rgba(0,0,0,.9);--shadow-soft:0 10px 32px rgba(0,0,0,.7);--radius:10px;--theme-row-height:50px;--line-soft:#240028;--normal-soft:#0d1e10;--special-soft:#2a1000;--danger-soft:#280010;--warning-soft:#2a1000;--success-soft:#0d1e10;--violet-soft:#200028;--login-start:#000000;--login-mid:#0d0308;--login-end:#ff0088;--login-glow:rgba(255,0,136,.35)}
html[data-theme="void_rose"] .data-table th{background:var(--panel-muted);color:var(--text)}
html[data-theme="void_ice"]{--bg:#000000;--bg-soft:#020608;--panel:#030a10;--panel-2:#050e18;--panel-muted:#081620;--text:#f0f8ff;--muted:#44ccff;--faint:#206688;--border:#001828;--border-strong:#002a44;--accent:#44ccff;--accent-2:#77ddff;--accent-soft:#001a28;--accent-ink:#c8efff;--signature:#44ccff;--topbar-tint:rgba(3,10,16,.98);--shadow:0 26px 72px rgba(0,0,0,.9);--shadow-soft:0 10px 32px rgba(0,0,0,.7);--radius:10px;--theme-row-height:50px;--line-soft:#001e30;--normal-soft:#001e28;--special-soft:#281a00;--danger-soft:#1e0010;--warning-soft:#281a00;--success-soft:#001e28;--violet-soft:#10002e;--login-start:#000000;--login-mid:#030a10;--login-end:#44ccff;--login-glow:rgba(68,204,255,.35)}
html[data-theme="void_ice"] .data-table th{background:var(--panel-muted);color:var(--text)}
/* Premium dark / neon themes */
html[data-theme="plasma_storm"]{--bg:#060b1f;--bg-soft:#0c1230;--panel:#111940;--panel-2:#182050;--panel-muted:#222e64;--text:#eaf6ff;--muted:#7ab8e8;--faint:#4c80b4;--border:#1e2e60;--border-strong:#304880;--accent:#00e5ff;--accent-2:#44eeff;--accent-soft:#003a50;--accent-ink:#ccf7ff;--signature:#00e5ff;--topbar-tint:rgba(17,25,64,.97);--shadow:0 26px 72px rgba(0,0,0,.7);--shadow-soft:0 10px 34px rgba(0,0,0,.5);--radius:13px;--theme-row-height:50px;--line-soft:#18306a;--normal-soft:#143830;--special-soft:#3a2e08;--danger-soft:#3e1e24;--warning-soft:#3a2c08;--success-soft:#143830;--violet-soft:#2e1870;--login-start:#060b1f;--login-mid:#111940;--login-end:#00e5ff;--login-glow:rgba(0,229,255,.30)}
html[data-theme="plasma_storm"] .data-table th{background:var(--panel-muted);color:var(--text)}
html[data-theme="aurora_dark"]{--bg:#050810;--bg-soft:#0a0e18;--panel:#0f1422;--panel-2:#141b2e;--panel-muted:#1e2840;--text:#e8f8f2;--muted:#80c4b4;--faint:#4a8a7a;--border:#152640;--border-strong:#264470;--accent:#00e5b0;--accent-2:#30f0c0;--accent-soft:#003e34;--accent-ink:#b0fff0;--signature:#00e5b0;--topbar-tint:rgba(15,20,34,.97);--shadow:0 26px 72px rgba(0,0,0,.68);--shadow-soft:0 10px 34px rgba(0,0,0,.46);--radius:14px;--theme-row-height:50px;--line-soft:#142e44;--normal-soft:#10382a;--special-soft:#2e2808;--danger-soft:#34181e;--warning-soft:#2e2806;--success-soft:#10382a;--violet-soft:#241840;--login-start:#050810;--login-mid:#0f1422;--login-end:#00e5b0;--login-glow:rgba(0,229,176,.28)}
html[data-theme="aurora_dark"] .data-table th{background:var(--panel-muted);color:var(--text)}
html[data-theme="neon_boulevard"]{--bg:#090808;--bg-soft:#110f0e;--panel:#181412;--panel-2:#201a17;--panel-muted:#2e2520;--text:#fdf0e8;--muted:#cc7040;--faint:#885030;--border:#302010;--border-strong:#502e10;--accent:#ff6600;--accent-2:#ff8833;--accent-soft:#3c1800;--accent-ink:#ffd0b0;--signature:#ff6600;--topbar-tint:rgba(24,20,18,.97);--shadow:0 26px 72px rgba(0,0,0,.72);--shadow-soft:0 10px 34px rgba(0,0,0,.50);--radius:12px;--theme-row-height:50px;--line-soft:#2e2010;--normal-soft:#182818;--special-soft:#442000;--danger-soft:#400a08;--warning-soft:#442000;--success-soft:#182818;--violet-soft:#2c1030;--login-start:#090808;--login-mid:#181412;--login-end:#ff6600;--login-glow:rgba(255,102,0,.30)}
html[data-theme="neon_boulevard"] .data-table th{background:var(--panel-muted);color:var(--text)}
html[data-theme="deep_space_orange"]{--bg:#060606;--bg-soft:#0d0c0a;--panel:#141210;--panel-2:#1c1814;--panel-muted:#26211a;--text:#fff4ec;--muted:#c06030;--faint:#8a4020;--border:#2e1a08;--border-strong:#4e2e0c;--accent:#ff5500;--accent-2:#ff7733;--accent-soft:#3a1200;--accent-ink:#ffcca8;--signature:#ff5500;--topbar-tint:rgba(20,18,16,.98);--shadow:0 28px 78px rgba(0,0,0,.88);--shadow-soft:0 12px 36px rgba(0,0,0,.64);--radius:11px;--theme-row-height:50px;--line-soft:#2c1e0a;--normal-soft:#142616;--special-soft:#421e00;--danger-soft:#3e0e08;--warning-soft:#421e00;--success-soft:#142616;--violet-soft:#240a30;--login-start:#060606;--login-mid:#141210;--login-end:#ff5500;--login-glow:rgba(255,85,0,.32)}
html[data-theme="deep_space_orange"] .data-table th{background:var(--panel-muted);color:var(--text)}
html[data-theme="sakura_dark"]{--bg:#060a08;--bg-soft:#0c1210;--panel:#121a16;--panel-2:#1a2420;--panel-muted:#263430;--text:#fff0f6;--muted:#cc789a;--faint:#8a4860;--border:#2a1824;--border-strong:#482840;--accent:#ff6eb4;--accent-2:#ff96c8;--accent-soft:#380a24;--accent-ink:#ffd6ee;--signature:#ff6eb4;--topbar-tint:rgba(18,26,22,.97);--shadow:0 26px 72px rgba(0,0,0,.72);--shadow-soft:0 10px 34px rgba(0,0,0,.50);--radius:14px;--theme-row-height:50px;--line-soft:#2c2230;--normal-soft:#162e20;--special-soft:#3e2800;--danger-soft:#3c1228;--warning-soft:#3e2800;--success-soft:#162e20;--violet-soft:#2e1040;--login-start:#060a08;--login-mid:#121a16;--login-end:#ff6eb4;--login-glow:rgba(255,110,180,.30)}
html[data-theme="sakura_dark"] .data-table th{background:var(--panel-muted);color:var(--text)}
html[data-theme="carbon_fiber"]{--bg:#0a0a0a;--bg-soft:#101010;--panel:#141414;--panel-2:#1c1c1c;--panel-muted:#242424;--text:#f0f4f8;--muted:#9ab0c4;--faint:#6888a0;--border:#202020;--border-strong:#363636;--accent:#00d4ff;--accent-2:#44e0ff;--accent-soft:#002a36;--accent-ink:#c8f4ff;--signature:#00d4ff;--topbar-tint:rgba(20,20,20,.99);--shadow:0 28px 78px rgba(0,0,0,.92);--shadow-soft:0 12px 36px rgba(0,0,0,.68);--radius:8px;--theme-row-height:50px;--line-soft:#1e2830;--normal-soft:#102830;--special-soft:#2c2200;--danger-soft:#2c0e14;--warning-soft:#2c2200;--success-soft:#102830;--violet-soft:#1c0e34;--login-start:#0a0a0a;--login-mid:#141414;--login-end:#00d4ff;--login-glow:rgba(0,212,255,.32)}
html[data-theme="carbon_fiber"] .data-table th{background:var(--panel-muted);color:var(--text)}
html[data-theme="forest_console"]{--bg:#030804;--bg-soft:#071008;--panel:#0c180e;--panel-2:#112014;--panel-muted:#192e1c;--text:#e8ffe0;--muted:#44aa44;--faint:#226622;--border:#0e2210;--border-strong:#1a3c1c;--accent:#00cc44;--accent-2:#33dd66;--accent-soft:#063014;--accent-ink:#ccffda;--signature:#00cc44;--topbar-tint:rgba(12,24,14,.98);--shadow:0 26px 72px rgba(0,0,0,.88);--shadow-soft:0 10px 32px rgba(0,0,0,.64);--radius:10px;--theme-row-height:50px;--line-soft:#0e2a14;--normal-soft:#0a2e12;--special-soft:#2a2000;--danger-soft:#280810;--warning-soft:#2a2000;--success-soft:#0a2e12;--violet-soft:#180836;--login-start:#030804;--login-mid:#0c180e;--login-end:#00cc44;--login-glow:rgba(0,204,68,.32)}
html[data-theme="forest_console"] .data-table th{background:var(--panel-muted);color:var(--text)}
html[data-theme="gold_noir"]{--bg:#070706;--bg-soft:#0e0d0c;--panel:#141210;--panel-2:#1c1a18;--panel-muted:#26231e;--text:#fff8e8;--muted:#b08040;--faint:#7a5820;--border:#2a2218;--border-strong:#483a20;--accent:#d4a017;--accent-2:#e8b830;--accent-soft:#2c1e04;--accent-ink:#fef0c0;--signature:#d4a017;--topbar-tint:rgba(20,18,16,.99);--shadow:0 28px 78px rgba(0,0,0,.90);--shadow-soft:0 12px 36px rgba(0,0,0,.66);--radius:11px;--theme-row-height:50px;--line-soft:#2a2210;--normal-soft:#142414;--special-soft:#3a2a00;--danger-soft:#380c0e;--warning-soft:#3a2a00;--success-soft:#142414;--violet-soft:#221030;--login-start:#070706;--login-mid:#141210;--login-end:#d4a017;--login-glow:rgba(212,160,23,.30)}
html[data-theme="gold_noir"] .data-table th{background:var(--panel-muted);color:var(--text)}
html[data-theme="ultraviolet_pro"]{--bg:#080610;--bg-soft:#100e1c;--panel:#161428;--panel-2:#1e1c36;--panel-muted:#2c2848;--text:#f4f0ff;--muted:#a080d0;--faint:#6848a8;--border:#2a2050;--border-strong:#443880;--accent:#c060ff;--accent-2:#d480ff;--accent-soft:#2c0060;--accent-ink:#eed6ff;--signature:#c060ff;--topbar-tint:rgba(22,20,40,.98);--shadow:0 26px 72px rgba(0,0,0,.76);--shadow-soft:0 10px 34px rgba(0,0,0,.54);--radius:13px;--theme-row-height:50px;--line-soft:#2e2260;--normal-soft:#162e20;--special-soft:#3c2800;--danger-soft:#380e24;--warning-soft:#3c2800;--success-soft:#162e20;--violet-soft:#340870;--login-start:#080610;--login-mid:#161428;--login-end:#c060ff;--login-glow:rgba(192,96,255,.32)}
html[data-theme="ultraviolet_pro"] .data-table th{background:var(--panel-muted);color:var(--text)}

/* Responsive stability across zoom-equivalent CSS viewports. */
@media (max-width:1350px) {
  .v370-shell .topbar { grid-template-columns:minmax(215px,245px) minmax(390px,1fr) minmax(270px,auto); gap:9px; padding-inline:12px; }
  .v370-shell .nav-tab { padding-inline:9px; }
  .v370-shell .header-status-control { max-width:170px!important; }
  .v370-shell .header-profile-control { width:104px!important; min-width:104px!important; flex-basis:104px!important; }
  .v370-shell .page-heading h1 { font-size:29px; }
  .v370-shell .command-actions .button { padding-inline:10px; }
  .v370-shell .paste-ready { max-width:160px; }
}
@media (max-width:1180px) {
  .v370-shell .topbar { grid-template-columns:minmax(210px,1fr) auto; }
  .v370-shell .top-nav { display:none; }
  .v370-shell .top-actions.unified-utilities { grid-column:2; }
  .v370-shell .brand-runtime { display:none; }
  .v370-shell .page-heading.compact-heading { align-items:flex-start; }
  .v370-shell .refined-action-deck { flex-wrap:wrap; max-width:540px; justify-content:flex-end; }
  .v370-shell .summary-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .v370-shell .summary-metric { min-height:76px; }
  .v370-shell .calculator-command-bar { align-items:stretch; flex-wrap:wrap; }
  .v370-shell .special-rate-group,.v370-shell .command-actions { width:100%; }
  .v370-shell .command-actions { justify-content:flex-start; flex-wrap:wrap; }
  .v370-shell .table-totals-toolbar { grid-template-columns:repeat(3,max-content) minmax(0,1fr); }
  .v370-shell .table-totals-toolbar > span:nth-child(4),.v370-shell .table-totals-toolbar > span:nth-child(5) { grid-row:2; }
  .v370-shell .table-totals-toolbar > button { grid-row:1/3; grid-column:4; align-self:stretch; }
  .v370-shell .appearance-theme-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v370-shell .appearance-live-card-v340 { grid-template-columns:1fr; }
  .v370-shell .appearance-preview-stage { max-width:none; }
  .v370-shell .summary-design-presets { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:1024px) {
  .v370-shell .topbar { height:60px; min-height:60px; }
  .v370-shell .brand-logo-shell { width:40px; height:40px; flex-basis:40px; }
  .v370-shell .brand-block-v340 .brand-logo-shell img { width:33px; height:33px; }
  .v370-shell .header-status-control { max-width:155px!important; }
  .v370-shell .header-help-control b { display:none; }
  .v370-shell .header-help-control { width:40px; padding:0; justify-content:center; }
  .v370-shell .header-profile-control { width:46px!important; min-width:46px!important; flex-basis:46px!important; }
  .v370-shell .header-profile-control .profile-copy,.v370-shell .profile-chevron { display:none; }
  .v370-shell .main-content { padding:9px 10px 7px; }
  .v370-shell #page-calculator.active { gap:7px; }
  .v370-shell #page-calculator > .page-heading { min-height:50px!important; }
  .v370-shell .page-heading h1 { font-size:27px; }
  .v370-shell .page-heading p { font-size:9px; }
  .v370-shell .refined-action-deck { width:auto; max-width:500px; }
  .v370-shell .refined-action-deck .button,.v370-shell .paste-mode-combo { height:37px; }
  .v370-shell .summary-strip { grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; }
  .v370-shell .summary-metric { min-height:70px; padding:8px; }
  .v370-shell .summary-metric > span { font-size:7.5px; }
  .v370-shell .summary-metric > strong { font-size:21px; margin:4px 0 2px; }
  .v370-shell .summary-metric > small { font-size:7px; }
  .v370-shell .calculator-command-bar { padding:6px 8px; }
  .v370-shell .special-rate-group { width:auto; flex:0 1 auto; }
  .v370-shell .command-actions { width:auto; flex:1 1 auto; justify-content:flex-end; flex-wrap:nowrap; }
  .v370-shell .command-actions .button { font-size:8.5px; padding-inline:8px; }
  .v370-shell .paste-ready { max-width:130px; font-size:8px; }
  .v370-shell .calculation-health-bar { min-height:44px; }
  .v370-shell .table-header-main { flex-wrap:nowrap; }
  .v370-shell .table-meta { width:auto; }
  .v370-shell .calculator-table .col-kgpack { display:none!important; }
  .v370-shell .calculator-table .col-item { width:28%; }
  .v370-shell .calculator-table .col-mode { width:15%; }
  .v370-shell .calculator-table .col-freight { width:22%; }
  .v370-shell .calculator-table .col-status { width:11%; }
  .v370-shell .appearance-center-v340 { width:calc(100vw - 12px); height:calc(100dvh - 10px); }
  .v370-shell .appearance-workspace { grid-template-columns:180px minmax(0,1fr); }
  .v370-shell .appearance-main { padding:10px 12px 16px; }
  .v370-shell .typography-preset-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v370-shell .appearance-mode-toolbar { align-items:start; }
  .v370-shell .workspace-preset-grid { grid-template-columns:1fr; }
}
@media (max-height:720px) and (min-width:900px) {
  .v370-shell .main-content { padding-top:7px; }
  .v370-shell #page-calculator.active { gap:6px; }
  .v370-shell #page-calculator > .page-heading { min-height:46px!important; }
  .v370-shell .page-heading h1 { font-size:26px; }
  .v370-shell .page-heading p { margin-top:2px; font-size:8.5px; }
  .v370-shell .summary-metric { min-height:66px; padding:7px 8px; }
  .v370-shell .summary-metric > strong { font-size:20px; }
  .v370-shell .calculator-command-bar { min-height:48px; }
  .v370-shell .calculation-health-bar { min-height:42px; }
  .v370-shell #calculatorTablePanel .table-panel-header { padding-block:6px; }
}
@media (max-width:760px) {
  .v370-shell .brand-identity span { display:none; }
  .v370-shell .workspace-back-button span,.v370-shell .header-status-control { display:none!important; }
  .v370-shell .page-heading.compact-heading { flex-direction:column; }
  .v370-shell .refined-action-deck { width:100%; display:grid; grid-template-columns:1fr 1fr; }
  .v370-shell .paste-mode-combo,.v370-shell .action-paste { grid-column:1/-1; }
  .v370-shell .summary-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v370-shell #page-calculator.active { overflow:auto; }
  body.v370-shell:has(#page-calculator.active) .main-content { overflow:auto; }
  .v370-shell #calculatorTablePanel { min-height:480px!important; flex:0 0 auto; }
  .v370-shell .table-header-main { align-items:flex-start; flex-direction:column; }
  .v370-shell .table-meta { width:100%; }
  .v370-shell .table-meta .search-field { flex:1; width:auto; }
  .v370-shell .table-totals-toolbar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .v370-shell .table-totals-toolbar > * { grid-column:auto!important; grid-row:auto!important; width:100%; justify-content:space-between; }
  .v370-shell .calculator-table .col-kg,.v370-shell .calculator-table .col-status { display:none!important; }
  .v370-shell .calculator-table .col-item { width:36%; }
  .v370-shell .calculator-table .col-mode { width:21%; }
  .v370-shell .calculator-table .col-bulk { width:13%; }
  .v370-shell .calculator-table .col-freight { width:30%; }
  .v370-shell .appearance-workspace { grid-template-columns:1fr; }
  .v370-shell .appearance-sidebar { display:flex; overflow-x:auto; border-right:0; border-bottom:1px solid var(--border); }
  .v370-shell .appearance-tab { min-width:140px; }
  .v370-shell .appearance-current-card { display:none; }
  .v370-shell .appearance-live-card-v340 { display:none; }
  .v370-shell .appearance-theme-grid,.v370-shell .appearance-control-grid,.v370-shell .summary-design-presets,.v370-shell .accessibility-option-grid { grid-template-columns:1fr; }
  .v370-shell .appearance-toolbar { grid-template-columns:1fr; }
  .v370-shell .appearance-mode-toolbar { grid-template-columns:1fr; }
  .v370-shell .summary-feature-options { flex-direction:column; }
  .v370-shell .appearance-save-note { display:none; }
  .v370-shell .appearance-actions-v340 { flex-wrap:wrap; }
  .v370-shell .confirm-impact-grid { grid-template-columns:1fr; }
  .v370-shell .confirm-impact-grid > div { min-height:58px; }
}

/* Zoom-in / short-height office screens: preserve a useful table viewport. */
@media (min-width:780px) and (max-height:720px) {
  .v370-shell .main-content { padding-top:6px; padding-bottom:5px; }
  .v370-shell #page-calculator.active { gap:5px; }
  .v370-shell #page-calculator > .page-heading.compact-heading {
    min-height:42px!important; flex-direction:row; align-items:center; gap:10px;
  }
  .v370-shell #page-calculator .page-heading > div:first-child { flex:1 1 auto; }
  .v370-shell #page-calculator .page-heading h1 { margin:1px 0 0; font-size:24px; }
  .v370-shell #page-calculator .page-heading .eyebrow,
  .v370-shell #page-calculator .page-heading p { display:none; }
  .v370-shell #page-calculator .refined-action-deck {
    width:auto; max-width:520px; flex:0 1 520px; flex-wrap:nowrap; padding:3px; gap:3px;
  }
  .v370-shell #page-calculator .refined-action-deck .button,
  .v370-shell #page-calculator .paste-mode-combo { height:34px; min-height:34px; }
  .v370-shell #page-calculator .refined-action-deck .button { padding-inline:8px; font-size:8.5px; }
  .v370-shell #page-calculator .paste-mode-combo { min-width:185px; }
  .v370-shell #page-calculator .paste-mode-combo > span { padding-inline:7px; font-size:6.8px; }
  .v370-shell #page-calculator .paste-mode-combo select { min-width:108px; width:108px; font-size:8px; }
  .v370-shell #page-calculator .action-paste { min-width:110px; }
  .v370-shell #page-calculator .summary-strip { grid-template-columns:repeat(6,minmax(0,1fr)); gap:4px; }
  .v370-shell #page-calculator .refined-summary-shell { padding:4px; }
  .v370-shell #page-calculator .summary-metric { min-height:54px; height:54px; padding:6px 7px; border-radius:10px; }
  .v370-shell #page-calculator .summary-metric > span { font-size:6.5px; }
  .v370-shell #page-calculator .summary-metric > strong { margin:2px 0 0; font-size:17px; }
  .v370-shell #page-calculator .summary-metric > small { display:none; }
  .v370-shell #page-calculator .calculator-command-bar { min-height:42px; padding:4px 7px; flex-wrap:nowrap; align-items:center; }
  .v370-shell #page-calculator .special-rate-group { width:auto; flex:0 1 auto; flex-wrap:nowrap; gap:6px; }
  .v370-shell #page-calculator .special-rate-group .eyebrow { display:none; }
  .v370-shell #page-calculator .special-rate-group > div:first-child strong { font-size:9px; white-space:nowrap; }
  .v370-shell #page-calculator .money-input { width:105px; height:32px; }
  .v370-shell #page-calculator .formula-preview { padding:5px 7px; font-size:7.5px; }
  .v370-shell #page-calculator .command-actions { width:auto; flex:1 1 auto; flex-wrap:nowrap; justify-content:flex-end; gap:4px; }
  .v370-shell #page-calculator .command-actions .button { height:32px; min-height:32px; padding-inline:7px; font-size:7.5px; }
  .v370-shell #page-calculator .paste-ready { display:none; }
  .v370-shell #page-calculator .calculation-health-bar { min-height:38px; padding:4px 9px; }
  .v370-shell #page-calculator .calculation-health-bar .health-icon { width:27px; height:27px; flex-basis:27px; }
  .v370-shell #page-calculator .calculation-health-bar strong { font-size:9px; }
  .v370-shell #page-calculator .calculation-health-bar small { font-size:7.5px; }
  .v370-shell #page-calculator .review-filter-banner { min-height:34px; padding:5px 8px; }
  .v370-shell #calculatorTablePanel { min-height:140px!important; }
  .v370-shell #calculatorTablePanel .table-panel-header { padding:5px 8px 4px; gap:3px; }
  .v370-shell .table-header-main { min-height:30px; }
  .v370-shell .table-title-block .eyebrow { display:none; }
  .v370-shell .table-title-block h2 { font-size:17px; }
  .v370-shell .table-meta .pill,.v370-shell .table-meta .compact-button { height:28px; min-height:28px; font-size:7.5px; }
  .v370-shell .table-meta .search-field { width:160px; height:29px; }
  .v370-shell .table-totals-toolbar { min-height:27px; padding:2px 3px; }
  .v370-shell .table-totals-toolbar > span,.v370-shell .table-totals-toolbar > button { min-height:22px; padding:2px 6px; font-size:7px; }
}
@media (min-width:780px) and (max-width:900px) and (max-height:720px) {
  .v370-shell #page-calculator .refined-action-deck { max-width:470px; flex-basis:470px; }
  .v370-shell #page-calculator .action-paste { min-width:95px; }
  .v370-shell #page-calculator .command-actions .button { padding-inline:5px; }
  .v370-shell #page-calculator .formula-preview { display:none; }
  .v370-shell #page-calculator .special-rate-group { flex:0 0 220px; }
}

/* V3.90.01 compact-height hardening: 1024×768 at 125% and similar office viewports. */
@media (min-width:780px) and (max-width:900px) and (max-height:720px) {
  .v370-shell #page-calculator > .page-heading.compact-heading {
    display:grid!important;
    grid-template-columns:minmax(150px,1fr) minmax(430px,500px)!important;
    flex-direction:initial!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-height:38px!important;
    height:38px!important;
    overflow:hidden!important;
  }
  .v370-shell #page-calculator .page-heading > div:first-child {
    min-width:0!important;
    width:auto!important;
  }
  .v370-shell #page-calculator .page-heading h1 {
    font-size:20px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .v370-shell #page-calculator .refined-action-deck {
    display:grid!important;
    grid-template-columns:58px 66px minmax(170px,1fr) 94px!important;
    align-items:center!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    flex:none!important;
    height:36px!important;
    min-height:36px!important;
    padding:2px!important;
    gap:2px!important;
    overflow:hidden!important;
  }
  .v370-shell #page-calculator .refined-action-deck .button,
  .v370-shell #page-calculator .paste-mode-combo {
    width:100%!important;
    min-width:0!important;
    height:32px!important;
    min-height:32px!important;
    padding-inline:4px!important;
    font-size:7.5px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .v370-shell #page-calculator .paste-mode-combo {
    display:grid!important;
    grid-template-columns:62px minmax(96px,1fr)!important;
  }
  .v370-shell #page-calculator .paste-mode-combo > span {
    padding-inline:4px!important;
    min-width:0!important;
    font-size:6.4px!important;
  }
  .v370-shell #page-calculator .paste-mode-combo select {
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    font-size:7px!important;
    padding-inline:5px 20px!important;
  }
  .v370-shell #page-calculator .summary-metric {
    min-height:50px!important;
    height:50px!important;
    padding:5px 6px!important;
  }
  .v370-shell #page-calculator .summary-metric > strong { font-size:15px!important; }
  .v370-shell #page-calculator .calculator-command-bar {
    display:grid!important;
    grid-template-columns:minmax(205px,235px) minmax(0,1fr)!important;
    align-items:center!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:3px 5px!important;
    gap:4px!important;
    flex-wrap:nowrap!important;
    overflow:hidden!important;
  }
  .v370-shell #page-calculator .special-rate-group {
    display:grid!important;
    grid-template-columns:82px minmax(90px,1fr)!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:none!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  .v370-shell #page-calculator .special-rate-group > div:first-child {
    min-width:0!important;
    overflow:hidden!important;
  }
  .v370-shell #page-calculator .special-rate-group > div:first-child strong {
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:7.5px!important;
  }
  .v370-shell #page-calculator .money-input {
    width:100%!important;
    min-width:0!important;
    height:30px!important;
  }
  .v370-shell #page-calculator .formula-preview { display:none!important; }
  .v370-shell #page-calculator .command-actions {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:none!important;
    gap:3px!important;
    overflow:hidden!important;
  }
  .v370-shell #page-calculator .command-actions .button {
    width:100%!important;
    min-width:0!important;
    height:30px!important;
    min-height:30px!important;
    padding-inline:3px!important;
    font-size:6.8px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .v370-shell #page-calculator .paste-ready { display:none!important; }
  .v370-shell #page-calculator .calculation-health-bar {
    min-height:34px!important;
    height:34px!important;
    max-height:34px!important;
    padding:3px 7px!important;
    overflow:hidden!important;
  }
  .v370-shell #page-calculator .calculation-health-bar .health-icon {
    width:24px!important; height:24px!important; flex-basis:24px!important;
  }
  .v370-shell #page-calculator .calculation-health-bar strong { font-size:8px!important; }
  .v370-shell #page-calculator .calculation-health-bar small { font-size:6.5px!important; }
  .v370-shell #calculatorTablePanel {
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    flex:1 1 0!important;
  }
}

/* ========================================================================== */
/* V3.90.01 — Human-Scale Motion & Workspace Redesign                         */
/* Replaces the compressed V3.70 visual layer.                                */
/* ========================================================================== */
:root {
  --motion-speed-factor: 1;
  --motion-fast: calc(150ms * var(--motion-speed-factor));
  --motion-base: calc(260ms * var(--motion-speed-factor));
  --motion-slow: calc(460ms * var(--motion-speed-factor));
  --v380-header-height: 78px;
  --v380-page-gap: 12px;
}
html[data-motion="off"] { --motion-fast: 1ms; --motion-base: 1ms; --motion-slow: 1ms; }
html[data-motion="subtle"] { --motion-fast: 120ms; --motion-base: 190ms; --motion-slow: 300ms; }
html[data-motion="expressive"] { --motion-fast: 190ms; --motion-base: 340ms; --motion-slow: 620ms; }

/* Designed theme family. */
html[data-theme="lumen_glass"]{--bg:#eaf3ff;--bg-soft:#f5f9ff;--panel:rgba(255,255,255,.88);--panel-2:#fff;--panel-muted:#e4effc;--text:#172b46;--muted:#637993;--faint:#91a2b6;--border:#c8d8eb;--border-strong:#a7bdd8;--accent:#3478f6;--accent-2:#6aa0ff;--accent-soft:#dceaff;--accent-ink:#174baf;--signature:#3478f6;--topbar-tint:rgba(255,255,255,.9);--shadow:0 22px 60px rgba(40,83,138,.14);--shadow-soft:0 9px 28px rgba(40,83,138,.09);--radius:20px}
html[data-theme="navy_ledger"]{--bg:#edf1f6;--bg-soft:#f7f9fb;--panel:#fff;--panel-2:#fff;--panel-muted:#e5ebf2;--text:#172a3e;--muted:#607286;--faint:#8999a9;--border:#ccd7e2;--border-strong:#aebdcd;--accent:#214c7b;--accent-2:#3e6f9e;--accent-soft:#dae5f0;--accent-ink:#153859;--signature:#214c7b;--topbar-tint:rgba(255,255,255,.97);--shadow:0 18px 46px rgba(31,60,91,.12);--shadow-soft:0 7px 22px rgba(31,60,91,.08);--radius:12px}
html[data-theme="emerald_executive"]{--bg:#eaf2ef;--bg-soft:#f5f9f7;--panel:#fff;--panel-2:#fff;--panel-muted:#e0ebe6;--text:#17372d;--muted:#617b72;--faint:#8ca099;--border:#c9dbd4;--border-strong:#a8c4b9;--accent:#167455;--accent-2:#309775;--accent-soft:#d5ece3;--accent-ink:#0d513b;--signature:#167455;--topbar-tint:rgba(255,255,255,.96);--shadow:0 18px 46px rgba(24,85,66,.12);--shadow-soft:0 7px 22px rgba(24,85,66,.08);--radius:16px}
html[data-theme="sunset_studio"]{--font:"Aptos","Segoe UI",sans-serif;--font-heading:Georgia,"Times New Roman",serif;--bg:#fff0e7;--bg-soft:#fff8f2;--panel:#fffdfb;--panel-2:#fff;--panel-muted:#f9e3d5;--text:#3b2923;--muted:#7d675d;--faint:#a18c82;--border:#e7d0c2;--border-strong:#d1ad98;--accent:#df6b3e;--accent-2:#ee916b;--accent-soft:#f9ddd0;--accent-ink:#a23d1d;--signature:#c7532d;--topbar-tint:rgba(255,253,251,.96);--shadow:0 20px 48px rgba(114,62,38,.12);--shadow-soft:0 8px 24px rgba(114,62,38,.08);--radius:18px}
html[data-theme="cobalt_motion"]{--bg:#050d20;--bg-soft:#091833;--panel:#102347;--panel-2:#142b55;--panel-muted:#1a3768;--text:#f0f6ff;--muted:#adc4e6;--faint:#7e9bc4;--border:#2b508a;--border-strong:#4e78b7;--accent:#4b91ff;--accent-2:#75adff;--accent-soft:#193f7a;--accent-ink:#d1e5ff;--signature:#75adff;--topbar-tint:rgba(16,35,71,.94);--shadow:0 24px 66px rgba(0,0,0,.48);--shadow-soft:0 10px 30px rgba(0,0,0,.33);--radius:17px;--line-soft:#173b6b;--normal-soft:#164439;--special-soft:#4d3d1f;--danger-soft:#512b35;--warning-soft:#4f401c;--success-soft:#16443a;--violet-soft:#352b55}
html[data-theme="alpine_paper"]{--bg:#eef4f1;--bg-soft:#f8fbfa;--panel:#fff;--panel-2:#fff;--panel-muted:#e3ede8;--text:#1c332b;--muted:#657a72;--faint:#8c9d97;--border:#cfddd7;--border-strong:#afc6bd;--accent:#2e7b64;--accent-2:#4e9b83;--accent-soft:#d9ebe4;--accent-ink:#205945;--signature:#2e7b64;--topbar-tint:rgba(255,255,255,.97);--shadow:0 16px 42px rgba(36,78,64,.10);--shadow-soft:0 6px 20px rgba(36,78,64,.07);--radius:11px}
html[data-theme="noir_gold"]{--font:"Aptos","Segoe UI",sans-serif;--font-heading:Georgia,"Times New Roman",serif;--bg:#080809;--bg-soft:#101012;--panel:#18181a;--panel-2:#1e1e21;--panel-muted:#29292d;--text:#f8f4ea;--muted:#c0b9a9;--faint:#8e887d;--border:#3c3a37;--border-strong:#5f594e;--accent:#d3a84f;--accent-2:#e6c575;--accent-soft:#42371f;--accent-ink:#ffe8ad;--signature:#dcb866;--topbar-tint:rgba(24,24,26,.96);--shadow:0 26px 70px rgba(0,0,0,.54);--shadow-soft:0 10px 32px rgba(0,0,0,.36);--radius:12px;--line-soft:#303238;--normal-soft:#25372f;--special-soft:#45391f;--danger-soft:#47282d;--warning-soft:#44391e;--success-soft:#25372e;--violet-soft:#362c43}
html[data-theme="purple_horizon"]{--bg:#0d0917;--bg-soft:#151023;--panel:#211833;--panel-2:#2a1e41;--panel-muted:#382750;--text:#f7f1ff;--muted:#c7b4dd;--faint:#947baa;--border:#4c3866;--border-strong:#70528f;--accent:#9d72f2;--accent-2:#bd9bff;--accent-soft:#442d6b;--accent-ink:#eadcff;--signature:#b895ff;--topbar-tint:rgba(33,24,51,.95);--shadow:0 25px 68px rgba(0,0,0,.48);--shadow-soft:0 10px 30px rgba(0,0,0,.34);--radius:19px;--line-soft:#30304e;--normal-soft:#234039;--special-soft:#463721;--danger-soft:#4c2939;--warning-soft:#48391f;--success-soft:#243f36;--violet-soft:#4d3373}

/* Modern Expanded Theme Collection */
html[data-theme="neo_brutalist"]{--font:Inter,Arial,sans-serif;--font-heading:"Arial Black",Impact,sans-serif;--bg:#f4f4f5;--bg-soft:#ffffff;--panel:#ffffff;--panel-2:#fafafa;--panel-muted:#e4e4e7;--text:#09090b;--muted:#52525b;--faint:#71717a;--border:#09090b;--border-strong:#000000;--accent:#facc15;--accent-2:#2563eb;--accent-soft:#fef08a;--accent-ink:#713f12;--signature:#09090b;--topbar-tint:rgba(255,255,255,.98);--shadow:4px 4px 0px #09090b;--shadow-soft:2px 2px 0px #09090b;--radius:6px;--theme-row-height:50px}
html[data-theme="neo_brutalist"] .button,html[data-theme="neo_brutalist"] input,html[data-theme="neo_brutalist"] select,html[data-theme="neo_brutalist"] textarea,html[data-theme="neo_brutalist"] .panel,html[data-theme="neo_brutalist"] .modal-card,html[data-theme="neo_brutalist"] .summary-metric{border-width:2px!important;border-color:#09090b!important}
html[data-theme="neo_brutalist"] .button.primary{background:#facc15!important;color:#09090b!important;font-weight:900!important}
html[data-theme="neo_brutalist"] .data-table th{background:#e4e4e7;color:#09090b;border-bottom:2px solid #09090b}

html[data-theme="champagne_luxe"]{--font:"Aptos","Segoe UI",sans-serif;--font-heading:Georgia,"Times New Roman",serif;--bg:#fbf8f2;--bg-soft:#fffdfa;--panel:#ffffff;--panel-2:#fffcf7;--panel-muted:#f3ebe0;--text:#2c241c;--muted:#7a6858;--faint:#a39180;--border:#dfd2c0;--border-strong:#beaa92;--accent:#b38838;--accent-2:#cca556;--accent-soft:#f6ede0;--accent-ink:#6a4d1a;--signature:#b38838;--topbar-tint:rgba(255,253,249,.97);--shadow:0 18px 46px rgba(100,75,40,.12);--shadow-soft:0 7px 20px rgba(100,75,40,.07);--radius:18px;--theme-row-height:51px}

html[data-theme="copper_foundry"]{--bg:#0d0b0a;--bg-soft:#161311;--panel:#1e1917;--panel-2:#26201d;--panel-muted:#352c28;--text:#f7ede6;--muted:#bba496;--faint:#877467;--border:#483a34;--border-strong:#6f5950;--accent:#ea580c;--accent-2:#f97316;--accent-soft:#3d1f11;--accent-ink:#fed7aa;--signature:#f97316;--topbar-tint:rgba(30,25,23,.96);--shadow:0 24px 64px rgba(0,0,0,.55);--shadow-soft:0 10px 30px rgba(0,0,0,.36);--radius:14px;--theme-row-height:50px;--line-soft:#2a3246;--normal-soft:#1d3c33;--special-soft:#4c341b;--danger-soft:#522329;--warning-soft:#4c3319;--success-soft:#1e3e33;--violet-soft:#3c2948;--login-start:#0d0b0a;--login-mid:#26201d;--login-end:#ea580c;--login-glow:rgba(234,88,12,.24)}

html[data-theme="electric_cobalt"]{--bg:#f1f5fd;--bg-soft:#f8faff;--panel:#ffffff;--panel-2:#ffffff;--panel-muted:#e4edfb;--text:#0f1f38;--muted:#516b8b;--faint:#7e96b3;--border:#cad8ed;--border-strong:#a1bedf;--accent:#2563eb;--accent-2:#3b82f6;--accent-soft:#dbeafe;--accent-ink:#1e40af;--signature:#2563eb;--topbar-tint:rgba(255,255,255,.98);--shadow:0 18px 44px rgba(37,99,235,.12);--shadow-soft:0 7px 20px rgba(37,99,235,.07);--radius:16px;--theme-row-height:50px}

html[data-theme="stealth_titanium"]{--bg:#0f1117;--bg-soft:#171b24;--panel:#1d222e;--panel-2:#242b3a;--panel-muted:#31394c;--text:#edf1f7;--muted:#98a3b8;--faint:#677389;--border:#374154;--border-strong:#52607a;--accent:#38bdf8;--accent-2:#60a5fa;--accent-soft:#163450;--accent-ink:#bae6fd;--signature:#38bdf8;--topbar-tint:rgba(29,34,46,.96);--shadow:0 24px 64px rgba(0,0,0,.52);--shadow-soft:0 10px 30px rgba(0,0,0,.34);--radius:13px;--theme-row-height:49px;--line-soft:#1c3358;--normal-soft:#163d35;--special-soft:#45371c;--danger-soft:#4e252d;--warning-soft:#473719;--success-soft:#173e35;--violet-soft:#382b52;--login-start:#0f1117;--login-mid:#1d222e;--login-end:#38bdf8;--login-glow:rgba(56,189,248,.22)}

html[data-theme="nordic_rose"]{--font:"Aptos","Segoe UI",sans-serif;--font-heading:Georgia,"Times New Roman",serif;--bg:#faf5f5;--bg-soft:#fffafa;--panel:#ffffff;--panel-2:#ffffff;--panel-muted:#f4e9e9;--text:#321f24;--muted:#7a5a63;--faint:#a3828c;--border:#e5d0d6;--border-strong:#cca7b1;--accent:#c25e68;--accent-2:#db7b85;--accent-soft:#fbe8ea;--accent-ink:#7e2b34;--signature:#c25e68;--topbar-tint:rgba(255,250,250,.97);--shadow:0 16px 42px rgba(110,50,65,.10);--shadow-soft:0 7px 20px rgba(110,50,65,.06);--radius:16px;--theme-row-height:50px}

html[data-theme="tuscan_olive"]{--font:"Aptos","Segoe UI",sans-serif;--font-heading:Georgia,"Times New Roman",serif;--bg:#f6f8f1;--bg-soft:#fbfcf7;--panel:#ffffff;--panel-2:#ffffff;--panel-muted:#ecf1e3;--text:#222f18;--muted:#5d704f;--faint:#879b77;--border:#cfdec0;--border-strong:#abc298;--accent:#658334;--accent-2:#82a445;--accent-soft:#e7f0d8;--accent-ink:#3e541c;--signature:#658334;--topbar-tint:rgba(255,255,255,.97);--shadow:0 16px 42px rgba(70,95,35,.11);--shadow-soft:0 7px 20px rgba(70,95,35,.07);--radius:15px;--theme-row-height:51px}

html[data-theme="matcha_cream"]{--font:"Aptos","Segoe UI",sans-serif;--font-heading:Georgia,"Times New Roman",serif;--bg:#f3f7f1;--bg-soft:#f9fcf8;--panel:#ffffff;--panel-2:#ffffff;--panel-muted:#e4ede1;--text:#162a1b;--muted:#506f57;--faint:#799b82;--border:#c6dcce;--border-strong:#9dc2a8;--accent:#15803d;--accent-2:#22c55e;--accent-soft:#dcfce7;--accent-ink:#14532d;--signature:#15803d;--topbar-tint:rgba(255,255,255,.97);--shadow:0 16px 40px rgba(21,128,61,.10);--shadow-soft:0 6px 18px rgba(21,128,61,.06);--radius:17px;--theme-row-height:50px}

html[data-theme="pacific_turquoise"]{--bg:#eefaf9;--bg-soft:#f7fdfd;--panel:#ffffff;--panel-2:#ffffff;--panel-muted:#e0f4f2;--text:#103332;--muted:#4b7775;--faint:#75a3a1;--border:#c4e7e4;--border-strong:#96d4cf;--accent:#0d9488;--accent-2:#14b8a6;--accent-soft:#ccfbf1;--accent-ink:#115e59;--signature:#0d9488;--topbar-tint:rgba(255,255,255,.97);--shadow:0 18px 44px rgba(13,148,136,.11);--shadow-soft:0 7px 20px rgba(13,148,136,.07);--radius:18px;--theme-row-height:49px}

html[data-theme="synthwave_neon"]{--bg:#0e091b;--bg-soft:#160f2b;--panel:#1f153a;--panel-2:#261b47;--panel-muted:#342560;--text:#fdf4ff;--muted:#cfb3e8;--faint:#9f7abf;--border:#52367d;--border-strong:#7b51ba;--accent:#ec4899;--accent-2:#06b6d4;--accent-soft:#441434;--accent-ink:#fce7f3;--signature:#ec4899;--topbar-tint:rgba(31,21,58,.96);--shadow:0 26px 70px rgba(0,0,0,.58);--shadow-soft:0 10px 32px rgba(0,0,0,.38);--radius:17px;--theme-row-height:50px;--line-soft:#232f60;--normal-soft:#16403d;--special-soft:#4c341e;--danger-soft:#571d37;--warning-soft:#4c3919;--success-soft:#18423a;--violet-soft:#4d206a;--login-start:#0e091b;--login-mid:#1f153a;--login-end:#ec4899;--login-glow:rgba(236,72,153,.26)}

html[data-theme="matrix_console"]{--font:'Cascadia Code','Lucida Console',Consolas,monospace;--font-heading:'Cascadia Code','Lucida Console',Consolas,monospace;--bg:#050a06;--bg-soft:#0a140c;--panel:#0f1d12;--panel-2:#132617;--panel-muted:#1a3520;--text:#dcfce7;--muted:#86efac;--faint:#4ade80;--border:#1e4626;--border-strong:#22c55e;--accent:#22c55e;--accent-2:#4ade80;--accent-soft:#0d2e14;--accent-ink:#bbf7d0;--signature:#22c55e;--topbar-tint:rgba(15,29,18,.96);--shadow:0 24px 64px rgba(0,0,0,.60);--shadow-soft:0 10px 30px rgba(0,0,0,.40);--radius:10px;--theme-row-height:48px;--line-soft:#143343;--normal-soft:#143d25;--special-soft:#3e3315;--danger-soft:#481c20;--warning-soft:#3f3213;--success-soft:#164327;--violet-soft:#2c2246;--login-start:#050a06;--login-mid:#0f1d12;--login-end:#22c55e;--login-glow:rgba(34,197,94,.26)}

html[data-theme="solarized_abyss"]{--bg:#001e26;--bg-soft:#002833;--panel:#073642;--panel-2:#0b4250;--panel-muted:#115263;--text:#93a1a1;--muted:#839496;--faint:#586e75;--border:#195e70;--border-strong:#287d94;--accent:#2aa198;--accent-2:#268bd2;--accent-soft:#0c434f;--accent-ink:#b58900;--signature:#2aa198;--topbar-tint:rgba(7,54,66,.96);--shadow:0 24px 64px rgba(0,0,0,.50);--shadow-soft:0 10px 30px rgba(0,0,0,.32);--radius:14px;--theme-row-height:50px;--line-soft:#143d5c;--normal-soft:#114742;--special-soft:#433d18;--danger-soft:#4e282d;--warning-soft:#443a18;--success-soft:#13463e;--violet-soft:#343058;--login-start:#001e26;--login-mid:#073642;--login-end:#2aa198;--login-glow:rgba(42,161,152,.24)}

html[data-theme="crimson_valkyrie"]{--bg:#0a080a;--bg-soft:#130f13;--panel:#1c151b;--panel-2:#231a22;--panel-muted:#312330;--text:#fef2f2;--muted:#c9a9b2;--faint:#95717c;--border:#482e3c;--border-strong:#72455c;--accent:#ef4444;--accent-2:#f87171;--accent-soft:#3e151b;--accent-ink:#fee2e2;--signature:#ef4444;--topbar-tint:rgba(28,21,27,.96);--shadow:0 26px 70px rgba(0,0,0,.58);--shadow-soft:0 10px 32px rgba(0,0,0,.38);--radius:16px;--theme-row-height:50px;--line-soft:#232f50;--normal-soft:#173e34;--special-soft:#4a351c;--danger-soft:#581924;--warning-soft:#49351a;--success-soft:#193f35;--violet-soft:#41234c;--login-start:#0a080a;--login-mid:#1c151b;--login-end:#ef4444;--login-glow:rgba(239,68,68,.26)}

html[data-theme="celestial_nebula"]{--bg:#090714;--bg-soft:#110d22;--panel:#191430;--panel-2:#201a3c;--panel-muted:#2d2452;--text:#f5f3ff;--muted:#c0b7e8;--faint:#8c7fbe;--border:#473a72;--border-strong:#6a58a7;--accent:#818cf8;--accent-2:#a78bfa;--accent-soft:#271f54;--accent-ink:#e0e7ff;--signature:#818cf8;--topbar-tint:rgba(25,20,48,.96);--shadow:0 26px 70px rgba(0,0,0,.56);--shadow-soft:0 10px 32px rgba(0,0,0,.36);--radius:19px;--theme-row-height:50px;--line-soft:#202c5c;--normal-soft:#173d39;--special-soft:#473620;--danger-soft:#502138;--warning-soft:#47371c;--success-soft:#183f38;--violet-soft:#45276e;--login-start:#090714;--login-mid:#191430;--login-end:#818cf8;--login-glow:rgba(129,140,248,.26)}

html[data-theme="high_contrast_oled"]{--font:Arial,"Segoe UI",sans-serif;--font-heading:Arial,"Segoe UI",sans-serif;--bg:#000000;--bg-soft:#080808;--panel:#0d0d0d;--panel-2:#141414;--panel-muted:#1c1c1c;--text:#ffffff;--muted:#fef08a;--faint:#eab308;--border:#3a3a3a;--border-strong:#f59e0b;--accent:#f59e0b;--accent-2:#fbbf24;--accent-soft:#291804;--accent-ink:#fef08a;--signature:#f59e0b;--topbar-tint:rgba(0,0,0,.98);--shadow:0 0 0 2px #f59e0b;--shadow-soft:0 0 0 1px #ffffff;--radius:8px;--theme-row-height:52px;--theme-letter-spacing:.01em;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--line-soft:#1a2640;--normal-soft:#123824;--special-soft:#452e05;--danger-soft:#4d1016;--warning-soft:#442903;--success-soft:#143d26;--violet-soft:#34194d;--login-start:#000000;--login-mid:#141414;--login-end:#f59e0b;--login-glow:rgba(245,158,11,.3)}
html[data-theme="high_contrast_oled"] .button,html[data-theme="high_contrast_oled"] input,html[data-theme="high_contrast_oled"] select,html[data-theme="high_contrast_oled"] textarea,html[data-theme="high_contrast_oled"] .modal-card,html[data-theme="high_contrast_oled"] .panel{border-width:2px!important}
html[data-theme="high_contrast_oled"] .data-table th{background:#1c1c1c;color:#f59e0b;border-bottom:2px solid #f59e0b}

html[data-theme="copper_foundry"] .data-table th,html[data-theme="stealth_titanium"] .data-table th,html[data-theme="synthwave_neon"] .data-table th,html[data-theme="matrix_console"] .data-table th,html[data-theme="solarized_abyss"] .data-table th,html[data-theme="crimson_valkyrie"] .data-table th,html[data-theme="celestial_nebula"] .data-table th{background:var(--panel-muted);color:var(--text)}

/* Atmosphere layers remain subtle and never affect layout. */
.v380-shell::before { content:""; position:fixed; inset:var(--v380-header-height) 0 var(--app-footer-height); pointer-events:none; z-index:0; opacity:0; transition:opacity var(--motion-slow) ease; will-change:transform,opacity; transform:translateZ(0); isolation:isolate; }
html[data-background-effect="soft"] .v380-shell::before { opacity:.58; background:radial-gradient(circle at 14% 5%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 36%),radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 34%),radial-gradient(circle at 50% 90%,color-mix(in srgb,var(--signature) 14%,transparent),transparent 45%); }
html[data-background-effect="aurora"] .v380-shell::before { opacity:.78; background:radial-gradient(ellipse at 8% 10%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 42%),radial-gradient(ellipse at 78% 6%,color-mix(in srgb,var(--violet) 28%,transparent),transparent 40%),radial-gradient(ellipse at 92% 65%,color-mix(in srgb,var(--normal) 24%,transparent),transparent 38%),radial-gradient(ellipse at 35% 85%,color-mix(in srgb,var(--accent-2) 20%,transparent),transparent 40%); animation:v380Aurora 14s ease-in-out infinite alternate; }
html[data-background-effect="mesh"] .v380-shell::before { opacity:.48; background-image:linear-gradient(color-mix(in srgb,var(--accent) 14%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 14%,transparent) 1px,transparent 1px); background-size:36px 36px; mask-image:radial-gradient(ellipse at center,black 40%,transparent 85%); }

/* Human-scale viewport structure. */
body.v380-shell { overflow:hidden!important; font-size:var(--user-base-size); }
.v380-shell .app-shell { height:100dvh; min-height:0; display:flex; flex-direction:column; overflow:hidden; padding-bottom:var(--app-footer-height); position:relative; z-index:1; }
.v380-shell .main-content { flex:1 1 0; min-height:0; width:min(1600px,100%); margin:0 auto; padding:14px clamp(14px,1.7vw,26px) 10px; overflow:auto; }
body.v380-shell:has(#page-calculator.active) .main-content { overflow:hidden; }
.v380-shell #page-calculator.active { height:100%; min-height:0; display:flex; flex-direction:column; overflow:hidden; gap:var(--v380-page-gap); }
.v380-shell #calculatorTablePanel { flex:1 1 260px; min-height:210px!important; height:auto!important; max-height:none!important; margin:0; display:flex; flex-direction:column; overflow:hidden; }
.v380-shell #calculatorTableWrap { flex:1 1 0; min-height:0!important; max-height:none!important; overflow-y:auto!important; overflow-x:hidden!important; }

/* Completely redesigned command-ribbon header. */
.v380-shell .topbar {
  height:var(--v380-header-height)!important; min-height:var(--v380-header-height)!important;
  display:grid!important; grid-template-columns:minmax(245px,292px) minmax(430px,1fr) minmax(300px,auto)!important;
  align-items:center; gap:18px!important; padding:0 clamp(15px,1.7vw,26px)!important;
  background:color-mix(in srgb,var(--panel) 94%,transparent)!important;
  border-bottom:1px solid color-mix(in srgb,var(--accent) 18%,var(--border))!important;
  box-shadow:0 10px 36px color-mix(in srgb,var(--text) 9%,transparent)!important;
  backdrop-filter:blur(18px) saturate(1.15);
}
.v380-shell .brand-block-v340 { display:grid; grid-template-columns:50px minmax(0,1fr); grid-template-rows:auto auto; column-gap:12px; row-gap:1px; align-items:center; }
.v380-shell .brand-logo-shell { grid-row:1/3; width:50px!important; height:50px!important; flex-basis:50px!important; border-radius:15px!important; background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--accent) 10%,var(--panel)))!important; border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border))!important; box-shadow:0 9px 24px color-mix(in srgb,var(--accent) 13%,transparent)!important; }
.v380-shell .brand-logo-shell img { width:41px!important; height:41px!important; }
.v380-shell .brand-identity { align-self:end; }
.v380-shell .brand-identity strong { display:block; font-size:15px!important; line-height:1.15; letter-spacing:-.02em; }
.v380-shell .brand-identity span { display:block!important; margin-top:3px!important; font-size:9.5px!important; line-height:1.2; }
.v380-shell .brand-runtime { grid-column:2; align-self:start; display:flex!important; gap:7px!important; padding:3px 0 0!important; border:0!important; }
.v380-shell .brand-runtime span { padding:0!important; background:transparent!important; border-radius:0!important; color:var(--faint)!important; font-size:8px!important; font-weight:800!important; }
.v380-shell .brand-runtime span + span::before { content:"•"; margin-right:7px; color:var(--border-strong); }
.v380-shell .top-nav { height:50px!important; padding:0 3px!important; display:flex; align-items:stretch; justify-content:center; gap:2px!important; border:0!important; border-bottom:1px solid var(--border)!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; }
.v380-shell .nav-tab { position:relative; height:49px!important; padding:0 clamp(12px,1.2vw,19px)!important; border-radius:0!important; border:0!important; background:transparent!important; color:var(--muted); font-size:max(11px,var(--user-nav-size))!important; font-weight:700; transition:color var(--motion-fast) ease,background var(--motion-fast) ease,transform var(--motion-fast) ease!important; }
.v380-shell .nav-tab::after { content:""; position:absolute; left:18%; right:18%; bottom:-1px; height:3px; border-radius:3px 3px 0 0; background:var(--accent); transform:scaleX(0); transform-origin:center; transition:transform var(--motion-base) cubic-bezier(.2,.8,.2,1); }
.v380-shell .nav-tab:hover { color:var(--text); background:color-mix(in srgb,var(--accent) 6%,transparent)!important; }
.v380-shell .nav-tab.active { color:var(--accent)!important; background:transparent!important; box-shadow:none!important; }
.v380-shell .nav-tab.active::after { transform:scaleX(1); }
.v380-shell .top-actions.unified-utilities { display:flex!important; justify-content:flex-end; align-items:center; gap:8px!important; min-width:0; }
.v380-shell .workspace-back-button,.v380-shell .header-status-control,.v380-shell .header-help-control,.v380-shell .header-profile-control { height:44px!important; border-radius:12px!important; }
.v380-shell .workspace-back-button { border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border)); background:color-mix(in srgb,var(--accent) 7%,var(--panel)); color:var(--accent); font-weight:800; }
.v380-shell .header-status-control { flex:0 1 205px!important; min-width:145px!important; max-width:205px!important; padding:0 12px!important; border:0!important; background:color-mix(in srgb,var(--success) 7%,var(--panel-muted))!important; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--success) 20%,var(--border)); }
.v380-shell .header-help-control { width:auto!important; min-width:70px; padding:0 12px!important; border:0!important; background:transparent!important; box-shadow:none!important; }
.v380-shell .header-help-control:hover { background:var(--panel-muted)!important; }
.v380-shell .header-profile-control { flex:0 0 128px!important; width:128px!important; min-width:128px!important; max-width:128px!important; padding:4px 8px 4px 5px!important; border:1px solid var(--border)!important; background:var(--panel)!important; box-shadow:0 5px 16px color-mix(in srgb,var(--text) 7%,transparent)!important; }
.v380-shell .profile-menu { animation:v380MenuIn var(--motion-base) cubic-bezier(.16,1,.3,1) both; transform-origin:top right; }

/* Calculator hierarchy: preserve comfortable dimensions at every zoom. */
.v380-shell #page-calculator > .page-heading.compact-heading { min-height:72px!important; height:auto!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between; gap:18px!important; overflow:visible!important; }
.v380-shell #page-calculator .page-heading h1 { margin:3px 0 0!important; font-size:clamp(31px,2.45vw,39px)!important; line-height:1.04!important; white-space:normal!important; overflow:visible!important; }
.v380-shell #page-calculator .page-heading .eyebrow { display:block!important; font-size:9px!important; }
.v380-shell #page-calculator .page-heading p { display:block!important; margin-top:6px!important; font-size:11px!important; line-height:1.4!important; white-space:normal!important; }
.v380-shell .refined-action-deck { width:auto!important; max-width:none!important; flex:0 0 auto!important; display:flex!important; flex-wrap:nowrap!important; align-items:center; gap:6px!important; min-height:50px; padding:5px!important; border-radius:16px!important; overflow:visible!important; }
.v380-shell .refined-action-deck .button,.v380-shell .paste-mode-combo { height:40px!important; min-height:40px!important; font-size:max(11px,var(--user-control-size))!important; padding-inline:12px!important; overflow:visible!important; }
.v380-shell .paste-mode-combo { min-width:220px!important; display:grid!important; grid-template-columns:88px minmax(128px,1fr)!important; }
.v380-shell .paste-mode-combo > span { font-size:8px!important; padding-inline:10px!important; }
.v380-shell .paste-mode-combo select { width:100%!important; min-width:128px!important; font-size:10px!important; }
.v380-shell .action-paste { min-width:144px!important; }
.v380-shell .refined-summary-shell { padding:7px!important; border-radius:20px!important; }
.v380-shell .summary-strip { display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:var(--summary-gap)!important; }
.v380-shell .summary-metric { height:auto!important; min-height:max(92px,var(--summary-card-height))!important; padding:12px 13px 10px!important; border-radius:var(--summary-radius)!important; transition:transform var(--motion-base) cubic-bezier(.2,.8,.2,1),box-shadow var(--motion-base) ease,border-color var(--motion-base) ease!important; }
.v380-shell .summary-metric > span { display:block!important; font-size:max(9px,var(--summary-label-size))!important; }
.v380-shell .summary-metric > strong { display:block!important; margin:7px 0 4px!important; font-size:max(25px,var(--summary-value-size))!important; line-height:1!important; }
.v380-shell .summary-metric > small { display:block; font-size:max(8px,var(--summary-subtext-size))!important; line-height:1.3; }
html[data-hover-effects="true"] .v380-shell .summary-metric:hover { transform:translateY(-4px); box-shadow:0 16px 34px color-mix(in srgb,currentColor 14%,transparent)!important; }
.v380-shell .calculator-command-bar { min-height:62px!important; height:auto!important; padding:9px 12px!important; display:flex!important; flex-wrap:nowrap!important; align-items:center!important; gap:12px!important; overflow:visible!important; }
.v380-shell .special-rate-group { display:flex!important; flex:0 1 auto!important; width:auto!important; max-width:none!important; flex-wrap:nowrap!important; gap:10px!important; }
.v380-shell .special-rate-group .eyebrow { display:block!important; }
.v380-shell .special-rate-group > div:first-child strong { font-size:12px!important; }
.v380-shell .money-input { width:142px!important; height:40px!important; }
.v380-shell .formula-preview { display:block!important; min-width:180px; padding:8px 12px!important; font-size:10px!important; }
.v380-shell .command-actions { flex:1 1 auto!important; width:auto!important; display:flex!important; justify-content:flex-end!important; flex-wrap:nowrap!important; gap:7px!important; overflow:visible!important; }
.v380-shell .command-actions .button,.v380-shell .paste-ready { height:40px!important; min-height:40px!important; padding-inline:12px!important; font-size:10px!important; white-space:nowrap!important; }
.v380-shell .paste-ready { display:flex!important; max-width:185px!important; font-size:10px!important; }
.v380-shell .calculation-health-bar { min-height:54px!important; height:auto!important; padding:9px 13px!important; border-radius:15px!important; overflow:visible!important; }
.v380-shell .calculation-health-bar .health-icon { width:34px!important; height:34px!important; flex-basis:34px!important; }
.v380-shell .calculation-health-bar strong { font-size:12px!important; }
.v380-shell .calculation-health-bar small { font-size:10px!important; }

/* Readable full-height table. */
.v380-shell #calculatorTablePanel { border-radius:18px 18px 0 0!important; box-shadow:var(--shadow-soft)!important; }
.v380-shell #calculatorTablePanel .table-panel-header { padding:11px 13px 9px!important; gap:8px!important; }
.v380-shell .table-header-main { min-height:44px!important; display:flex!important; align-items:center!important; flex-wrap:nowrap!important; gap:14px!important; }
.v380-shell .table-title-block .eyebrow { display:block!important; font-size:8px!important; }
.v380-shell .table-title-block h2 { margin-top:3px!important; font-size:24px!important; }
.v380-shell .table-meta { width:auto!important; margin-left:auto!important; display:flex!important; align-items:center!important; gap:8px!important; }
.v380-shell .table-meta .pill,.v380-shell .table-meta .compact-button { height:36px!important; min-height:36px!important; font-size:10px!important; }
.v380-shell .table-meta .search-field { width:190px!important; height:38px!important; }
.v380-shell .table-totals-toolbar { position:static!important; transform:none!important; width:100%!important; min-height:38px!important; display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:6px!important; padding:5px!important; }
.v380-shell .table-totals-toolbar > span,.v380-shell .table-totals-toolbar > button { min-height:29px!important; padding:5px 10px!important; font-size:9px!important; }
.v380-shell .table-totals-toolbar > button { margin-left:auto!important; }
.v380-shell .calculator-table thead th { height:48px!important; padding:10px 11px!important; font-size:9px!important; letter-spacing:.06em!important; }
.v380-shell .calculator-table tbody tr { min-height:70px!important; height:auto!important; transition:background var(--motion-fast) ease,transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease; }
.v380-shell .calculator-table td { min-height:70px!important; height:auto!important; padding:11px 12px!important; font-size:max(11px,var(--user-table-size))!important; line-height:1.4!important; }
.v380-shell .calculator-table td:first-child { font-size:max(12px,var(--user-table-size))!important; font-weight:800; }
.v380-shell .freight-summary-button { min-height:50px!important; padding:7px 9px!important; font-size:10px!important; }
.v380-shell .freight-summary-button span { font-size:10px!important; white-space:normal!important; overflow:visible!important; }
.v380-shell .status-badge { font-size:max(9px,var(--user-badge-size))!important; padding:7px 10px!important; }
html[data-hover-effects="true"] .v380-shell .calculator-table tbody tr:hover { background:color-mix(in srgb,var(--accent) 5%,var(--panel)); box-shadow:inset 4px 0 0 color-mix(in srgb,var(--accent) 60%,transparent); }

/* Appearance Studio — larger, clearer and feature-rich. */
.v380-shell .appearance-center-v340 { width:min(1320px,calc(100vw - 28px))!important; height:min(900px,calc(100dvh - 22px))!important; border-radius:22px!important; }
.v380-shell .appearance-header-v340 { min-height:92px; padding:20px 24px!important; }
.v380-shell .appearance-header-v340 h2 { font-size:28px!important; }
.v380-shell .appearance-workspace { grid-template-columns:230px minmax(0,1fr)!important; min-height:0; }
.v380-shell .appearance-sidebar { padding:14px!important; gap:7px!important; background:color-mix(in srgb,var(--panel-muted) 58%,var(--panel)); }
.v380-shell .appearance-tab { min-height:54px!important; padding:9px 10px!important; border-radius:13px!important; grid-template-columns:36px 1fr!important; }
.v380-shell .appearance-tab > span { width:34px!important; height:34px!important; border-radius:10px!important; }
.v380-shell .appearance-tab strong { font-size:11px!important; }
.v380-shell .appearance-tab small { font-size:8.5px!important; }
.v380-shell .appearance-main { padding:16px 18px 26px!important; }
.v380-shell .appearance-live-card-v340 { min-height:210px!important; padding:18px!important; grid-template-columns:minmax(270px,.8fr) minmax(470px,1.2fr)!important; gap:24px!important; }
.v380-shell .appearance-live-copy h3 { font-size:25px!important; }
.v380-shell .appearance-preview-stage { max-width:none!important; min-height:170px; }
.v380-shell .appearance-toolbar { grid-template-columns:minmax(260px,1fr) 190px auto!important; gap:10px!important; }
.v380-shell .appearance-theme-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; }
.v380-shell .theme-option { min-height:132px!important; padding:12px!important; border-radius:15px!important; transition:transform var(--motion-base) cubic-bezier(.2,.8,.2,1),box-shadow var(--motion-base) ease,border-color var(--motion-base) ease!important; }
html[data-hover-effects="true"] .v380-shell .theme-option:hover { transform:translateY(-4px); box-shadow:0 17px 34px color-mix(in srgb,var(--text) 10%,transparent); }
.v380-shell .appearance-control-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; }
.v380-shell .appearance-select-card,.v380-shell .appearance-range-card { min-height:112px!important; padding:13px!important; }
.v380-shell .summary-design-presets { grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:10px!important; }
.v380-shell .summary-design-presets button { min-height:110px!important; }
.v380-shell .motion-preset-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; margin-bottom:14px; }
.v380-shell .motion-preset-grid button { min-height:118px; padding:14px; border:1px solid var(--border); border-radius:16px; background:var(--panel); color:var(--text); text-align:left; cursor:pointer; transition:transform var(--motion-base) ease,box-shadow var(--motion-base) ease,border-color var(--motion-base) ease; }
.v380-shell .motion-preset-grid button > span { display:grid; place-items:center; width:38px; height:38px; margin-bottom:10px; border-radius:12px; background:var(--accent-soft); color:var(--accent); font-size:18px; }
.v380-shell .motion-preset-grid button strong,.v380-shell .motion-preset-grid button small { display:block; }
.v380-shell .motion-preset-grid button strong { font-size:13px; }
.v380-shell .motion-preset-grid button small { margin-top:5px; color:var(--muted); font-size:9px; }
.v380-shell .motion-preset-grid button.recommended { border-color:color-mix(in srgb,var(--accent) 55%,var(--border)); box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 10%,transparent); }
html[data-hover-effects="true"] .v380-shell .motion-preset-grid button:hover { transform:translateY(-4px); box-shadow:var(--shadow-soft); }
.v380-shell .motion-control-grid { margin-bottom:12px; }
.v380-shell .motion-option-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.v380-shell .motion-demo-stage { margin-top:14px; min-height:120px; display:flex; align-items:center; justify-content:center; gap:14px; border:1px dashed color-mix(in srgb,var(--accent) 34%,var(--border)); border-radius:17px; background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,var(--panel)),var(--panel)); overflow:hidden; }
.v380-shell .motion-demo-card { width:150px; padding:16px; border:1px solid var(--border); border-radius:14px; background:var(--panel); box-shadow:var(--shadow-soft); animation:v380DemoFloat 3s ease-in-out infinite; }
.v380-shell .motion-demo-card:nth-child(2) { animation-delay:-1.5s; }
.v380-shell .motion-demo-card b,.v380-shell .motion-demo-card small { display:block; }
.v380-shell .motion-demo-stage button { height:42px; padding:0 18px; border:0; border-radius:12px; background:var(--accent); color:white; font-weight:800; box-shadow:0 9px 24px color-mix(in srgb,var(--accent) 28%,transparent); }

/* Stylish confirmation modal. */
.v380-shell .confirm-card-v370 { width:min(620px,calc(100vw - 26px))!important; padding:0!important; overflow:hidden; border-radius:24px!important; background:linear-gradient(160deg,var(--panel),color-mix(in srgb,var(--danger) 3%,var(--panel)))!important; box-shadow:0 34px 90px color-mix(in srgb,var(--text) 32%,transparent)!important; }
.v380-shell .confirm-hero { padding:25px 26px 18px!important; display:grid!important; grid-template-columns:58px minmax(0,1fr)!important; gap:16px!important; align-items:center!important; }
.v380-shell .confirm-icon { width:58px!important; height:58px!important; border-radius:18px!important; font-size:25px!important; background:linear-gradient(145deg,color-mix(in srgb,var(--danger) 18%,var(--panel)),color-mix(in srgb,var(--warning) 13%,var(--panel)))!important; color:var(--danger)!important; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 24%,var(--border)); }
.v380-shell .confirm-hero h2 { font-size:27px!important; letter-spacing:-.025em; }
.v380-shell .confirm-impact-grid { margin:0 26px!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:9px!important; }
.v380-shell .confirm-impact-grid > div { min-height:88px!important; padding:13px!important; border-radius:15px!important; background:var(--panel-muted)!important; border:1px solid var(--border)!important; }
.v380-shell .confirm-reassurance { margin:12px 26px 0!important; min-height:54px!important; border-radius:14px!important; background:color-mix(in srgb,var(--accent) 7%,var(--panel))!important; }
.v380-shell .confirm-actions-v370 { margin-top:18px!important; padding:15px 26px 20px!important; background:color-mix(in srgb,var(--panel-muted) 45%,var(--panel)); border-top:1px solid var(--border)!important; }
.v380-shell .confirm-actions-v370 .button { min-width:150px!important; height:44px!important; }

/* Professional motion system. */
html[data-panel-transitions="true"] .v380-shell .page.active { animation:v380PageIn var(--motion-slow) cubic-bezier(.16,1,.3,1) both; }
html[data-panel-transitions="true"] .v380-shell .modal-overlay:not(.hidden) .modal-card { animation:v380ModalIn var(--motion-base) cubic-bezier(.16,1,.3,1) both; }
html[data-panel-transitions="true"] .v380-shell .toast { animation:v380ToastIn var(--motion-base) cubic-bezier(.16,1,.3,1) both; }
html[data-hover-effects="true"] .v380-shell .button:not(:disabled),html[data-hover-effects="true"] .v380-shell .icon-button:not(:disabled) { transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background var(--motion-fast) ease,border-color var(--motion-fast) ease; }
html[data-hover-effects="true"] .v380-shell .button:not(:disabled):hover { transform:translateY(-2px); }
html[data-hover-effects="true"] .v380-shell .button:not(:disabled):active { transform:translateY(0) scale(.98); }
html[data-glow="soft"] .v380-shell .button.primary,html[data-glow="soft"] .v380-shell .nav-tab.active { filter:drop-shadow(0 5px 9px color-mix(in srgb,var(--accent) 18%,transparent)); }
html[data-glow="balanced"] .v380-shell .button.primary,html[data-glow="balanced"] .v380-shell .nav-tab.active { filter:drop-shadow(0 7px 13px color-mix(in srgb,var(--accent) 28%,transparent)); }
html[data-glow="strong"] .v380-shell .button.primary,html[data-glow="strong"] .v380-shell .nav-tab.active { filter:drop-shadow(0 9px 18px color-mix(in srgb,var(--accent) 40%,transparent)); }
html[data-blur-effects="false"] .v380-shell .topbar,html[data-blur-effects="false"] .v380-shell .modal-overlay { backdrop-filter:none!important; }
.v380-shell .metric-value-bump { animation:v380MetricPop var(--motion-base) cubic-bezier(.16,1,.3,1); }
.v380-shell .motion-new { animation:v380RowIn var(--motion-slow) cubic-bezier(.16,1,.3,1) both; }
.v380-shell .motion-updated { animation:v380RowPulse var(--motion-slow) ease both; }
.v380-shell .motion-removing { animation:v380RowOut var(--motion-base) ease both; }

/* Responsive reflow — never miniaturize the application. */
@media (max-width:1220px) {
  .v380-shell .topbar { grid-template-columns:minmax(250px,1fr) auto!important; }
  .v380-shell .top-nav { display:none!important; }
  .v380-shell .mobile-menu-button { display:grid!important; }
  .v380-shell .top-actions.unified-utilities { grid-column:2; }
  .v380-shell .brand-runtime { display:flex!important; }
  .v380-shell #page-calculator > .page-heading.compact-heading { align-items:flex-start!important; }
  .v380-shell .refined-action-deck { flex-wrap:wrap!important; justify-content:flex-end; max-width:560px!important; }
  .v380-shell .calculator-command-bar { flex-wrap:wrap!important; }
  .v380-shell .special-rate-group { flex:1 1 430px!important; }
  .v380-shell .command-actions { flex:1 1 100%!important; justify-content:flex-start!important; flex-wrap:wrap!important; }
  .v380-shell .appearance-live-card-v340 { grid-template-columns:1fr!important; }
  .v380-shell .appearance-theme-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media (max-width:900px) {
  body.v380-shell { overflow:auto!important; }
  .v380-shell .app-shell { min-height:100dvh; height:auto; overflow:visible; }
  .v380-shell .main-content,body.v380-shell:has(#page-calculator.active) .main-content { overflow:visible!important; }
  .v380-shell #page-calculator.active { height:auto; min-height:calc(100dvh - var(--v380-header-height) - var(--app-footer-height)); overflow:visible; }
  .v380-shell .topbar { height:70px!important; min-height:70px!important; grid-template-columns:minmax(0,1fr) auto!important; padding:0 12px!important; }
  .v380-shell .brand-logo-shell { width:44px!important; height:44px!important; flex-basis:44px!important; }
  .v380-shell .brand-logo-shell img { width:36px!important; height:36px!important; }
  .v380-shell .brand-runtime { display:none!important; }
  .v380-shell .header-status-control { max-width:160px!important; }
  .v380-shell #page-calculator > .page-heading.compact-heading { flex-direction:column!important; align-items:stretch!important; min-height:0!important; }
  .v380-shell .refined-action-deck { width:100%!important; max-width:none!important; justify-content:flex-start!important; }
  .v380-shell .summary-strip { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  .v380-shell .summary-metric { min-height:max(94px,var(--summary-card-height))!important; }
  .v380-shell #calculatorTablePanel { min-height:420px!important; flex:none; }
  .v380-shell .table-header-main { flex-wrap:wrap!important; }
  .v380-shell .table-meta { width:100%!important; margin-left:0!important; }
  .v380-shell .table-meta .search-field { flex:1 1 220px; width:auto!important; }
  .v380-shell .appearance-workspace { grid-template-columns:1fr!important; }
  .v380-shell .appearance-sidebar { display:flex!important; overflow-x:auto; border-right:0!important; border-bottom:1px solid var(--border); }
  .v380-shell .appearance-tab { min-width:155px; }
  .v380-shell .appearance-current-card { display:none; }
  .v380-shell .appearance-control-grid,.v380-shell .motion-option-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .v380-shell .summary-design-presets { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
}
@media (max-width:700px) {
  .v380-shell .brand-identity span,.v380-shell .header-status-control,.v380-shell .header-help-control b,.v380-shell .header-profile-control .profile-copy,.v380-shell .profile-chevron { display:none!important; }
  .v380-shell .header-help-control { min-width:44px!important; width:44px!important; padding:0!important; }
  .v380-shell .header-profile-control { min-width:46px!important; width:46px!important; max-width:46px!important; flex-basis:46px!important; }
  .v380-shell .summary-strip { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .v380-shell .refined-action-deck { display:grid!important; grid-template-columns:1fr 1fr; }
  .v380-shell .paste-mode-combo,.v380-shell .action-paste { grid-column:1/-1; }
  .v380-shell .special-rate-group { display:grid!important; grid-template-columns:1fr 140px!important; }
  .v380-shell .formula-preview { grid-column:1/-1; }
  .v380-shell .command-actions { display:grid!important; grid-template-columns:1fr 1fr!important; width:100%!important; }
  .v380-shell .paste-ready { grid-column:1/-1; max-width:none!important; }
  .v380-shell .calculator-table .col-kg,.v380-shell .calculator-table .col-status { display:none!important; }
  .v380-shell .calculator-table .col-item { width:36%!important; }
  .v380-shell .calculator-table .col-mode { width:20%!important; }
  .v380-shell .calculator-table .col-bulk { width:13%!important; }
  .v380-shell .calculator-table .col-freight { width:31%!important; }
  .v380-shell .appearance-theme-grid,.v380-shell .appearance-control-grid,.v380-shell .motion-preset-grid,.v380-shell .motion-option-grid,.v380-shell .summary-design-presets { grid-template-columns:1fr!important; }
  .v380-shell .appearance-toolbar { grid-template-columns:1fr!important; }
  .v380-shell .confirm-impact-grid { grid-template-columns:1fr!important; }
}

@keyframes v380PageIn { 0%{opacity:0;transform:translate3d(0,20px,0) scale(.99);filter:blur(4px)} 70%{filter:blur(0)} 100%{opacity:1;transform:none;filter:none} }
@keyframes v380ModalIn { 0%{opacity:0;transform:perspective(1200px) rotateX(8deg) translateY(32px) scale(.93);filter:blur(5px)} 68%{opacity:1;transform:perspective(1200px) rotateX(-1deg) translateY(-3px) scale(1.01);filter:none} 100%{opacity:1;transform:none;filter:none} }
@keyframes v380MenuIn { 0%{opacity:0;transform:translateY(-14px) scale(.94);filter:blur(3px)} 65%{opacity:1;transform:translateY(2px) scale(1.01);filter:none} 100%{opacity:1;transform:none;filter:none} }
@keyframes v380ToastIn { 0%{opacity:0;transform:translateX(36px) scale(.90);filter:blur(4px)} 65%{opacity:1;transform:translateX(-5px) scale(1.02);filter:none} 100%{opacity:1;transform:none;filter:none} }
@keyframes v380MetricPop { 0%{transform:scale(.86) translateY(6px);opacity:.4;text-shadow:0 0 0 transparent} 52%{transform:scale(1.15) translateY(-3px);opacity:1;text-shadow:0 0 22px color-mix(in srgb,var(--accent) 80%,transparent),0 0 38px color-mix(in srgb,var(--accent) 45%,transparent)} 78%{transform:scale(.98) translateY(1px)} 100%{transform:none;opacity:1;text-shadow:none} }
@keyframes v380RowIn { 0%{opacity:0;transform:translate3d(0,18px,0) scale(.995);filter:blur(2px)} 70%{filter:none} 100%{opacity:1;transform:none;filter:none} }
@keyframes v380RowPulse { 0%{background:color-mix(in srgb,var(--accent) 32%,var(--panel));box-shadow:inset 4px 0 var(--accent),0 0 20px color-mix(in srgb,var(--accent) 26%,transparent)} 100%{background:transparent;box-shadow:none} }
@keyframes v380RowOut { to{opacity:0;transform:translate3d(26px,0,0) scale(.96);height:0} }
@keyframes v380DemoFloat { 0%,100%{transform:translateY(0) rotate(0deg)} 50%{transform:translateY(-10px) rotate(-.4deg)} }
@keyframes v380Aurora { 0%{transform:translate3d(-1.5%,-1%,0) scale(1) rotate(0deg);opacity:.88} 50%{transform:translate3d(1.5%,1.2%,0) scale(1.06) rotate(.8deg);opacity:1} 100%{transform:translate3d(-.8%,1.5%,0) scale(1.03) rotate(-.6deg);opacity:.92} }

@media (prefers-reduced-motion:reduce) {
  .v380-shell *, .v380-shell *::before,.v380-shell *::after { animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; scroll-behavior:auto!important; }
}
.v380-shell .refined-action-deck > * { align-self:center!important; box-sizing:border-box!important; }
@media (min-width:901px) and (max-width:1220px) {
  .v380-shell .calculator-command-bar { flex-wrap:nowrap!important; }
  .v380-shell .special-rate-group { flex:0 0 270px!important; }
  .v380-shell .special-rate-group .formula-preview { display:none!important; }
  .v380-shell .command-actions { flex:1 1 auto!important; width:auto!important; flex-wrap:nowrap!important; justify-content:flex-end!important; }
  .v380-shell .command-actions .button { padding-inline:9px!important; }
  .v380-shell .paste-ready { max-width:150px!important; }
}
@media (min-width:901px) and (max-width:1220px) {
  .v380-shell #page-calculator .refined-action-deck { flex-wrap:nowrap!important; max-width:none!important; }
  .v380-shell #page-calculator .refined-action-deck .button { padding-inline:10px!important; }
  .v380-shell #page-calculator .paste-mode-combo { min-width:205px!important; grid-template-columns:82px minmax(118px,1fr)!important; }
  .v380-shell #page-calculator .action-paste { min-width:128px!important; }
}
@media (min-width:901px) and (max-width:1220px) {
  .v380-shell #page-calculator .paste-mode-combo { width:205px!important; max-width:205px!important; flex:0 0 205px!important; }
  .v380-shell #page-calculator .action-paste { width:128px!important; max-width:128px!important; flex:0 0 128px!important; }
}
.v380-shell .toast-stack { left:auto!important; right:18px!important; top:calc(var(--v380-header-height) + 12px)!important; bottom:auto!important; }
@media (min-width:901px) and (max-width:1220px) {
  .v380-shell #page-calculator .refined-action-deck .action-undo,
  .v380-shell #page-calculator .refined-action-deck .action-clear { width:68px!important; min-width:68px!important; padding-inline:6px!important; }
  .v380-shell #page-calculator .paste-mode-combo { width:220px!important; max-width:220px!important; flex-basis:220px!important; grid-template-columns:68px minmax(148px,1fr)!important; }
  .v380-shell #page-calculator .paste-mode-combo select { min-width:148px!important; }
  .v380-shell #page-calculator .action-paste { width:122px!important; max-width:122px!important; min-width:122px!important; flex-basis:122px!important; padding-inline:7px!important; }
}
.v380-shell .summary-metric > span { white-space:normal!important; overflow:visible!important; text-overflow:clip!important; min-height:22px; line-height:1.16!important; }
@media (min-width:901px) {
  .v380-shell #calculatorTablePanel { margin-bottom:3px!important; }
}
@media (max-height:650px) {
  body.v380-shell { overflow:auto!important; }
  .v380-shell .app-shell { min-height:100dvh; height:auto!important; overflow:visible!important; padding-bottom:var(--app-footer-height); }
  .v380-shell .main-content,body.v380-shell:has(#page-calculator.active) .main-content { overflow:visible!important; padding-bottom:calc(var(--app-footer-height) + 16px)!important; }
  .v380-shell #page-calculator.active { height:auto!important; min-height:calc(100dvh - var(--v380-header-height) - var(--app-footer-height)); overflow:visible!important; }
  .v380-shell #calculatorTablePanel { min-height:420px!important; flex:none!important; }
}
@media (min-width:901px) and (max-width:960px) and (min-height:651px) {
  .v380-shell #calculatorTablePanel { min-height:190px!important; }
}
@media (min-height:651px) {
  .v380-shell .main-content { padding-bottom:16px!important; }
}
@media (max-height:650px) {
  .v380-shell #page-calculator > .page-heading.compact-heading { min-height:72px!important; height:auto!important; overflow:visible!important; }
  .v380-shell #page-calculator .page-heading h1 { font-size:31px!important; white-space:normal!important; overflow:visible!important; }
  .v380-shell #page-calculator .page-heading .eyebrow,.v380-shell #page-calculator .page-heading p { display:block!important; }
  .v380-shell #page-calculator .refined-action-deck { height:auto!important; min-height:50px!important; overflow:visible!important; }
  .v380-shell #page-calculator .refined-action-deck .button,.v380-shell #page-calculator .paste-mode-combo { height:40px!important; min-height:40px!important; font-size:11px!important; }
  .v380-shell #page-calculator .summary-metric { height:auto!important; min-height:max(94px,var(--summary-card-height))!important; padding:12px 13px 10px!important; border-radius:var(--summary-radius)!important; }
  .v380-shell #page-calculator .summary-metric > span { font-size:max(9px,var(--summary-label-size))!important; }
  .v380-shell #page-calculator .summary-metric > strong { font-size:max(25px,var(--summary-value-size))!important; }
  .v380-shell #page-calculator .summary-metric > small { display:block!important; font-size:max(8px,var(--summary-subtext-size))!important; }
  .v380-shell #page-calculator .calculator-command-bar { height:auto!important; min-height:62px!important; max-height:none!important; padding:9px 12px!important; overflow:visible!important; }
  .v380-shell #page-calculator .calculation-health-bar { height:auto!important; min-height:54px!important; max-height:none!important; padding:9px 13px!important; overflow:visible!important; }
  .v380-shell #page-calculator .calculation-health-bar strong { font-size:12px!important; }
  .v380-shell #page-calculator .calculation-health-bar small { font-size:10px!important; }
}


/* ================================================================
   V3.90.01 — Cinematic picture themes and content-safe visual effects
   All animated layers remain behind text, numbers, icons and controls.
   ================================================================ */
:root{--background-picture-opacity:.20;--glass-strength:.50;--effect-lift:6px;--effect-glow-alpha:.32;--picture-url:none}
html[data-effect-intensity="gentle"]{--effect-lift:3px;--effect-glow-alpha:.15}
html[data-effect-intensity="balanced"]{--effect-lift:5px;--effect-glow-alpha:.25}
html[data-effect-intensity="rich"]{--effect-lift:8px;--effect-glow-alpha:.38}
html[data-effect-intensity="stunning"]{--effect-lift:12px;--effect-glow-alpha:.55}

html[data-theme="freight_horizon"]{--bg:#07192f;--bg-soft:#0c2946;--panel:rgba(12,35,61,.84);--panel-2:rgba(18,48,78,.92);--panel-muted:rgba(29,66,101,.82);--text:#f2f8ff;--muted:#bad1e7;--faint:#83a7c6;--border:#315e86;--border-strong:#5486ad;--accent:#70c8ff;--accent-2:#f6ad55;--accent-soft:#173f63;--accent-ink:#dff4ff;--signature:#83d2ff;--topbar-tint:rgba(7,25,47,.82);--shadow:0 28px 78px rgba(0,0,0,.46);--shadow-soft:0 12px 32px rgba(0,0,0,.30);--radius:19px;--picture-url:url('./backgrounds/freight_horizon.svg')}
html[data-theme="emerald_route"]{--bg:#061d18;--bg-soft:#0c3128;--panel:rgba(10,43,35,.85);--panel-2:rgba(15,58,47,.92);--panel-muted:rgba(25,79,64,.82);--text:#effff9;--muted:#b6ddce;--faint:#7fb49f;--border:#2d6a56;--border-strong:#4b9578;--accent:#4dd6a5;--accent-2:#d9f99d;--accent-soft:#174f3e;--accent-ink:#d7ffef;--signature:#64e0b4;--topbar-tint:rgba(6,29,24,.83);--shadow:0 28px 78px rgba(0,0,0,.45);--shadow-soft:0 12px 32px rgba(0,0,0,.29);--radius:20px;--picture-url:url('./backgrounds/emerald_route.svg')}
html[data-theme="desert_convoy"]{--font:"Aptos","Segoe UI",sans-serif;--font-heading:Georgia,"Times New Roman",serif;--bg:#3a2414;--bg-soft:#70401f;--panel:rgba(255,245,225,.89);--panel-2:rgba(255,250,239,.95);--panel-muted:rgba(245,221,181,.84);--text:#3a281c;--muted:#7d624d;--faint:#a0866e;--border:#d9b88d;--border-strong:#bd8c57;--accent:#b86c2e;--accent-2:#eaa84f;--accent-soft:#f5d9b5;--accent-ink:#784019;--signature:#b56428;--topbar-tint:rgba(255,248,235,.88);--shadow:0 26px 70px rgba(72,38,14,.27);--shadow-soft:0 11px 29px rgba(72,38,14,.17);--radius:18px;--picture-url:url('./backgrounds/desert_convoy.svg')}
html[data-theme="arctic_routes"]{--bg:#eaf7ff;--bg-soft:#f5fbff;--panel:rgba(255,255,255,.86);--panel-2:rgba(255,255,255,.95);--panel-muted:rgba(224,242,255,.83);--text:#16324d;--muted:#617e98;--faint:#8ca8bd;--border:#c2dcec;--border-strong:#96bed9;--accent:#3f8dde;--accent-2:#74c5ff;--accent-soft:#dceeff;--accent-ink:#1d5e9f;--signature:#3f8dde;--topbar-tint:rgba(255,255,255,.86);--shadow:0 24px 64px rgba(40,91,135,.17);--shadow-soft:0 10px 27px rgba(40,91,135,.10);--radius:20px;--picture-url:url('./backgrounds/arctic_routes.svg')}
html[data-theme="violet_network"]{--bg:#120b2b;--bg-soft:#231448;--panel:rgba(36,22,72,.84);--panel-2:rgba(48,29,91,.92);--panel-muted:rgba(67,40,118,.82);--text:#fbf6ff;--muted:#d1bdea;--faint:#9e82c0;--border:#5d3b8b;--border-strong:#825db2;--accent:#a778ff;--accent-2:#70e1ff;--accent-soft:#4c2c7d;--accent-ink:#efe1ff;--signature:#bd9cff;--topbar-tint:rgba(18,11,43,.84);--shadow:0 30px 82px rgba(0,0,0,.50);--shadow-soft:0 12px 34px rgba(0,0,0,.33);--radius:21px;--picture-url:url('./backgrounds/violet_network.svg')}
html[data-theme="harbor_blue"]{--bg:#06182a;--bg-soft:#0b3450;--panel:rgba(10,43,64,.84);--panel-2:rgba(13,58,84,.92);--panel-muted:rgba(21,78,104,.82);--text:#effcff;--muted:#b2dce2;--faint:#7db2ba;--border:#2c7080;--border-strong:#4594a2;--accent:#28b8c7;--accent-2:#70d9d4;--accent-soft:#164f5b;--accent-ink:#d6ffff;--signature:#45ccd1;--topbar-tint:rgba(6,24,42,.84);--shadow:0 29px 80px rgba(0,0,0,.47);--shadow-soft:0 12px 32px rgba(0,0,0,.31);--radius:18px;--picture-url:url('./backgrounds/harbor_blue.svg')}
html[data-theme="monsoon_green"]{--bg:#071a16;--bg-soft:#123a2f;--panel:rgba(14,49,40,.84);--panel-2:rgba(20,65,52,.92);--panel-muted:rgba(31,87,69,.82);--text:#f1fff9;--muted:#bbddcf;--faint:#83ad9c;--border:#346f5c;--border-strong:#53937b;--accent:#63c59a;--accent-2:#b8e6ce;--accent-soft:#1d5341;--accent-ink:#ddfff0;--signature:#73d2aa;--topbar-tint:rgba(7,26,22,.84);--shadow:0 28px 78px rgba(0,0,0,.47);--shadow-soft:0 12px 32px rgba(0,0,0,.30);--radius:20px;--picture-url:url('./backgrounds/monsoon_green.svg')}
html[data-theme="noir_terminal"]{--font:"Aptos","Segoe UI",sans-serif;--font-heading:Georgia,"Times New Roman",serif;--bg:#050506;--bg-soft:#111114;--panel:rgba(20,20,23,.86);--panel-2:rgba(29,29,33,.94);--panel-muted:rgba(43,42,46,.84);--text:#fffaf0;--muted:#c9c0ad;--faint:#948b7a;--border:#48443c;--border-strong:#6d6454;--accent:#d6ad52;--accent-2:#f4d58b;--accent-soft:#44391f;--accent-ink:#ffecb9;--signature:#e2bd68;--topbar-tint:rgba(5,5,6,.86);--shadow:0 32px 90px rgba(0,0,0,.58);--shadow-soft:0 13px 36px rgba(0,0,0,.38);--radius:16px;--picture-url:url('./backgrounds/noir_terminal.svg')}

html[data-theme-picture="freight_horizon"]{--picture-url:url('./backgrounds/freight_horizon.svg')}
html[data-theme-picture="emerald_route"]{--picture-url:url('./backgrounds/emerald_route.svg')}
html[data-theme-picture="desert_convoy"]{--picture-url:url('./backgrounds/desert_convoy.svg')}
html[data-theme-picture="arctic_routes"]{--picture-url:url('./backgrounds/arctic_routes.svg')}
html[data-theme-picture="violet_network"]{--picture-url:url('./backgrounds/violet_network.svg')}
html[data-theme-picture="harbor_blue"]{--picture-url:url('./backgrounds/harbor_blue.svg')}
html[data-theme-picture="monsoon_green"]{--picture-url:url('./backgrounds/monsoon_green.svg')}
html[data-theme-picture="noir_terminal"]{--picture-url:url('./backgrounds/noir_terminal.svg')}
html[data-theme-picture="none"]{--picture-url:none}

body.v390-shell{position:relative;background:var(--bg)!important}
.v390-shell::before{z-index:0!important}
.v390-shell::after{content:"";position:fixed;inset:var(--v380-header-height) 0 var(--app-footer-height);z-index:0;pointer-events:none;background-image:linear-gradient(180deg,color-mix(in srgb,var(--bg) 25%,transparent),color-mix(in srgb,var(--bg) 72%,transparent)),var(--picture-url);background-size:cover;background-position:center;opacity:0;transition:opacity var(--motion-slow) ease;will-change:transform,opacity;transform:translateZ(0);isolation:isolate;}
html[data-background-effect="picture"] .v390-shell::after,html[data-background-effect="cinematic"] .v390-shell::after{opacity:var(--background-picture-opacity)}
html[data-background-effect="cinematic"] .v390-shell::after{filter:saturate(1.18) contrast(1.05)}
html[data-background-motion="true"][data-motion="expressive"] .v390-shell::after{animation:v390PictureDrift calc(24s * var(--motion-speed-factor)) ease-in-out infinite alternate}
.v390-shell .app-shell,.v390-shell .topbar,.v390-shell .main-content,.v390-shell .app-footer{position:relative;z-index:1}

/* Glass amount is user controlled without sacrificing legibility. */
html[data-blur-effects="true"] .v390-shell .panel,html[data-blur-effects="true"] .v390-shell .summary-strip,html[data-blur-effects="true"] .v390-shell .topbar,html[data-blur-effects="true"] .v390-shell .modal-card{backdrop-filter:blur(calc(8px + 14px * var(--glass-strength))) saturate(calc(1 + .25 * var(--glass-strength)))}

/* Text-safety: pseudo effects are always behind content. */
.v390-shell .summary-metric{isolation:isolate;overflow:hidden;position:relative}
.v390-shell .summary-metric::before,.v390-shell .summary-metric::after{pointer-events:none!important;z-index:-1!important}
.v390-shell .summary-metric>*{position:relative;z-index:2!important}
.v390-shell .button,.v390-shell .nav-tab,.v390-shell .theme-option,.v390-shell .system-page-card,.v390-shell .user-compact-card{isolation:isolate;overflow:hidden;position:relative}
.v390-shell .button>* ,.v390-shell .nav-tab>* ,.v390-shell .theme-option>*{position:relative;z-index:2}

/* Summary effects: borders/background only, never over labels or values. */
html[data-card-animation="true"] .v390-shell .summary-metric{transition:transform var(--motion-base) cubic-bezier(.2,.8,.2,1),box-shadow var(--motion-base) ease,border-color var(--motion-base) ease,filter var(--motion-base) ease}
html[data-hover-effects="true"] .v390-shell .summary-metric.interactive:hover,html[data-hover-effects="true"] .v390-shell .summary-metric[data-breakdown]:hover{transform:translateY(calc(-1 * var(--effect-lift))) scale(1.012);box-shadow:0 18px 42px color-mix(in srgb,currentColor calc(var(--effect-glow-alpha) * 100%),transparent)}
html[data-card-animation="true"] .v390-shell #page-calculator.active .summary-metric{animation:v390CardReveal var(--motion-slow) cubic-bezier(.16,1,.3,1) both}
html[data-card-animation="true"] .v390-shell #page-calculator.active .summary-metric:nth-child(2){animation-delay:55ms}html[data-card-animation="true"] .v390-shell #page-calculator.active .summary-metric:nth-child(3){animation-delay:110ms}html[data-card-animation="true"] .v390-shell #page-calculator.active .summary-metric:nth-child(4){animation-delay:165ms}html[data-card-animation="true"] .v390-shell #page-calculator.active .summary-metric:nth-child(5){animation-delay:220ms}html[data-card-animation="true"] .v390-shell #page-calculator.active .summary-metric:nth-child(6){animation-delay:275ms}
html[data-shimmer-effect="true"] .v390-shell .summary-metric::after{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;border-radius:inherit!important;background:linear-gradient(112deg,transparent 24%,rgba(255,255,255,.20) 45%,transparent 67%)!important;transform:translateX(-130%);opacity:.45!important;z-index:-1!important}
html[data-shimmer-effect="true"][data-motion="expressive"] .v390-shell .summary-metric:hover::after{animation:v390SafeSweep calc(1.15s * var(--motion-speed-factor)) ease}

/* Clearly visible command/header effects. */
html[data-panel-transitions="true"] .v390-shell .topbar{animation:v390HeaderEnter var(--motion-slow) cubic-bezier(.16,1,.3,1) both}
html[data-hover-effects="true"] .v390-shell .nav-tab:hover{transform:translateY(-2px)}
html[data-shimmer-effect="true"] .v390-shell .button.primary::after{content:"";position:absolute;inset:-2px;width:42%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.38),transparent);transform:translateX(-180%) skewX(-16deg);z-index:0;pointer-events:none}
html[data-shimmer-effect="true"][data-motion="expressive"] .v390-shell .button.primary:hover::after{animation:v390ButtonSweep calc(.9s * var(--motion-speed-factor)) ease}
html[data-glow="ultra"] .v390-shell .button.primary,html[data-glow="ultra"] .v390-shell .nav-tab.active{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 62%,transparent)) drop-shadow(0 11px 22px color-mix(in srgb,var(--accent) 35%,transparent))}

/* Table effects are visible but never move columns. */
html[data-table-animation="true"] .v390-shell .calculator-table tbody tr{transition:background var(--motion-base) ease,box-shadow var(--motion-base) ease,opacity var(--motion-base) ease}
html[data-table-animation="true"] .v390-shell .calculator-table tbody tr.motion-new{animation:v390RowReveal var(--motion-slow) cubic-bezier(.16,1,.3,1) both}
html[data-table-animation="true"] .v390-shell .calculator-table tbody tr:hover{box-shadow:inset 4px 0 var(--accent),inset 0 0 0 999px color-mix(in srgb,var(--accent) 4%,transparent)}
html[data-table-animation="true"] .v390-shell .attention-row{animation:v390AttentionPulse 2.6s ease-in-out 2}

/* Dialog and notification effects. */
html[data-modal-animation="true"] .v390-shell .modal-overlay:not(.hidden){animation:v390BackdropIn var(--motion-base) ease both}
html[data-modal-animation="true"] .v390-shell .modal-overlay:not(.hidden) .modal-card{animation:v390ModalStage var(--motion-slow) cubic-bezier(.16,1,.3,1) both!important}
html[data-notification-animation="true"] .v390-shell .toast{animation:v390ToastStage var(--motion-slow) cubic-bezier(.16,1,.3,1) both!important}
html[data-notification-animation="true"] .v390-shell .calculation-health-bar.warning,html[data-notification-animation="true"] .v390-shell .calculation-health-bar.error{animation:v390StatusEmphasis 1.8s ease-in-out 2}

/* Picture theme cards show the picture safely behind their content. */
.v390-shell .picture-theme-option::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(90deg,var(--panel) 20%,color-mix(in srgb,var(--panel) 78%,transparent)),var(--theme-picture-preview);background-size:cover;background-position:center;opacity:.42;pointer-events:none}
.v390-shell .picture-theme-option>*{position:relative;z-index:1}
.v390-shell .picture-theme-option .theme-preview{box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 24%,transparent)}

/* Motion studio preview is intentionally rich. */
.v390-shell .motion-demo-stage{position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,var(--panel)),var(--panel),color-mix(in srgb,var(--accent-2) 10%,var(--panel)))!important;background-size:200% 200%;animation:v390DemoAtmosphere 7s ease-in-out infinite alternate}
.v390-shell .motion-demo-stage::before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 24%,transparent),transparent 70%);animation:v390Orb 5s ease-in-out infinite alternate;pointer-events:none}
.v390-shell .motion-demo-stage>*{position:relative;z-index:1}

@keyframes v390PictureDrift{0%{transform:scale(1.02) translate3d(0,0,0) rotate(0deg);opacity:.92}50%{transform:scale(1.06) translate3d(-1.5%,-1%,0) rotate(.25deg);opacity:1}100%{transform:scale(1.04) translate3d(1%,-1.2%,0) rotate(-.2deg);opacity:.95}}
@keyframes v390CardReveal{0%{opacity:0;transform:perspective(900px) rotateX(6deg) translateY(32px) scale(.92);filter:blur(5px);box-shadow:0 0 0 transparent}65%{opacity:1;transform:perspective(900px) rotateX(-1deg) translateY(-4px) scale(1.018);filter:none;box-shadow:0 24px 50px color-mix(in srgb,currentColor 24%,transparent)}100%{opacity:1;transform:none;filter:none;box-shadow:none}}
@keyframes v390SafeSweep{from{transform:translateX(-140%) skewX(-20deg);opacity:0}30%{opacity:.85}to{transform:translateX(180%) skewX(-20deg);opacity:0}}
@keyframes v390ButtonSweep{from{transform:translateX(-200%) skewX(-20deg);opacity:0}35%{opacity:.95}to{transform:translateX(380%) skewX(-20deg);opacity:0}}
@keyframes v390HeaderEnter{0%{opacity:0;transform:translateY(-24px) scale(.98);filter:blur(6px)}70%{transform:translateY(2px) scale(1.003);filter:none}100%{opacity:1;transform:none;filter:none}}
@keyframes v390RowReveal{0%{opacity:0;transform:translate3d(0,22px,0) scale(.99);filter:blur(3px)}75%{filter:none}100%{opacity:1;transform:none;filter:none}}
@keyframes v390AttentionPulse{0%,100%{box-shadow:inset 4px 0 color-mix(in srgb,var(--danger) 70%,transparent),0 0 0 transparent}50%{box-shadow:inset 8px 0 var(--danger),0 0 28px color-mix(in srgb,var(--danger) 32%,transparent),0 8px 24px color-mix(in srgb,var(--danger) 22%,transparent)}}
@keyframes v390BackdropIn{from{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(12px)}}
@keyframes v390ModalStage{0%{opacity:0;transform:perspective(1200px) rotateX(10deg) translateY(42px) scale(.91);filter:blur(8px)}68%{opacity:1;transform:perspective(1200px) rotateX(-1.5deg) translateY(-4px) scale(1.012);filter:none}100%{opacity:1;transform:none;filter:none}}
@keyframes v390ToastStage{0%{opacity:0;transform:translateX(48px) scale(.84);filter:blur(5px);box-shadow:0 0 0 transparent}65%{opacity:1;transform:translateX(-6px) scale(1.025);filter:none;box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 28%,transparent)}100%{opacity:1;transform:none;filter:none}}
@keyframes v390StatusEmphasis{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--danger) 18%,transparent),0 16px 44px color-mix(in srgb,var(--danger) 28%,transparent)}}
@keyframes v390DemoAtmosphere{0%{background-position:0% 50%;filter:hue-rotate(0deg) saturate(1.1)}50%{background-position:100% 50%;filter:hue-rotate(24deg) saturate(1.35)}100%{background-position:0% 50%;filter:hue-rotate(-16deg) saturate(1.15)}}
@keyframes v390Orb{0%{transform:translate(-140px,-30px) scale(.75);filter:blur(12px)}50%{transform:translate(180px,35px) scale(1.35);filter:blur(6px)}100%{transform:translate(-60px,120px) scale(1.05);filter:blur(10px)}}

/* Reduced motion always wins. */
html[data-reduced-motion="true"] .v390-shell *,html[data-motion="off"] .v390-shell *{animation:none!important;transition-duration:.001ms!important}
html[data-reduced-motion="true"] .page, html[data-reduced-motion="true"] .topbar, html[data-motion="off"] .page, html[data-motion="off"] .topbar {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

@media(max-width:900px){.v390-shell::after{inset:70px 0 var(--app-footer-height)}.v390-shell .motion-control-grid{grid-template-columns:1fr!important}}


/* V3.90.01 — profile menu interaction and top-layer hardening. */
.v390-shell .topbar { overflow: visible !important; }
.v390-shell .top-actions.unified-utilities {
  position: relative !important;
  z-index: 410 !important;
  overflow: visible !important;
  isolation: isolate;
}
.v390-shell .header-profile-control {
  position: relative !important;
  z-index: 412 !important;
  pointer-events: auto !important;
  touch-action: manipulation;
  user-select: none;
}
.v390-shell .header-profile-control,
.v390-shell .header-profile-control * { pointer-events: auto !important; }
.v390-shell .header-profile-control::before,
.v390-shell .header-profile-control::after,
.v390-shell .top-actions.unified-utilities::before,
.v390-shell .top-actions.unified-utilities::after { pointer-events: none !important; }
.v390-shell .profile-menu.profile-menu-portal {
  position: fixed !important;
  top: var(--profile-menu-top, 72px) !important;
  left: var(--profile-menu-left, auto) !important;
  right: auto !important;
  width: min(330px, calc(100vw - 20px)) !important;
  max-height: var(--profile-menu-max-height, calc(100dvh - 84px)) !important;
  overflow: auto !important;
  z-index: 10050 !important;
  pointer-events: auto !important;
  contain: layout paint;
}
.v390-shell .profile-menu.profile-menu-portal.hidden { display: none !important; }
.v390-shell .profile-menu.profile-menu-portal .profile-menu-action,
.v390-shell .profile-menu.profile-menu-portal .profile-menu-action * { pointer-events: auto !important; }
@media (max-width: 760px) {
  .v390-shell .profile-menu.profile-menu-portal { width: min(320px, calc(100vw - 16px)) !important; }
}


/* ================================================================
   V4.00.00 — Nature photo themes, secure sessions, compact Central state
   ================================================================ */
:root{--central-dot:#8493a3}
html[data-theme="nature_amazon"]{--bg:#071811;--bg-soft:#0d2b1c;--panel:rgba(244,252,247,.88);--panel-2:rgba(255,255,255,.94);--panel-muted:rgba(222,242,229,.84);--text:#143124;--muted:#587264;--faint:#7f9789;--border:#b9d4c4;--border-strong:#7ead91;--accent:#1f8d57;--accent-2:#56be82;--accent-soft:#d8efe1;--accent-ink:#145b39;--signature:#1f8d57;--topbar-tint:rgba(248,253,250,.88);--picture-url:url('./backgrounds/photos/amazon_forest.jpg')}
html[data-theme="nature_arctic"]{--bg:#dcecf7;--bg-soft:#edf7fd;--panel:rgba(255,255,255,.88);--panel-2:rgba(255,255,255,.95);--panel-muted:rgba(221,239,250,.86);--text:#15334f;--muted:#587690;--faint:#809bb0;--border:#b6d3e5;--border-strong:#83b1d0;--accent:#2f80d7;--accent-2:#75c6f3;--accent-soft:#dceeff;--accent-ink:#1d5c99;--signature:#2f80d7;--topbar-tint:rgba(255,255,255,.88);--picture-url:url('./backgrounds/photos/arctic.jpg')}
html[data-theme="nature_sahara"]{--font:"Aptos","Segoe UI",sans-serif;--font-heading:Georgia,"Times New Roman",serif;--bg:#e7c99f;--bg-soft:#f4e4cc;--panel:rgba(255,250,241,.90);--panel-2:rgba(255,253,248,.96);--panel-muted:rgba(244,224,194,.86);--text:#3d2a1c;--muted:#7a604b;--faint:#9e826a;--border:#d6b28b;--border-strong:#bd8651;--accent:#b86322;--accent-2:#e0a14d;--accent-soft:#f5ddbf;--accent-ink:#7b3e13;--signature:#b86322;--topbar-tint:rgba(255,250,241,.90);--picture-url:url('./backgrounds/photos/sahara.jpg')}
html[data-theme="nature_ocean"]{--bg:#d8eaf5;--bg-soft:#edf7fb;--panel:rgba(249,253,255,.89);--panel-2:rgba(255,255,255,.95);--panel-muted:rgba(216,237,247,.86);--text:#123149;--muted:#53758b;--faint:#7f9cac;--border:#afd1e1;--border-strong:#77adc6;--accent:#137fa8;--accent-2:#32b7be;--accent-soft:#d7eef5;--accent-ink:#0c5874;--signature:#137fa8;--topbar-tint:rgba(249,253,255,.89);--picture-url:url('./backgrounds/photos/ocean_coast.jpg')}
html[data-theme="nature_monsoon"]{--bg:#0c1d18;--bg-soft:#17372a;--panel:rgba(239,248,243,.88);--panel-2:rgba(251,255,253,.94);--panel-muted:rgba(215,234,222,.84);--text:#173127;--muted:#5d7369;--faint:#84998e;--border:#b7cfc0;--border-strong:#83aa91;--accent:#397d5b;--accent-2:#70b18b;--accent-soft:#d9ebdf;--accent-ink:#285a42;--signature:#397d5b;--topbar-tint:rgba(244,250,247,.89);--picture-url:url('./backgrounds/photos/monsoon_mountains.jpg')}
html[data-theme="ocean_sunrise"],html[data-theme="nature_sunrise"]{--font:"Aptos","Segoe UI",sans-serif;--font-heading:Georgia,"Times New Roman",serif;--bg:#2c211d;--bg-soft:#54392f;--panel:rgba(255,248,240,.89);--panel-2:rgba(255,252,248,.95);--panel-muted:rgba(246,224,207,.86);--text:#3a2820;--muted:#795f52;--faint:#9e8274;--border:#dbc0ad;--border-strong:#c18766;--accent:#c86c35;--accent-2:#efa15d;--accent-soft:#f5ddcc;--accent-ink:#813d1d;--signature:#c86c35;--topbar-tint:rgba(255,248,240,.90);--picture-url:url('./backgrounds/photos/ocean_sunrise.jpg')}
html[data-theme-picture="nature_amazon"]{--picture-url:url('./backgrounds/photos/amazon_forest.jpg')}
html[data-theme-picture="nature_arctic"]{--picture-url:url('./backgrounds/photos/arctic.jpg')}
html[data-theme-picture="nature_sahara"]{--picture-url:url('./backgrounds/photos/sahara.jpg')}
html[data-theme-picture="nature_ocean"]{--picture-url:url('./backgrounds/photos/ocean_coast.jpg')}
html[data-theme-picture="nature_monsoon"]{--picture-url:url('./backgrounds/photos/monsoon_mountains.jpg')}
html[data-theme-picture="ocean_sunrise"],html[data-theme-picture="nature_sunrise"]{--picture-url:url('./backgrounds/photos/ocean_sunrise.jpg')}

/* Real-photo theme cards use an actual thumbnail instead of a colour-only strip. */
.v400-shell .picture-theme-option{min-height:150px;background:var(--panel);}
.v400-shell .picture-theme-option::before{opacity:.58;background-image:linear-gradient(90deg,var(--panel) 12%,color-mix(in srgb,var(--panel) 74%,transparent) 72%,transparent),var(--theme-picture-preview)}
.v400-shell .picture-theme-option .theme-preview{min-width:88px;min-height:58px;background-image:var(--theme-picture-preview);background-size:cover;background-position:center;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))}

/* Metric icons are proper pictograms and never text abbreviations. */
html[data-summary-icons="show"] .v400-shell .summary-metric::before{content:""!important;left:13px;top:12px;width:22px;height:22px;background-color:color-mix(in srgb,currentColor 15%,var(--panel));background-repeat:no-repeat;background-position:center;background-size:14px 14px;z-index:1!important}
html[data-summary-icons="show"] .v400-shell .summary-metric.line::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f80ed' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 4h10M6 8h10M9 4c4 0 6 2 6 5s-2 5-6 5H6l9 7'/%3E%3C/svg%3E")}
html[data-summary-icons="show"] .v400-shell .summary-metric.normal::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a8a68' stroke-width='2'%3E%3Cpath d='M4 18V6l8-3 8 3v12l-8 3z'/%3E%3Cpath d='M8 9h8M8 13h8'/%3E%3C/svg%3E")}
html[data-summary-icons="show"] .v400-shell .summary-metric.special::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c47a10' stroke-width='2'%3E%3Cpath d='M12 3l2.3 4.7L19 10l-4.7 2.3L12 17l-2.3-4.7L5 10l4.7-2.3z'/%3E%3C/svg%3E")}
html[data-summary-icons="show"] .v400-shell .summary-metric[data-breakdown="packing"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b91a1' stroke-width='2'%3E%3Cpath d='M5 8h14l-1 12H6zM8 8V5h8v3M9 12h6'/%3E%3C/svg%3E")}
html[data-summary-icons="show"] .v400-shell .summary-metric[data-breakdown="weight"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237658bf' stroke-width='2'%3E%3Cpath d='M7 8a5 5 0 0110 0M5 8h14l2 12H3z'/%3E%3C/svg%3E")}
html[data-summary-icons="show"] .v400-shell .summary-metric.attention::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d04a52' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 3l10 18H2zM12 9v5M12 18h.01'/%3E%3C/svg%3E")}

/* Special Rate: one aligned control row with clean responsive wrapping. */
.v400-shell .special-rate-group{display:grid!important;grid-template-columns:max-content minmax(132px,170px) minmax(220px,1fr);align-items:center!important;column-gap:12px!important;row-gap:8px!important;min-width:0}
.v400-shell .special-rate-group>div:first-child{display:flex;flex-direction:column;justify-content:center;align-self:center;min-height:44px;margin:0!important}
.v400-shell .special-rate-group>div:first-child .eyebrow{line-height:1.15;margin:0 0 3px}
.v400-shell .special-rate-group>div:first-child strong{line-height:1.15;white-space:nowrap}
.v400-shell .special-rate-group .money-input,.v400-shell .special-rate-group .formula-preview{height:44px!important;min-height:44px!important;margin:0!important;align-self:center;display:flex;align-items:center}
.v400-shell .special-rate-group .money-input input{height:42px!important;line-height:42px!important}
.v400-shell .special-rate-group .formula-preview{justify-content:flex-start;padding:0 14px}
@media(max-width:820px){.v400-shell .special-rate-group{grid-template-columns:max-content minmax(128px,1fr)}.v400-shell .special-rate-group .formula-preview{grid-column:1/-1;width:100%}}

/* Header Appearance shortcut and compact Central state. */
.v400-shell .utility-icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:13px;background:var(--panel);color:var(--accent);font-size:18px;cursor:pointer;transition:transform var(--motion-base),box-shadow var(--motion-base),border-color var(--motion-base)}
.v400-shell .utility-icon-button:hover{transform:translateY(-2px) rotate(-8deg);border-color:var(--accent);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 22%,transparent)}
.v400-shell .integration-chip{appearance:none;cursor:pointer;min-height:40px;padding:0 13px!important;gap:8px}
.v400-shell .integration-chip .integration-label{font-weight:800;white-space:nowrap}
.v400-shell .integration-chip .status-symbol{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--central-dot) 14%,var(--panel))}
.v400-shell .integration-chip .status-symbol i{width:8px;height:8px;border-radius:50%;background:var(--central-dot);box-shadow:0 0 0 4px color-mix(in srgb,var(--central-dot) 14%,transparent)}
.v400-shell .integration-chip.connected{--central-dot:#19a46d}.v400-shell .integration-chip.checking{--central-dot:#2f80ed}.v400-shell .integration-chip.syncing{--central-dot:#e0a020}.v400-shell .integration-chip.pending,.v400-shell .integration-chip.maintenance{--central-dot:#d84b55}.v400-shell .integration-chip.direct{--central-dot:#8493a3}
.v400-shell .integration-chip[data-central-motion="pulse"].checking .status-symbol i{animation:v400CentralBlue 1.8s ease-in-out infinite}
.v400-shell .integration-chip[data-central-motion="pulse"].syncing .status-symbol i{animation:v400CentralAmber 3.2s ease-in-out infinite}
.v400-shell .integration-chip[data-central-motion="pulse"].pending .status-symbol i,.v400-shell .integration-chip[data-central-motion="attention"] .status-symbol i{animation:v400CentralRed 1.35s ease-in-out infinite}
@keyframes v400CentralBlue{0%,100%{transform:scale(.9);box-shadow:0 0 0 4px rgba(47,128,237,.12)}50%{transform:scale(1.2);box-shadow:0 0 0 9px rgba(47,128,237,0)}}
@keyframes v400CentralAmber{0%,70%,100%{transform:scale(1);box-shadow:0 0 0 4px rgba(224,160,32,.13)}75%{transform:scale(1.25);box-shadow:0 0 0 8px rgba(224,160,32,0)}82%{transform:scale(1);box-shadow:0 0 0 4px rgba(224,160,32,.13)}88%{transform:scale(1.22);box-shadow:0 0 0 8px rgba(224,160,32,0)}}
@keyframes v400CentralRed{0%,100%{transform:scale(.94);box-shadow:0 0 0 4px rgba(216,75,85,.16)}50%{transform:scale(1.24);box-shadow:0 0 0 10px rgba(216,75,85,0)}}
html[data-reduced-motion="true"] .v400-shell .integration-chip .status-symbol i{animation:none!important}

/* Detailed FT Central panel. */
.v400-shell .central-status-modal-card{width:min(720px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - 30px))}
.v400-shell .central-status-body{padding:16px;overflow:auto;display:grid;gap:14px}
.v400-shell .central-status-hero{display:flex;gap:14px;align-items:center;padding:17px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--panel)),var(--panel))}
.v400-shell .central-detail-dot{width:24px;height:24px;border-radius:50%;background:var(--central-dot,#8493a3);box-shadow:0 0 0 8px color-mix(in srgb,var(--central-dot,#8493a3) 14%,transparent)}
.v400-shell .central-status-hero h3{margin:4px 0;font-size:22px}.v400-shell .central-status-hero p{margin:0;color:var(--muted)}
.v400-shell .central-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v400-shell .central-detail-grid article{padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--panel)}.v400-shell .central-detail-grid small,.v400-shell .central-detail-grid strong{display:block}.v400-shell .central-detail-grid small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.v400-shell .central-detail-grid strong{margin-top:4px;overflow-wrap:anywhere}.v400-shell .central-technical-details{padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--panel)}.v400-shell .central-technical-details summary{cursor:pointer;font-weight:800;color:var(--accent)}.v400-shell .central-technical-details pre{max-height:220px;overflow:auto;white-space:pre-wrap;font-size:10px}

/* Bulk session action. */
.v400-shell .profile-session-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.v400-shell .profile-session-heading-actions .button{white-space:nowrap}

/* Effect safety: no animated or decorative layer may ever sit above text. */
.v400-shell .summary-metric::before,.v400-shell .summary-metric::after,.v400-shell .picture-theme-option::before,.v400-shell .button::after{pointer-events:none!important}
.v400-shell .summary-metric>span,.v400-shell .summary-metric>strong,.v400-shell .summary-metric>small{position:relative;z-index:3!important}


/* ================================================================
   V4.10.01 — Exact supplied full-canvas nature photo themes
   The photo remains visible across the complete application. Panels
   use readable glass surfaces; no photo is stretched or tiled.
   ================================================================ */
html[data-theme="amazon_forest"]{--bg:#071811;--bg-soft:#0d2b1c;--panel:rgba(247,253,249,.72);--panel-2:rgba(255,255,255,.80);--panel-muted:rgba(225,243,232,.68);--text:#123022;--muted:#4d6d5b;--faint:#718d7d;--border:rgba(170,207,184,.78);--border-strong:#70a989;--accent:#168552;--accent-2:#51bd7b;--accent-soft:rgba(211,239,222,.78);--accent-ink:#0d5935;--signature:#137c4b;--topbar-tint:rgba(249,253,250,.68);--picture-url:url('./backgrounds/photos/amazon_forest_exact.png')}
html[data-theme="arctic"]{--bg:#dcecf7;--bg-soft:#edf7fd;--panel:rgba(255,255,255,.69);--panel-2:rgba(255,255,255,.79);--panel-muted:rgba(224,241,252,.67);--text:#15334f;--muted:#4f708c;--faint:#7796ad;--border:rgba(169,207,232,.80);--border-strong:#79add0;--accent:#267bd2;--accent-2:#70c4f1;--accent-soft:rgba(216,237,253,.78);--accent-ink:#185894;--signature:#267bd2;--topbar-tint:rgba(255,255,255,.67);--picture-url:url('./backgrounds/photos/arctic_exact.png')}
html[data-theme="sahara"]{--font:"Aptos","Segoe UI",sans-serif;--font-heading:Georgia,"Times New Roman",serif;--bg:#e5c28e;--bg-soft:#f3e1c3;--panel:rgba(255,250,240,.71);--panel-2:rgba(255,253,248,.82);--panel-muted:rgba(247,224,188,.68);--text:#3b281a;--muted:#735943;--faint:#967861;--border:rgba(211,170,119,.82);--border-strong:#b77d42;--accent:#b65e1d;--accent-2:#e59a3e;--accent-soft:rgba(246,218,180,.79);--accent-ink:#783a10;--signature:#ad5719;--topbar-tint:rgba(255,250,240,.69);--picture-url:url('./backgrounds/photos/sahara_exact.png')}
html[data-theme="ocean_sunrise"],html[data-theme="nature_sunrise"]{--font:"Aptos","Segoe UI",sans-serif;--font-heading:Georgia,"Times New Roman",serif;--bg:#35241f;--bg-soft:#654237;--panel:rgba(255,248,240,.70);--panel-2:rgba(255,252,248,.81);--panel-muted:rgba(249,222,201,.68);--text:#38251d;--muted:#74574b;--faint:#98786a;--border:rgba(218,177,150,.82);--border-strong:#be7651;--accent:#c8612f;--accent-2:#f29a51;--accent-soft:rgba(247,216,194,.79);--accent-ink:#803719;--signature:#c15b2b;--topbar-tint:rgba(255,248,240,.68);--picture-url:url('./backgrounds/photos/ocean_sunrise_exact.png')}
html[data-theme-picture="amazon_forest"],html[data-theme-picture="nature_amazon"]{--picture-url:url('./backgrounds/photos/amazon_forest_exact.png')}
html[data-theme-picture="arctic"],html[data-theme-picture="nature_arctic"]{--picture-url:url('./backgrounds/photos/arctic_exact.png')}
html[data-theme-picture="sahara"],html[data-theme-picture="nature_sahara"]{--picture-url:url('./backgrounds/photos/sahara_exact.png')}
html[data-theme-picture="ocean_sunrise"],html[data-theme-picture="ocean_sunrise"],html[data-theme-picture="nature_sunrise"]{--picture-url:url('./backgrounds/photos/ocean_sunrise_exact.png')}
html[data-theme="nature_amazon"]{--picture-url:url('./backgrounds/photos/amazon_forest_exact.png')}
html[data-theme="nature_arctic"]{--picture-url:url('./backgrounds/photos/arctic_exact.png')}
html[data-theme="nature_sahara"]{--picture-url:url('./backgrounds/photos/sahara_exact.png')}

/* Full canvas, including behind the header and footer. */
.v400-shell.v390-shell::after{inset:0!important;background-image:linear-gradient(180deg,rgba(8,18,28,.10),rgba(8,18,28,.24)),var(--picture-url)!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important;background-attachment:scroll!important}
html[data-photo-theme="true"] .v400-shell.v390-shell::after{opacity:clamp(.66,var(--background-picture-opacity),.92)!important;filter:saturate(1.06) contrast(1.02) brightness(.98)}
html[data-photo-theme="true"][data-background-effect="cinematic"] .v400-shell.v390-shell::after{filter:saturate(1.15) contrast(1.04) brightness(.97)}
html[data-photo-theme="true"] .v400-shell .topbar,html[data-photo-theme="true"] .v400-shell .app-footer{background:var(--topbar-tint)!important;backdrop-filter:blur(calc(10px + 15px * var(--glass-strength))) saturate(1.16)}
html[data-photo-theme="true"] .v400-shell .main-content{background:transparent!important}
html[data-photo-theme="true"] .v400-shell .panel,html[data-photo-theme="true"] .v400-shell .summary-strip,html[data-photo-theme="true"] .v400-shell .summary-metric,html[data-photo-theme="true"] .v400-shell .modal-card,html[data-photo-theme="true"] .v400-shell .calculator-command-bar,html[data-photo-theme="true"] .v400-shell .calculation-health-bar{backdrop-filter:blur(calc(10px + 16px * var(--glass-strength))) saturate(1.12)}
html[data-photo-theme="true"] .v400-shell .page{background:transparent!important}
html[data-photo-theme="true"] .v400-shell .data-table tbody tr{background:color-mix(in srgb,var(--panel-2) 87%,transparent)}
html[data-photo-theme="true"] .v400-shell .data-table th{background:color-mix(in srgb,var(--panel-muted) 92%,transparent)}

/* Full-photo thumbnails in Appearance Studio. */
.v400-shell .theme-option[data-theme-choice="amazon_forest"]::before{--theme-picture-preview:url('./backgrounds/photos/amazon_forest_exact.png')}
.v400-shell .theme-option[data-theme-choice="arctic"]::before{--theme-picture-preview:url('./backgrounds/photos/arctic_exact.png')}
.v400-shell .theme-option[data-theme-choice="sahara"]::before{--theme-picture-preview:url('./backgrounds/photos/sahara_exact.png')}
.v400-shell .theme-option[data-theme-choice="ocean_sunrise"]::before{--theme-picture-preview:url('./backgrounds/photos/ocean_sunrise_exact.png')}
html[data-photo-theme="true"] .v400-shell .app-shell{background:transparent!important}
html[data-photo-theme="true"] .v400-shell::before{opacity:0!important;background:none!important}

/* ================================================================
   V4.10.01 — Full-photo contrast and login readability correction
   Keeps exact supplied photos visible while enforcing readable UI.
   ================================================================ */
:root {
  --photo-login-card: #f8fbff;
  --photo-login-ink: #12263a;
  --photo-login-muted: #52677b;
  --photo-login-field: rgba(255,255,255,.97);
  --photo-login-left-overlay: rgba(8,31,51,.55);
  --photo-login-left-overlay-2: rgba(15,71,105,.34);
  --photo-login-right-overlay: rgba(229,242,250,.20);
}
html[data-theme="amazon_forest"],html[data-theme="nature_amazon"]{
  --photo-login-card:#f5fcf7;--photo-login-ink:#102d20;--photo-login-muted:#4b6758;
  --photo-login-left-overlay:rgba(3,28,17,.62);--photo-login-left-overlay-2:rgba(12,83,48,.38);--photo-login-right-overlay:rgba(222,242,229,.18)
}
html[data-theme="arctic"],html[data-theme="nature_arctic"]{
  --photo-login-card:#f7fbff;--photo-login-ink:#102c45;--photo-login-muted:#4c6c86;
  --photo-login-left-overlay:rgba(13,52,84,.53);--photo-login-left-overlay-2:rgba(35,111,165,.30);--photo-login-right-overlay:rgba(224,241,252,.20)
}
html[data-theme="sahara"],html[data-theme="nature_sahara"]{
  --photo-login-card:#fff9ef;--photo-login-ink:#382516;--photo-login-muted:#735b45;
  --photo-login-left-overlay:rgba(74,35,9,.55);--photo-login-left-overlay-2:rgba(154,78,17,.34);--photo-login-right-overlay:rgba(250,225,187,.18)
}
html[data-theme="ocean_sunrise"],html[data-theme="nature_sunrise"],html[data-theme="ocean_sunrise"]{
  --photo-login-card:#fff8f2;--photo-login-ink:#38241d;--photo-login-muted:#76594d;
  --photo-login-left-overlay:rgba(45,25,38,.55);--photo-login-left-overlay-2:rgba(151,65,43,.32);--photo-login-right-overlay:rgba(249,221,202,.18)
}
html[data-theme="nature_ocean"]{
  --photo-login-card:#f6fbff;--photo-login-ink:#102d43;--photo-login-muted:#4e6f84;
  --photo-login-left-overlay:rgba(5,45,67,.58);--photo-login-left-overlay-2:rgba(12,111,144,.32);--photo-login-right-overlay:rgba(216,237,247,.18)
}
html[data-theme="nature_monsoon"]{
  --photo-login-card:#f5fbf7;--photo-login-ink:#142e24;--photo-login-muted:#506c5e;
  --photo-login-left-overlay:rgba(5,33,23,.62);--photo-login-left-overlay-2:rgba(42,105,70,.34);--photo-login-right-overlay:rgba(218,237,224,.18)
}

html[data-photo-theme="true"] .freight-login-shell{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(90deg,var(--photo-login-left-overlay) 0%,var(--photo-login-left-overlay-2) 55%,var(--photo-login-right-overlay) 100%),
    var(--picture-url) center center / cover no-repeat fixed !important;
}
html[data-photo-theme="true"] .freight-login-shell::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(6,19,30,.08),rgba(6,19,30,.20));
}
html[data-photo-theme="true"] .freight-login-shell .login-stage{background:transparent!important;}
html[data-photo-theme="true"] .freight-login-shell .login-showcase{
  background:linear-gradient(135deg,var(--photo-login-left-overlay),color-mix(in srgb,var(--photo-login-left-overlay-2) 82%,transparent))!important;
  text-shadow:0 2px 16px rgba(3,15,25,.30);
}
html[data-photo-theme="true"] .freight-login-shell .login-showcase-brand,
html[data-photo-theme="true"] .freight-login-shell .login-showcase h1{color:#fff!important;text-shadow:0 3px 20px rgba(1,12,22,.48)}
html[data-photo-theme="true"] .freight-login-shell .login-showcase-subtitle{color:rgba(255,255,255,.94)!important;text-shadow:0 2px 14px rgba(1,12,22,.42)}
html[data-photo-theme="true"] .freight-login-shell .login-feature-card{
  background:rgba(7,27,42,.46)!important;border-color:rgba(255,255,255,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 34px rgba(2,15,24,.18)!important;
  backdrop-filter:blur(16px) saturate(1.08)
}
html[data-photo-theme="true"] .freight-login-shell .login-feature-card>b,
html[data-photo-theme="true"] .freight-login-shell .login-feature-card b{color:#fff!important}
html[data-photo-theme="true"] .freight-login-shell .login-feature-card small{color:rgba(255,255,255,.88)!important}
html[data-photo-theme="true"] .freight-login-shell .login-feature-card>span{background:rgba(255,255,255,.18)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)}
html[data-photo-theme="true"] .freight-login-shell .login-formula-strip{
  background:rgba(4,21,33,.58)!important;border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 14px 32px rgba(2,15,24,.18);backdrop-filter:blur(14px)
}
html[data-photo-theme="true"] .freight-login-shell .login-formula-strip span,
html[data-photo-theme="true"] .freight-login-shell .login-formula-strip b{color:#fff!important;text-shadow:0 1px 9px rgba(0,0,0,.30)}

html[data-photo-theme="true"] .freight-login-card{
  background:color-mix(in srgb,var(--photo-login-card) 96%,transparent)!important;
  color:var(--photo-login-ink)!important;
  border:1px solid color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.92))!important;
  box-shadow:0 34px 100px rgba(6,24,38,.30),inset 0 1px 0 rgba(255,255,255,.88)!important;
  backdrop-filter:blur(28px) saturate(1.10)!important;
}
html[data-photo-theme="true"] .freight-login-card .login-card-brand strong,
html[data-photo-theme="true"] .freight-login-card .login-welcome h2,
html[data-photo-theme="true"] .freight-login-card .login-form>label{color:var(--photo-login-ink)!important}
html[data-photo-theme="true"] .freight-login-card .login-card-brand small,
html[data-photo-theme="true"] .freight-login-card .login-welcome p,
html[data-photo-theme="true"] .freight-login-card .remember-line,
html[data-photo-theme="true"] .freight-login-card .login-card-footer{color:var(--photo-login-muted)!important}
html[data-photo-theme="true"] .freight-login-card .login-kicker{color:var(--accent-ink)!important}
html[data-photo-theme="true"] .freight-login-card .version-pill{
  background:color-mix(in srgb,var(--accent-soft) 90%,#fff)!important;color:var(--accent-ink)!important;
  border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)
}
html[data-photo-theme="true"] .freight-login-card .login-form input[type="text"],
html[data-photo-theme="true"] .freight-login-card .login-form input[type="password"]{
  background:var(--photo-login-field)!important;color:var(--photo-login-ink)!important;
  border:1px solid color-mix(in srgb,var(--accent) 28%,#b9c8d6)!important;
  box-shadow:inset 0 1px 2px rgba(15,35,52,.04)
}
html[data-photo-theme="true"] .freight-login-card .login-form input::placeholder{color:color-mix(in srgb,var(--photo-login-muted) 72%,transparent)!important;opacity:1}
html[data-photo-theme="true"] .freight-login-card .password-field button{color:var(--accent-ink)!important;background:color-mix(in srgb,var(--accent-soft) 72%,transparent)!important}
html[data-photo-theme="true"] .freight-login-card .login-form input:focus{
  border-color:var(--accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)!important
}
html[data-photo-theme="true"] .freight-login-card .login-secure{
  background:color-mix(in srgb,var(--success-soft) 92%,#fff)!important;color:var(--success)!important;
  border-color:color-mix(in srgb,var(--success) 30%,transparent)!important
}
html[data-photo-theme="true"] .freight-login-card .login-submit{
  background:linear-gradient(135deg,var(--accent-ink),var(--accent))!important;color:#fff!important;
  box-shadow:0 16px 34px color-mix(in srgb,var(--accent) 34%,transparent)!important
}
html[data-photo-theme="true"] .freight-login-card .login-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}
html[data-photo-theme="true"] .freight-login-card .login-card-footer{border-top-color:color-mix(in srgb,var(--photo-login-muted) 22%,transparent)!important}
html[data-photo-theme="true"] .freight-login-shell .login-signature{
  color:color-mix(in srgb,var(--photo-login-ink) 82%,var(--accent))!important;
  padding:5px 10px;border-radius:10px;background:color-mix(in srgb,var(--photo-login-card) 82%,transparent);
  backdrop-filter:blur(12px);text-shadow:none
}
html[data-photo-theme="true"] .freight-login-shell .login-signature strong{color:var(--signature)!important}

/* Stronger readable glass for photo-theme content without hiding the photo. */
html[data-photo-theme="true"] .v400-shell .modal-card,
html[data-photo-theme="true"] .v400-shell .profile-menu,
html[data-photo-theme="true"] .v400-shell .nav-launcher-card{
  background:color-mix(in srgb,var(--panel-2) 94%,transparent)!important;
  border-color:color-mix(in srgb,var(--border-strong) 78%,transparent)!important;
  backdrop-filter:blur(24px) saturate(1.12)!important
}
html[data-photo-theme="true"] .v400-shell .panel,
html[data-photo-theme="true"] .v400-shell .calculator-command-bar,
html[data-photo-theme="true"] .v400-shell .calculation-health-bar,
html[data-photo-theme="true"] .v400-shell .summary-strip{
  background:color-mix(in srgb,var(--panel) 88%,transparent)!important;
  border-color:color-mix(in srgb,var(--border-strong) 70%,transparent)!important
}
html[data-photo-theme="true"] .v400-shell input,
html[data-photo-theme="true"] .v400-shell select,
html[data-photo-theme="true"] .v400-shell textarea{background:color-mix(in srgb,var(--panel-2) 94%,transparent);color:var(--text)}
html[data-photo-theme="true"] .v400-shell .data-table tbody tr{background:color-mix(in srgb,var(--panel-2) 93%,transparent)!important}
html[data-photo-theme="true"] .v400-shell .data-table th{background:color-mix(in srgb,var(--panel-muted) 96%,transparent)!important;color:var(--text)}

@media(max-width:900px){
  html[data-photo-theme="true"] .freight-login-shell{
    background:linear-gradient(180deg,rgba(6,25,41,.20),rgba(6,25,41,.34)),var(--picture-url) center/cover no-repeat fixed!important
  }
  html[data-photo-theme="true"] .freight-login-card{background:color-mix(in srgb,var(--photo-login-card) 97%,transparent)!important}
}


/* ================================================================
   V4.20.00 — Photo layer isolation and full-opacity interface system
   Background opacity is isolated from all foreground UI content.
   ================================================================ */
body.v420-shell{isolation:isolate;background:var(--bg)!important}
body.v420-shell::after{z-index:0!important;pointer-events:none!important}
body.v420-shell>.app-shell,body.v420-shell>#mainView,body.v420-shell>#loginView{position:relative;z-index:2}
body.v420-shell>.modal-overlay,body.v420-shell>.drawer-overlay,body.v420-shell>.toast-region{z-index:1000}

/* Canonical exact-photo variables. Old IDs remain aliases only for migration. */
html[data-theme="arctic"],html[data-theme="nature_arctic"]{--picture-url:url('./backgrounds/photos/arctic_exact.png')}
html[data-theme="sahara"],html[data-theme="nature_sahara"]{--picture-url:url('./backgrounds/photos/sahara_exact.png')}
html[data-theme="amazon_forest"],html[data-theme="nature_amazon"]{--picture-url:url('./backgrounds/photos/amazon_forest_exact.png')}
html[data-theme="ocean_sunrise"],html[data-theme="nature_sunrise"]{--picture-url:url('./backgrounds/photos/ocean_sunrise_exact.png')}
html[data-theme-picture="arctic"],html[data-theme-picture="nature_arctic"]{--picture-url:url('./backgrounds/photos/arctic_exact.png')}
html[data-theme-picture="sahara"],html[data-theme-picture="nature_sahara"]{--picture-url:url('./backgrounds/photos/sahara_exact.png')}
html[data-theme-picture="amazon_forest"],html[data-theme-picture="nature_amazon"]{--picture-url:url('./backgrounds/photos/amazon_forest_exact.png')}
html[data-theme-picture="ocean_sunrise"],html[data-theme-picture="nature_sunrise"]{--picture-url:url('./backgrounds/photos/ocean_sunrise_exact.png')}

/* Login: photo and tint are independent layers; all content remains fully opaque. */
html[data-photo-theme="true"] .freight-login-shell{
  position:relative!important;isolation:isolate!important;background:var(--bg)!important;overflow:hidden
}
html[data-photo-theme="true"] .freight-login-shell::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background-image:var(--picture-url)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
  opacity:clamp(.58,var(--background-picture-opacity),.92)!important;filter:saturate(1.06) contrast(1.03)!important
}
html[data-photo-theme="true"] .freight-login-shell::after{
  content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
  background:linear-gradient(90deg,var(--photo-login-left-overlay) 0%,var(--photo-login-left-overlay-2) 57%,rgba(236,245,252,.58) 57%,rgba(236,245,252,.72) 100%)!important;
  opacity:1!important;filter:none!important
}
html[data-photo-theme="true"] .freight-login-shell>.login-stage,
html[data-photo-theme="true"] .freight-login-shell>.login-signature{position:relative!important;z-index:3!important;opacity:1!important;filter:none!important}
html[data-photo-theme="true"] .freight-login-shell .login-stage,
html[data-photo-theme="true"] .freight-login-shell .login-stage *{opacity:1;filter:none}
html[data-photo-theme="true"] .freight-login-shell .login-showcase{
  background:linear-gradient(135deg,rgba(4,25,42,.64),rgba(8,50,76,.36))!important;color:#fff!important;
  backdrop-filter:none!important
}
html[data-photo-theme="true"] .freight-login-shell .login-showcase h1,
html[data-photo-theme="true"] .freight-login-shell .login-showcase-brand,
html[data-photo-theme="true"] .freight-login-shell .login-showcase-subtitle{color:#fff!important;opacity:1!important}
html[data-photo-theme="true"] .freight-login-shell .login-feature-card,
html[data-photo-theme="true"] .freight-login-shell .login-formula-strip{background:rgba(6,29,47,.76)!important;border-color:rgba(255,255,255,.34)!important;color:#fff!important;backdrop-filter:blur(12px) saturate(1.08)!important}
html[data-photo-theme="true"] .freight-login-card{
  background:var(--photo-login-card)!important;color:var(--photo-login-ink)!important;opacity:1!important;filter:none!important;
  border:1px solid color-mix(in srgb,var(--accent) 34%,#fff)!important;
  box-shadow:0 34px 90px rgba(4,22,36,.38),inset 0 1px 0 #fff!important;
  backdrop-filter:none!important
}
html[data-photo-theme="true"] .freight-login-card *{opacity:1}
html[data-photo-theme="true"] .freight-login-card input[type="text"],
html[data-photo-theme="true"] .freight-login-card input[type="password"]{background:#fff!important;color:var(--photo-login-ink)!important;border:1.5px solid color-mix(in srgb,var(--accent) 38%,#aebdca)!important;box-shadow:0 1px 2px rgba(10,31,49,.06)!important}
html[data-photo-theme="true"] .freight-login-card .login-submit{background:linear-gradient(135deg,var(--accent-ink),var(--accent))!important;color:#fff!important;opacity:1!important;filter:none!important}
html[data-photo-theme="true"] .freight-login-shell .login-signature{background:var(--photo-login-card)!important;color:var(--photo-login-ink)!important;opacity:1!important;backdrop-filter:none!important;box-shadow:0 8px 24px rgba(4,22,36,.18)}

/* Foreground application surfaces are above the photo and never inherit opacity. */
html[data-photo-theme="true"] .v420-shell .app-shell,
html[data-photo-theme="true"] .v420-shell .topbar,
html[data-photo-theme="true"] .v420-shell .main-content,
html[data-photo-theme="true"] .v420-shell .app-footer,
html[data-photo-theme="true"] .v420-shell .page,
html[data-photo-theme="true"] .v420-shell .modal-overlay,
html[data-photo-theme="true"] .v420-shell .modal-card{opacity:1!important;filter:none}
html[data-photo-theme="true"] .v420-shell .topbar,
html[data-photo-theme="true"] .v420-shell .app-footer{background:color-mix(in srgb,var(--panel-2) 94%,transparent)!important;border-color:var(--border)!important}
html[data-photo-theme="true"] .v420-shell .panel,
html[data-photo-theme="true"] .v420-shell .summary-strip,
html[data-photo-theme="true"] .v420-shell .summary-metric,
html[data-photo-theme="true"] .v420-shell .calculator-command-bar,
html[data-photo-theme="true"] .v420-shell .calculation-health-bar{background:color-mix(in srgb,var(--panel) 91%,transparent)!important;color:var(--text)!important;opacity:1!important}

/* Appearance Studio: readable full-opacity workspace over a subdued backdrop. */
.v420-shell #themeModal{background:rgba(7,17,28,.58)!important;backdrop-filter:blur(8px) saturate(.88)!important}
.v420-shell #themeModal .appearance-center-card{
  background:var(--panel-2)!important;color:var(--text)!important;opacity:1!important;filter:none!important;
  border:1px solid var(--border-strong)!important;box-shadow:0 36px 110px rgba(3,15,25,.42)!important;backdrop-filter:none!important
}
.v420-shell #themeModal .appearance-center-card *,
.v420-shell #themeModal .appearance-sidebar,
.v420-shell #themeModal .appearance-main,
.v420-shell #themeModal .appearance-panel,
.v420-shell #themeModal .appearance-actions-v340{opacity:1!important;filter:none!important}
.v420-shell #themeModal .appearance-sidebar{background:var(--panel-muted)!important;border-color:var(--border)!important}
.v420-shell #themeModal .appearance-tab{background:transparent!important;color:var(--text)!important}
.v420-shell #themeModal .appearance-tab.active{background:var(--accent-soft)!important;border-color:var(--accent)!important;color:var(--accent-ink)!important;box-shadow:inset 3px 0 var(--accent)}
.v420-shell #themeModal .appearance-tab small,
.v420-shell #themeModal .appearance-theme-section-head small,
.v420-shell #themeModal .theme-option-copy small{color:var(--muted)!important}
.v420-shell #themeModal .appearance-live-card-v340,
.v420-shell #themeModal .appearance-control-grid>*,
.v420-shell #themeModal .summary-design-presets>*,
.v420-shell #themeModal .accessibility-option,
.v420-shell #themeModal .workspace-preset-grid>*{background:var(--panel)!important;color:var(--text)!important;border-color:var(--border)!important}
.v420-shell #themeModal .appearance-actions-v340{background:var(--panel-2)!important;border-top:1px solid var(--border)!important;box-shadow:0 -12px 28px rgba(10,29,44,.08)}

/* Real-photo theme cards: image occupies a clear preview zone; copy remains on an opaque surface. */
.v420-shell #themeModal .picture-theme-option{
  min-height:174px!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:82px 1fr!important;
  padding:0!important;overflow:hidden!important;background:var(--panel)!important;border-color:var(--border)!important
}
.v420-shell #themeModal .picture-theme-option::before{
  content:""!important;position:relative!important;inset:auto!important;grid-row:1!important;width:100%!important;height:82px!important;
  background-image:linear-gradient(180deg,transparent 55%,rgba(5,18,29,.24)),var(--theme-picture-preview)!important;
  background-size:cover!important;background-position:center!important;opacity:1!important;z-index:0!important
}
.v420-shell #themeModal .picture-theme-option .theme-preview{display:none!important}
.v420-shell #themeModal .picture-theme-option .theme-option-copy{grid-row:2!important;padding:11px 13px 14px!important;background:var(--panel)!important;position:relative!important;z-index:2!important}
.v420-shell #themeModal .picture-theme-option .theme-option-copy strong{font-size:12px!important;color:var(--text)!important}
.v420-shell #themeModal .picture-theme-option .theme-option-copy small{font-size:9px!important;line-height:1.4!important;-webkit-line-clamp:2}
.v420-shell #themeModal .picture-theme-option .theme-option-copy em{background:var(--panel-muted)!important;color:var(--muted)!important}
.v420-shell #themeModal .picture-theme-option .theme-favorite{top:8px!important;right:10px!important;color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.65)}
.v420-shell #themeModal .picture-theme-option .theme-selected-mark{top:55px!important;right:10px!important;z-index:3!important}
.v420-shell #themeModal .picture-theme-option .theme-contrast{right:10px!important;bottom:9px!important}
.v420-shell #themeModal .theme-option.selected{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent),var(--shadow-soft)!important}

/* Theme preview mappings for the canonical exact photos. */
.v420-shell .theme-option[data-theme-choice="amazon_forest"]{--theme-picture-preview:url('./backgrounds/photos/amazon_forest_exact.png')}
.v420-shell .theme-option[data-theme-choice="arctic"]{--theme-picture-preview:url('./backgrounds/photos/arctic_exact.png')}
.v420-shell .theme-option[data-theme-choice="sahara"]{--theme-picture-preview:url('./backgrounds/photos/sahara_exact.png')}
.v420-shell .theme-option[data-theme-choice="ocean_sunrise"]{--theme-picture-preview:url('./backgrounds/photos/ocean_sunrise_exact.png')}

@media(max-width:900px){
 html[data-photo-theme="true"] .freight-login-shell::after{background:linear-gradient(180deg,rgba(8,32,51,.36) 0%,rgba(235,245,252,.70) 44%,rgba(235,245,252,.78) 100%)!important}
 html[data-photo-theme="true"] .freight-login-card{background:var(--photo-login-card)!important}
 .v420-shell #themeModal .picture-theme-option{min-height:164px!important}
}

/* ======================================================================
   V4.30.00 — Expanded Summary Card Design Studio
   Twenty-four designed presets with safe, content-first customization.
   ====================================================================== */
.v430-shell #themeModal .summary-preset-library{display:grid;gap:14px;margin:0 0 16px}
.v430-shell #themeModal .summary-preset-group{display:grid;gap:7px;min-width:0}
.v430-shell #themeModal .summary-preset-group-title{display:flex;align-items:center;justify-content:space-between;padding:0 2px;color:var(--text)}
.v430-shell #themeModal .summary-preset-group-title strong{font-size:11px;letter-spacing:.035em;text-transform:uppercase}
.v430-shell #themeModal .summary-preset-group-title small{font-size:9px;color:var(--muted)}
.v430-shell #themeModal .summary-design-presets{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin:0!important}
.v430-shell #themeModal .summary-design-presets button{position:relative;min-height:88px!important;padding:11px!important;grid-template-columns:34px minmax(0,1fr)!important;border-radius:14px!important;overflow:hidden;isolation:isolate}
.v430-shell #themeModal .summary-design-presets button::after{content:"";position:absolute;inset:auto -28px -32px auto;width:82px;height:82px;border-radius:50%;background:color-mix(in srgb,var(--accent) 11%,transparent);z-index:-1;pointer-events:none}
.v430-shell #themeModal .summary-design-presets button>span{width:32px!important;height:32px!important;font-size:12px!important}
.v430-shell #themeModal .summary-design-presets button strong{font-size:10.5px!important;line-height:1.2}
.v430-shell #themeModal .summary-design-presets button small{font-size:8.5px!important;line-height:1.25}
.v430-shell #themeModal .summary-design-presets button.selected{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 8%,var(--panel))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent),var(--shadow-soft)!important}
.v430-shell #themeModal .summary-design-presets button.selected::before{content:"✓";position:absolute;right:8px;top:7px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:900;z-index:3}
.v430-shell #themeModal .summary-feature-options-expanded{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
.v430-shell #themeModal .summary-feature-options-expanded>label{min-height:58px!important;align-content:center}
.v430-shell #themeModal .summary-control-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* All decoration remains below the content layer. */
.v430-shell .summary-metric{isolation:isolate!important;position:relative!important;overflow:hidden!important;padding:var(--summary-padding,14px)!important;display:flex!important;flex-direction:column;align-items:flex-start;text-align:left}
.v430-shell .summary-metric>span,.v430-shell .summary-metric>strong,.v430-shell .summary-metric>small{position:relative!important;z-index:4!important;max-width:100%}
.v430-shell .summary-metric::before,.v430-shell .summary-metric::after{pointer-events:none!important}

/* User-selectable layout and type alignment. */
html[data-summary-value-align="center"] .v430-shell .summary-metric{align-items:center;text-align:center}
html[data-summary-value-align="right"] .v430-shell .summary-metric{align-items:flex-end;text-align:right}
html[data-summary-layout="centered"] .v430-shell .summary-metric{justify-content:center;align-items:center;text-align:center}
html[data-summary-layout="split"] .v430-shell .summary-metric{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;column-gap:10px;align-items:start}
html[data-summary-layout="split"] .v430-shell .summary-metric>span{grid-column:1;grid-row:1}
html[data-summary-layout="split"] .v430-shell .summary-metric>strong{grid-column:1/3;grid-row:2;align-self:center}
html[data-summary-layout="split"] .v430-shell .summary-metric>small{grid-column:1/3;grid-row:3}
html[data-summary-layout="compact"] .v430-shell .summary-metric{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;align-items:center}
html[data-summary-layout="compact"] .v430-shell .summary-metric>span{grid-column:1;grid-row:1}
html[data-summary-layout="compact"] .v430-shell .summary-metric>strong{grid-column:2;grid-row:1/3;margin:0!important;align-self:center}
html[data-summary-layout="compact"] .v430-shell .summary-metric>small{grid-column:1;grid-row:2}
html[data-summary-label-position="bottom"] .v430-shell .summary-metric>strong{order:1}
html[data-summary-label-position="bottom"] .v430-shell .summary-metric>span{order:2;margin-top:3px}
html[data-summary-label-position="bottom"] .v430-shell .summary-metric>small{order:3}
html[data-summary-label-position="inline"] .v430-shell .summary-metric{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;align-items:center}
html[data-summary-label-position="inline"] .v430-shell .summary-metric>span{grid-column:1;grid-row:1}
html[data-summary-label-position="inline"] .v430-shell .summary-metric>strong{grid-column:2;grid-row:1/3;margin:0!important}
html[data-summary-label-position="inline"] .v430-shell .summary-metric>small{grid-column:1;grid-row:2}

/* Background treatments. */
html[data-summary-background="solid"] .v430-shell .summary-metric{background:var(--panel)!important}
html[data-summary-background="tint"] .v430-shell .summary-metric{background:color-mix(in srgb,currentColor 8%,var(--panel))!important}
html[data-summary-background="gradient"] .v430-shell .summary-metric{background:linear-gradient(145deg,color-mix(in srgb,currentColor 15%,var(--panel)),color-mix(in srgb,currentColor 3%,var(--panel)) 68%,var(--panel))!important}
html[data-summary-background="glass"] .v430-shell .summary-metric{background:color-mix(in srgb,var(--panel) 72%,transparent)!important;backdrop-filter:blur(18px) saturate(1.18)!important}
html[data-summary-background="transparent"] .v430-shell .summary-metric{background:transparent!important}

/* Icon placement and style — real SVG icons only, never letter markers. */
html[data-summary-icons="show"] .v430-shell .summary-metric{padding-left:var(--summary-padding,14px)!important}
html[data-summary-icons="show"] .v430-shell .summary-metric::before{z-index:3!important;left:var(--summary-padding,14px)!important;top:var(--summary-padding,14px)!important;width:26px!important;height:26px!important;border-radius:8px!important}
html[data-summary-icons="show"][data-summary-icon-position="top-left"] .v430-shell .summary-metric{padding-left:calc(var(--summary-padding,14px) + 36px)!important}
html[data-summary-icons="show"][data-summary-icon-position="top-right"] .v430-shell .summary-metric{padding-right:calc(var(--summary-padding,14px) + 36px)!important}
html[data-summary-icons="show"][data-summary-icon-position="top-right"] .v430-shell .summary-metric::before{left:auto!important;right:var(--summary-padding,14px)!important}
html[data-summary-icons="show"][data-summary-icon-position="side"] .v430-shell .summary-metric{padding-left:calc(var(--summary-padding,14px) + 44px)!important}
html[data-summary-icons="show"][data-summary-icon-position="side"] .v430-shell .summary-metric::before{left:var(--summary-padding,14px)!important;top:50%!important;transform:translateY(-50%);width:32px!important;height:32px!important}
html[data-summary-icon-style="outline"] .v430-shell .summary-metric::before{background-color:transparent!important;border:1px solid color-mix(in srgb,currentColor 48%,var(--border))!important}
html[data-summary-icon-style="solid"] .v430-shell .summary-metric::before{background-color:color-mix(in srgb,currentColor 22%,var(--panel))!important;border:1px solid color-mix(in srgb,currentColor 30%,transparent)!important;box-shadow:0 6px 15px color-mix(in srgb,currentColor 18%,transparent)}
html[data-summary-icon-style="bare"] .v430-shell .summary-metric::before{background-color:transparent!important;border:0!important;box-shadow:none!important}

/* Designed preset identities. */
html[data-summary-design="minimal"] .v430-shell .summary-metric{background:var(--panel)!important;border-color:var(--border)!important;box-shadow:none!important}
html[data-summary-design="flat"] .v430-shell .summary-metric{background:color-mix(in srgb,currentColor 7%,var(--panel))!important;box-shadow:none!important}
html[data-summary-design="elevated"] .v430-shell .summary-metric{box-shadow:0 8px 20px color-mix(in srgb,currentColor 13%,transparent)!important}
html[data-summary-design="premium"] .v430-shell .summary-metric{background:linear-gradient(150deg,color-mix(in srgb,currentColor 16%,var(--panel)),var(--panel) 62%,color-mix(in srgb,var(--accent) 5%,var(--panel)))!important;box-shadow:0 16px 34px color-mix(in srgb,currentColor 18%,transparent)!important}
html[data-summary-design="premium"] .v430-shell .summary-metric::after{content:""!important;position:absolute!important;inset:0 0 auto 0!important;width:auto!important;height:2px!important;border-radius:inherit!important;background:linear-gradient(90deg,transparent,currentColor,transparent)!important;opacity:.65!important;z-index:1!important}
html[data-summary-design="detailed"] .v430-shell .summary-metric{background:linear-gradient(90deg,color-mix(in srgb,currentColor 9%,var(--panel)) 0 72%,color-mix(in srgb,currentColor 15%,var(--panel)) 72% 100%)!important}
html[data-summary-design="glass"] .v430-shell .summary-metric{background:color-mix(in srgb,var(--panel) 64%,transparent)!important;backdrop-filter:blur(16px) saturate(1.18)!important;border-color:color-mix(in srgb,#fff 34%,var(--border))!important}
html[data-summary-design="frosted"] .v430-shell .summary-metric{background:color-mix(in srgb,var(--panel) 82%,transparent)!important;backdrop-filter:blur(24px) saturate(1.08)!important;box-shadow:inset 0 1px rgba(255,255,255,.72),0 10px 26px rgba(18,42,60,.10)!important}
html[data-summary-design="outline"] .v430-shell .summary-metric{background:transparent!important;border-color:currentColor!important;box-shadow:none!important}
html[data-summary-design="accent_bar"] .v430-shell .summary-metric{border-left:6px solid currentColor!important;border-top-color:var(--border)!important;background:var(--panel)!important}
html[data-summary-design="split_tone"] .v430-shell .summary-metric{background:linear-gradient(110deg,color-mix(in srgb,currentColor 10%,var(--panel)) 0 68%,color-mix(in srgb,currentColor 24%,var(--panel)) 68% 100%)!important}
html[data-summary-design="gradient"] .v430-shell .summary-metric{background:linear-gradient(135deg,color-mix(in srgb,currentColor 20%,var(--panel)),color-mix(in srgb,currentColor 5%,var(--panel)) 55%,var(--panel))!important}
html[data-summary-design="soft_glow"] .v430-shell .summary-metric{box-shadow:0 0 0 1px color-mix(in srgb,currentColor 28%,transparent),0 14px 34px color-mix(in srgb,currentColor 23%,transparent)!important}
html[data-summary-design="neon_edge"] .v430-shell .summary-metric{background:color-mix(in srgb,#07111d 92%,currentColor)!important;border-color:currentColor!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 42%,transparent),0 0 20px color-mix(in srgb,currentColor 36%,transparent)!important}
html[data-summary-design="neon_edge"] .v430-shell .summary-metric>span,html[data-summary-design="neon_edge"] .v430-shell .summary-metric>strong{color:color-mix(in srgb,currentColor 82%,#fff)!important}
html[data-summary-design="neon_edge"] .v430-shell .summary-metric>small{color:rgba(255,255,255,.70)!important}
html[data-summary-design="editorial"] .v430-shell .summary-metric{border-radius:6px!important;background:linear-gradient(180deg,var(--panel),color-mix(in srgb,currentColor 5%,var(--panel)))!important;border-left:4px solid currentColor!important}
html[data-summary-design="editorial"] .v430-shell .summary-metric>strong{font-family:Georgia,"Times New Roman",serif!important;letter-spacing:-.045em!important}
html[data-summary-design="corporate"] .v430-shell .summary-metric{border-radius:8px!important;background:var(--panel)!important;border-top:4px solid currentColor!important;box-shadow:0 7px 18px rgba(21,44,68,.10)!important}
html[data-summary-design="data_dense"] .v430-shell .summary-metric{min-height:82px!important;background:var(--panel)!important}
html[data-summary-design="large_numbers"] .v430-shell .summary-metric>strong{font-size:max(36px,var(--summary-value-size))!important;letter-spacing:-.055em!important}
html[data-summary-design="icon_focus"] .v430-shell .summary-metric{background:linear-gradient(110deg,color-mix(in srgb,currentColor 14%,var(--panel)) 0 32%,var(--panel) 32% 100%)!important}
html[data-summary-design="icon_focus"][data-summary-icons="show"] .v430-shell .summary-metric::before{width:36px!important;height:36px!important;background-color:color-mix(in srgb,currentColor 22%,var(--panel))!important}
html[data-summary-design="status_focus"] .v430-shell .summary-metric{background:var(--panel)!important}
html[data-summary-design="status_focus"] .v430-shell .summary-metric.attention{background:color-mix(in srgb,var(--summary-review) 16%,var(--panel))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--summary-review) 24%,transparent),0 12px 26px color-mix(in srgb,var(--summary-review) 18%,transparent)!important}
html[data-summary-design="photo_glass"] .v430-shell .summary-metric{background:color-mix(in srgb,var(--panel) 58%,transparent)!important;backdrop-filter:blur(20px) saturate(1.25)!important;border-color:rgba(255,255,255,.42)!important;box-shadow:inset 0 1px rgba(255,255,255,.66),0 18px 38px rgba(5,23,36,.18)!important}
html[data-summary-design="dark_luxe"] .v430-shell .summary-metric{background:linear-gradient(145deg,#111316,#202226)!important;border-color:color-mix(in srgb,currentColor 48%,#34373c)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 16px 34px rgba(0,0,0,.32)!important}
html[data-summary-design="dark_luxe"] .v430-shell .summary-metric>span,html[data-summary-design="dark_luxe"] .v430-shell .summary-metric>strong{color:color-mix(in srgb,currentColor 82%,#fff)!important}
html[data-summary-design="dark_luxe"] .v430-shell .summary-metric>small{color:rgba(255,255,255,.68)!important}
html[data-summary-design="high_contrast"] .v430-shell .summary-metric{background:var(--panel)!important;border:3px solid currentColor!important;box-shadow:none!important}
html[data-summary-design="high_contrast"] .v430-shell .summary-metric>span,html[data-summary-design="high_contrast"] .v430-shell .summary-metric>strong,html[data-summary-design="high_contrast"] .v430-shell .summary-metric>small{opacity:1!important}

/* Hover effects. */
html[data-summary-hover="none"] .v430-shell .summary-metric:hover{transform:none!important}
html[data-summary-hover="lift"] .v430-shell .summary-metric:hover{transform:translateY(-4px)!important}
html[data-summary-hover="glow"] .v430-shell .summary-metric:hover{transform:translateY(-2px)!important;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 22%,transparent),0 18px 42px color-mix(in srgb,currentColor 28%,transparent)!important}
html[data-summary-hover="tilt"] .v430-shell .summary-metric:hover{transform:translateY(-3px) rotate(-.35deg) scale(1.008)!important}
@keyframes v430SummaryPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px) scale(1.008)}}
html[data-summary-hover="pulse"] .v430-shell .summary-metric:hover{animation:v430SummaryPulse .75s ease-in-out!important}

/* Selectable entrance animations. */
@keyframes v430SummaryFade{from{opacity:0}to{opacity:1}}
@keyframes v430SummaryRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes v430SummaryZoom{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
html[data-card-animation="true"][data-summary-entrance="fade"] .v430-shell #page-calculator.active .summary-metric{animation:v430SummaryFade calc(.42s * var(--motion-speed-factor)) ease both!important}
html[data-card-animation="true"][data-summary-entrance="rise"] .v430-shell #page-calculator.active .summary-metric{animation:v430SummaryRise calc(.54s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"][data-summary-entrance="zoom"] .v430-shell #page-calculator.active .summary-metric{animation:v430SummaryZoom calc(.50s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"][data-summary-entrance="stagger"] .v430-shell #page-calculator.active .summary-metric{animation:v430SummaryRise calc(.56s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"][data-summary-entrance="stagger"] .v430-shell #page-calculator.active .summary-metric:nth-child(2){animation-delay:55ms!important}html[data-card-animation="true"][data-summary-entrance="stagger"] .v430-shell #page-calculator.active .summary-metric:nth-child(3){animation-delay:110ms!important}html[data-card-animation="true"][data-summary-entrance="stagger"] .v430-shell #page-calculator.active .summary-metric:nth-child(4){animation-delay:165ms!important}html[data-card-animation="true"][data-summary-entrance="stagger"] .v430-shell #page-calculator.active .summary-metric:nth-child(5){animation-delay:220ms!important}html[data-card-animation="true"][data-summary-entrance="stagger"] .v430-shell #page-calculator.active .summary-metric:nth-child(6){animation-delay:275ms!important}
html[data-summary-entrance="none"] .v430-shell #page-calculator.active .summary-metric{animation:none!important}

@media(max-width:1180px){.v430-shell #themeModal .summary-design-presets{grid-template-columns:repeat(3,minmax(0,1fr))!important}.v430-shell #themeModal .summary-feature-options-expanded{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.v430-shell #themeModal .summary-design-presets{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v430-shell #themeModal .summary-feature-options-expanded,.v430-shell #themeModal .summary-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.v430-shell #themeModal .summary-design-presets,.v430-shell #themeModal .summary-feature-options-expanded,.v430-shell #themeModal .summary-control-grid{grid-template-columns:1fr!important}}


/* ======================================================================
   V4.40.00 — Summary Card Preservation & Simplified Confirmation
   Visual presets no longer erase color or typography preferences.
   ====================================================================== */
.v440-shell #themeModal .summary-preservation-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;margin:0 0 16px;padding:12px;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--panel-muted) 65%,var(--panel));align-items:stretch}
.v440-shell #themeModal .summary-preservation-toolbar>label{display:grid;gap:5px;padding:10px 11px;border:1px solid var(--border);border-radius:12px;background:var(--panel);min-width:0}
.v440-shell #themeModal .summary-preservation-toolbar>label>span{font-size:10px;font-weight:900;color:var(--text)}
.v440-shell #themeModal .summary-preservation-toolbar select{height:38px;border:1px solid var(--border-strong);border-radius:10px;background:var(--panel);color:var(--text);padding:0 10px;font-weight:750}
.v440-shell #themeModal .summary-preservation-toolbar small{font-size:8.5px;line-height:1.35;color:var(--muted)}
.v440-shell #themeModal #applySummaryPresetDefaults{min-width:180px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:10px 14px;height:auto}
.v440-shell #themeModal #applySummaryPresetDefaults span{font-weight:850}.v440-shell #themeModal #applySummaryPresetDefaults small{font-size:8px;color:inherit;opacity:.72}

/* Color identity modes. Semantic/custom modes always retain visibly distinct cards. */
html[data-summary-color-mode="semantic"] .v440-shell .summary-metric.line{color:var(--line)!important}
html[data-summary-color-mode="semantic"] .v440-shell .summary-metric.normal{color:var(--normal)!important}
html[data-summary-color-mode="semantic"] .v440-shell .summary-metric.special{color:var(--special)!important}
html[data-summary-color-mode="semantic"] .v440-shell .summary-metric.neutral:nth-of-type(4){color:var(--package,#0b91a1)!important}
html[data-summary-color-mode="semantic"] .v440-shell .summary-metric.neutral:nth-of-type(5){color:var(--weight,#7658bf)!important}
html[data-summary-color-mode="semantic"] .v440-shell .summary-metric.attention{color:var(--danger)!important}
html[data-summary-color-mode="theme"] .v440-shell .summary-metric.line{color:var(--accent)!important}
html[data-summary-color-mode="theme"] .v440-shell .summary-metric.normal{color:var(--success)!important}
html[data-summary-color-mode="theme"] .v440-shell .summary-metric.special{color:var(--warning)!important}
html[data-summary-color-mode="theme"] .v440-shell .summary-metric.neutral:nth-of-type(4){color:var(--accent-2)!important}
html[data-summary-color-mode="theme"] .v440-shell .summary-metric.neutral:nth-of-type(5){color:var(--violet)!important}
html[data-summary-color-mode="theme"] .v440-shell .summary-metric.attention{color:var(--danger)!important}
html[data-summary-color-mode="custom"] .v440-shell .summary-metric.line,html[data-summary-color-mode="preset"] .v440-shell .summary-metric.line{color:var(--summary-line)!important}
html[data-summary-color-mode="custom"] .v440-shell .summary-metric.normal,html[data-summary-color-mode="preset"] .v440-shell .summary-metric.normal{color:var(--summary-normal)!important}
html[data-summary-color-mode="custom"] .v440-shell .summary-metric.special,html[data-summary-color-mode="preset"] .v440-shell .summary-metric.special{color:var(--summary-special)!important}
html[data-summary-color-mode="custom"] .v440-shell .summary-metric.neutral:nth-of-type(4),html[data-summary-color-mode="preset"] .v440-shell .summary-metric.neutral:nth-of-type(4){color:var(--summary-packing)!important}
html[data-summary-color-mode="custom"] .v440-shell .summary-metric.neutral:nth-of-type(5),html[data-summary-color-mode="preset"] .v440-shell .summary-metric.neutral:nth-of-type(5){color:var(--summary-weight)!important}
html[data-summary-color-mode="custom"] .v440-shell .summary-metric.attention,html[data-summary-color-mode="preset"] .v440-shell .summary-metric.attention{color:var(--summary-review)!important}
html[data-summary-color-mode="semantic"] .v440-shell .summary-metric,html[data-summary-color-mode="theme"] .v440-shell .summary-metric,html[data-summary-color-mode="custom"] .v440-shell .summary-metric{background:linear-gradient(145deg,color-mix(in srgb,currentColor 16%,var(--panel)),color-mix(in srgb,currentColor 5%,var(--panel)) 68%,var(--panel))!important;border-color:color-mix(in srgb,currentColor 42%,var(--border))!important}
html[data-summary-color-mode="semantic"] .v440-shell .summary-metric::after,html[data-summary-color-mode="theme"] .v440-shell .summary-metric::after,html[data-summary-color-mode="custom"] .v440-shell .summary-metric::after{content:""!important;position:absolute!important;right:-30px!important;bottom:-36px!important;width:86px!important;height:86px!important;border-radius:50%!important;background:currentColor!important;opacity:.08!important;z-index:0!important;pointer-events:none!important}

/* Typography preferences are independent from design. */
.v440-shell .summary-metric>span,.v440-shell .summary-metric>small{font-family:var(--summary-font)!important;font-weight:var(--summary-font-weight,700)!important;line-height:var(--summary-line-height,1.1)!important;letter-spacing:var(--summary-letter-spacing,0em)!important}
.v440-shell .summary-metric>strong{font-family:var(--summary-font)!important;line-height:var(--summary-line-height,1.1)!important;letter-spacing:var(--summary-letter-spacing,0em)!important}
html[data-summary-typography-mode="preset"][data-summary-design="editorial"] .v440-shell .summary-metric>strong{font-family:Georgia,"Times New Roman",serif!important;letter-spacing:-.045em!important}

/* Compact, simple confirmation. */
.v440-shell .confirm-card-v440{position:relative;width:min(480px,calc(100vw - 28px));padding:0 0 27px!important;overflow:hidden;border-radius:20px!important;background:var(--panel)!important;border:1px solid var(--border)!important;box-shadow:0 26px 76px color-mix(in srgb,var(--text) 28%,transparent)!important}
.v440-shell .confirm-card-v440 .confirm-close{position:absolute;right:13px;top:13px;z-index:4}
.v440-shell .confirm-simple-body{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;align-items:start;padding:24px 54px 18px 22px;background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 7%,var(--panel)),var(--panel));border-bottom:1px solid var(--border)}
.v440-shell .confirm-simple-body .confirm-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--danger) 13%,var(--panel));border:1px solid color-mix(in srgb,var(--danger) 28%,var(--border));color:var(--danger);font-size:19px;font-weight:950}
.v440-shell .confirm-simple-copy h2{margin:4px 0 7px;font-size:24px;letter-spacing:-.03em;color:var(--text)}
.v440-shell .confirm-simple-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.55;max-width:350px}
.v440-shell .confirm-actions-v440{display:flex;justify-content:flex-end;gap:9px;padding:14px 20px 16px;border:0;background:var(--panel)}
.v440-shell .confirm-actions-v440 .button{height:42px;min-width:118px;border-radius:11px}
.v440-shell .confirm-card-v440 .module-signature{position:absolute;left:0;right:0;bottom:0;min-height:27px;display:flex;align-items:center;justify-content:flex-end;padding:0 14px;border-top:1px solid var(--border);background:var(--panel);font-size:8px;color:var(--signature)}
@media(max-width:760px){.v440-shell #themeModal .summary-preservation-toolbar{grid-template-columns:1fr}.v440-shell #themeModal #applySummaryPresetDefaults{min-width:0;width:100%}}
@media(max-width:520px){.v440-shell .confirm-simple-body{grid-template-columns:1fr;padding:54px 20px 16px}.v440-shell .confirm-simple-body .confirm-icon{position:absolute;top:14px;left:20px}.v440-shell .confirm-actions-v440{flex-direction:column-reverse}.v440-shell .confirm-actions-v440 .button{width:100%}}
/* Preserve explicit Summary Card typography even in type-led designs. */
html:not([data-summary-typography-mode="preset"])[data-summary-design="editorial"] .v440-shell .summary-metric>strong{font-family:var(--summary-font)!important;letter-spacing:var(--summary-letter-spacing,0em)!important}
html:not([data-summary-typography-mode="preset"])[data-summary-design="large_numbers"] .v440-shell .summary-metric>strong{font-size:var(--summary-value-size)!important;letter-spacing:var(--summary-letter-spacing,0em)!important}

/* ========================================================================== */
/* V4.50.00 — Distinct Summary Card Motion Languages                         */
/* Every design owns a visibly different, text-safe motion/effects profile.  */
/* ========================================================================== */
.v450-shell .summary-metric{
  isolation:isolate;
  transform-origin:center;
  will-change:transform,box-shadow,filter,background-position;
}
.v450-shell .summary-metric>span,
.v450-shell .summary-metric>strong,
.v450-shell .summary-metric>small{
  position:relative!important;
  z-index:4!important;
}
.v450-shell .summary-metric::before{z-index:3!important;pointer-events:none!important}
.v450-shell .summary-metric::after{pointer-events:none!important;z-index:1!important}

/* Unique entry choreography */
@keyframes v450MinimalIn{from{opacity:0}to{opacity:1}}
@keyframes v450OfficeIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@keyframes v450FlatIn{0%{opacity:0;transform:scale(.985)}65%{opacity:1;transform:scale(1.006)}100%{transform:none}}
@keyframes v450ElevatedIn{0%{opacity:0;transform:translateY(18px);box-shadow:0 0 0 transparent}100%{opacity:1;transform:none}}
@keyframes v450PremiumIn{0%{opacity:0;transform:translateY(14px) scale(.96);filter:saturate(.75)}70%{opacity:1;transform:translateY(-2px) scale(1.008);filter:saturate(1.08)}100%{transform:none;filter:none}}
@keyframes v450DetailedIn{0%{opacity:0;clip-path:inset(0 100% 0 0)}100%{opacity:1;clip-path:inset(0)}}
@keyframes v450GlassIn{0%{opacity:0;transform:translateY(10px);filter:blur(8px)}100%{opacity:1;transform:none;filter:none}}
@keyframes v450FrostedIn{0%{opacity:0;filter:blur(14px) brightness(1.18)}100%{opacity:1;filter:none}}
@keyframes v450OutlineIn{0%{opacity:0;box-shadow:inset 0 0 0 0 currentColor}70%{opacity:1;box-shadow:inset 0 0 0 2px currentColor}100%{box-shadow:none}}
@keyframes v450AccentBarIn{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:none}}
@keyframes v450SplitIn{0%{opacity:0;transform:scaleX(.9);transform-origin:left}100%{opacity:1;transform:none}}
@keyframes v450GradientIn{0%{opacity:0;background-position:0% 50%;transform:translateY(8px)}100%{opacity:1;background-position:100% 50%;transform:none}}
@keyframes v450GlowIn{0%{opacity:0;transform:scale(.97);box-shadow:0 0 0 transparent}65%{opacity:1;box-shadow:0 0 30px color-mix(in srgb,currentColor 30%,transparent)}100%{transform:none}}
@keyframes v450NeonIn{0%{opacity:0;filter:brightness(.65);transform:scale(.96)}58%{opacity:1;filter:brightness(1.4)}100%{filter:none;transform:none}}
@keyframes v450EditorialIn{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:none}}
@keyframes v450CorporateIn{0%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:none}}
@keyframes v450DenseIn{0%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:none}}
@keyframes v450LargeIn{0%{opacity:0;transform:scale(.82)}72%{opacity:1;transform:scale(1.035)}100%{transform:none}}
@keyframes v450IconIn{0%{opacity:0;transform:translateX(-18px)}100%{opacity:1;transform:none}}
@keyframes v450StatusIn{0%{opacity:0;transform:translateY(8px)}70%{opacity:1;transform:translateY(-1px)}100%{transform:none}}
@keyframes v450PhotoIn{0%{opacity:0;transform:translateY(12px) scale(.975);backdrop-filter:blur(2px)}100%{opacity:1;transform:none}}
@keyframes v450LuxeIn{0%{opacity:0;transform:translateY(16px);filter:brightness(.7)}70%{opacity:1;filter:brightness(1.12)}100%{transform:none;filter:none}}
@keyframes v450ContrastIn{0%{opacity:0;outline:0 solid currentColor}45%{opacity:1;outline:4px solid currentColor;outline-offset:3px}100%{outline:0 solid transparent;outline-offset:0}}
@keyframes v450CustomIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="minimal"] .v450-shell #page-calculator.active .summary-metric{animation:v450MinimalIn calc(.26s * var(--motion-speed-factor)) ease both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="office"] .v450-shell #page-calculator.active .summary-metric{animation:v450OfficeIn calc(.42s * var(--motion-speed-factor)) cubic-bezier(.2,.75,.25,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="flat"] .v450-shell #page-calculator.active .summary-metric{animation:v450FlatIn calc(.38s * var(--motion-speed-factor)) ease-out both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="elevated"] .v450-shell #page-calculator.active .summary-metric{animation:v450ElevatedIn calc(.52s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="premium"] .v450-shell #page-calculator.active .summary-metric{animation:v450PremiumIn calc(.66s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="detailed"] .v450-shell #page-calculator.active .summary-metric{animation:v450DetailedIn calc(.55s * var(--motion-speed-factor)) cubic-bezier(.2,.8,.2,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="glass"] .v450-shell #page-calculator.active .summary-metric{animation:v450GlassIn calc(.62s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="frosted"] .v450-shell #page-calculator.active .summary-metric{animation:v450FrostedIn calc(.72s * var(--motion-speed-factor)) ease both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="outline"] .v450-shell #page-calculator.active .summary-metric{animation:v450OutlineIn calc(.54s * var(--motion-speed-factor)) ease both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="accent_bar"] .v450-shell #page-calculator.active .summary-metric{animation:v450AccentBarIn calc(.45s * var(--motion-speed-factor)) cubic-bezier(.2,.8,.2,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="split_tone"] .v450-shell #page-calculator.active .summary-metric{animation:v450SplitIn calc(.50s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="gradient"] .v450-shell #page-calculator.active .summary-metric{animation:v450GradientIn calc(.65s * var(--motion-speed-factor)) ease both!important;background-size:180% 180%!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="soft_glow"] .v450-shell #page-calculator.active .summary-metric{animation:v450GlowIn calc(.68s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="neon_edge"] .v450-shell #page-calculator.active .summary-metric{animation:v450NeonIn calc(.72s * var(--motion-speed-factor)) ease both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="editorial"] .v450-shell #page-calculator.active .summary-metric{animation:v450EditorialIn calc(.48s * var(--motion-speed-factor)) cubic-bezier(.22,.61,.36,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="corporate"] .v450-shell #page-calculator.active .summary-metric{animation:v450CorporateIn calc(.40s * var(--motion-speed-factor)) ease-out both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="data_dense"] .v450-shell #page-calculator.active .summary-metric{animation:v450DenseIn calc(.24s * var(--motion-speed-factor)) linear both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="large_numbers"] .v450-shell #page-calculator.active .summary-metric{animation:v450LargeIn calc(.58s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="icon_focus"] .v450-shell #page-calculator.active .summary-metric{animation:v450IconIn calc(.52s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="status_focus"] .v450-shell #page-calculator.active .summary-metric{animation:v450StatusIn calc(.45s * var(--motion-speed-factor)) ease-out both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="photo_glass"] .v450-shell #page-calculator.active .summary-metric{animation:v450PhotoIn calc(.66s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="dark_luxe"] .v450-shell #page-calculator.active .summary-metric{animation:v450LuxeIn calc(.72s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="high_contrast"] .v450-shell #page-calculator.active .summary-metric{animation:v450ContrastIn calc(.46s * var(--motion-speed-factor)) ease both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="custom"] .v450-shell #page-calculator.active .summary-metric{animation:v450CustomIn calc(.50s * var(--motion-speed-factor)) ease both!important}

/* Meaningful stagger patterns instead of one repeated sequence. */
html[data-card-animation="true"]:not([data-reduced-motion="true"]) .v450-shell #page-calculator.active .summary-metric:nth-child(2){animation-delay:45ms!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"]) .v450-shell #page-calculator.active .summary-metric:nth-child(3){animation-delay:90ms!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"]) .v450-shell #page-calculator.active .summary-metric:nth-child(4){animation-delay:135ms!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"]) .v450-shell #page-calculator.active .summary-metric:nth-child(5){animation-delay:180ms!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"]) .v450-shell #page-calculator.active .summary-metric:nth-child(6){animation-delay:225ms!important}
html[data-summary-design="data_dense"] .v450-shell #page-calculator.active .summary-metric:nth-child(n){animation-delay:0ms!important}
html[data-summary-design="editorial"] .v450-shell #page-calculator.active .summary-metric:nth-child(odd){animation-delay:0ms!important}
html[data-summary-design="editorial"] .v450-shell #page-calculator.active .summary-metric:nth-child(even){animation-delay:110ms!important}
html[data-summary-design="split_tone"] .v450-shell #page-calculator.active .summary-metric:nth-child(2),
html[data-summary-design="split_tone"] .v450-shell #page-calculator.active .summary-metric:nth-child(4),
html[data-summary-design="split_tone"] .v450-shell #page-calculator.active .summary-metric:nth-child(6){animation-delay:140ms!important}

/* Distinct hover interactions. These remain on safe card/background layers. */
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="minimal"] .v450-shell .summary-metric:hover{transform:none!important;opacity:.88!important;box-shadow:none!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="office"] .v450-shell .summary-metric:hover{transform:translateX(3px)!important;box-shadow:-4px 0 0 color-mix(in srgb,currentColor 52%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="flat"] .v450-shell .summary-metric:hover{transform:scale(1.012)!important;box-shadow:inset 0 0 0 2px color-mix(in srgb,currentColor 26%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="elevated"] .v450-shell .summary-metric:hover{transform:translateY(-7px)!important;box-shadow:0 20px 36px color-mix(in srgb,currentColor 20%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="premium"] .v450-shell .summary-metric:hover{transform:translateY(-4px) scale(1.01)!important;box-shadow:0 22px 48px color-mix(in srgb,currentColor 25%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="detailed"] .v450-shell .summary-metric:hover{transform:none!important;background-position:100% 0!important;box-shadow:inset -7px 0 0 color-mix(in srgb,currentColor 20%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="glass"] .v450-shell .summary-metric:hover{transform:translateY(-3px) scale(1.006)!important;backdrop-filter:blur(22px) saturate(1.32)!important;box-shadow:inset 0 1px rgba(255,255,255,.8),0 18px 38px rgba(10,31,48,.18)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="frosted"] .v450-shell .summary-metric:hover{transform:translateY(-2px)!important;filter:brightness(1.045) saturate(1.08)!important;box-shadow:inset 0 1px rgba(255,255,255,.94),0 16px 32px rgba(18,42,60,.14)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="outline"] .v450-shell .summary-metric:hover{transform:none!important;box-shadow:inset 0 0 0 2px currentColor,0 0 0 3px color-mix(in srgb,currentColor 13%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="accent_bar"] .v450-shell .summary-metric:hover{transform:translateX(5px)!important;border-left-width:10px!important;box-shadow:0 9px 22px color-mix(in srgb,currentColor 15%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="split_tone"] .v450-shell .summary-metric:hover{transform:none!important;background-position:100% 0!important;filter:saturate(1.12)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="gradient"] .v450-shell .summary-metric:hover{transform:translateY(-3px)!important;background-position:100% 50%!important;box-shadow:0 16px 36px color-mix(in srgb,currentColor 20%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="soft_glow"] .v450-shell .summary-metric:hover{transform:scale(1.012)!important;box-shadow:0 0 0 1px color-mix(in srgb,currentColor 38%,transparent),0 0 34px color-mix(in srgb,currentColor 34%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="neon_edge"] .v450-shell .summary-metric:hover{transform:translateY(-2px)!important;filter:brightness(1.18)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 70%,transparent),0 0 28px color-mix(in srgb,currentColor 60%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="editorial"] .v450-shell .summary-metric:hover{transform:translateX(4px)!important;box-shadow:10px 10px 0 color-mix(in srgb,currentColor 10%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="corporate"] .v450-shell .summary-metric:hover{transform:translateY(-2px)!important;border-top-width:6px!important;box-shadow:0 12px 24px rgba(21,44,68,.16)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="data_dense"] .v450-shell .summary-metric:hover{transform:none!important;background:color-mix(in srgb,currentColor 9%,var(--panel))!important;box-shadow:inset 3px 0 0 currentColor!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="large_numbers"] .v450-shell .summary-metric:hover{transform:scale(1.025)!important;box-shadow:0 15px 34px color-mix(in srgb,currentColor 18%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="icon_focus"] .v450-shell .summary-metric:hover{transform:translateY(-3px)!important;box-shadow:0 15px 32px color-mix(in srgb,currentColor 18%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="icon_focus"] .v450-shell .summary-metric:hover::before{transform:scale(1.18) rotate(-8deg)!important;filter:drop-shadow(0 4px 8px color-mix(in srgb,currentColor 34%,transparent))!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="status_focus"] .v450-shell .summary-metric:hover{transform:none!important;box-shadow:inset 0 0 0 2px color-mix(in srgb,currentColor 34%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="photo_glass"] .v450-shell .summary-metric:hover{transform:translateY(-4px) scale(1.006)!important;backdrop-filter:blur(25px) saturate(1.38)!important;box-shadow:inset 0 1px rgba(255,255,255,.86),0 20px 44px rgba(5,23,36,.24)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="dark_luxe"] .v450-shell .summary-metric:hover{transform:translateY(-4px)!important;filter:brightness(1.1)!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 24px 46px rgba(0,0,0,.46)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="high_contrast"] .v450-shell .summary-metric:hover{transform:none!important;outline:3px solid currentColor!important;outline-offset:3px!important;box-shadow:none!important}

/* Distinct safe decorative layers. No foreground text is ever crossed. */
@keyframes v450Sheen{0%{transform:translateX(-145%) skewX(-18deg)}100%{transform:translateX(245%) skewX(-18deg)}}
@keyframes v450GradientFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes v450GlowBreathe{0%,100%{box-shadow:0 0 0 1px color-mix(in srgb,currentColor 26%,transparent),0 10px 24px color-mix(in srgb,currentColor 14%,transparent)}50%{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 40%,transparent),0 0 34px color-mix(in srgb,currentColor 28%,transparent)}}
@keyframes v450AccentSweep{0%,100%{transform:scaleY(.35);opacity:.55}50%{transform:scaleY(1);opacity:1}}
@keyframes v450NeonTrace{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes v450StatusPulse{0%,100%{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 20%,transparent)}50%{box-shadow:inset 0 0 0 3px color-mix(in srgb,currentColor 40%,transparent),0 0 20px color-mix(in srgb,currentColor 20%,transparent)}}
@keyframes v450PhotoDrift{0%,100%{transform:translate3d(-2px,-1px,0) scale(1.02)}50%{transform:translate3d(3px,2px,0) scale(1.035)}}

html[data-summary-design="premium"] .v450-shell .summary-metric::after,
html[data-summary-design="dark_luxe"] .v450-shell .summary-metric::after{
  content:""!important;position:absolute!important;inset:-30% auto -30% -45%!important;width:34%!important;height:auto!important;border-radius:0!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent)!important;opacity:.72!important;transform:translateX(-145%) skewX(-18deg);z-index:1!important
}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="premium"] .v450-shell .summary-metric:hover::after,
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="dark_luxe"] .v450-shell .summary-metric:hover::after{animation:v450Sheen calc(1.05s * var(--motion-speed-factor)) ease both!important}

html[data-summary-design="accent_bar"] .v450-shell .summary-metric::after{
  content:""!important;position:absolute!important;left:0!important;top:12%!important;bottom:12%!important;width:5px!important;height:auto!important;border-radius:0 5px 5px 0!important;background:currentColor!important;opacity:.82!important;transform-origin:center!important
}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="accent_bar"][data-effect-intensity="rich"] .v450-shell .summary-metric::after,
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="accent_bar"][data-effect-intensity="stunning"] .v450-shell .summary-metric::after{animation:v450AccentSweep calc(2.4s * var(--motion-speed-factor)) ease-in-out infinite!important}

html[data-summary-design="gradient"] .v450-shell .summary-metric{background-size:220% 220%!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="gradient"][data-effect-intensity="rich"] .v450-shell .summary-metric,
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="gradient"][data-effect-intensity="stunning"] .v450-shell .summary-metric{animation:v450GradientFlow calc(7s * var(--motion-speed-factor)) ease-in-out infinite!important}

html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="soft_glow"][data-effect-intensity="rich"] .v450-shell .summary-metric,
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="soft_glow"][data-effect-intensity="stunning"] .v450-shell .summary-metric{animation:v450GlowBreathe calc(3.2s * var(--motion-speed-factor)) ease-in-out infinite!important}

html[data-summary-design="neon_edge"] .v450-shell .summary-metric::after{
  content:""!important;position:absolute!important;inset:-45%!important;width:auto!important;height:auto!important;border-radius:50%!important;
  background:conic-gradient(from 0deg,transparent 0 25%,currentColor 36%,transparent 48% 78%,currentColor 88%,transparent 96%)!important;opacity:.30!important;z-index:1!important
}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="neon_edge"] .v450-shell .summary-metric::after{animation:v450NeonTrace calc(5.5s * var(--motion-speed-factor)) linear infinite!important}

html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="status_focus"] .v450-shell .summary-metric.attention{animation:v450StatusPulse calc(2.1s * var(--motion-speed-factor)) ease-in-out infinite!important}

html[data-summary-design="photo_glass"] .v450-shell .summary-metric::after{
  content:""!important;position:absolute!important;inset:-12%!important;width:auto!important;height:auto!important;border-radius:inherit!important;
  background:radial-gradient(circle at 20% 25%,rgba(255,255,255,.22),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.10),transparent 50%)!important;opacity:.62!important;z-index:1!important
}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="photo_glass"][data-background-motion="true"] .v450-shell .summary-metric::after{animation:v450PhotoDrift calc(7.5s * var(--motion-speed-factor)) ease-in-out infinite!important}

/* Value changes adopt the selected card design rather than one global bump. */
@keyframes v450ValueMinimal{0%{opacity:.35}100%{opacity:1}}
@keyframes v450ValueLift{0%{transform:translateY(5px);opacity:.45}65%{transform:translateY(-2px);opacity:1}100%{transform:none}}
@keyframes v450ValueScale{0%{transform:scale(.82);opacity:.4}68%{transform:scale(1.08);opacity:1}100%{transform:none}}
@keyframes v450ValueGlow{0%{text-shadow:0 0 0 transparent;transform:scale(.92)}55%{text-shadow:0 0 18px currentColor;transform:scale(1.05)}100%{text-shadow:none;transform:none}}
@keyframes v450ValueSlide{0%{transform:translateX(-9px);opacity:.2}100%{transform:none;opacity:1}}
@keyframes v450ValueEditorial{0%{letter-spacing:.02em;opacity:.3}100%{letter-spacing:inherit;opacity:1}}
@keyframes v450ValueSnap{0%{transform:scaleX(.88)}45%{transform:scaleX(1.06)}100%{transform:none}}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="minimal"] .v450-shell .summary-metric>strong.metric-value-bump{animation:v450ValueMinimal calc(.25s * var(--motion-speed-factor)) linear!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="office"] .v450-shell .summary-metric>strong.metric-value-bump,
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="elevated"] .v450-shell .summary-metric>strong.metric-value-bump,
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="corporate"] .v450-shell .summary-metric>strong.metric-value-bump{animation:v450ValueLift calc(.43s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1)!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="large_numbers"] .v450-shell .summary-metric>strong.metric-value-bump,
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="premium"] .v450-shell .summary-metric>strong.metric-value-bump{animation:v450ValueScale calc(.48s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1)!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="soft_glow"] .v450-shell .summary-metric>strong.metric-value-bump,
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="neon_edge"] .v450-shell .summary-metric>strong.metric-value-bump,
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="dark_luxe"] .v450-shell .summary-metric>strong.metric-value-bump{animation:v450ValueGlow calc(.52s * var(--motion-speed-factor)) ease!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="data_dense"] .v450-shell .summary-metric>strong.metric-value-bump,
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="accent_bar"] .v450-shell .summary-metric>strong.metric-value-bump{animation:v450ValueSlide calc(.28s * var(--motion-speed-factor)) ease-out!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="editorial"] .v450-shell .summary-metric>strong.metric-value-bump{animation:v450ValueEditorial calc(.46s * var(--motion-speed-factor)) ease!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="high_contrast"] .v450-shell .summary-metric>strong.metric-value-bump{animation:v450ValueSnap calc(.32s * var(--motion-speed-factor)) steps(2,end)!important}

/* Reduced-motion keeps design identity with static colors/borders only. */
html[data-reduced-motion="true"] .v450-shell .summary-metric,
html[data-reduced-motion="true"] .v450-shell .summary-metric::after,
html[data-reduced-motion="true"] .v450-shell .summary-metric::before,
html[data-reduced-motion="true"] .v450-shell .summary-metric>strong{animation:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){
  .v450-shell .summary-metric,.v450-shell .summary-metric::after,.v450-shell .summary-metric::before,.v450-shell .summary-metric>strong{animation:none!important;transition:none!important}
}
/* Strong reduced-motion override after legacy entrance rules. */
html[data-reduced-motion="true"][data-card-animation] .v450-shell #page-calculator.active .summary-metric,
html[data-reduced-motion="true"][data-card-animation] .v450-shell #page-calculator.active .summary-metric::after,
html[data-reduced-motion="true"][data-card-animation] .v450-shell #page-calculator.active .summary-metric::before,
html[data-reduced-motion="true"][data-number-animations] .v450-shell #page-calculator.active .summary-metric>strong{animation:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){
  html[data-card-animation] .v450-shell #page-calculator.active .summary-metric,
  html[data-card-animation] .v450-shell #page-calculator.active .summary-metric::after,
  html[data-card-animation] .v450-shell #page-calculator.active .summary-metric::before,
  html[data-number-animations] .v450-shell #page-calculator.active .summary-metric>strong{animation:none!important;transition:none!important}
}

/* ========================================================================== */
/* V4.60.00 — Genuine Summary Card Motion Redesign                           */
/* No shared circular/radial hover layer. Every design owns its motion.       */
/* ========================================================================== */
.v460-shell .summary-metric{
  isolation:isolate!important;
  overflow:hidden!important;
  transform-origin:center!important;
  will-change:transform,box-shadow,filter,background-position,border-color!important;
}
.v460-shell .summary-metric>span,
.v460-shell .summary-metric>strong,
.v460-shell .summary-metric>small{position:relative!important;z-index:8!important}
.v460-shell .summary-metric::before{z-index:7!important;pointer-events:none!important}
/* Kill every inherited bubble, radial wash, shared shimmer and common circle. */
html .v460-shell .summary-metric::after,
html[data-shimmer-effect="true"] .v460-shell .summary-metric::after,
html[data-summary-color-mode] .v460-shell .summary-metric::after{
  content:none!important;
  display:none!important;
  inset:auto!important;
  width:0!important;
  height:0!important;
  border-radius:0!important;
  background:none!important;
  opacity:0!important;
  animation:none!important;
  transform:none!important;
  box-shadow:none!important;
  pointer-events:none!important;
}

/* Entrance profiles — each preset has its own keyframe name and choreography. */
@keyframes v460MinimalEnter{0%{opacity:0;transform:scale(.98);filter:brightness(.7)}70%{filter:brightness(1.08)}100%{opacity:1;transform:none;filter:none}}
@keyframes v460OfficeEnter{0%{opacity:0;transform:translate3d(-20px,0,0) scale(.98)}70%{transform:translate3d(2px,0,0) scale(1.004)}100%{opacity:1;transform:none}}
@keyframes v460FlatEnter{0%{opacity:0;transform:scale(.95);filter:saturate(.4) contrast(1.2)}65%{filter:saturate(1.2) contrast(1.05)}100%{opacity:1;transform:none;filter:none}}
@keyframes v460ElevatedEnter{0%{opacity:0;transform:translate3d(0,28px,0) scale(.94);box-shadow:0 0 0 transparent}65%{opacity:1;transform:translate3d(0,-5px,0) scale(1.015);box-shadow:0 24px 50px color-mix(in srgb,currentColor 28%,transparent)}100%{opacity:1;transform:none;box-shadow:var(--shadow-soft)}}
@keyframes v460OutlineEnter{0%{opacity:0;outline:2px solid currentColor;outline-offset:14px;transform:scale(.96)}60%{opacity:1;outline:2px solid color-mix(in srgb,currentColor 75%,transparent);outline-offset:-2px}100%{opacity:1;outline:1px solid var(--border);outline-offset:0;transform:none}}
@keyframes v460PremiumEnter{0%{opacity:0;transform:translate3d(0,22px,0) scale(.94);filter:brightness(.65) contrast(1.15)}65%{opacity:1;transform:translate3d(0,-4px,0) scale(1.015);filter:brightness(1.18) contrast(1.05)}100%{opacity:1;transform:none;filter:none}}
@keyframes v460LuxeEnter{0%{opacity:0;transform:translate3d(0,26px,0) scale(.94);filter:contrast(.6) brightness(.7);box-shadow:0 0 0 transparent}70%{opacity:1;transform:translate3d(0,-3px,0) scale(1.01);filter:contrast(1.15) brightness(1.08);box-shadow:0 28px 60px rgba(0,0,0,.55)}100%{opacity:1;transform:none;filter:none}}
@keyframes v460GlassEnter{0%{opacity:0;transform:translate3d(0,18px,0) scale(.95);backdrop-filter:blur(1px) saturate(.8)}65%{opacity:1;transform:translate3d(0,-3px,0) scale(1.01);backdrop-filter:blur(22px) saturate(1.4)}100%{opacity:1;transform:none;backdrop-filter:blur(calc(8px + 14px * var(--glass-strength))) saturate(calc(1 + .25 * var(--glass-strength)))}}
@keyframes v460FrostedEnter{0%{opacity:0;transform:scale(.93);filter:blur(9px) saturate(.4)}60%{opacity:1;transform:scale(1.015);filter:blur(1px) saturate(1.2)}100%{opacity:1;transform:none;filter:none}}
@keyframes v460PhotoEnter{0%{opacity:0;transform:scale(.92) translate3d(0,14px,0);filter:contrast(.7) brightness(.8)}65%{opacity:1;transform:scale(1.012) translate3d(0,-2px,0);filter:contrast(1.1) brightness(1.05)}100%{opacity:1;transform:none;filter:none}}
@keyframes v460AccentEnter{0%{opacity:0;transform:translate3d(-24px,0,0) scale(.97);box-shadow:inset 8px 0 var(--accent)}65%{transform:translate3d(3px,0,0) scale(1.008);box-shadow:inset 5px 0 var(--accent),0 8px 24px color-mix(in srgb,var(--accent) 26%,transparent)}100%{opacity:1;transform:none}}
@keyframes v460CorporateEnter{0%{opacity:0;transform:translate3d(0,-18px,0) scale(.97)}65%{transform:translate3d(0,2px,0) scale(1.006)}100%{opacity:1;transform:none}}
@keyframes v460SplitEnter{0%{opacity:0;background-position:100% 0;transform:translate3d(0,14px,0) scale(.97)}70%{transform:translate3d(0,-2px,0) scale(1.006)}100%{opacity:1;background-position:0 0;transform:none}}
@keyframes v460GradientEnter{0%{opacity:0;background-position:100% 100%;transform:scale(.94);filter:hue-rotate(-25deg)}65%{opacity:1;transform:scale(1.015);filter:hue-rotate(10deg)}100%{opacity:1;background-position:0 0;transform:none;filter:none}}
@keyframes v460EditorialEnter{0%{opacity:0;transform:translate3d(0,14px,0);letter-spacing:.05em}70%{transform:translate3d(0,-2px,0);letter-spacing:-.01em}100%{opacity:1;transform:none;letter-spacing:normal}}
@keyframes v460IconEnter{0%{opacity:0;transform:translate3d(-16px,0,0) scale(.94) rotate(-3deg)}65%{transform:translate3d(2px,0,0) scale(1.015) rotate(1deg)}100%{opacity:1;transform:none}}
@keyframes v460DetailedEnter{0%{opacity:0;clip-path:inset(0 45% 0 0);transform:translate3d(8px,0,0)}75%{clip-path:inset(0 0 0 0);transform:translate3d(-2px,0,0)}100%{opacity:1;clip-path:inset(0);transform:none}}
@keyframes v460DenseEnter{0%{opacity:0;transform:translate3d(0,8px,0) scale(.98);filter:contrast(1.2)}60%{opacity:1;transform:translate3d(0,-1px,0) scale(1.004)}100%{opacity:1;transform:none;filter:none}}
@keyframes v460LargeEnter{0%{opacity:0;transform:scale(.86) translate3d(0,16px,0)}60%{opacity:1;transform:scale(1.06) translate3d(0,-4px,0)}85%{transform:scale(.985) translate3d(0,1px,0)}100%{opacity:1;transform:none}}
@keyframes v460StatusEnter{0%{opacity:0;box-shadow:inset 0 0 0 6px currentColor,0 0 24px color-mix(in srgb,currentColor 35%,transparent);transform:scale(.95)}65%{box-shadow:inset 0 0 0 2px currentColor,0 0 14px color-mix(in srgb,currentColor 22%,transparent);transform:scale(1.01)}100%{opacity:1;transform:none}}
@keyframes v460GlowEnter{0%{opacity:0;box-shadow:0 0 0 transparent;filter:brightness(.5);transform:scale(.94)}55%{opacity:1;box-shadow:0 0 38px color-mix(in srgb,currentColor 55%,transparent),0 16px 42px color-mix(in srgb,currentColor 32%,transparent);filter:brightness(1.28);transform:scale(1.018)}100%{opacity:1;filter:none;transform:none}}
@keyframes v460NeonEnter{0%{opacity:0;filter:brightness(.4) drop-shadow(0 0 0 transparent);transform:scale(.94)}45%{opacity:1;filter:brightness(1.5) drop-shadow(0 0 24px currentColor);transform:scale(1.02)}70%{filter:brightness(.9) drop-shadow(0 0 8px currentColor)}85%{filter:brightness(1.2) drop-shadow(0 0 18px currentColor)}100%{opacity:1;filter:none;transform:none}}
@keyframes v460ContrastEnter{0%{opacity:0;filter:contrast(2.2) invert(.1);transform:scale(.96)}60%{opacity:1;filter:contrast(1.4) invert(0);transform:scale(1.01)}100%{opacity:1;filter:none;transform:none}}
@keyframes v460CustomEnter{0%{opacity:0;transform:translate3d(0,16px,0) scale(.96);filter:blur(2px)}65%{transform:translate3d(0,-3px,0) scale(1.01);filter:none}100%{opacity:1;transform:none;filter:none}}

html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="minimal"] .v460-shell #page-calculator.active .summary-metric{animation:v460MinimalEnter calc(.28s * var(--motion-speed-factor)) linear both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="office"] .v460-shell #page-calculator.active .summary-metric{animation:v460OfficeEnter calc(.34s * var(--motion-speed-factor)) ease-out both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="flat"] .v460-shell #page-calculator.active .summary-metric{animation:v460FlatEnter calc(.31s * var(--motion-speed-factor)) linear both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="elevated"] .v460-shell #page-calculator.active .summary-metric{animation:v460ElevatedEnter calc(.56s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="outline"] .v460-shell #page-calculator.active .summary-metric{animation:v460OutlineEnter calc(.42s * var(--motion-speed-factor)) ease both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="premium"] .v460-shell #page-calculator.active .summary-metric{animation:v460PremiumEnter calc(.62s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="dark_luxe"] .v460-shell #page-calculator.active .summary-metric{animation:v460LuxeEnter calc(.68s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="glass"] .v460-shell #page-calculator.active .summary-metric{animation:v460GlassEnter calc(.54s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="frosted"] .v460-shell #page-calculator.active .summary-metric{animation:v460FrostedEnter calc(.60s * var(--motion-speed-factor)) ease both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="photo_glass"] .v460-shell #page-calculator.active .summary-metric{animation:v460PhotoEnter calc(.61s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="accent_bar"] .v460-shell #page-calculator.active .summary-metric{animation:v460AccentEnter calc(.40s * var(--motion-speed-factor)) ease-out both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="corporate"] .v460-shell #page-calculator.active .summary-metric{animation:v460CorporateEnter calc(.37s * var(--motion-speed-factor)) ease-out both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="split_tone"] .v460-shell #page-calculator.active .summary-metric{animation:v460SplitEnter calc(.50s * var(--motion-speed-factor)) ease both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="gradient"] .v460-shell #page-calculator.active .summary-metric{animation:v460GradientEnter calc(.57s * var(--motion-speed-factor)) ease both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="editorial"] .v460-shell #page-calculator.active .summary-metric{animation:v460EditorialEnter calc(.49s * var(--motion-speed-factor)) ease both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="icon_focus"] .v460-shell #page-calculator.active .summary-metric{animation:v460IconEnter calc(.46s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="detailed"] .v460-shell #page-calculator.active .summary-metric{animation:v460DetailedEnter calc(.48s * var(--motion-speed-factor)) ease both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="data_dense"] .v460-shell #page-calculator.active .summary-metric{animation:v460DenseEnter calc(.22s * var(--motion-speed-factor)) linear both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="large_numbers"] .v460-shell #page-calculator.active .summary-metric{animation:v460LargeEnter calc(.52s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="status_focus"] .v460-shell #page-calculator.active .summary-metric{animation:v460StatusEnter calc(.39s * var(--motion-speed-factor)) ease both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="soft_glow"] .v460-shell #page-calculator.active .summary-metric{animation:v460GlowEnter calc(.55s * var(--motion-speed-factor)) ease both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="neon_edge"] .v460-shell #page-calculator.active .summary-metric{animation:v460NeonEnter calc(.64s * var(--motion-speed-factor)) ease both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="high_contrast"] .v460-shell #page-calculator.active .summary-metric{animation:v460ContrastEnter calc(.35s * var(--motion-speed-factor)) steps(3,end) both!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="custom"] .v460-shell #page-calculator.active .summary-metric{animation:v460CustomEnter calc(.44s * var(--motion-speed-factor)) ease both!important}

/* Rectangular/edge-only decorators. None of these is circular or radial. */
html[data-summary-design="office"] .v460-shell .summary-metric::after,
html[data-summary-design="corporate"] .v460-shell .summary-metric::after,
html[data-summary-design="accent_bar"] .v460-shell .summary-metric::after,
html[data-summary-design="premium"] .v460-shell .summary-metric::after,
html[data-summary-design="dark_luxe"] .v460-shell .summary-metric::after,
html[data-summary-design="glass"] .v460-shell .summary-metric::after,
html[data-summary-design="frosted"] .v460-shell .summary-metric::after,
html[data-summary-design="outline"] .v460-shell .summary-metric::after,
html[data-summary-design="detailed"] .v460-shell .summary-metric::after,
html[data-summary-design="data_dense"] .v460-shell .summary-metric::after,
html[data-summary-design="photo_glass"] .v460-shell .summary-metric::after{
  content:""!important;display:block!important;position:absolute!important;pointer-events:none!important;z-index:2!important;border-radius:0!important;opacity:1!important
}
html[data-summary-design="office"] .v460-shell .summary-metric::after{left:0!important;bottom:0!important;width:0!important;height:3px!important;background:currentColor!important}
html[data-summary-design="corporate"] .v460-shell .summary-metric::after{left:0!important;top:0!important;width:34%!important;height:4px!important;background:currentColor!important;transform-origin:left!important}
html[data-summary-design="accent_bar"] .v460-shell .summary-metric::after{left:0!important;top:12%!important;bottom:12%!important;width:5px!important;height:auto!important;background:currentColor!important;transform-origin:center!important}
html[data-summary-design="premium"] .v460-shell .summary-metric::after,
html[data-summary-design="dark_luxe"] .v460-shell .summary-metric::after{inset:-20% auto -20% -34%!important;width:26%!important;height:auto!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent)!important;transform:translateX(-170%) skewX(-18deg)!important;opacity:.7!important}
html[data-summary-design="glass"] .v460-shell .summary-metric::after{inset:0 auto 0 -24%!important;width:20%!important;height:auto!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)!important;transform:skewX(-14deg)!important;opacity:.45!important}
html[data-summary-design="frosted"] .v460-shell .summary-metric::after{left:10%!important;right:10%!important;top:0!important;width:auto!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent)!important;opacity:.75!important}
html[data-summary-design="outline"] .v460-shell .summary-metric::after{inset:3px!important;width:auto!important;height:auto!important;border:1px solid currentColor!important;background:transparent!important;opacity:0!important}
html[data-summary-design="detailed"] .v460-shell .summary-metric::after{right:0!important;top:0!important;bottom:0!important;width:28%!important;height:auto!important;background:repeating-linear-gradient(0deg,color-mix(in srgb,currentColor 8%,transparent) 0 1px,transparent 1px 8px)!important;opacity:.55!important}
html[data-summary-design="data_dense"] .v460-shell .summary-metric::after{left:0!important;bottom:0!important;width:100%!important;height:2px!important;background:linear-gradient(90deg,currentColor 0 38%,transparent 38%)!important;opacity:.72!important}
html[data-summary-design="photo_glass"] .v460-shell .summary-metric::after{inset:0!important;width:auto!important;height:auto!important;background:linear-gradient(120deg,transparent 0 38%,rgba(255,255,255,.14) 48%,transparent 58%)!important;transform:translateX(-120%)!important;opacity:.65!important}

/* Hover profiles. Generic v390/v430 hover behavior is deliberately overridden. */
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="minimal"] .v460-shell .summary-metric:hover{transform:none!important;box-shadow:none!important;filter:brightness(1.025)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="office"] .v460-shell .summary-metric:hover{transform:translateX(2px)!important;box-shadow:0 7px 16px color-mix(in srgb,currentColor 10%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="office"] .v460-shell .summary-metric:hover::after{width:100%!important;transition:width calc(.34s * var(--motion-speed-factor)) ease!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="flat"] .v460-shell .summary-metric:hover{transform:none!important;filter:saturate(1.12) brightness(1.025)!important;border-color:currentColor!important;box-shadow:none!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="elevated"] .v460-shell .summary-metric:hover{transform:translateY(-7px)!important;box-shadow:0 22px 42px color-mix(in srgb,currentColor 24%,transparent)!important;filter:none!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="outline"] .v460-shell .summary-metric:hover{transform:none!important;outline:2px solid color-mix(in srgb,currentColor 65%,transparent)!important;outline-offset:3px!important;box-shadow:none!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="outline"] .v460-shell .summary-metric:hover::after{opacity:.55!important;transition:opacity calc(.28s * var(--motion-speed-factor)) ease!important}
@keyframes v460PremiumSheen{0%{transform:translateX(-180%) skewX(-20deg);opacity:0}35%{opacity:.95}100%{transform:translateX(680%) skewX(-20deg);opacity:.1}}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="premium"] .v460-shell .summary-metric:hover{transform:translateY(-4px) scale(1.012)!important;box-shadow:0 24px 48px color-mix(in srgb,currentColor 30%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="premium"] .v460-shell .summary-metric:hover::after{animation:v460PremiumSheen calc(.76s * var(--motion-speed-factor)) ease both!important}
@keyframes v460LuxeSheen{0%{transform:translateX(-180%) skewX(-20deg);opacity:.1}40%{opacity:.95;filter:drop-shadow(0 0 12px rgba(255,255,255,.8))}100%{transform:translateX(680%) skewX(-20deg);opacity:.05}}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="dark_luxe"] .v460-shell .summary-metric:hover{transform:translateY(-3px)!important;box-shadow:0 28px 58px rgba(0,0,0,.55),0 0 0 1px color-mix(in srgb,currentColor 45%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="dark_luxe"] .v460-shell .summary-metric:hover::after{animation:v460LuxeSheen calc(1.2s * var(--motion-speed-factor)) ease both!important}
@keyframes v460GlassRefraction{0%{transform:translateX(-40%) skewX(-16deg);opacity:0}30%{opacity:.85}100%{transform:translateX(780%) skewX(-16deg);opacity:0}}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="glass"] .v460-shell .summary-metric:hover{transform:translateY(-3px)!important;backdrop-filter:blur(24px) saturate(1.45)!important;box-shadow:inset 0 1px rgba(255,255,255,.85),0 18px 40px rgba(15,43,61,.24)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="glass"] .v460-shell .summary-metric:hover::after{animation:v460GlassRefraction calc(1.0s * var(--motion-speed-factor)) ease both!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="frosted"] .v460-shell .summary-metric:hover{transform:none!important;filter:saturate(1.2)!important;box-shadow:inset 0 1px rgba(255,255,255,.95),0 16px 36px rgba(18,42,60,.18)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="photo_glass"] .v460-shell .summary-metric:hover{transform:translateY(-3px) scale(1.008)!important;backdrop-filter:blur(24px) saturate(1.45)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="photo_glass"] .v460-shell .summary-metric:hover::after{transform:translateX(120%)!important;transition:transform calc(1.05s * var(--motion-speed-factor)) ease!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="accent_bar"] .v460-shell .summary-metric:hover{transform:translateX(5px)!important;box-shadow:0 14px 28px color-mix(in srgb,currentColor 20%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="accent_bar"] .v460-shell .summary-metric:hover::after{width:11px!important;top:4%!important;bottom:4%!important;transition:all calc(.28s * var(--motion-speed-factor)) ease!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="corporate"] .v460-shell .summary-metric:hover{transform:none!important;box-shadow:0 14px 30px rgba(21,44,68,.22)!important;border-color:color-mix(in srgb,currentColor 60%,var(--border))!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="corporate"] .v460-shell .summary-metric:hover::after{width:100%!important;transition:width calc(.34s * var(--motion-speed-factor)) ease!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="split_tone"] .v460-shell .summary-metric:hover{transform:none!important;background-position:100% 0!important;filter:saturate(1.15)!important;transition:background-position calc(.42s * var(--motion-speed-factor)) ease,filter .25s ease!important}
@keyframes v460GradientHover{0%{background-position:0% 50%;opacity:.92}50%{background-position:100% 50%;opacity:1}100%{background-position:0% 50%;opacity:.92}}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="gradient"] .v460-shell .summary-metric:hover{transform:none!important;background-size:220% 220%!important;animation:v460GradientHover calc(3.4s * var(--motion-speed-factor)) ease-in-out infinite!important;box-shadow:0 16px 36px color-mix(in srgb,currentColor 24%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="editorial"] .v460-shell .summary-metric:hover{transform:none!important;box-shadow:6px 0 0 color-mix(in srgb,currentColor 26%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="editorial"] .v460-shell .summary-metric:hover>span{transform:translateX(5px)!important;transition:transform calc(.28s * var(--motion-speed-factor)) ease!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="editorial"] .v460-shell .summary-metric:hover>strong{letter-spacing:-.03em!important;transition:letter-spacing calc(.30s * var(--motion-speed-factor)) ease!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="detailed"] .v460-shell .summary-metric:hover{transform:none!important;box-shadow:0 12px 28px color-mix(in srgb,currentColor 18%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="detailed"] .v460-shell .summary-metric:hover>small{transform:translateX(5px)!important;transition:transform calc(.25s * var(--motion-speed-factor)) ease!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="data_dense"] .v460-shell .summary-metric:hover{transform:none!important;box-shadow:inset 5px 0 currentColor,0 8px 20px color-mix(in srgb,currentColor 16%,transparent)!important;filter:brightness(1.04)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="large_numbers"] .v460-shell .summary-metric:hover{transform:none!important;box-shadow:0 16px 34px color-mix(in srgb,currentColor 20%,transparent)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="large_numbers"] .v460-shell .summary-metric:hover>strong{transform:scale(1.12)!important;transform-origin:left center!important;transition:transform calc(.32s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="icon_focus"] .v460-shell .summary-metric:hover{transform:none!important;box-shadow:0 16px 34px color-mix(in srgb,currentColor 20%,transparent)!important}
@keyframes v460IconOrbit{0%{transform:translateY(0) rotate(0)}35%{transform:translateY(-7px) rotate(-10deg) scale(1.12)}70%{transform:translateY(2px) rotate(6deg) scale(.97)}100%{transform:none}}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="icon_focus"] .v460-shell .summary-metric:hover::before{animation:v460IconOrbit calc(.62s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1) both!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="status_focus"] .v460-shell .summary-metric:hover{transform:none!important;box-shadow:inset 0 0 0 3px color-mix(in srgb,currentColor 45%,transparent),0 10px 24px color-mix(in srgb,currentColor 20%,transparent)!important}
@keyframes v460StatusAttention{0%,100%{box-shadow:inset 0 0 0 2px color-mix(in srgb,currentColor 45%,transparent),0 0 0 transparent}50%{box-shadow:inset 0 0 0 5px currentColor,0 0 28px color-mix(in srgb,currentColor 55%,transparent),0 8px 24px color-mix(in srgb,currentColor 35%,transparent)}}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="status_focus"] .v460-shell .summary-metric.attention{animation:v460StatusAttention calc(2.0s * var(--motion-speed-factor)) ease-in-out infinite!important}
@keyframes v460GlowBreathe{0%,100%{box-shadow:0 0 0 1px color-mix(in srgb,currentColor 28%,transparent),0 4px 14px color-mix(in srgb,currentColor 16%,transparent)}50%{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 50%,transparent),0 6px 20px color-mix(in srgb,currentColor 28%,transparent)}}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="soft_glow"] .v460-shell .summary-metric{animation:v460GlowBreathe calc(2.8s * var(--motion-speed-factor)) ease-in-out infinite!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="soft_glow"] .v460-shell .summary-metric:hover{transform:translateY(-3px)!important;filter:brightness(1.08)!important}
@keyframes v460NeonEdge{0%,100%{border-color:color-mix(in srgb,currentColor 65%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent),0 0 12px color-mix(in srgb,currentColor 24%,transparent)}50%{border-color:currentColor;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,currentColor 55%,transparent),0 0 18px color-mix(in srgb,currentColor 36%,transparent)}}
html[data-card-animation="true"]:not([data-reduced-motion="true"])[data-summary-design="neon_edge"] .v460-shell .summary-metric{animation:v460NeonEdge calc(3.8s * var(--motion-speed-factor)) linear infinite!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="neon_edge"] .v460-shell .summary-metric:hover{transform:none!important;filter:brightness(1.2) drop-shadow(0 0 14px currentColor)!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="high_contrast"] .v460-shell .summary-metric:hover{transform:none!important;background:currentColor!important;box-shadow:none!important}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="high_contrast"] .v460-shell .summary-metric:hover>span,
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="high_contrast"] .v460-shell .summary-metric:hover>strong,
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="high_contrast"] .v460-shell .summary-metric:hover>small{color:var(--panel)!important;transition:color .15s linear!important}
/* Custom remains the only profile that intentionally follows the user's hover selector. */
html[data-summary-design="custom"][data-summary-hover="none"] .v460-shell .summary-metric:hover{transform:none!important;box-shadow:inherit!important}
html[data-summary-design="custom"][data-summary-hover="lift"] .v460-shell .summary-metric:hover{transform:translateY(-4px)!important}
html[data-summary-design="custom"][data-summary-hover="glow"] .v460-shell .summary-metric:hover{transform:translateY(-2px)!important;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 22%,transparent),0 18px 42px color-mix(in srgb,currentColor 28%,transparent)!important}
html[data-summary-design="custom"][data-summary-hover="tilt"] .v460-shell .summary-metric:hover{transform:translateY(-3px) rotate(-.35deg) scale(1.008)!important}

/* Value-change profiles — separate from hover and entrance. */
@keyframes v460ValueMinimal{0%{opacity:.25;transform:scale(.94)}60%{opacity:1;transform:scale(1.04)}100%{opacity:1;transform:none}}
@keyframes v460ValueOffice{0%{transform:translate3d(-10px,0,0);opacity:.2}65%{transform:translate3d(2px,0,0);opacity:1}100%{transform:none;opacity:1}}
@keyframes v460ValueFlat{0%{filter:contrast(1.6) brightness(1.2);transform:scale(.92)}70%{filter:contrast(1.05);transform:scale(1.03)}100%{filter:none;transform:none}}
@keyframes v460ValueElevated{0%{transform:translate3d(0,12px,0) scale(.88);opacity:.2}60%{transform:translate3d(0,-4px,0) scale(1.12);opacity:1}85%{transform:translate3d(0,1px,0) scale(.98)}100%{transform:none;opacity:1}}
@keyframes v460ValueOutline{0%{text-shadow:0 0 0 currentColor;transform:scale(.92)}50%{text-shadow:0 0 10px currentColor,0 0 20px currentColor;transform:scale(1.06)}100%{text-shadow:none;transform:none}}
@keyframes v460ValuePremium{0%{transform:scale(.78);opacity:.2;filter:brightness(.7)}58%{transform:scale(1.16);opacity:1;filter:brightness(1.25);text-shadow:0 0 16px currentColor}82%{transform:scale(.97)}100%{transform:none;filter:none;text-shadow:none}}
@keyframes v460ValueLuxe{0%{opacity:.2;transform:scale(.9);text-shadow:0 0 28px currentColor,0 0 44px currentColor}60%{opacity:1;transform:scale(1.08);text-shadow:0 0 14px currentColor}100%{opacity:1;transform:none;text-shadow:none}}
@keyframes v460ValueGlass{0%{transform:translate3d(0,8px,0) scale(.92);filter:blur(5px);opacity:.3}65%{transform:translate3d(0,-2px,0) scale(1.04);filter:none;opacity:1}100%{transform:none;filter:none;opacity:1}}
@keyframes v460ValueFrosted{0%{opacity:.15;filter:blur(7px);transform:scale(.9)}60%{opacity:1;filter:blur(1px);transform:scale(1.05)}100%{opacity:1;filter:none;transform:none}}
@keyframes v460ValuePhoto{0%{transform:scale(.9) translate3d(0,6px,0);opacity:.25;filter:contrast(1.4)}65%{transform:scale(1.05) translate3d(0,-2px,0);opacity:1}100%{transform:none;opacity:1;filter:none}}
@keyframes v460ValueAccent{0%{transform:translate3d(-14px,0,0) scale(.92);opacity:.2;color:var(--accent)}60%{transform:translate3d(3px,0,0) scale(1.06);opacity:1}100%{transform:none;opacity:1}}
@keyframes v460ValueCorporate{0%{transform:translate3d(0,-9px,0) scale(.94);opacity:.25}65%{transform:translate3d(0,2px,0) scale(1.03);opacity:1}100%{transform:none;opacity:1}}
@keyframes v460ValueSplit{0%{clip-path:inset(0 100% 0 0);transform:translateX(-8px)}65%{clip-path:inset(0 0 0 0);transform:translateX(2px)}100%{clip-path:inset(0);transform:none}}
@keyframes v460ValueGradient{0%{filter:hue-rotate(-30deg) brightness(1.3);transform:scale(.9);opacity:.25}60%{filter:hue-rotate(15deg) brightness(1.1);transform:scale(1.08);opacity:1}100%{filter:none;transform:none;opacity:1}}
@keyframes v460ValueEditorial{0%{letter-spacing:.07em;opacity:.2;transform:translateY(5px)}65%{letter-spacing:-.015em;opacity:1;transform:translateY(-1px)}100%{letter-spacing:inherit;opacity:1;transform:none}}
@keyframes v460ValueIcon{0%{transform:translate3d(8px,0,0) scale(.9);opacity:.2}60%{transform:translate3d(-2px,0,0) scale(1.06);opacity:1}100%{transform:none;opacity:1}}
@keyframes v460ValueDetailed{0%{transform:scaleX(.82);transform-origin:left;opacity:.2}60%{transform:scaleX(1.08);transform-origin:left;opacity:1}100%{transform:none;opacity:1}}
@keyframes v460ValueDense{0%{opacity:.1;transform:scale(.94)}45%{opacity:1;transform:scale(1.05)}70%{opacity:.75}100%{opacity:1;transform:none}}
@keyframes v460ValueLarge{0%{transform:scale(.68) translateY(10px);opacity:.2}55%{transform:scale(1.22) translateY(-4px);opacity:1;text-shadow:0 0 24px currentColor}80%{transform:scale(.96)}100%{transform:none;opacity:1;text-shadow:none}}
@keyframes v460ValueStatus{0%{transform:scale(.82);box-shadow:inset 0 0 0 2px currentColor}50%{transform:scale(1.14);box-shadow:inset 0 0 0 4px currentColor,0 0 16px currentColor}100%{transform:none;box-shadow:none}}
@keyframes v460ValueGlow{0%{text-shadow:0 0 0 transparent;transform:scale(.9);opacity:.3}50%{text-shadow:0 0 24px currentColor,0 0 42px currentColor;transform:scale(1.1);opacity:1}100%{text-shadow:none;transform:none;opacity:1}}
@keyframes v460ValueNeon{0%{text-shadow:0 0 0 currentColor;opacity:.3;transform:scale(.92)}45%{text-shadow:0 0 20px currentColor,0 0 35px currentColor;opacity:1;transform:scale(1.12)}70%{text-shadow:0 0 6px currentColor;opacity:.8}85%{text-shadow:0 0 16px currentColor;opacity:1}100%{text-shadow:none;transform:none;opacity:1}}
@keyframes v460ValueContrast{0%{transform:scaleX(.80);filter:contrast(1.8)}48%{transform:scaleX(1.14);filter:contrast(1.2)}100%{transform:none;filter:none}}
@keyframes v460ValueCustom{0%{transform:translate3d(0,8px,0) scale(.92);opacity:.25}60%{transform:translate3d(0,-2px,0) scale(1.05);opacity:1}100%{transform:none;opacity:1}}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="minimal"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueMinimal calc(.22s * var(--motion-speed-factor)) linear!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="office"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueOffice calc(.27s * var(--motion-speed-factor)) ease-out!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="flat"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueFlat calc(.24s * var(--motion-speed-factor)) linear!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="elevated"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueElevated calc(.42s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1)!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="outline"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueOutline calc(.30s * var(--motion-speed-factor)) linear!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="premium"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValuePremium calc(.48s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1)!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="dark_luxe"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueLuxe calc(.55s * var(--motion-speed-factor)) ease!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="glass"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueGlass calc(.36s * var(--motion-speed-factor)) ease!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="frosted"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueFrosted calc(.44s * var(--motion-speed-factor)) ease!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="photo_glass"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValuePhoto calc(.43s * var(--motion-speed-factor)) ease!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="accent_bar"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueAccent calc(.27s * var(--motion-speed-factor)) ease-out!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="corporate"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueCorporate calc(.31s * var(--motion-speed-factor)) ease-out!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="split_tone"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueSplit calc(.37s * var(--motion-speed-factor)) ease!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="gradient"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueGradient calc(.42s * var(--motion-speed-factor)) ease!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="editorial"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueEditorial calc(.44s * var(--motion-speed-factor)) ease!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="icon_focus"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueIcon calc(.31s * var(--motion-speed-factor)) ease-out!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="detailed"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueDetailed calc(.36s * var(--motion-speed-factor)) ease!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="data_dense"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueDense calc(.23s * var(--motion-speed-factor)) linear!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="large_numbers"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueLarge calc(.52s * var(--motion-speed-factor)) cubic-bezier(.16,1,.3,1)!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="status_focus"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueStatus calc(.40s * var(--motion-speed-factor)) ease!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="soft_glow"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueGlow calc(.48s * var(--motion-speed-factor)) ease!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="neon_edge"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueNeon calc(.50s * var(--motion-speed-factor)) ease!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="high_contrast"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueContrast calc(.31s * var(--motion-speed-factor)) steps(3,end)!important}
html[data-number-animations="true"]:not([data-reduced-motion="true"])[data-summary-design="custom"] .v460-shell .summary-metric>strong.metric-value-bump{animation:v460ValueCustom calc(.32s * var(--motion-speed-factor)) ease!important}

/* Stagger is preserved but profile-specific entry animations remain intact. */
html[data-card-animation="true"]:not([data-reduced-motion="true"]) .v460-shell #page-calculator.active .summary-metric:nth-child(2){animation-delay:50ms!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"]) .v460-shell #page-calculator.active .summary-metric:nth-child(3){animation-delay:100ms!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"]) .v460-shell #page-calculator.active .summary-metric:nth-child(4){animation-delay:150ms!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"]) .v460-shell #page-calculator.active .summary-metric:nth-child(5){animation-delay:200ms!important}
html[data-card-animation="true"]:not([data-reduced-motion="true"]) .v460-shell #page-calculator.active .summary-metric:nth-child(6){animation-delay:250ms!important}

/* Strict reduced-motion handling. */
html[data-reduced-motion="true"] .v460-shell .summary-metric,
html[data-reduced-motion="true"] .v460-shell .summary-metric::before,
html[data-reduced-motion="true"] .v460-shell .summary-metric::after,
html[data-reduced-motion="true"] .v460-shell .summary-metric>span,
html[data-reduced-motion="true"] .v460-shell .summary-metric>strong,
html[data-reduced-motion="true"] .v460-shell .summary-metric>small{
  animation:none!important;transition:none!important;transform:none!important
}
@media (prefers-reduced-motion:reduce){
 .v460-shell .summary-metric,.v460-shell .summary-metric::before,.v460-shell .summary-metric::after,
 .v460-shell .summary-metric>span,.v460-shell .summary-metric>strong,.v460-shell .summary-metric>small{
   animation:none!important;transition:none!important;transform:none!important
 }
}


/* V4.70.02 performance and reliability */
html[data-page-hidden="true"] *,
html[data-performance-mode="performance"] .background-atmosphere,
html[data-performance-mode="performance"] .ambient-orb,
html[data-performance-mode="performance"] .summary-card::before,
html[data-performance-mode="performance"] .summary-card::after,
html[data-performance-mode="reduced"] .background-atmosphere,
html[data-performance-mode="reduced"] .ambient-orb,
html[data-performance-mode="reduced"] .summary-card::before,
html[data-performance-mode="reduced"] .summary-card::after { animation-play-state: paused !important; }
html[data-performance-mode="performance"] { --motion-speed-factor: 1.18; }
html[data-performance-mode="performance"] [data-summary-motion-profile] { transition-duration: .12s !important; }
html[data-performance-mode="performance"] .workspace-photo-layer { filter: none !important; }

/* In performance and reduced modes or when blur effects are disabled: disable expensive GPU blur shaders and compositing bottlenecks */
html[data-performance-mode="performance"] *,
html[data-performance-mode="performance"] *::before,
html[data-performance-mode="performance"] *::after,
html[data-performance-mode="reduced"] *,
html[data-performance-mode="reduced"] *::before,
html[data-performance-mode="reduced"] *::after,
html[data-blur-effects="false"] *,
html[data-blur-effects="false"] *::before,
html[data-blur-effects="false"] *::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-performance-mode="performance"] .v390-shell::after,
html[data-performance-mode="performance"] .v400-shell.v390-shell::after,
html[data-performance-mode="reduced"] .v390-shell::after,
html[data-performance-mode="reduced"] .v400-shell.v390-shell::after {
  filter: none !important;
}

html[data-performance-mode="performance"] .summary-strip,
html[data-performance-mode="performance"] .summary-metric,
html[data-performance-mode="performance"] .summary-card,
html[data-performance-mode="reduced"] .summary-strip,
html[data-performance-mode="reduced"] .summary-metric,
html[data-performance-mode="reduced"] .summary-card {
  box-shadow: none !important;
  text-shadow: none !important;
}

/* In reduced performance mode: instantly complete transitions, disable heavy animations, and guarantee immediate 100% visibility */
html[data-performance-mode="reduced"] *,
html[data-performance-mode="reduced"] *::before,
html[data-performance-mode="reduced"] *::after {
  animation: none !important;
  transition-duration: 0.001ms !important;
  scroll-behavior: auto !important;
}
html[data-performance-mode="reduced"] .topbar,
html[data-performance-mode="reduced"] .page,
html[data-performance-mode="reduced"] .page.active,
html[data-performance-mode="reduced"] .main-content,
html[data-performance-mode="reduced"] .summary-metric,
html[data-performance-mode="reduced"] .modal-overlay,
html[data-performance-mode="reduced"] .modal-card,
html[data-performance-mode="reduced"] .toast {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  animation: none !important;
}
.performance-reliability-panel { margin-top: 18px; padding: 18px; border: 1px solid var(--border); border-radius: var(--user-radius); background: var(--panel); box-shadow: var(--panel-shadow); }
.section-heading-row { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.section-heading-row h2 { margin:3px 0 4px; }
.section-heading-row p { margin:0; color:var(--muted); }
.performance-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; }
.performance-actions select { min-height:38px; border:1px solid var(--border); border-radius:10px; background:var(--input); color:var(--text); padding:0 34px 0 12px; }
.performance-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:14px; }
.performance-metric-grid article { min-width:0; padding:14px; border:1px solid var(--border); border-radius:13px; background:var(--panel-soft); }
.performance-metric-grid span,.performance-metric-grid small { display:block; color:var(--muted); }
.performance-metric-grid strong { display:block; margin:5px 0 2px; font-size:1.28rem; color:var(--text); }
.performance-status-note { margin-top:10px; padding:10px 12px; border-radius:10px; background:var(--accent-soft); color:var(--text); }
.performance-operation-list { display:grid; gap:7px; margin-top:10px; }
.performance-operation-row { display:grid; grid-template-columns:minmax(180px,1fr) auto auto auto; gap:12px; align-items:center; padding:9px 11px; border:1px solid var(--border); border-radius:10px; background:var(--panel-soft); font-size:.84rem; }
.performance-operation-row span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.performance-details { margin-top:12px; }
@media (max-width: 900px) { .section-heading-row{flex-direction:column}.performance-actions{justify-content:flex-start}.performance-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-operation-row{grid-template-columns:1fr auto}.performance-operation-row em{display:none} }

/* ========================================================================== */
/* V4.70.02 — Scroll Recovery Hotfix                                           */
/* ========================================================================== */
/* The application shell remains viewport-bound, but the actual workspace is
   always a valid vertical scroll container. No page depends on body/window
   scrolling, which prevents browser, modal and fixed-footer conflicts. */
body.v47001-shell {
  overflow: hidden !important;
}
.v47001-shell .app-shell {
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
}
.v47001-shell .main-content {
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  scroll-behavior: smooth;
}
/* Calculator uses both page scrolling and an independently scrollable table.
   The page can always move when its dashboard is taller than the viewport. */
body.v47001-shell:has(#page-calculator.active) .main-content {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.v47001-shell #page-calculator.active {
  height: auto !important;
  min-height: 100% !important;
  overflow: visible !important;
}
.v47001-shell #calculatorTablePanel {
  flex: 1 0 clamp(320px, 48vh, 720px) !important;
  min-height: 320px !important;
  height: auto !important;
  max-height: none !important;
}
.v47001-shell #calculatorTableWrap {
  flex: 1 1 0;
  min-height: 180px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
}
.v47001-shell .modal-overlay:not(.hidden) .modal-card,
.v47001-shell .modal-overlay:not(.hidden) .modal-body,
.v47001-shell .modal-overlay:not(.hidden) .appearance-main,
.v47001-shell .modal-overlay:not(.hidden) .help-modal-body {
  overscroll-behavior-y: contain;
  touch-action: pan-y;
}
.v47001-shell.modal-scroll-locked .main-content {
  overflow: hidden !important;
}
@media (max-width: 900px), (max-height: 720px) {
  .v47001-shell #calculatorTablePanel {
    flex-basis: 300px !important;
    min-height: 280px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .v47001-shell .main-content { scroll-behavior: auto; }
}


/* ========================================================================== */
/* V4.70.02 — Secure Logout & Session-State Cleanup                           */
/* ========================================================================== */
html[data-auth-state="checking"] #profileMenu,
html[data-auth-state="anonymous"] #profileMenu,
html[data-auth-state="checking"] #mobileNavOverlay,
html[data-auth-state="anonymous"] #mobileNavOverlay,
html[data-auth-state="checking"] .modal-overlay:not(#concurrentSessionModal),
html[data-auth-state="anonymous"] .modal-overlay:not(#concurrentSessionModal) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
html[data-auth-state="anonymous"] #concurrentSessionModal:not(.hidden),
html[data-auth-state="checking"] #concurrentSessionModal:not(.hidden),
#concurrentSessionModal:not(.hidden) {
  display: grid !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 10000 !important;
}
html[data-auth-state="anonymous"] #mainView,
html[data-auth-state="checking"] #mainView { display: none !important; }
html[data-auth-state="authenticated"] #loginView { display: none !important; }
html[data-auth-state="anonymous"] #loginView { display: block; }
body[data-auth-state="anonymous"] { overflow: auto !important; }
body[data-auth-state="anonymous"] .login-shell { isolation: isolate; }

/* ========================================================================== */
/* V4.90.00 — Staff Profile Photos & Identity Preview             */
/* ========================================================================== */
.v480-shell .modal-card{min-height:0}

/* FT Central compact status workspace */
.v480-shell .central-status-modal-card{width:min(690px,calc(100vw - 28px))!important;max-height:min(650px,calc(100dvh - 28px))!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden!important}
.v480-shell .central-status-body{padding:14px!important;overflow:auto!important;display:grid!important;gap:12px!important}
.v480-shell .v480-central-summary{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 15px;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--panel) 92%,var(--accent-soft));box-shadow:none}
.v480-shell .v480-central-summary .central-detail-dot{width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 7px color-mix(in srgb,currentColor 12%,transparent)}
.v480-shell .v480-central-summary.state-connected .central-detail-dot{background:var(--success);color:var(--success)}
.v480-shell .v480-central-summary.state-sync-pending .central-detail-dot,.v480-shell .v480-central-summary.state-checking .central-detail-dot{background:#e6a824;color:#e6a824;animation:v480StatusPulse 1.8s ease-in-out infinite}
.v480-shell .v480-central-summary.state-unreachable .central-detail-dot{background:var(--danger);color:var(--danger)}
.v480-shell .v480-central-summary h3{margin:2px 0 3px;font-size:20px}.v480-shell .v480-central-summary p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.v480-shell .v480-central-time{font-size:9px;color:var(--muted);white-space:nowrap}
.v480-shell .v480-central-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.v480-shell .v480-central-grid article{padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--panel);min-width:0}.v480-shell .v480-central-grid span,.v480-shell .v480-central-grid small{display:block;color:var(--muted);font-size:9px}.v480-shell .v480-central-grid strong{display:block;margin:5px 0;font-size:12px;color:var(--text);overflow-wrap:anywhere}
.v480-shell .v480-technical-details{margin:0!important}.v480-shell .v480-technical-details pre{max-height:180px;overflow:auto}
.v480-shell .central-status-actions{position:relative!important;z-index:2;flex:none!important;border-top:1px solid var(--border);background:var(--panel)!important;padding:12px 14px calc(12px + 24px)!important;min-height:68px!important}.v480-shell .central-status-actions::after{content:'Powered by — F R S';position:absolute;right:15px;bottom:6px;color:var(--signature);font-size:8px;letter-spacing:.08em}
@keyframes v480StatusPulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.18);opacity:1}}

/* Theme gallery: real previews, compact cards and unambiguous selection */
.v480-shell #themeModal .appearance-center-card{height:min(900px,calc(100dvh - 22px))!important}
.v480-shell #themeModal .appearance-main{overflow-y:auto!important;padding:14px 16px 28px!important}
.v480-shell #themeModal .appearance-live-card-v340{min-height:150px!important;padding:14px!important}
.v480-shell #themeModal .v480-theme-section{display:grid;gap:8px;margin:0 0 18px}.v480-shell #themeModal .v480-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
.v480-shell #themeModal .v480-theme-option{position:relative;display:grid!important;grid-template-rows:112px minmax(0,1fr)!important;min-height:226px!important;padding:0!important;border-radius:15px!important;overflow:hidden!important;text-align:left;background:var(--panel)!important;border:1px solid var(--border)!important;box-shadow:none!important}
.v480-shell #themeModal .v480-theme-option:hover{transform:translateY(-3px)!important;box-shadow:var(--shadow-soft)!important;border-color:color-mix(in srgb,var(--accent) 45%,var(--border))!important}
.v480-shell #themeModal .v480-theme-visual{position:relative;display:block;min-height:112px;background:linear-gradient(135deg,var(--panel-muted),var(--panel));overflow:hidden}.v480-shell #themeModal .v480-theme-visual img{display:block;width:100%;height:112px;object-fit:cover;object-position:center;opacity:1!important;filter:none!important}.v480-shell #themeModal .v480-preview-fallback{display:none;position:absolute;inset:0;place-items:center;align-content:center;gap:3px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--panel)),var(--panel-muted));color:var(--text)}.v480-shell #themeModal .preview-failed .v480-preview-fallback{display:grid}.v480-shell #themeModal .preview-failed .v480-theme-visual img{display:none}
.v480-shell #themeModal .v480-swatch-art{display:grid;grid-template-columns:repeat(3,1fr);height:112px}.v480-shell #themeModal .v480-swatch-art i{display:block}
.v480-shell #themeModal .v480-theme-option .theme-option-copy{display:grid!important;gap:6px!important;padding:12px 13px 13px!important;background:var(--panel)!important;position:relative!important;z-index:2!important}.v480-shell #themeModal .v480-theme-option .theme-option-copy strong{font-size:12px!important;color:var(--text)!important}.v480-shell #themeModal .v480-theme-option .theme-option-copy>small{font-size:9px!important;line-height:1.4!important;color:var(--muted)!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.v480-shell #themeModal .v480-theme-tags{display:flex;gap:5px;flex-wrap:wrap}.v480-shell #themeModal .v480-theme-tags em{padding:4px 6px;border-radius:999px;background:var(--panel-muted);color:var(--muted);font-size:7.5px;font-style:normal}
.v480-shell #themeModal .theme-selected-mark{display:none!important;position:absolute!important;right:9px!important;top:86px!important;width:22px!important;height:22px!important;border-radius:50%!important;background:var(--accent)!important;color:white!important;place-items:center!important;z-index:5!important}.v480-shell #themeModal .theme-option.selected .theme-selected-mark{display:grid!important}.v480-shell #themeModal .theme-option.selected{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)!important}.v480-shell #themeModal .theme-favorite{position:absolute!important;top:8px!important;right:8px!important;display:grid!important;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--panel) 84%,transparent)!important;color:var(--text)!important;backdrop-filter:blur(8px);z-index:6}.v480-shell #themeModal .theme-contrast,.v480-shell #themeModal .theme-option>.theme-preview{display:none!important}.theme-badge-new{position:absolute!important;top:8px!important;left:8px!important;z-index:7!important;display:inline-flex!important;align-items:center!important;gap:3px!important;padding:2px 7px!important;border-radius:999px!important;background:linear-gradient(135deg,#2563eb,#8b5cf6)!important;color:#fff!important;font-size:8px!important;font-weight:850!important;letter-spacing:.05em!important;text-transform:uppercase!important;box-shadow:0 2px 8px rgba(37,99,235,.4)!important;pointer-events:none!important}

/* Summary Card Studio: persistent real six-card preview and genuine miniatures */
.v480-shell .summary-studio-preview{position:sticky;top:-14px;z-index:8;margin:-2px 0 16px;padding:12px;border:1px solid var(--border);border-radius:17px;background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(14px);box-shadow:0 10px 25px color-mix(in srgb,var(--text) 8%,transparent)}
.v480-shell .summary-studio-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}.v480-shell .summary-studio-preview-head h4{margin:2px 0;font-size:15px}.v480-shell .summary-studio-preview-head p{margin:0;color:var(--muted);font-size:9px}
.v480-shell .summary-studio-card-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.v480-shell .summary-studio-card-row .summary-metric{min-height:78px!important;height:78px!important;padding:9px!important;border-radius:11px!important;background:color-mix(in srgb,var(--preview-accent) 8%,var(--panel))!important;border:1px solid color-mix(in srgb,var(--preview-accent) 54%,var(--border))!important;color:var(--preview-accent)!important;box-shadow:none!important;overflow:hidden!important;position:relative!important}.v480-shell .summary-studio-card-row .summary-metric>span{font-size:7px!important;min-height:0!important;color:var(--preview-accent)!important}.v480-shell .summary-studio-card-row .summary-metric>strong{font-size:17px!important;margin:6px 0 2px!important;color:var(--preview-accent)!important}.v480-shell .summary-studio-card-row .summary-metric>small{font-size:7px!important;color:var(--muted)!important}.v480-shell .summary-studio-preview[data-summary-subtext="hide"] .summary-metric>small{display:none}
.v480-shell #themeModal .summary-design-presets button::after{display:none!important}.v480-shell #themeModal .summary-design-presets button{min-height:94px!important;background:var(--panel)!important;border:1px solid var(--border)!important;box-shadow:none!important}.v480-shell #themeModal .summary-design-presets button>span{border-radius:9px;background:var(--panel-muted)!important;position:relative;overflow:hidden}.v480-shell #themeModal .summary-design-presets button[data-summary-preset="accent_bar"]{border-left:6px solid var(--accent)!important}.v480-shell #themeModal .summary-design-presets button[data-summary-preset="corporate"]{border-top:4px solid var(--accent)!important;border-radius:7px!important}.v480-shell #themeModal .summary-design-presets button[data-summary-preset="split_tone"]{background:linear-gradient(110deg,var(--panel) 0 68%,color-mix(in srgb,var(--accent) 18%,var(--panel)) 68%)!important}.v480-shell #themeModal .summary-design-presets button[data-summary-preset="gradient"]{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--panel)),var(--panel),color-mix(in srgb,var(--normal) 12%,var(--panel)))!important}.v480-shell #themeModal .summary-design-presets button[data-summary-preset="editorial"] strong{font-family:Georgia,serif;font-size:13px!important}.v480-shell #themeModal .summary-design-presets button[data-summary-preset="icon_focus"]>span{width:44px!important;height:44px!important;font-size:20px!important}.v480-shell #themeModal .summary-design-presets button[data-summary-preset="detailed"]{background:linear-gradient(90deg,var(--panel) 0 74%,var(--panel-muted) 74%)!important}.v480-shell #themeModal .summary-design-presets button[data-summary-preset="data_dense"]{min-height:72px!important;padding-block:7px!important}.v480-shell #themeModal .summary-design-presets button[data-summary-preset="large_numbers"]>span{font-size:17px!important;font-weight:900}.v480-shell #themeModal .summary-design-presets button[data-summary-preset="status_focus"]{box-shadow:inset 5px 0 0 var(--danger)!important}.v480-shell #themeModal .summary-design-presets button[data-summary-preset="glass"],.v480-shell #themeModal .summary-design-presets button[data-summary-preset="frosted"],.v480-shell #themeModal .summary-design-presets button[data-summary-preset="photo_glass"]{background:color-mix(in srgb,var(--panel) 66%,transparent)!important;backdrop-filter:blur(16px)!important}.v480-shell #themeModal .summary-design-presets button[data-summary-preset="neon_edge"]{background:#0b1422!important;color:#d8edff!important;border-color:#54a7ff!important;box-shadow:0 0 16px color-mix(in srgb,#54a7ff 34%,transparent)!important}.v480-shell #themeModal .summary-design-presets button[data-summary-preset="dark_luxe"]{background:linear-gradient(145deg,#111316,#25272b)!important;color:#f5e6bd!important;border-color:#725e32!important}.v480-shell #themeModal .summary-design-presets button[data-summary-preset="high_contrast"]{border:3px solid currentColor!important}.v480-shell #themeModal .summary-design-presets button.selected::before{display:grid!important}
/* Preview identities */
.v480-shell .summary-studio-preview[data-preview-design="minimal"] .summary-metric{background:var(--panel)!important;border-color:var(--border)!important}.v480-shell .summary-studio-preview[data-preview-design="elevated"] .summary-metric{box-shadow:0 8px 16px color-mix(in srgb,var(--preview-accent) 18%,transparent)!important;transform:translateY(-2px)}.v480-shell .summary-studio-preview[data-preview-design="accent_bar"] .summary-metric{border-left:5px solid var(--preview-accent)!important}.v480-shell .summary-studio-preview[data-preview-design="corporate"] .summary-metric{border-top:4px solid var(--preview-accent)!important;border-radius:5px!important}.v480-shell .summary-studio-preview[data-preview-design="split_tone"] .summary-metric{background:linear-gradient(110deg,var(--panel) 0 68%,color-mix(in srgb,var(--preview-accent) 20%,var(--panel)) 68%)!important}.v480-shell .summary-studio-preview[data-preview-design="gradient"] .summary-metric{background:linear-gradient(135deg,color-mix(in srgb,var(--preview-accent) 20%,var(--panel)),var(--panel))!important}.v480-shell .summary-studio-preview[data-preview-design="glass"] .summary-metric,.v480-shell .summary-studio-preview[data-preview-design="frosted"] .summary-metric,.v480-shell .summary-studio-preview[data-preview-design="photo_glass"] .summary-metric{background:color-mix(in srgb,var(--panel) 62%,transparent)!important;backdrop-filter:blur(14px)}.v480-shell .summary-studio-preview[data-preview-design="neon_edge"] .summary-metric{background:#081322!important;box-shadow:0 0 12px color-mix(in srgb,var(--preview-accent) 45%,transparent)!important}.v480-shell .summary-studio-preview[data-preview-design="dark_luxe"] .summary-metric{background:#17191d!important}.v480-shell .summary-studio-preview[data-preview-design="large_numbers"] .summary-metric>strong{font-size:23px!important}.v480-shell .summary-studio-preview[data-preview-design="editorial"] .summary-metric>strong{font-family:Georgia,serif}.v480-shell .summary-studio-preview[data-preview-design="data_dense"] .summary-metric{height:62px!important;min-height:62px!important}.v480-shell .summary-studio-preview[data-preview-design="high_contrast"] .summary-metric{border-width:3px!important}
@keyframes v480PreviewRise{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes v480PreviewGlow{0%,100%{box-shadow:0 0 0 transparent}50%{box-shadow:0 0 18px color-mix(in srgb,var(--preview-accent) 35%,transparent)}}@keyframes v480PreviewEdge{from{filter:brightness(.75)}to{filter:brightness(1.15)}}
.v480-shell .summary-studio-card-row .preview-replay{animation:v480PreviewRise .38s ease both}.v480-shell .summary-studio-preview[data-preview-design="soft_glow"] .preview-replay{animation:v480PreviewGlow 1.1s ease-in-out both}.v480-shell .summary-studio-preview[data-preview-design="neon_edge"] .preview-replay{animation:v480PreviewEdge .8s ease-in-out both}.v480-shell .summary-studio-preview[data-preview-design="minimal"] .preview-replay{animation-duration:.18s}

/* Compact Profile workspace */
.v480-shell .profile-workspace-modal{width:min(900px,calc(100vw - 28px))!important;height:min(720px,calc(100dvh - 28px))!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto 25px;overflow:hidden!important}.v480-shell .profile-workspace-scroll{overflow:auto!important;padding:14px!important}.v480-shell .profile-workspace-actions{padding:10px 14px!important;border-top:1px solid var(--border);background:var(--panel)!important}.v480-shell .profile-workspace-modal>.module-signature{position:relative!important;min-height:25px!important;padding:0 14px!important}
.v480-shell .v480-profile-workspace{display:grid;gap:12px}.v480-shell .v480-profile-identity{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),var(--panel))}.v480-shell .v480-profile-main h3{font-size:23px;margin:2px 0}.v480-shell .v480-profile-main p{margin:0 0 7px;color:var(--muted)}.v480-shell .v480-profile-main>div{display:flex;gap:7px;align-items:center}
.v480-shell .v480-profile-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.v480-shell .v480-profile-actions button{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;text-align:left;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);cursor:pointer}.v480-shell .v480-profile-actions button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-weight:800}.v480-shell .v480-profile-actions strong,.v480-shell .v480-profile-actions small{display:block}.v480-shell .v480-profile-actions small{margin-top:2px;color:var(--muted);font-size:8px}
.v480-shell .v480-profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v480-shell .v480-profile-section{padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.v480-shell .v480-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.v480-shell .v480-section-head h3{margin:2px 0;font-size:16px}.v480-shell .v480-section-head p{margin:2px 0;color:var(--muted);font-size:9px}.v480-shell .v480-permission-groups{display:grid;gap:7px}.v480-shell .v480-permission-groups>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px solid var(--border)}.v480-shell .v480-permission-groups>div:last-child{border:0}.v480-shell .v480-permission-groups strong{font-size:9px}.v480-shell .v480-permission-groups span{font-size:9px;color:var(--muted);line-height:1.45}
.v480-shell .v480-session-list{display:grid;gap:7px}.v480-shell .v480-session-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--border);border-radius:11px;background:var(--panel-muted)}.v480-shell .v480-session-row.current{border-color:color-mix(in srgb,var(--success) 45%,var(--border));background:color-mix(in srgb,var(--success) 7%,var(--panel))}.v480-shell .v480-session-row strong,.v480-shell .v480-session-row small{display:block}.v480-shell .v480-session-row small{margin-top:2px;color:var(--muted);font-size:8px}.v480-shell .v480-device-symbol{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--panel);color:var(--accent)}

/* Profile Picture & Avatar Studio */
.v480-shell .avatar-studio-card{width:min(1040px,calc(100vw - 28px))!important;height:min(760px,calc(100dvh - 24px))!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto 25px;overflow:hidden!important}.v480-shell .avatar-studio-layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:0}.v480-shell .avatar-studio-nav{padding:12px;border-right:1px solid var(--border);background:var(--panel-muted);display:flex;flex-direction:column;gap:7px}.v480-shell .avatar-studio-nav button{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;text-align:left;padding:9px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--text)}.v480-shell .avatar-studio-nav button.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.v480-shell .avatar-studio-nav button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--panel);color:var(--accent)}.v480-shell .avatar-studio-nav strong,.v480-shell .avatar-studio-nav small{display:block}.v480-shell .avatar-studio-nav small{color:var(--muted);font-size:8px;margin-top:2px}
.v480-shell .avatar-studio-main{overflow:auto;padding:14px;display:grid;gap:13px}.v480-shell .avatar-studio-panel{display:none}.v480-shell .avatar-studio-panel.active{display:block}.v480-shell .avatar-photo-grid{display:grid;grid-template-columns:minmax(310px,1fr) 250px;gap:15px}.v480-shell .avatar-crop-stage{position:relative;display:grid;place-items:center;min-height:360px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(135deg,var(--panel-muted),var(--panel));overflow:hidden}.v480-shell #avatarCropCanvas{width:min(360px,100%);aspect-ratio:1;border-radius:18px;box-shadow:0 18px 44px rgba(17,37,56,.22);background:var(--panel)}.v480-shell .avatar-photo-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:5px;color:var(--muted)}.v480-shell .avatar-photo-empty>span{font-size:36px;color:var(--accent)}.v480-shell .avatar-photo-empty strong{color:var(--text)}.v480-shell .avatar-photo-controls{display:grid;align-content:start;gap:11px}.v480-shell .avatar-photo-controls label:not(.avatar-upload-button){display:grid;gap:6px;padding:10px;border:1px solid var(--border);border-radius:11px;background:var(--panel)}.v480-shell .avatar-control-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v480-shell .avatar-upload-button{position:relative;text-align:center}.v480-shell .avatar-section-heading{margin-bottom:10px}.v480-shell .avatar-section-heading h3{margin:2px 0;font-size:18px}.v480-shell .avatar-section-heading p{margin:0;color:var(--muted)}
.v480-shell .professional-avatar-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.v480-shell .professional-avatar-option{display:grid;justify-items:center;gap:6px;padding:11px;border:1px solid var(--border);border-radius:13px;background:var(--panel);color:var(--text)}.v480-shell .professional-avatar-option.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.v480-shell .professional-avatar-option strong{font-size:9px}.v480-shell .professional-avatar-option small{font-size:8px;color:var(--muted)}.v480-shell .avatar-palette-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px!important}.v480-shell .avatar-palette-grid .avatar-choice{width:auto!important;height:76px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;padding:8px!important}.v480-shell .avatar-palette-grid .avatar-choice small{display:block;color:inherit;font-size:8px;text-align:left}
.v480-shell .avatar-style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:9px;padding:11px;border:1px solid var(--border);border-radius:13px;background:var(--panel-muted)}.v480-shell .avatar-style-options label{display:grid;gap:5px;font-size:9px}.v480-shell .avatar-style-options select{min-height:38px}.v480-shell .avatar-context-preview{display:grid;grid-template-columns:170px repeat(3,minmax(0,1fr));gap:9px;align-items:center;padding:11px;border:1px solid var(--border);border-radius:13px;background:var(--panel)}.v480-shell .avatar-context-preview article{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.v480-shell .avatar-context-preview strong,.v480-shell .avatar-context-preview small{display:block}.v480-shell .avatar-context-preview small{font-size:8px;color:var(--muted)}.v480-shell .avatar-studio-actions{border-top:1px solid var(--border);padding:11px 14px!important}.v480-shell .avatar-studio-card>.module-signature{position:relative!important;min-height:25px!important;padding:0 14px!important}
.v480-shell .profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.v480-shell .profile-avatar .avatar-photo-fallback{display:none}.v480-shell .profile-avatar.avatar-photo-error img{display:none}.v480-shell .profile-avatar.avatar-photo-error .avatar-photo-fallback{display:grid}.v480-shell .avatar-shape-circle{border-radius:50%!important}.v480-shell .avatar-shape-square{border-radius:8px!important}.v480-shell .avatar-ring-accent{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 70%,transparent)!important}.v480-shell .avatar-ring-soft{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)!important}.v480-shell .avatar-ring-double{box-shadow:0 0 0 2px var(--panel),0 0 0 5px var(--accent)!important}.v480-shell .avatar-ring-none{box-shadow:none!important}.v480-shell .avatar-background-gradient{background-image:linear-gradient(145deg,color-mix(in srgb,var(--accent) 55%,#17283f),color-mix(in srgb,var(--violet) 45%,#17283f))!important}.v480-shell .avatar-background-glass{background:color-mix(in srgb,var(--panel) 52%,transparent)!important;backdrop-filter:blur(10px)}.v480-shell .avatar-background-outline{background:transparent!important;border:2px solid currentColor!important}
.v480-shell .avatar-tone-8{background:#394657!important;color:#fff!important}.v480-shell .avatar-tone-9{background:#6d7986!important;color:#fff!important}.v480-shell .avatar-tone-10{background:linear-gradient(145deg,#6d39aa,#a66ce0)!important;color:#fff!important}.v480-shell .avatar-tone-11{background:linear-gradient(145deg,#733b48,#b75f70)!important;color:#fff!important}.v480-shell .avatar-tone-12{background:linear-gradient(145deg,#164b9b,#4c91ff)!important;color:#fff!important}.v480-shell .avatar-tone-13{background:linear-gradient(145deg,#25897e,#6dc9bc)!important;color:#fff!important}.v480-shell .avatar-tone-14{background:linear-gradient(145deg,#171719,#b88b37)!important;color:#ffe3a4!important}.v480-shell .avatar-tone-15{background:linear-gradient(145deg,#e9f3ff,#4b8eff)!important;color:#153965!important}

/* Fully localized Help Centre */
.v480-shell .help-centre-card{width:min(1010px,calc(100vw - 28px))!important;height:min(680px,calc(100dvh - 28px))!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto 24px;overflow:hidden!important}.v480-shell .help-centre-header{padding:13px 16px!important}.v480-shell .help-centre-tools{padding:8px 12px!important}.v480-shell .help-centre-layout{min-height:0!important;overflow:hidden!important}.v480-shell .help-topic-nav{overflow:auto!important;padding:8px!important}.v480-shell .help-centre-content{overflow:auto!important;padding:12px 16px!important}.v480-shell .help-centre-footer{padding:9px 12px!important;min-height:56px!important}.v480-shell .help-signature{position:relative!important;min-height:24px!important;padding:0 12px!important}.v480-shell .v480-help-article[lang="ml"],.v480-shell #helpModalBody[lang="ml"]{font-family:"Noto Sans Malayalam","Nirmala UI",sans-serif;line-height:1.65}.v480-shell #helpModalBody[lang="ml"] h3{font-size:25px;line-height:1.35}.v480-shell #helpModalBody[lang="ml"] p,.v480-shell #helpModalBody[lang="ml"] li{font-size:11px;line-height:1.7}.v480-shell .help-figure img{width:100%;height:auto;max-height:360px;object-fit:contain;background:var(--panel-muted)}.v480-shell .help-image-fallback{min-height:220px;display:grid;place-content:center;text-align:center;padding:20px;background:var(--panel-muted);border:1px dashed var(--border)}.v480-shell .help-topic-nav button small{display:none!important}.v480-shell .help-step-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v480-shell .help-article-heading{margin-bottom:9px!important}.v480-shell .help-figure{margin:0 0 12px!important}

/* Clear Calculation refinement */
.v480-shell .confirm-card-v440{width:min(440px,calc(100vw - 28px))!important;padding-bottom:25px!important;border-radius:18px!important}.v480-shell .confirm-simple-body{padding:20px 58px 17px 18px!important;grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important}.v480-shell .confirm-simple-body .confirm-icon{width:42px!important;height:42px!important;border-radius:13px!important;font-size:20px!important}.v480-shell .confirm-simple-copy .eyebrow{font-size:8px!important}.v480-shell .confirm-simple-copy h2{font-size:22px!important;margin:3px 0 6px!important}.v480-shell .confirm-simple-copy p{font-size:10px!important;line-height:1.5!important}.v480-shell .confirm-actions-v440{padding:11px 18px!important;min-height:58px!important}.v480-shell #confirmCancel:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.v480-shell #confirmModal{backdrop-filter:blur(4px)!important}

/* Responsive integrity at browser zoom 110–125% */
@media (max-width:1280px){
 .v480-shell .main-content{overflow-y:auto!important;overflow-x:hidden!important}.v480-shell #page-calculator.active{display:flex!important;flex-direction:column!important;height:auto!important;min-height:100%!important;overflow:visible!important;gap:11px!important}.v480-shell #page-calculator.active>.page-heading,.v480-shell #page-calculator.active>.refined-summary-shell,.v480-shell #page-calculator.active>.calculator-command-bar,.v480-shell #page-calculator.active>.paste-guidance-card,.v480-shell #page-calculator.active>#pasteImportSummary,.v480-shell #page-calculator.active>#calculatorTablePanel{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;inset:auto!important;transform:none!important}
 .v480-shell #page-calculator.active>.refined-summary-shell,.v480-shell #page-calculator.active>#calculatorTablePanel{display:block!important}.v480-shell .summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}.v480-shell .summary-metric{min-height:max(92px,var(--summary-card-height))!important}.v480-shell #page-calculator>.page-heading.compact-heading{flex-direction:column!important;align-items:stretch!important;min-height:auto!important}.v480-shell .refined-action-deck{width:100%!important;max-width:none!important;justify-content:flex-start!important;flex-wrap:wrap!important}.v480-shell .calculator-command-bar{flex-wrap:wrap!important}.v480-shell .special-rate-group{flex:1 1 400px!important}.v480-shell .command-actions{flex:1 1 100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}.v480-shell #calculatorTablePanel{min-height:360px!important;flex:1 0 360px!important}.v480-shell .topbar{grid-template-columns:minmax(230px,1fr) auto!important}.v480-shell .top-nav{display:none!important}.v480-shell .mobile-menu-button{display:grid!important}.v480-shell .header-status-control{min-width:130px!important;max-width:170px!important}
 .v480-shell #themeModal .v480-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v480-shell .summary-studio-card-row{grid-template-columns:repeat(3,minmax(0,1fr))}.v480-shell .professional-avatar-library{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
 .v480-shell .summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v480-shell .topbar{height:auto!important;min-height:72px!important;padding-block:8px!important}.v480-shell .top-actions.unified-utilities{flex-wrap:wrap!important}.v480-shell .header-status-control{display:flex!important}.v480-shell #calculatorTablePanel{min-height:430px!important}.v480-shell .avatar-studio-layout{grid-template-columns:1fr}.v480-shell .avatar-studio-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border)}.v480-shell .avatar-studio-nav button{min-width:180px}.v480-shell .avatar-photo-grid{grid-template-columns:1fr}.v480-shell .avatar-photo-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.v480-shell .avatar-context-preview{grid-template-columns:1fr repeat(3,minmax(0,1fr))}.v480-shell .v480-profile-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
 .v480-shell .summary-strip{grid-template-columns:1fr!important}.v480-shell .v480-central-grid,.v480-shell .v480-profile-columns,.v480-shell .help-step-list{grid-template-columns:1fr!important}.v480-shell .v480-central-summary{grid-template-columns:36px 1fr}.v480-shell .v480-central-time{grid-column:2}.v480-shell #themeModal .v480-theme-grid{grid-template-columns:1fr!important}.v480-shell .summary-studio-preview{position:relative;top:auto}.v480-shell .summary-studio-card-row{grid-template-columns:repeat(2,minmax(0,1fr))}.v480-shell .v480-profile-identity{grid-template-columns:64px 1fr}.v480-shell .v480-profile-identity>.button{grid-column:1/-1}.v480-shell .professional-avatar-library,.v480-shell .avatar-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v480-shell .avatar-style-options{grid-template-columns:1fr}.v480-shell .avatar-context-preview{grid-template-columns:1fr}.v480-shell .help-centre-layout{grid-template-columns:1fr!important}.v480-shell .help-topic-nav{display:flex;overflow-x:auto}.v480-shell .help-topic-nav button{min-width:170px}.v480-shell .help-centre-card{height:calc(100dvh - 12px)!important}
}
@media (prefers-reduced-motion:reduce){.v480-shell .summary-studio-card-row .preview-replay,.v480-shell .v480-central-summary .central-detail-dot{animation:none!important}}

/* ========================================================================== */
/* V4.90.00 — Staff Profile Photos & Identity Preview                        */
/* ========================================================================== */
.v48001-shell .v48001-avatar-studio{width:min(1120px,calc(100vw - 26px))!important;height:min(820px,calc(100dvh - 20px))!important}
.v48001-shell .avatar-studio-header{padding:17px 19px!important}
.v48001-shell .avatar-studio-header h2{font-size:25px!important;letter-spacing:-.025em}
.v48001-shell .avatar-studio-header p{max-width:720px}
.v48001-shell .avatar-studio-nav .primary-photo-tab{position:relative;background:color-mix(in srgb,var(--accent) 9%,var(--panel))!important;border-color:color-mix(in srgb,var(--accent) 34%,var(--border))!important;box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 10%,transparent)}
.v48001-shell .avatar-studio-nav .primary-photo-tab em{grid-column:2;justify-self:start;padding:3px 6px;border-radius:999px;background:var(--accent);color:var(--accent-contrast);font-size:7px;font-style:normal;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.v48001-shell .avatar-studio-nav button:not(.active){opacity:.82}
.v48001-shell .photo-primary-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}
.v48001-shell .photo-primary-heading .status-badge{white-space:nowrap}
.v48001-shell .v48001-photo-grid{grid-template-columns:minmax(340px,1.15fr) minmax(270px,.85fr)!important;gap:18px!important}
.v48001-shell .avatar-crop-column{display:grid;gap:9px}
.v48001-shell .avatar-crop-stage{min-height:410px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 6%,var(--panel-muted)),var(--panel))!important;border-style:dashed!important;border-width:2px!important}
.v48001-shell #avatarCropCanvas{width:min(390px,calc(100% - 28px))!important;border-radius:22px!important}
.v48001-shell .avatar-photo-empty{padding:26px;z-index:3;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 82%,transparent),color-mix(in srgb,var(--accent-soft) 68%,var(--panel)))}
.v48001-shell .avatar-photo-empty>span{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 4px;border-radius:18px;background:var(--accent);color:var(--accent-contrast);font-size:31px;box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 25%,transparent)}
.v48001-shell .avatar-photo-empty strong{font-size:18px}
.v48001-shell .avatar-photo-empty small{font-size:10px;margin-bottom:10px}
.v48001-shell .avatar-photo-file-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.v48001-shell .avatar-photo-controls{padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--panel-muted);align-content:start!important}
.v48001-shell .avatar-control-intro{padding-bottom:4px}
.v48001-shell .avatar-control-intro strong,.v48001-shell .avatar-control-intro small{display:block}
.v48001-shell .avatar-control-intro strong{font-size:15px}
.v48001-shell .avatar-control-intro small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}
.v48001-shell .avatar-photo-safety{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start;padding:10px;border-radius:11px;background:var(--success-soft);color:var(--success)}
.v48001-shell .avatar-photo-safety>span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:color-mix(in srgb,var(--success) 14%,var(--panel));font-weight:900}
.v48001-shell .avatar-photo-safety p{margin:0;color:var(--text);font-size:8.5px;line-height:1.4}
.v48001-shell .professional-avatar-option{min-height:112px!important;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.v48001-shell .professional-avatar-option::after{content:"";position:absolute;right:-25px;bottom:-34px;width:80px;height:80px;border-radius:28px;transform:rotate(22deg);background:color-mix(in srgb,currentColor 10%,transparent);pointer-events:none}
.v48001-shell .professional-avatar-option:hover{transform:translateY(-3px);box-shadow:0 14px 28px color-mix(in srgb,var(--text) 10%,transparent)}
.v48001-shell .professional-avatar-option.selected::before{content:"✓";position:absolute;right:8px;top:8px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);font-weight:900;z-index:4}
.v48001-shell .professional-avatar-option .profile-avatar{width:48px;height:48px;border-radius:15px;box-shadow:0 9px 18px color-mix(in srgb,currentColor 20%,transparent)}
.v48001-shell .avatar-context-preview{position:sticky;bottom:0;z-index:2;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--panel) 92%,transparent)!important}
.v48001-shell .avatar-studio-actions{background:var(--panel)!important}

.v48001-shell .identity-preview-card{width:min(620px,calc(100vw - 24px));max-height:min(720px,calc(100dvh - 22px));display:grid;grid-template-rows:auto minmax(0,1fr) auto 25px;overflow:hidden;border-radius:22px}
.v48001-shell .identity-preview-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:center;padding:20px;overflow:auto}
.v48001-shell .identity-preview-photo-frame{display:grid;place-items:center;min-height:260px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--panel-muted)),var(--panel));box-shadow:inset 0 1px rgba(255,255,255,.65)}
.v48001-shell .identity-preview-avatar{width:184px!important;height:184px!important;border-radius:28px!important;font-size:48px!important;box-shadow:0 22px 48px rgba(16,35,54,.22)}
.v48001-shell .identity-preview-avatar.avatar-shape-circle{border-radius:50%!important}
.v48001-shell .identity-preview-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.v48001-shell .identity-preview-copy h3{margin:10px 0 2px;font-size:28px;letter-spacing:-.03em}
.v48001-shell .identity-preview-copy>p{margin:0;color:var(--muted);font-size:13px}
.v48001-shell .identity-preview-meta{display:grid;gap:8px;margin-top:18px}
.v48001-shell .identity-preview-meta span{padding:9px 11px;border:1px solid var(--border);border-radius:11px;background:var(--panel-muted);font-size:10px;color:var(--text)}
.v48001-shell .identity-preview-context{grid-column:1/-1;padding:13px 14px;border:1px solid var(--border);border-radius:13px;background:var(--panel-muted)}
.v48001-shell .identity-preview-context strong,.v48001-shell .identity-preview-context p{display:block}
.v48001-shell .identity-preview-context strong{margin-top:4px;font-size:13px}
.v48001-shell .identity-preview-context p{margin:3px 0 0;color:var(--muted);font-size:9px}
.v48001-shell .identity-preview-card>.module-signature{position:relative!important;min-height:25px!important;padding:0 14px!important}
.v48001-shell .identity-preview-trigger{appearance:none;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:10px}
.v48001-shell .identity-preview-trigger:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.v48001-shell .identity-preview-trigger:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}
.v48001-shell .user-directory-identity.identity-preview-trigger{width:100%;padding:4px}
.v48001-shell .user-identity.identity-preview-trigger{display:flex;width:100%;align-items:center;gap:8px;padding:5px}
.v48001-shell .v480-session-row{grid-template-columns:38px minmax(0,1fr) auto!important}
.v48001-shell .v480-session-person{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:transparent;border-radius:11px;cursor:pointer}
.v48001-shell .v480-session-person:hover{background:var(--accent-soft)}
.v48001-shell .v480-session-avatar{width:32px!important;height:32px!important}

@media(max-width:900px){
  .v48001-shell .v48001-photo-grid{grid-template-columns:1fr!important}
  .v48001-shell .avatar-crop-stage{min-height:350px!important}
  .v48001-shell .avatar-photo-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v48001-shell .avatar-control-intro,.v48001-shell .avatar-photo-safety{grid-column:1/-1}
  .v48001-shell .identity-preview-body{grid-template-columns:180px minmax(0,1fr)}
  .v48001-shell .identity-preview-photo-frame{min-height:220px}
  .v48001-shell .identity-preview-avatar{width:150px!important;height:150px!important}
}
@media(max-width:620px){
  .v48001-shell .avatar-studio-card{width:100vw!important;height:100dvh!important;border-radius:0!important}
  .v48001-shell .avatar-photo-controls{grid-template-columns:1fr!important}
  .v48001-shell .identity-preview-body{grid-template-columns:1fr;padding:14px}
  .v48001-shell .identity-preview-photo-frame{min-height:210px}
  .v48001-shell .identity-preview-copy{text-align:center}
  .v48001-shell .identity-preview-meta{text-align:left}
  .v48001-shell .v480-session-row{grid-template-columns:36px minmax(0,1fr)!important}
  .v48001-shell .v480-session-row>.status-badge,.v48001-shell .v480-session-row>.session-signout-button{grid-column:2;justify-self:start}
}

/* ========================================================================== */
/* V4.90.00 — Reliable Profile Upload & Interactive Crop Studio               */
/* ========================================================================== */
.v49000-shell .avatar-crop-stage{touch-action:none;cursor:grab;user-select:none;outline:none;background:
  linear-gradient(45deg,color-mix(in srgb,var(--border) 36%,transparent) 25%,transparent 25%) 0 0/22px 22px,
  linear-gradient(-45deg,color-mix(in srgb,var(--border) 36%,transparent) 25%,transparent 25%) 0 11px/22px 22px,
  linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--border) 36%,transparent) 75%) 11px -11px/22px 22px,
  linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--border) 36%,transparent) 75%) -11px 0/22px 22px,
  var(--panel-muted)!important}
.v49000-shell .avatar-crop-stage:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent);border-color:var(--accent)!important}
.v49000-shell .avatar-crop-stage.dragging{cursor:grabbing}
.v49000-shell #avatarCropCanvas{display:block;width:min(480px,calc(100% - 38px))!important;max-height:min(480px,58vh);border-radius:18px;position:relative;z-index:1}
.v49000-shell .avatar-crop-mask{position:absolute;z-index:2;left:50%;top:50%;width:min(480px,calc(100% - 38px));aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 999px rgba(7,20,34,.42),0 0 0 1px rgba(15,47,75,.5),0 12px 34px rgba(0,0,0,.2);pointer-events:none;overflow:hidden}
.v49000-shell .avatar-crop-stage[data-crop-shape="circle"] .avatar-crop-mask{border-radius:50%}
.v49000-shell .avatar-crop-stage[data-crop-shape="rounded"] .avatar-crop-mask{border-radius:18%}
.v49000-shell .avatar-crop-stage[data-crop-shape="square"] .avatar-crop-mask{border-radius:8%}
.v49000-shell .avatar-crop-mask .crop-grid-line{position:absolute;background:rgba(255,255,255,.34)}
.v49000-shell .crop-grid-v1,.v49000-shell .crop-grid-v2{top:0;bottom:0;width:1px}.v49000-shell .crop-grid-v1{left:33.333%}.v49000-shell .crop-grid-v2{left:66.666%}
.v49000-shell .crop-grid-h1,.v49000-shell .crop-grid-h2{left:0;right:0;height:1px}.v49000-shell .crop-grid-h1{top:33.333%}.v49000-shell .crop-grid-h2{top:66.666%}
.v49000-shell .crop-corner{position:absolute;width:24px;height:24px;border-color:#fff;border-style:solid}.v49000-shell .crop-corner-tl{left:8px;top:8px;border-width:3px 0 0 3px}.v49000-shell .crop-corner-tr{right:8px;top:8px;border-width:3px 3px 0 0}.v49000-shell .crop-corner-bl{left:8px;bottom:8px;border-width:0 0 3px 3px}.v49000-shell .crop-corner-br{right:8px;bottom:8px;border-width:0 3px 3px 0}
.v49000-shell .avatar-crop-hint{position:absolute;z-index:4;bottom:18px;left:50%;transform:translateX(-50%);padding:7px 11px;border-radius:999px;background:rgba(8,23,38,.78);color:#fff;font-size:9px;font-weight:750;pointer-events:none;backdrop-filter:blur(8px);white-space:nowrap}
.v49000-shell .avatar-file-details{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel);font-size:9px;color:var(--muted)}
.v49000-shell .avatar-file-details span+span::before{content:"•";margin-right:7px;color:var(--border-strong)}
.v49000-shell #avatarFileName{color:var(--text);font-weight:800;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v49000-shell #avatarPhotoState[data-state="loading"]{color:var(--accent);background:var(--accent-soft)}
.v49000-shell #avatarPhotoState[data-state="ready"]{color:var(--success);background:var(--success-soft)}
.v49000-shell #avatarPhotoState[data-state="error"]{color:var(--danger);background:var(--danger-soft)}
.v49000-shell .avatar-crop-presets{margin-top:-2px}
.v49000-shell #saveAvatarButton:disabled{opacity:.48;cursor:not-allowed;box-shadow:none!important;transform:none!important}
.v49000-shell .avatar-photo-empty{z-index:5!important}
.v49000-shell .avatar-photo-empty.hidden{display:none!important}
.v49000-shell .avatar-crop-mask.hidden,.v49000-shell .avatar-crop-hint.hidden,.v49000-shell .avatar-file-details.hidden{display:none!important}
@media(max-width:900px){
  .v49000-shell #avatarCropCanvas,.v49000-shell .avatar-crop-mask{width:min(420px,calc(100% - 30px))!important}
  .v49000-shell .avatar-crop-stage{min-height:460px!important}
}
@media(max-width:620px){
  .v49000-shell #avatarCropCanvas,.v49000-shell .avatar-crop-mask{width:min(340px,calc(100% - 22px))!important}
  .v49000-shell .avatar-crop-stage{min-height:380px!important}
  .v49000-shell .avatar-crop-hint{bottom:12px;font-size:8px}
}

/* ========================================================================== */
/* V4.90.00 — Input Safety, Instant ERP Routing & Calculation Validation      */
/* ========================================================================== */
.v490-shell .refined-action-deck{flex-wrap:wrap}
.v490-shell .action-redo{min-width:74px}
.v490-shell .special-rate-group{display:grid!important;grid-template-columns:auto minmax(130px,180px) auto minmax(210px,1fr);grid-template-rows:auto auto;align-items:center;gap:6px 10px!important}
.v490-shell .special-rate-group>div:first-child{grid-column:1;grid-row:1/3}
.v490-shell .special-rate-input{grid-column:2;grid-row:1/3}
.v490-shell .special-rate-tools{grid-column:3;grid-row:1;display:flex;gap:5px;align-items:center}
.v490-shell .mini-rate-button{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:9px;padding:6px 9px;font:inherit;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}
.v490-shell .mini-rate-button:hover{border-color:var(--accent);color:var(--accent)}
.v490-shell #specialEquation{grid-column:4;grid-row:1/3;min-width:0}
.v490-shell .special-rate-status{grid-column:3;grid-row:2;font-size:9px;line-height:1.25;color:var(--muted);max-width:205px}
.v490-shell .special-rate-status.ready{color:var(--success)}
.v490-shell .special-rate-status.error{color:var(--danger);font-weight:750}
.v490-shell .special-rate-input input.invalid{border-color:var(--danger)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 16%,transparent)!important}
.v490-shell .review-navigation{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.v490-shell #reviewPositionText{font-size:10px;font-weight:800;color:var(--muted);min-width:44px;text-align:center}
.v490-shell .review-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 12px}
.v490-shell .review-quick-actions button{border:1px solid var(--border);background:var(--panel);border-radius:11px;padding:10px;color:var(--text);font-weight:800;cursor:pointer}
.v490-shell .review-quick-actions button.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}
.v490-shell .rate-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.v490-shell .rate-safety-panel{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--panel)}
.v490-shell .rate-safety-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
.v490-shell .rate-safety-grid label{display:grid;gap:5px;font-size:10px;font-weight:750;color:var(--muted)}
.v490-shell .rate-safety-grid input,.v490-shell .rate-safety-grid select{width:100%;border:1px solid var(--border);border-radius:9px;background:var(--input);color:var(--text);padding:9px}
.v490-shell .calculation-validation-card{width:min(680px,calc(100vw - 30px));max-height:min(720px,calc(100vh - 30px))}
.v490-shell .calculation-validation-body{padding:14px;overflow:auto;display:grid;gap:12px}
.v490-shell .validation-result{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--panel)}
.v490-shell .validation-result>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:20px}
.v490-shell .validation-result.ready>span{background:color-mix(in srgb,var(--success) 14%,var(--panel));color:var(--success)}
.v490-shell .validation-result.needs_review>span{background:color-mix(in srgb,var(--danger) 14%,var(--panel));color:var(--danger)}
.v490-shell .validation-result div{display:grid;gap:3px}.v490-shell .validation-result strong{font-size:18px}.v490-shell .validation-result small{color:var(--muted)}
.v490-shell .validation-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.v490-shell .validation-metrics article{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--panel);display:grid;gap:5px}
.v490-shell .validation-metrics span{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}
.v490-shell .validation-metrics strong{font-size:16px;color:var(--text)}
.v490-shell .validation-findings{display:grid;gap:7px}.v490-shell .validation-findings h3{margin:0 0 3px}
.v490-shell .validation-findings>div{display:grid;grid-template-columns:minmax(120px,.7fr) 1.6fr;gap:10px;border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--panel)}
.v490-shell .validation-findings .issue{border-color:color-mix(in srgb,var(--danger) 42%,var(--border));background:color-mix(in srgb,var(--danger) 6%,var(--panel))}
.v490-shell .validation-findings .warning{border-color:color-mix(in srgb,var(--warning) 42%,var(--border));background:color-mix(in srgb,var(--warning) 7%,var(--panel))}
.v490-shell .validation-findings .ready{border-color:color-mix(in srgb,var(--success) 36%,var(--border))}
.v490-shell .validation-findings span{color:var(--muted);line-height:1.35}
@media(max-width:1120px){
  .v490-shell .special-rate-group{grid-template-columns:auto minmax(130px,180px) 1fr;grid-template-rows:auto auto auto}
  .v490-shell .special-rate-group>div:first-child{grid-column:1;grid-row:1/3}.v490-shell .special-rate-input{grid-column:2;grid-row:1/3}.v490-shell .special-rate-tools{grid-column:3;grid-row:1}.v490-shell .special-rate-status{grid-column:3;grid-row:2}.v490-shell #specialEquation{grid-column:1/4;grid-row:3}
  .v490-shell .rate-tools-grid{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  .v490-shell .special-rate-group{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;width:100%}
  .v490-shell .special-rate-group>div:first-child{grid-column:1;grid-row:1}.v490-shell .special-rate-input{grid-column:1/3;grid-row:2}.v490-shell .special-rate-tools{grid-column:1/3;grid-row:3}.v490-shell .special-rate-status{grid-column:1/3;grid-row:4;max-width:none}.v490-shell #specialEquation{grid-column:1/3;grid-row:5}
  .v490-shell .review-navigation{justify-content:flex-start}.v490-shell .review-filter-banner{align-items:flex-start;gap:8px;flex-direction:column}
  .v490-shell .validation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.v490-shell .review-quick-actions{grid-template-columns:1fr}.v490-shell .rate-safety-grid{grid-template-columns:1fr}
}
.v490-shell .validation-history{display:grid;gap:6px;border-top:1px solid var(--border);padding-top:10px}
.v490-shell .validation-history h3{margin:0 0 3px}
.v490-shell .validation-history>div{display:flex;justify-content:space-between;gap:12px;padding:7px 9px;border-radius:8px;background:color-mix(in srgb,var(--panel) 82%,var(--page));text-transform:capitalize}
.v490-shell .validation-history span{color:var(--muted);font-size:10px}

/* ========================================================================== */
/* V4.90.01 — Theme Gallery & Profile Photo Preview Hotfix                    */
/* ========================================================================== */

/* Theme cards render one preview only. Earlier picture-theme pseudo layers
   are explicitly disabled so no photo can appear twice. */
.v49001-shell #themeModal .picture-theme-option::before,
.v49001-shell #themeModal .v480-theme-option::before{
  content:none!important;
  display:none!important;
  background-image:none!important;
}
.v49001-shell #themeModal .v480-theme-grid{
  align-items:start!important;
  grid-auto-rows:auto!important;
}
.v49001-shell #themeModal .v480-theme-option{
  grid-template-rows:auto auto!important;
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
}
.v49001-shell #themeModal .v480-theme-visual{
  min-height:0!important;
  height:auto!important;
  aspect-ratio:auto!important;
}
.v49001-shell #themeModal .picture-theme-option .v480-theme-visual{
  height:104px!important;
  min-height:104px!important;
  aspect-ratio:16/9!important;
}
.v49001-shell #themeModal .picture-theme-option .v480-theme-visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.v49001-shell #themeModal .designed-theme-option .v480-theme-visual{
  height:52px!important;
  min-height:52px!important;
  background:var(--panel-muted)!important;
}
.v49001-shell #themeModal .designed-theme-option .v480-swatch-art{
  height:52px!important;
  grid-template-columns:26px 26px minmax(0,1fr)!important;
}
.v49001-shell #themeModal .designed-theme-option .v480-swatch-art i:last-child{
  position:relative;
}
.v49001-shell #themeModal .designed-theme-option .v480-swatch-art i:last-child::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.20),transparent 55%);
}
.v49001-shell #themeModal .v480-theme-option .theme-option-copy{
  min-height:0!important;
  align-content:start!important;
  padding:10px 12px 11px!important;
}
.v49001-shell #themeModal .v480-theme-option .theme-option-copy>small{
  min-height:0!important;
  -webkit-line-clamp:2!important;
}
.v49001-shell #themeModal .theme-selected-mark{
  top:76px!important;
}
.v49001-shell #themeModal .designed-theme-option .theme-selected-mark{
  top:35px!important;
}
.v49001-shell #themeModal .v480-preview-fallback{
  min-height:100%!important;
}
.v49001-shell #themeModal .preview-ready .v480-preview-fallback{
  display:none!important;
}
.v49001-shell #themeModal .preview-failed .v480-preview-fallback{
  display:grid!important;
}
.v49001-shell #themeModal .preview-failed .v480-theme-visual img{
  display:none!important;
}
@media(max-width:980px){
  .v49001-shell #themeModal .picture-theme-option .v480-theme-visual{height:96px!important;min-height:96px!important}
}

/* The identity card remains informational; clicking its image opens a clean,
   large, separate profile-photo viewer. */
.v49001-shell .identity-preview-photo-frame{
  appearance:none;
  width:100%;
  color:inherit;
  cursor:zoom-in;
  position:relative;
  padding:12px;
}
.v49001-shell .identity-preview-photo-frame:hover,
.v49001-shell .identity-preview-photo-frame:focus-visible{
  border-color:var(--accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent),var(--shadow-soft)!important;
}
.v49001-shell .identity-photo-open-hint{
  position:absolute;
  left:50%;
  bottom:12px;
  transform:translateX(-50%);
  padding:5px 9px;
  border-radius:999px;
  background:color-mix(in srgb,var(--text) 78%,transparent);
  color:var(--panel);
  font-size:8px;
  font-weight:850;
  white-space:nowrap;
  opacity:0;
  transition:opacity .18s ease,transform .18s ease;
  pointer-events:none;
}
.v49001-shell .identity-preview-photo-frame:hover .identity-photo-open-hint,
.v49001-shell .identity-preview-photo-frame:focus-visible .identity-photo-open-hint{
  opacity:1;
  transform:translateX(-50%) translateY(-2px);
}
.v49001-shell .identity-photo-overlay{
  z-index:1400!important;
  background:rgba(5,12,20,.74)!important;
  backdrop-filter:blur(10px)!important;
}
.v49001-shell .identity-photo-viewer-card{
  width:min(760px,calc(100vw - 28px))!important;
  height:min(720px,calc(100dvh - 28px))!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto 25px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:color-mix(in srgb,var(--panel) 96%,#000)!important;
  position:relative;
}
.v49001-shell .identity-photo-close{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  z-index:4!important;
  background:color-mix(in srgb,var(--panel) 88%,transparent)!important;
  box-shadow:var(--shadow-soft)!important;
}
.v49001-shell .identity-photo-viewer-stage{
  min-height:0;
  display:grid;
  place-items:center;
  padding:34px 34px 20px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%),
    linear-gradient(145deg,color-mix(in srgb,var(--panel-muted) 82%,#000),color-mix(in srgb,var(--panel) 88%,#000));
}
.v49001-shell .identity-photo-viewer-avatar{
  width:min(500px,68vh,calc(100vw - 100px))!important;
  height:min(500px,68vh,calc(100vw - 100px))!important;
  max-width:100%!important;
  max-height:100%!important;
  font-size:110px!important;
  box-shadow:0 30px 70px rgba(0,0,0,.34)!important;
}
.v49001-shell .identity-photo-viewer-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
  display:block!important;
}
.v49001-shell .identity-photo-viewer-caption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 18px;
  border-top:1px solid var(--border);
  background:var(--panel);
}
.v49001-shell .identity-photo-viewer-caption h2{
  margin:2px 0 3px;
  font-size:20px;
}
.v49001-shell .identity-photo-viewer-caption p{
  margin:0;
  color:var(--muted);
  font-size:9px;
}
.v49001-shell .identity-photo-viewer-card>.module-signature{
  position:relative!important;
  min-height:25px!important;
  padding:0 14px!important;
}
@media(max-width:760px){
  .v49001-shell .identity-photo-viewer-card{height:min(650px,calc(100dvh - 16px))!important}
  .v49001-shell .identity-photo-viewer-stage{padding:44px 16px 16px}
  .v49001-shell .identity-photo-viewer-avatar{width:min(82vw,54vh)!important;height:min(82vw,54vh)!important}
  .v49001-shell .identity-photo-viewer-caption{align-items:flex-start;flex-direction:column}
  .v49001-shell .identity-photo-viewer-caption .button{width:100%}
}

/* ========================================================================== */
/* V5.00.00 — Staff Directory, Identity & Verified FT Central Status          */
/* ========================================================================== */
.v500-shell .logs-table .user-identity{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;min-height:42px!important;padding:4px 0!important;text-align:left}
.v500-shell .logs-table .user-avatar{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;overflow:hidden!important;align-self:center!important}
.v500-shell .logs-table .user-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.v500-shell .logs-table .user-identity strong,.v500-shell .logs-table .user-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-density="comfortable"] .v500-shell .logs-table .user-avatar,html[data-density="large"] .v500-shell .logs-table .user-avatar{width:40px!important;height:40px!important;min-width:40px!important}

.v500-shell .staff-filter-toolbar{grid-template-columns:minmax(210px,1fr) repeat(5,minmax(118px,auto)) auto!important;min-width:0!important;width:100%!important}
.v500-shell .staff-directory-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel-muted) 72%,transparent)}
.v500-shell .staff-directory-controls>label{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.v500-shell .staff-directory-controls select{min-height:34px;border:1px solid var(--border);border-radius:9px;background:var(--panel);padding:0 28px 0 9px;color:var(--text);font:inherit;text-transform:none;letter-spacing:0}
.v500-shell .staff-view-switch{display:inline-flex;border:1px solid var(--border);border-radius:11px;padding:3px;background:var(--panel)}
.v500-shell .staff-view-switch button{border:0;border-radius:8px;background:transparent;color:var(--muted);padding:7px 10px;font-size:9px;font-weight:850;cursor:pointer}
.v500-shell .staff-view-switch button.active{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-soft)}
.v500-shell .users-card-grid.staff-cards-view{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:14px!important;align-items:start}
.v500-shell .users-card-grid.staff-compact-view{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:12px!important;align-items:start}
.v500-shell .users-card-grid.staff-table-view{display:block!important;padding:0!important}
.v500-shell .v500-staff-group{grid-column:1/-1;display:grid;gap:9px;min-width:0}
.v500-shell .v500-staff-group+.v500-staff-group{margin-top:8px}
.v500-shell .v500-staff-group-head{display:flex;align-items:center;justify-content:space-between;padding:4px 2px}
.v500-shell .v500-staff-group-head h3{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text)}
.v500-shell .v500-staff-group-head span{font-size:9px;color:var(--muted)}
.v500-shell .v500-staff-group-grid{display:grid;gap:12px;min-width:0}
.v500-shell .v500-staff-group-grid.staff-cards-view{grid-template-columns:repeat(3,minmax(0,1fr))}
.v500-shell .v500-staff-group-grid.staff-compact-view{grid-template-columns:repeat(2,minmax(0,1fr))}
.v500-shell .v500-staff-group-grid.staff-table-view{display:block}
.v500-shell .v500-staff-card{position:relative;display:grid;gap:10px;min-width:0;border:1px solid var(--border);border-top:3px solid color-mix(in srgb,var(--accent) 58%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:var(--shadow-soft);padding:13px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}
.v500-shell .v500-staff-card:hover,.v500-shell .v500-staff-card:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-strong);border-color:color-mix(in srgb,var(--accent) 55%,var(--border));outline:none}
.v500-shell .v500-staff-card.role-super_admin{border-top-color:#8157bf}.v500-shell .v500-staff-card.role-admin{border-top-color:#2f80ed}.v500-shell .v500-staff-card.role-manager{border-top-color:#d59b24}.v500-shell .v500-staff-card.is-disabled{filter:saturate(.55);opacity:.78}
.v500-shell .v500-staff-card-head{display:grid;grid-template-columns:48px minmax(0,1fr) 32px;gap:10px;align-items:center}
.v500-shell .v500-staff-photo{width:46px;height:46px;border:0;background:transparent;padding:0;border-radius:13px;cursor:pointer}
.v500-shell .v500-staff-avatar{width:46px!important;height:46px!important;border-radius:13px!important;overflow:hidden!important;display:grid!important;place-items:center!important}
.v500-shell .v500-staff-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.v500-shell .v500-staff-identity{min-width:0}.v500-shell .v500-staff-identity h3{margin:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v500-shell .v500-staff-identity p{margin:3px 0 0;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v500-shell .v500-staff-card .more-button{width:32px;height:32px;border:1px solid var(--border);border-radius:9px;background:var(--panel);cursor:pointer}
.v500-shell .v500-staff-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.v500-shell .v500-staff-badges .account-status{font-size:9px}
.v500-shell .v500-staff-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.v500-shell .v500-metric{border:1px solid var(--border);border-radius:10px;background:var(--panel-muted);padding:8px;text-align:left;min-width:0}.v500-shell button.v500-metric{cursor:pointer;color:inherit}.v500-shell .v500-metric b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v500-shell .v500-metric span{display:block;margin-top:3px;font-size:8px;color:var(--muted)}
.v500-shell .v500-access-summary{min-width:0}.v500-shell .v500-access-summary strong{font-size:9px;text-transform:uppercase;letter-spacing:.07em}.v500-shell .v500-access-summary p{margin:4px 0 0;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v500-shell .v500-access-summary>span{display:inline-flex;margin-top:5px;padding:3px 6px;border-radius:7px;background:var(--accent-soft);font-size:8px;font-weight:800;color:var(--accent-ink)}
.v500-shell .v500-staff-card footer{display:flex;gap:7px;padding-top:2px}.v500-shell .v500-staff-card footer button{flex:1;min-height:34px;border:1px solid var(--border);border-radius:9px;background:var(--panel);font-size:9px;font-weight:850;cursor:pointer;color:var(--accent)}.v500-shell .v500-staff-card footer button:first-child{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}
.v500-shell .staff-compact-view .v500-staff-card{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px}.v500-shell .staff-compact-view .v500-staff-card-head{grid-column:1/-1;grid-template-columns:42px minmax(0,1fr) 30px}.v500-shell .staff-compact-view .v500-staff-photo,.v500-shell .staff-compact-view .v500-staff-avatar{width:40px!important;height:40px!important}.v500-shell .staff-compact-view .v500-staff-metrics{grid-column:1;grid-template-columns:repeat(3,minmax(0,1fr))}.v500-shell .staff-compact-view .v500-access-summary{grid-column:1}.v500-shell .staff-compact-view footer{grid-column:2;grid-row:2/4;flex-direction:column;min-width:92px}.v500-shell .staff-compact-view .v500-staff-badges{grid-column:1/-1}

.v500-shell .permission-compare-card{width:min(760px,calc(100vw - 28px));max-height:min(660px,calc(100dvh - 28px));display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden}
.v500-shell .permission-compare-body{overflow:auto;padding:16px;display:grid;gap:14px}.v500-shell .permission-compare-selectors{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v500-shell .permission-compare-selectors label{display:grid;gap:6px;font-size:10px;font-weight:800}.v500-shell .permission-compare-selectors select{min-height:42px;border:1px solid var(--border);border-radius:11px;background:var(--panel);padding:0 12px;color:var(--text)}
.v500-shell .permission-compare-summary{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.v500-shell .permission-compare-summary article{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--panel-muted)}.v500-shell .permission-compare-summary strong,.v500-shell .permission-compare-summary small{display:block}.v500-shell .permission-compare-summary small{margin-top:4px;color:var(--muted)}.v500-shell .permission-compare-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v500-shell .compare-permission-group{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--panel)}.v500-shell .compare-permission-group h3{margin:0 0 9px;font-size:11px}.v500-shell .compare-permission-group span{display:block;margin:5px 0;padding:6px 8px;border-radius:8px;background:var(--accent-soft);font-size:9px}.v500-shell .compare-permission-group.different span{background:color-mix(in srgb,var(--warning) 14%,var(--panel))}

.v500-shell .v500-security-session{display:grid;grid-template-columns:minmax(200px,1.2fr) minmax(170px,.8fr) minmax(140px,.7fr) auto;gap:12px;align-items:center;padding:11px 13px;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:13px;background:var(--panel)}
.v500-shell .v500-security-session.state-unusual{border-left-color:var(--danger)}.v500-shell .v500-security-session.state-inactive{border-left-color:var(--warning)}.v500-shell .v500-security-session>button.identity-preview-trigger{display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;align-items:center;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer}.v500-shell .v500-session-avatar{width:38px!important;height:38px!important;border-radius:10px!important;overflow:hidden!important}.v500-shell .v500-session-avatar img{width:100%;height:100%;object-fit:cover}.v500-shell .v500-security-session strong,.v500-shell .v500-security-session small{display:block}.v500-shell .v500-security-session small{margin-top:3px;color:var(--muted);font-size:9px}.v500-shell .v500-session-state{display:inline-flex;padding:4px 7px;border-radius:999px;background:var(--accent-soft);font-size:8px;font-weight:850}.v500-shell .v500-session-state.unusual{background:color-mix(in srgb,var(--danger) 15%,var(--panel));color:var(--danger)}.v500-shell .v500-session-state.inactive{background:color-mix(in srgb,var(--warning) 16%,var(--panel));color:var(--warning-ink)}.v500-shell .v500-session-state.current,.v500-shell .v500-session-state.recent{background:color-mix(in srgb,var(--success) 15%,var(--panel));color:var(--success)}

.v500-shell .utility-detail-modal{width:min(820px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - 28px))}.v500-shell .v500-profile-hero{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--border);border-radius:15px;background:var(--panel-muted)}.v500-shell .v500-profile-hero>button{border:0;background:transparent;padding:0;cursor:pointer}.v500-shell .v500-profile-hero h3{margin:5px 0 2px;font-size:20px}.v500-shell .v500-profile-hero p{margin:0;color:var(--muted)}.v500-shell .v500-profile-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v500-shell .v500-profile-hero-stats>*{min-width:88px;border:1px solid var(--border);border-radius:11px;background:var(--panel);padding:10px;text-align:left;color:inherit}.v500-shell .v500-profile-hero-stats b,.v500-shell .v500-profile-hero-stats span{display:block}.v500-shell .v500-profile-hero-stats b{font-size:18px}.v500-shell .v500-profile-hero-stats span{font-size:8px;color:var(--muted);margin-top:3px}.v500-shell .v500-profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v500-shell .v500-permission-cloud{display:flex;flex-wrap:wrap;gap:6px}.v500-shell .v500-permission-cloud span{padding:5px 8px;border-radius:999px;background:var(--accent-soft);font-size:9px;font-weight:800}.v500-shell .v500-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.v500-shell .v500-activity-timeline>div:last-child{display:grid;gap:0}.v500-shell .v500-activity-timeline article{display:grid;grid-template-columns:12px minmax(0,1fr);gap:9px;padding:9px 0;border-bottom:1px solid var(--border)}.v500-shell .v500-activity-timeline article:last-child{border-bottom:0}.v500-shell .v500-activity-timeline article i{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:5px}.v500-shell .v500-activity-timeline strong,.v500-shell .v500-activity-timeline small{display:block}.v500-shell .v500-activity-timeline small{margin-top:3px;color:var(--muted);font-size:9px}.v500-shell .v500-profile-loading{padding:40px;text-align:center;color:var(--muted)}

.v500-shell .central-status-modal-card{width:min(760px,calc(100vw - 28px))!important;max-height:min(700px,calc(100dvh - 28px))!important}.v500-shell .central-status-body{overflow:auto!important;padding:14px!important}.v500-shell .central-status-hero{display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;align-items:start!important}.v500-shell .central-status-hero time{font-size:8px;color:var(--muted);white-space:nowrap}.v500-shell .central-status-hero.state-warning .central-detail-dot{background:var(--warning)!important;box-shadow:0 0 0 7px color-mix(in srgb,var(--warning) 16%,transparent)!important}.v500-shell .central-status-hero.state-unavailable .central-detail-dot{background:var(--danger)!important}.v500-shell .central-status-hero.state-checking .central-detail-dot{background:var(--accent)!important}.v500-shell .v500-local-availability{display:inline-flex;margin-top:8px;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--success) 12%,var(--panel));color:var(--success);font-size:9px;font-weight:800}.v500-shell .v500-central-grid article span{display:block;margin-top:5px;color:var(--muted);font-size:8px;line-height:1.35}.v500-shell .v500-central-history{margin-top:12px;border:1px solid var(--border);border-radius:13px;padding:12px;background:var(--panel)}.v500-shell .v500-central-history h3{margin:0 0 8px;font-size:11px}.v500-shell .v500-central-history article{display:grid;grid-template-columns:10px minmax(0,1fr);gap:8px;align-items:start;padding:7px 0;border-bottom:1px solid var(--border)}.v500-shell .v500-central-history article:last-child{border-bottom:0}.v500-shell .v500-central-history article i{width:7px;height:7px;border-radius:50%;background:var(--muted);margin-top:5px}.v500-shell .v500-central-history .state-healthy i{background:var(--success)}.v500-shell .v500-central-history .state-checking i{background:var(--accent)}.v500-shell .v500-central-history .state-authentication_warning i,.v500-shell .v500-central-history .state-configuration_warning i{background:var(--warning)}.v500-shell .v500-central-history .state-unavailable i{background:var(--danger)}.v500-shell .v500-central-history strong,.v500-shell .v500-central-history small{display:block}.v500-shell .v500-central-history small{margin-top:3px;color:var(--muted);font-size:8px}.v500-shell .central-status-actions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:7px!important;padding:10px 14px 28px!important}.v500-shell .central-status-modal-card>.module-signature{display:none!important}

@media(max-width:1180px){.v500-shell .staff-filter-toolbar{grid-template-columns:minmax(190px,1fr) repeat(2,minmax(120px,1fr))!important}.v500-shell .users-card-grid.staff-cards-view,.v500-shell .v500-staff-group-grid.staff-cards-view{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v500-shell .v500-security-session{grid-template-columns:minmax(190px,1fr) minmax(150px,.8fr) minmax(130px,.65fr) auto}}
@media(max-width:820px){.v500-shell .users-card-grid.staff-cards-view,.v500-shell .users-card-grid.staff-compact-view,.v500-shell .v500-staff-group-grid.staff-cards-view,.v500-shell .v500-staff-group-grid.staff-compact-view{grid-template-columns:1fr!important}.v500-shell .staff-filter-toolbar{grid-template-columns:1fr 1fr!important}.v500-shell .staff-directory-controls{align-items:stretch}.v500-shell .staff-directory-controls>*{flex:1}.v500-shell .permission-compare-selectors,.v500-shell .permission-compare-groups,.v500-shell .v500-profile-layout{grid-template-columns:1fr}.v500-shell .v500-security-session{grid-template-columns:1fr auto}.v500-shell .v500-security-session>div:nth-of-type(1),.v500-shell .v500-security-session>div:nth-of-type(2){grid-column:1}.v500-shell .v500-security-session>.button,.v500-shell .v500-security-session>.status-badge{grid-column:2;grid-row:1/3}.v500-shell .v500-profile-hero{grid-template-columns:62px minmax(0,1fr)}.v500-shell .v500-profile-hero-stats{grid-column:1/-1}.v500-shell .central-status-hero{grid-template-columns:28px minmax(0,1fr)!important}.v500-shell .central-status-hero time{grid-column:2}.v500-shell .central-status-actions .button{flex:1 1 145px}}
@media(max-width:560px){.v500-shell .staff-filter-toolbar{grid-template-columns:1fr!important}.v500-shell .v500-staff-metrics{grid-template-columns:1fr 1fr}.v500-shell .v500-staff-metrics .v500-metric:last-child{grid-column:1/-1}.v500-shell .v500-profile-hero{grid-template-columns:1fr;text-align:center}.v500-shell .v500-profile-hero>button{margin:auto}.v500-shell .v500-profile-hero-stats{grid-template-columns:1fr 1fr}.v500-shell .permission-compare-summary{grid-template-columns:1fr}.v500-shell .permission-compare-summary>b{text-align:center}}

@media print{.v500-shell .staff-directory-controls,.v500-shell .filter-toolbar,.v500-shell .compact-stat-strip,.v500-shell .page-heading .button,.v500-shell .topbar,.v500-shell .app-footer{display:none!important}.v500-shell .users-card-grid.staff-cards-view{grid-template-columns:repeat(2,1fr)!important}.v500-shell .v500-staff-card{break-inside:avoid;box-shadow:none!important}}

/* =====================================================================
   V5.20.01 - Professional PDF Exports, Layout Repair & Compact Profile Editor
   ===================================================================== */
.v520-shell .main-content{padding-bottom:calc(var(--footer-h,38px) + 22px)!important}
.v520-shell .page{padding-bottom:22px!important}
.v520-shell .header-profile-control{display:flex!important;align-items:center!important;padding:4px!important;gap:2px!important}
.v520-shell .header-profile-photo-button,.v520-shell .header-profile-menu-button{border:0;background:transparent;color:inherit;cursor:pointer;display:flex;align-items:center}
.v520-shell .header-profile-photo-button{padding:0;border-radius:12px}
.v520-shell .header-profile-photo-button:hover,.v520-shell .header-profile-photo-button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent);outline:none}
.v520-shell .header-profile-menu-button{gap:8px;padding:3px 7px 3px 5px;border-radius:10px;text-align:left}
.v520-shell .header-profile-menu-button:hover,.v520-shell .header-profile-menu-button:focus-visible{background:var(--accent-soft);outline:none}
.v520-shell .users-inline-counts{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}
.v520-shell .users-inline-counts span{padding:3px 7px;border:1px solid var(--border);border-radius:999px;background:var(--panel-muted);font-size:8px;font-weight:800;color:var(--muted)}
.v520-shell #user-section-staff>.admin-panel{margin-top:0!important}

/* Compact Log Report and Backup Center summary strips. */
.v520-shell .log-summary-strip{gap:8px!important;margin-bottom:9px!important}
.v520-shell .log-summary{min-height:48px!important;padding:7px 11px!important;border-radius:11px!important}
.v520-shell .log-summary span{font-size:9px!important}
.v520-shell .log-summary strong{font-size:20px!important;line-height:1!important}
.v520-shell .backup-stat-strip{gap:10px!important;margin-bottom:10px!important}
.v520-shell .backup-stat-strip article{min-height:64px!important;padding:10px 16px!important;border-radius:13px!important}
.v520-shell .backup-stat-strip article span{font-size:9px!important}
.v520-shell .backup-stat-strip article strong{font-size:22px!important;line-height:1.05!important;margin:4px 0!important}
.v520-shell .backup-stat-strip article small{font-size:8px!important}
.v520-shell .backup-retention-control{max-width:260px!important;align-items:flex-start!important}
.v520-shell .backup-retention-control small{display:block;margin-top:5px;font-size:8px;line-height:1.35;color:var(--muted);text-transform:none;letter-spacing:0}

/* Readable activity report. */
.v520-shell .logs-table{table-layout:fixed!important;min-width:1160px!important}
.v520-shell .logs-table th:nth-child(1){width:34px}.v520-shell .logs-table th:nth-child(2){width:128px}.v520-shell .logs-table th:nth-child(3){width:185px}.v520-shell .logs-table th:nth-child(4){width:205px}.v520-shell .logs-table th:nth-child(5){width:auto}.v520-shell .logs-table th:nth-child(6){width:105px}.v520-shell .logs-table th:nth-child(7){width:185px}.v520-shell .logs-table th:nth-child(8){width:72px}
.v520-shell .logs-table td{padding-block:8px!important;vertical-align:middle!important}
.v520-shell .logs-table .activity-cell>small{color:var(--muted)!important;text-transform:none!important;letter-spacing:0!important}
.v520-shell .log-detail-preview{white-space:normal!important;line-height:1.35!important;overflow-wrap:anywhere!important;color:var(--text)!important}
.v520-shell .log-device-cell strong,.v520-shell .log-device-cell small{display:block}.v520-shell .log-device-cell small{margin-top:3px;color:var(--muted);font-size:8px}
.v520-shell .log-result-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--success-soft);color:var(--success);font-size:8px;font-weight:900;white-space:nowrap}
.v520-shell .log-result-badge[data-result="needs-review"],.v520-shell .log-result-badge[data-result="needs-attention"]{background:var(--warning-soft);color:var(--warning)}
.v520-shell .log-result-badge[data-result="failed"]{background:var(--danger-soft);color:var(--danger)}
.v520-shell .log-details-card{width:min(760px,calc(100vw - 30px));max-height:min(760px,calc(100dvh - 30px));overflow:auto}
.v520-shell .log-detail-hero{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--panel-muted);margin:14px}
.v520-shell .log-detail-hero span{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--success-soft);color:var(--success);font-size:8px;font-weight:900}
.v520-shell .log-detail-hero h3{font-size:16px;line-height:1.4;margin:8px 0 0}
.v520-shell .log-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 14px 14px}
.v520-shell .log-detail-grid .detail-row{border:1px solid var(--border);border-radius:10px;padding:9px;background:var(--panel)}
.v520-shell .log-developer-details{margin:0 14px 14px}
.v520-shell .export-scope-options,.v520-shell .clear-log-options{display:grid;gap:8px;padding:14px}
.v520-shell .export-scope-options label,.v520-shell .clear-log-options label{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;border:1px solid var(--border);border-radius:11px;padding:10px;background:var(--panel)}
.v520-shell .export-scope-options strong,.v520-shell .export-scope-options small,.v520-shell .clear-log-options strong,.v520-shell .clear-log-options small{display:block}.v520-shell .export-scope-options small,.v520-shell .clear-log-options small{color:var(--muted);margin-top:2px;font-size:8px}
.v520-shell .impact-summary{margin:0 14px 14px;padding:11px;border-radius:11px;background:var(--warning-soft);display:grid;gap:3px}.v520-shell .impact-summary span,.v520-shell .impact-summary small{color:var(--muted)}

/* Compact System & API workspace. */
.v520-shell .system-health-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--panel) 94%,transparent);margin-bottom:10px;box-shadow:var(--shadow-soft)}
.v520-shell .system-health-strip>div:first-child{display:grid;gap:2px}.v520-shell .system-health-strip strong{font-size:18px}.v520-shell .system-health-strip small{color:var(--muted)}
.v520-shell .compact-system-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-bottom:10px!important}
.v520-shell .compact-system-grid .system-page-card{min-height:104px!important;padding:11px!important;border-radius:14px!important;text-align:left;cursor:pointer;width:100%}
.v520-shell .compact-system-grid .system-page-card>div{min-width:0}.v520-shell .compact-system-grid .system-page-card small{font-size:8px}.v520-shell .compact-system-grid .system-page-card strong{font-size:15px!important}.v520-shell .compact-system-grid .system-page-card p{font-size:8.5px!important;margin:4px 0!important}.v520-shell .compact-system-grid .system-page-card em{display:block;color:var(--muted);font-size:7.5px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v520-shell .compact-performance-panel{padding:13px!important;margin-bottom:10px!important}.v520-shell .compact-performance-panel .section-heading-row{margin-bottom:10px!important}.v520-shell .expanded-performance-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.v520-shell .expanded-performance-grid article{min-height:72px!important;padding:10px!important}.v520-shell .expanded-performance-grid strong{font-size:17px!important}
.v520-shell .compact-system-detail-layout{gap:10px!important;margin-bottom:10px!important}.v520-shell .compact-system-detail-layout>.panel{min-height:0!important}.v520-shell .compact-system-detail-layout .panel-header{padding:11px 14px!important}.v520-shell .system-diagnostic-accordions{display:grid;gap:7px;margin-bottom:10px}.v520-shell .system-diagnostic-accordions details{border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--panel) 95%,transparent);overflow:hidden}.v520-shell .system-diagnostic-accordions summary{padding:10px 13px;font-weight:850;cursor:pointer}.v520-shell .system-diagnostic-accordions details>div,.v520-shell .system-diagnostic-accordions pre{padding:0 13px 12px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}
.v520-shell .system-service-modal-card{width:min(690px,calc(100vw - 30px));max-height:calc(100dvh - 30px);overflow:auto}.v520-shell .system-service-hero{margin:14px;padding:14px;border-radius:14px;border:1px solid var(--border);background:var(--panel-muted)}.v520-shell .system-service-hero strong{font-size:19px}.v520-shell .system-service-hero p{color:var(--muted);line-height:1.45}
.v520-shell.v520-effects-restarting .page,.v520-effects-restarting .modal-card{animation:v520EffectsRestart .5s ease both}@keyframes v520EffectsRestart{0%{opacity:.7;transform:translateY(3px)}100%{opacity:1;transform:none}}

/* Three-step photo editor with non-overlapping previews. */
.v520-shell .avatar-studio-card{width:min(1060px,calc(100vw - 28px))!important;height:min(760px,calc(100dvh - 22px))!important}
.v520-shell .avatar-target-banner{display:flex;align-items:center;gap:9px;margin-top:8px;padding:7px 9px;border:1px solid var(--warning);border-radius:10px;background:var(--warning-soft);max-width:520px}.v520-shell .avatar-target-banner.hidden{display:none}.v520-shell .avatar-target-banner .profile-avatar{width:34px;height:34px}.v520-shell .avatar-target-banner strong,.v520-shell .avatar-target-banner small{display:block}.v520-shell .avatar-target-banner em{margin-left:auto;font-size:7px;font-style:normal;font-weight:900;text-transform:uppercase;color:var(--warning)}
.v520-shell .avatar-workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.v520-shell .avatar-workflow-steps span{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel);font-size:9px;font-weight:800}.v520-shell .avatar-workflow-steps b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--panel-muted)}.v520-shell .avatar-workflow-steps .active{border-color:var(--accent);background:var(--accent-soft)}.v520-shell .avatar-workflow-steps .active b{background:var(--accent);color:var(--accent-contrast)}
.v520-shell .avatar-photo-grid{grid-template-columns:minmax(360px,1fr) minmax(280px,330px)!important;align-items:start}.v520-shell .avatar-crop-stage{min-height:410px!important}.v520-shell #avatarCropCanvas,.v520-shell .avatar-crop-mask{width:min(390px,calc(100% - 30px))!important}.v520-shell .avatar-photo-controls{max-height:410px;overflow:auto;padding:12px!important}.v520-shell .avatar-photo-controls label{padding:8px!important}.v520-shell .avatar-style-options{grid-template-columns:repeat(3,minmax(0,1fr)) auto!important}
.v520-shell .avatar-context-preview-collapsible{display:block!important;padding:0!important;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--panel)!important}.v520-shell .avatar-context-preview-collapsible>summary{padding:10px 12px;font-weight:850;cursor:pointer}.v520-shell .avatar-context-preview-grid{display:grid;grid-template-columns:150px repeat(4,minmax(0,1fr));gap:8px;align-items:center;padding:0 12px 12px}.v520-shell .avatar-context-preview-grid article{display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:center}.v520-shell .avatar-context-preview-grid small{font-size:7.5px;color:var(--muted)}

@media(max-width:1100px){.v520-shell .compact-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v520-shell .expanded-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v520-shell .avatar-photo-grid{grid-template-columns:1fr!important}.v520-shell .avatar-photo-controls{max-height:none;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr))}.v520-shell .avatar-context-preview-grid{grid-template-columns:1fr repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.v520-shell .log-summary-strip{grid-template-columns:repeat(5,minmax(105px,1fr))!important;overflow-x:auto;padding-bottom:3px}.v520-shell .backup-stat-strip{grid-template-columns:1fr!important}.v520-shell .compact-system-grid,.v520-shell .expanded-performance-grid{grid-template-columns:1fr!important}.v520-shell .system-health-strip{align-items:flex-start;flex-direction:column}.v520-shell .log-detail-grid{grid-template-columns:1fr}.v520-shell .avatar-context-preview-grid{grid-template-columns:1fr}.v520-shell .avatar-photo-controls{grid-template-columns:1fr!important}}

/* ======================================================================
   V5.20.01 - Professional PDF Exports, Layout Repair & Compact Profile Editor
   ====================================================================== */
.v52001-shell .avatar-studio-card{
  width:min(930px,calc(100vw - 28px))!important;
  height:min(680px,calc(100dvh - 22px))!important;
  grid-template-rows:auto minmax(0,1fr) auto 24px!important;
}
.v52001-shell .avatar-studio-header{padding:12px 16px!important}
.v52001-shell .avatar-studio-header h2{font-size:22px!important;margin-block:3px!important}
.v52001-shell .avatar-studio-header p{margin:0!important;font-size:11px!important}
.v52001-shell .avatar-studio-layout{grid-template-columns:178px minmax(0,1fr)!important}
.v52001-shell .avatar-studio-nav{padding:10px!important}
.v52001-shell .avatar-studio-nav button{grid-template-columns:30px 1fr!important;padding:8px!important;gap:7px!important}
.v52001-shell .avatar-studio-nav button>span{width:30px!important;height:30px!important}
.v52001-shell .avatar-studio-main{padding:10px 12px!important;overflow:auto!important}
.v52001-shell .avatar-workflow-steps{margin-bottom:7px!important;padding:6px 8px!important}
.v52001-shell .photo-primary-heading{margin-bottom:7px!important}
.v52001-shell .photo-primary-heading h3{font-size:16px!important}
.v52001-shell .photo-primary-heading p{font-size:10px!important}
.v52001-shell .avatar-photo-grid{grid-template-columns:minmax(330px,1fr) minmax(245px,285px)!important;gap:12px!important}
.v52001-shell .avatar-crop-stage{min-height:350px!important;max-height:370px!important}
.v52001-shell #avatarCropCanvas,.v52001-shell .avatar-crop-mask{width:min(350px,calc(100% - 22px))!important;max-height:350px!important}
.v52001-shell .avatar-photo-controls{max-height:none!important;overflow:visible!important;padding:9px!important;gap:8px!important}
.v52001-shell .avatar-photo-controls label{padding:7px!important;gap:4px!important}
.v52001-shell .avatar-photo-controls label:has(#avatarPositionX),
.v52001-shell .avatar-photo-controls label:has(#avatarPositionY){display:none!important}
.v52001-shell .avatar-control-intro small{font-size:8px!important}
.v52001-shell .avatar-zoom-row{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:6px;align-items:center}
.v52001-shell .avatar-zoom-row .button{min-width:34px!important;width:34px!important;height:32px!important;padding:0!important;font-size:17px!important}
.v52001-shell .avatar-crop-presets,.v52001-shell .avatar-control-buttons{gap:6px!important}
.v52001-shell .avatar-photo-safety{padding:7px!important;font-size:8px!important}
.v52001-shell .avatar-file-details{padding:6px 8px!important;font-size:8px!important}
.v52001-shell .avatar-photo-file-actions{margin-top:6px!important}
.v52001-shell .avatar-style-options{grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;padding:8px!important;gap:7px!important}
.v52001-shell .avatar-style-options select{min-height:34px!important}
.v52001-shell .avatar-context-preview-collapsible>summary{padding:8px 10px!important}
.v52001-shell .avatar-context-preview-grid{padding:0 10px 9px!important;grid-template-columns:130px repeat(4,minmax(0,1fr))!important}
.v52001-shell .avatar-studio-actions{padding:8px 12px!important}
.v52001-shell .avatar-studio-actions .button{min-height:36px!important}
.v52001-shell .avatar-studio-card>.module-signature{min-height:24px!important}

.v52001-shell .export-choice-button{display:grid;width:100%;gap:3px;text-align:left;padding:13px 14px;border:1px solid var(--border);border-radius:13px;background:var(--panel);color:var(--text);cursor:pointer}
.v52001-shell .export-choice-button:hover,.v52001-shell .export-choice-button:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}
.v52001-shell .export-choice-button strong{font-size:13px}.v52001-shell .export-choice-button small{font-size:9px;color:var(--muted)}
.v52001-shell .pdf-print-frame{position:fixed!important;width:1px!important;height:1px!important;right:-10px!important;bottom:-10px!important;border:0!important;opacity:.001!important;pointer-events:none!important}

/* Flexible diagnostic rows: long dates and status messages remain within their cells. */
.v52001-shell .compact-system-detail-layout .detail-row,
.v52001-shell .system-detail-list .detail-row,
.v52001-shell .system-service-body .detail-row,
.v52001-shell .system-warning-panel .detail-row,
.v52001-shell .system-recovery-panel .detail-row{
  grid-template-columns:minmax(145px,.78fr) minmax(0,1.35fr)!important;
  align-items:start!important;
}
.v52001-shell .compact-system-detail-layout .detail-row>*,
.v52001-shell .system-detail-list .detail-row>*,
.v52001-shell .system-service-body .detail-row>*,
.v52001-shell .system-warning-panel .detail-row>*,
.v52001-shell .system-recovery-panel .detail-row>*{
  min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.35!important;
}
.v52001-shell .system-diagnostic-accordions details>div,
.v52001-shell .system-diagnostic-accordions pre{overflow-wrap:anywhere!important;word-break:break-word!important;white-space:pre-wrap!important}

@media(max-width:1100px){
  .v52001-shell .avatar-studio-card{width:min(900px,calc(100vw - 16px))!important;height:calc(100dvh - 16px)!important}
  .v52001-shell .avatar-photo-grid{grid-template-columns:1fr!important}
  .v52001-shell .avatar-crop-stage{min-height:330px!important}
  .v52001-shell .avatar-photo-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v52001-shell .avatar-control-intro,.v52001-shell .avatar-zoom-control,.v52001-shell .avatar-photo-safety{grid-column:1/-1}
  .v52001-shell .avatar-context-preview-grid{grid-template-columns:1fr repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .v52001-shell .avatar-studio-card{width:100vw!important;height:100dvh!important;border-radius:0!important}
  .v52001-shell .avatar-studio-layout{grid-template-columns:1fr!important}
  .v52001-shell .avatar-studio-nav{display:flex!important;flex-direction:row!important;overflow-x:auto!important}
  .v52001-shell .avatar-studio-nav button{min-width:160px!important}
  .v52001-shell .avatar-photo-controls{grid-template-columns:1fr!important}
  .v52001-shell .avatar-style-options{grid-template-columns:1fr!important}
  .v52001-shell .compact-system-detail-layout .detail-row,
  .v52001-shell .system-detail-list .detail-row,
  .v52001-shell .system-service-body .detail-row,
  .v52001-shell .system-warning-panel .detail-row,
  .v52001-shell .system-recovery-panel .detail-row{grid-template-columns:1fr!important;gap:4px!important}
}

/* ======================================================================
   V5.30.00 — Replace-Only ERP Workflow, Totals & Responsive Stability
   ====================================================================== */
.v530-shell .calculator-action-group{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important;min-width:0!important}
.v530-shell .calculator-action-group>.button{height:40px!important;min-height:40px!important;padding-inline:12px!important;white-space:nowrap!important}
.v530-shell .calculator-action-group .action-paste{min-width:158px!important;order:5}
.v530-shell .calculator-action-group .action-shortcuts{order:4}
.v530-shell .calculator-action-group .action-clear{order:3}
.v530-shell .calculator-action-group .action-undo{order:1}.v530-shell .calculator-action-group .action-redo{order:2}
.v530-shell .command-actions{gap:7px!important;min-width:0!important;flex-wrap:wrap!important}
.v530-shell #copyTotalsButton{border-color:color-mix(in srgb,var(--accent) 34%,var(--border));color:var(--accent)}
.v530-shell .table-meta{min-width:0!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.v530-shell #tableFullscreenButton[aria-pressed="true"]{background:var(--accent)!important;color:var(--accent-contrast)!important;border-color:var(--accent)!important}

.v530-shell .toast-stack{width:min(380px,calc(100vw - 28px))!important;gap:7px!important}
.v530-shell .toast{grid-template-columns:28px minmax(0,1fr)!important;padding:10px 12px!important;border-radius:12px!important;gap:9px!important;max-width:100%!important;overflow:hidden!important}
.v530-shell .toast-icon{width:28px!important;height:28px!important;border-radius:9px!important}
.v530-shell .toast>div{min-width:0!important}.v530-shell .toast strong{font-size:11px!important;line-height:1.25!important;overflow-wrap:anywhere!important}.v530-shell .toast small{font-size:9px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important}
.v530-shell .toast.info .toast-icon{background:var(--accent-soft)!important;color:var(--accent)!important}
.v530-shell .paste-import-summary{min-width:0!important;max-width:100%!important;gap:10px!important}
.v530-shell .paste-import-summary>div{min-width:0!important;flex:1!important}.v530-shell .paste-import-summary>div>div{min-width:0!important}
.v530-shell .paste-import-summary strong,.v530-shell .paste-import-summary small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;line-height:1.35!important}
.v530-shell .paste-import-summary .text-button{flex:0 0 auto!important}

.v530-shell .keyboard-shortcuts-card{width:min(760px,calc(100vw - 28px));max-height:min(680px,calc(100dvh - 28px));display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden}
.v530-shell .keyboard-shortcuts-grid{padding:14px 16px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.v530-shell .keyboard-shortcuts-grid>div{display:flex;align-items:center;gap:6px;min-width:0;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--panel-muted)}
.v530-shell .keyboard-shortcuts-grid kbd{display:inline-grid;place-items:center;min-width:30px;height:28px;padding:0 7px;border:1px solid color-mix(in srgb,var(--text) 18%,var(--border));border-bottom-width:3px;border-radius:7px;background:var(--panel);font:800 9px/1 var(--font-family);color:var(--text);box-shadow:var(--shadow-soft)}
.v530-shell .keyboard-shortcuts-grid b{font-size:8px;color:var(--muted)}
.v530-shell .keyboard-shortcuts-grid span{min-width:0;margin-left:3px}.v530-shell .keyboard-shortcuts-grid strong,.v530-shell .keyboard-shortcuts-grid small{display:block;overflow-wrap:anywhere}.v530-shell .keyboard-shortcuts-grid strong{font-size:10px}.v530-shell .keyboard-shortcuts-grid small{margin-top:2px;color:var(--muted);font-size:8px;line-height:1.35}

.v530-shell .breakdown-hero{display:grid;gap:5px;padding:15px 16px;margin-bottom:10px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 90%,var(--panel)),var(--panel));box-shadow:var(--shadow-soft)}
.v530-shell .breakdown-hero>span{font-size:8px;font-weight:900;letter-spacing:.1em;color:var(--accent)}.v530-shell .breakdown-hero>strong{font-size:28px;line-height:1;color:var(--text)}.v530-shell .breakdown-hero>small{font-size:9px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}
.v530-shell .breakdown-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px}
.v530-shell .breakdown-facts .detail-row{grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr)!important;padding:8px 10px!important;border:1px solid var(--border);border-radius:10px;background:var(--panel-muted)}
.v530-shell .breakdown-facts .detail-row>*{min-width:0;white-space:normal!important;overflow-wrap:anywhere!important}
.v530-shell .totals-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.v530-shell .totals-overview-grid article{min-width:0;padding:12px;border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:13px;background:var(--panel);box-shadow:var(--shadow-soft)}
.v530-shell .totals-overview-grid article.needs-review{border-top-color:var(--warning)}
.v530-shell .totals-overview-grid span,.v530-shell .totals-overview-grid strong,.v530-shell .totals-overview-grid small{display:block;min-width:0;overflow-wrap:anywhere}.v530-shell .totals-overview-grid span{font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.v530-shell .totals-overview-grid strong{margin-top:5px;font-size:19px}.v530-shell .totals-overview-grid small{margin-top:4px;font-size:8px;line-height:1.35;color:var(--muted)}
.v530-shell .totals-formula-section .detail-row{grid-template-columns:minmax(125px,.7fr) minmax(0,1.3fr)!important}.v530-shell .totals-formula-section .detail-row>*{min-width:0;white-space:normal!important;overflow-wrap:anywhere!important}
.v530-shell .totals-drawer-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:12px}

body.calculator-table-focus-mode{overflow:hidden!important}
body.v530-shell.calculator-table-focus-mode #calculatorTablePanel.table-focus-active{position:fixed!important;z-index:1200!important;inset:8px 8px calc(var(--app-footer-height,34px) + 8px) 8px!important;margin:0!important;width:auto!important;max-width:none!important;height:auto!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;border-color:color-mix(in srgb,var(--accent) 48%,var(--border))!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important;background:var(--panel)!important;overflow:hidden!important}
body.v530-shell.calculator-table-focus-mode #calculatorTablePanel.table-focus-active .table-panel-header{position:relative!important;z-index:3!important;background:var(--panel)!important;padding:10px 12px!important}
body.v530-shell.calculator-table-focus-mode #calculatorTablePanel.table-focus-active .table-wrap{height:100%!important;max-height:none!important;overflow:auto!important;min-height:0!important}
body.v530-shell.calculator-table-focus-mode #calculatorTablePanel.table-focus-active .calculator-table thead{position:sticky;top:0;z-index:5}
body.v530-shell.calculator-table-focus-mode #calculatorTablePanel.table-focus-active #tableFullscreenButton{background:var(--danger-soft)!important;color:var(--danger)!important;border-color:color-mix(in srgb,var(--danger) 45%,var(--border))!important}

.v530-shell #page-calculator{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
.v530-shell #page-calculator>*{min-width:0!important;max-width:100%!important}
.v530-shell .calculator-command-bar{min-width:0!important;max-width:100%!important;overflow:visible!important}
.v530-shell .calculator-table{min-width:900px}
.v530-shell .table-wrap{max-width:100%!important;overscroll-behavior:contain}
.v530-shell .calculator-table th,.v530-shell .calculator-table td{overflow-wrap:normal;word-break:normal}
.v530-shell .calculator-table .col-item{min-width:190px!important;max-width:360px!important}.v530-shell .calculator-table .item-cell{white-space:normal!important;line-height:1.25!important;overflow-wrap:anywhere!important}
.v530-shell .sticky-summary-shell{min-width:0!important}.v530-shell .summary-strip{grid-template-columns:repeat(6,minmax(120px,1fr))!important;min-width:0!important}.v530-shell .summary-metric{min-width:0!important;overflow:hidden!important}.v530-shell .summary-metric span,.v530-shell .summary-metric strong,.v530-shell .summary-metric small{max-width:100%;overflow-wrap:anywhere}

@media(max-width:1180px){
  .v530-shell .page-heading.compact-heading{align-items:flex-start!important;gap:10px!important}
  .v530-shell .calculator-action-group{max-width:520px!important}
  .v530-shell .summary-strip{grid-template-columns:repeat(3,minmax(150px,1fr))!important}
  .v530-shell .calculator-command-bar{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)!important}
  .v530-shell .command-actions{justify-content:flex-start!important}
}
@media(max-width:1024px){
  .v530-shell .page-heading.compact-heading{display:grid!important;grid-template-columns:1fr!important}
  .v530-shell .calculator-action-group{width:100%!important;max-width:none!important;justify-content:flex-start!important}
  .v530-shell .calculator-command-bar{grid-template-columns:1fr!important}
  .v530-shell .special-rate-group{min-width:0!important}
  .v530-shell .table-panel-header .table-header-main{align-items:flex-start!important;gap:8px!important}
  .v530-shell .table-meta{width:100%!important;justify-content:flex-start!important}
  .v530-shell .totals-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v530-shell .keyboard-shortcuts-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .v530-shell .calculator-action-group{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v530-shell .calculator-action-group>.button{width:100%!important;min-width:0!important}
  .v530-shell .calculator-action-group .action-paste{grid-column:1/-1!important;order:1}.v530-shell .calculator-action-group .action-undo{order:2}.v530-shell .calculator-action-group .action-redo{order:3}.v530-shell .calculator-action-group .action-shortcuts{order:4}.v530-shell .calculator-action-group .action-clear{order:5}
  .v530-shell .summary-strip{grid-template-columns:repeat(2,minmax(135px,1fr))!important}
  .v530-shell .breakdown-facts,.v530-shell .totals-overview-grid{grid-template-columns:1fr}
  .v530-shell .keyboard-shortcuts-card{width:100vw!important;height:100dvh!important;max-height:none!important;border-radius:0!important}
  body.v530-shell.calculator-table-focus-mode #calculatorTablePanel.table-focus-active{inset:0 0 var(--app-footer-height,34px) 0!important;border-radius:0!important}
  .v530-shell .toast-stack{left:8px!important;right:8px!important;width:auto!important;top:calc(var(--v380-header-height,58px) + 8px)!important}
}

/* ========================================================================== */
/* V6.00.00 — Calculation Workspace V2, Review Centre, Inspector & Rules     */
/* ========================================================================== */
.v600-shell .v600-workspace-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.v600-shell .v600-workspace-pills span{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent-soft) 64%,var(--panel));font-size:8.5px;font-weight:800;letter-spacing:.02em;color:var(--text)}
.v600-shell .calculator-command-bar{position:relative;border-color:color-mix(in srgb,var(--accent) 20%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 97%,var(--accent-soft)),var(--panel))!important}.v600-shell .command-actions{gap:6px!important}.v600-shell .command-actions .button{min-height:31px!important;padding:6px 9px!important;font-size:9px!important;white-space:nowrap}
.v600-shell .v600-health-bar{grid-template-columns:38px minmax(0,1fr) auto!important;gap:11px!important}.v600-shell .v600-health-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.v600-shell .v600-self-check-badge{display:flex;align-items:center;gap:6px;min-height:30px;padding:5px 9px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap}.v600-shell .v600-self-check-badge span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:9px;font-weight:900;background:var(--panel-muted);color:var(--muted)}.v600-shell .v600-self-check-badge b{font-size:8.5px}.v600-shell .v600-self-check-badge.verified{border-color:color-mix(in srgb,var(--success) 38%,var(--border));background:color-mix(in srgb,var(--success-soft) 62%,var(--panel))}.v600-shell .v600-self-check-badge.verified span{background:var(--success);color:#fff}.v600-shell .v600-self-check-badge.review{border-color:color-mix(in srgb,var(--danger) 35%,var(--border));background:color-mix(in srgb,var(--danger-soft) 46%,var(--panel))}.v600-shell .v600-self-check-badge.review span,.v600-shell .v600-self-check-badge.issue span{background:var(--danger);color:#fff}.v600-shell .v600-self-check-badge.issue{border-color:var(--danger);background:var(--danger-soft)}
.v600-shell .v600-table-hint{display:block;margin-top:3px;font-size:8.5px;color:var(--muted);font-weight:500}.v600-shell .calculator-table tbody tr{cursor:default}.v600-shell .calculator-table tbody tr.selected-row{outline:2px solid color-mix(in srgb,var(--accent) 42%,transparent);outline-offset:-2px;background:color-mix(in srgb,var(--accent-soft) 48%,var(--panel))}.v600-shell .freight-summary-button{transition:transform .15s ease,border-color .15s ease,background .15s ease}.v600-shell .freight-summary-button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:var(--accent-soft)}
.v600-shell .v600-review-centre-card{width:min(1080px,calc(100vw - 30px));height:min(730px,calc(100dvh - 28px));max-height:calc(100dvh - 28px);overflow:hidden;display:flex;flex-direction:column}.v600-shell .v600-review-layout{display:grid;grid-template-columns:minmax(250px,32%) minmax(0,1fr);gap:0;min-height:0;flex:1;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.v600-shell .v600-review-list{overflow:auto;padding:10px;background:color-mix(in srgb,var(--panel-muted) 72%,var(--panel));border-right:1px solid var(--border)}.v600-shell .v600-review-list button{width:100%;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--text);padding:9px;margin:0 0 6px;cursor:pointer}.v600-shell .v600-review-list button>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:9px;font-weight:900}.v600-shell .v600-review-list button strong,.v600-shell .v600-review-list button small{display:block;overflow:hidden;text-overflow:ellipsis}.v600-shell .v600-review-list button strong{font-size:10px;white-space:nowrap}.v600-shell .v600-review-list button small{font-size:8px;color:var(--muted);line-height:1.35;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.v600-shell .v600-review-list button>b{font-size:8px;color:var(--muted);white-space:nowrap}.v600-shell .v600-review-list button.active{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:var(--panel);box-shadow:var(--shadow-soft)}.v600-shell .v600-review-detail{overflow:auto;padding:16px 18px}.v600-shell .v600-review-focus{padding:14px 15px;border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--danger-soft) 55%,var(--panel)),var(--panel))}.v600-shell .v600-review-focus>span,.v600-shell .v600-review-suggestion>span{font-size:8px;font-weight:900;letter-spacing:.1em;color:var(--danger)}.v600-shell .v600-review-focus h3{margin:5px 0 3px;font-size:18px}.v600-shell .v600-review-focus p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}.v600-shell .v600-review-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin-top:12px}.v600-shell .v600-review-suggestion{display:grid;gap:5px;margin-top:12px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent-soft) 58%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border))}.v600-shell .v600-review-suggestion span{color:var(--accent)}.v600-shell .v600-review-suggestion strong{font-size:10px;line-height:1.5}.v600-shell .v600-review-mode-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}.v600-shell .v600-review-mode-preview button{min-height:38px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font-size:9px;font-weight:800;cursor:pointer}.v600-shell .v600-review-mode-preview button:hover{border-color:var(--accent);background:var(--accent-soft)}.v600-shell .v600-review-actions{display:grid!important;grid-template-columns:auto 1fr auto auto auto!important;align-items:center!important}.v600-shell .v600-review-position{justify-self:center;font-size:9px;font-weight:800;color:var(--muted)}.v600-shell .v600-review-empty{height:100%;display:grid;place-items:center;align-content:center;text-align:center;gap:7px;color:var(--muted)}.v600-shell .v600-review-empty span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--success-soft);color:var(--success);font-size:23px;font-weight:900}.v600-shell .v600-review-empty strong{font-size:16px;color:var(--text)}.v600-shell .v600-review-empty p{margin:0;font-size:10px}
.v600-shell .v600-rules-centre-card{width:min(980px,calc(100vw - 30px));max-height:min(760px,calc(100dvh - 28px));overflow:hidden}.v600-shell .v600-rules-centre-body{padding:14px 16px;overflow:auto;display:grid;gap:12px}.v600-shell .v600-rules-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.v600-shell .v600-rules-summary>div{padding:11px;border:1px solid var(--border);border-radius:12px;background:var(--panel-muted)}.v600-shell .v600-rules-summary span,.v600-shell .v600-rule-card>div>span,.v600-shell .v600-special-rule-card span,.v600-shell .v600-rules-section-head span,.v600-shell .v600-rule-conflicts>span{display:block;font-size:7.5px;font-weight:900;letter-spacing:.09em;color:var(--muted)}.v600-shell .v600-rules-summary strong{display:block;margin-top:4px;font-size:19px}.v600-shell .v600-rules-summary small{display:block;margin-top:3px;font-size:8px;color:var(--muted)}.v600-shell .v600-rules-summary .ok strong{color:var(--success)}.v600-shell .v600-rules-summary .warning strong{color:var(--danger)}.v600-shell .v600-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.v600-shell .v600-rule-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--panel)}.v600-shell .v600-rule-card.active{border-top:3px solid var(--accent)}.v600-shell .v600-rule-card.missing{border-color:var(--danger);background:var(--danger-soft)}.v600-shell .v600-rule-card h3{margin:4px 0;font-size:11px}.v600-shell .v600-rule-card p{margin:0;color:var(--muted);font-size:8px;line-height:1.4}.v600-shell .v600-rule-rates{display:grid;gap:6px}.v600-shell .v600-rule-rates span{min-width:78px;padding:7px;border-radius:9px;background:var(--panel-muted);text-align:right}.v600-shell .v600-rule-rates b,.v600-shell .v600-rule-rates strong{display:block}.v600-shell .v600-rule-rates b{font-size:7px;color:var(--muted)}.v600-shell .v600-rule-rates strong{margin-top:2px;font-size:11px}.v600-shell .v600-special-rule-card{padding:12px 14px;border-radius:13px;border:1px solid color-mix(in srgb,var(--special,#c47a10) 34%,var(--border));background:color-mix(in srgb,var(--special-soft,#fff5dd) 50%,var(--panel))}.v600-shell .v600-special-rule-card h3{margin:5px 0 4px;font-size:12px}.v600-shell .v600-special-rule-card p{margin:0;color:var(--muted);font-size:8.5px;line-height:1.45}.v600-shell .v600-item-rules-preview{border:1px solid var(--border);border-radius:13px;overflow:hidden}.v600-shell .v600-rules-section-head{padding:10px 12px;background:var(--panel-muted)}.v600-shell .v600-rules-section-head strong{display:block;margin-top:3px;font-size:10px}.v600-shell .v600-item-rule-row{display:grid;grid-template-columns:95px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 12px;border-top:1px solid var(--border);font-size:8.5px}.v600-shell .v600-item-rule-row span{color:var(--muted)}.v600-shell .v600-item-rule-row b{padding:4px 7px;border-radius:999px;background:var(--accent-soft);font-size:7.5px}.v600-shell .v600-more-rules{display:block;padding:8px 12px;color:var(--muted);border-top:1px solid var(--border)}.v600-shell .v600-rule-conflicts{padding:11px 13px;border:1px solid var(--danger);border-radius:12px;background:var(--danger-soft)}.v600-shell .v600-rule-conflicts>span{color:var(--danger)}.v600-shell .v600-rule-conflicts p{margin:5px 0 0;font-size:9px}
.v600-shell .v600-inspector-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:15px 16px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,var(--panel-muted),var(--panel));margin-bottom:11px}.v600-shell .v600-inspector-hero.ready{border-color:color-mix(in srgb,var(--success) 30%,var(--border))}.v600-shell .v600-inspector-hero.review{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.v600-shell .v600-inspector-hero span{font-size:8px;font-weight:900;letter-spacing:.1em;color:var(--accent)}.v600-shell .v600-inspector-hero h3{margin:5px 0 3px;font-size:18px}.v600-shell .v600-inspector-hero p{margin:0;color:var(--muted);font-size:9px}.v600-shell .v600-inspector-hero>strong{font-size:23px;white-space:nowrap}.v600-shell .v600-inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.v600-shell .v600-inspector-special{display:grid;gap:5px;padding:12px 14px;margin-top:11px;border-radius:12px;border:1px solid var(--border)}.v600-shell .v600-inspector-special.eligible{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 32%,var(--border))}.v600-shell .v600-inspector-special.excluded{background:var(--panel-muted)}.v600-shell .v600-inspector-special span{font-size:7.5px;font-weight:900;letter-spacing:.09em}.v600-shell .v600-inspector-special strong{font-size:9.5px;line-height:1.5}.v600-shell .v600-inspector-special small{font-size:8px;color:var(--muted)}
.v600-shell .v600-self-check-list{border:1px solid var(--border);border-radius:13px;overflow:hidden}.v600-shell .v600-self-check-list>h3{margin:0;padding:10px 12px;background:var(--panel-muted);font-size:10px}.v600-shell .v600-check-row{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 12px;border-top:1px solid var(--border)}.v600-shell .v600-check-row>span{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;font-weight:900;font-size:9px}.v600-shell .v600-check-row.pass>span{background:var(--success-soft);color:var(--success)}.v600-shell .v600-check-row.fail>span{background:var(--danger-soft);color:var(--danger)}.v600-shell .v600-check-row b,.v600-shell .v600-check-row small{display:block}.v600-shell .v600-check-row b{font-size:9px}.v600-shell .v600-check-row small{margin-top:2px;font-size:7.5px;color:var(--muted);line-height:1.4}.v600-shell .v600-check-row>strong{font-size:7.5px;color:var(--muted)}.v600-shell .validation-result.integrity_issue{border-color:var(--danger);background:var(--danger-soft)}
html[data-photo-theme="true"] .v600-shell .v600-review-list,html[data-photo-theme="true"] .v600-shell .v600-review-focus,html[data-photo-theme="true"] .v600-shell .v600-rule-card,html[data-photo-theme="true"] .v600-shell .v600-rules-summary>div,html[data-photo-theme="true"] .v600-shell .v600-special-rule-card{backdrop-filter:blur(calc(8px + 12px * var(--glass-strength)));background:color-mix(in srgb,var(--panel) 92%,transparent)}
@media(max-width:1180px){.v600-shell .v600-rule-grid{grid-template-columns:1fr}.v600-shell .v600-rule-card{grid-template-columns:minmax(0,1fr) 180px}.v600-shell .v600-rule-rates{grid-template-columns:1fr 1fr}.v600-shell .v600-rules-summary{grid-template-columns:repeat(3,minmax(120px,1fr))}.v600-shell .command-actions .button{font-size:8px!important;padding-inline:7px!important}}
@media(max-width:1024px){.v600-shell .v600-health-bar{grid-template-columns:34px minmax(0,1fr)!important}.v600-shell .v600-health-actions{grid-column:1/-1;justify-content:flex-start}.v600-shell .v600-review-centre-card{width:100vw;height:100dvh;max-height:none;border-radius:0}.v600-shell .v600-review-layout{grid-template-columns:230px minmax(0,1fr)}.v600-shell .v600-rules-centre-card{width:calc(100vw - 16px)}.v600-shell .v600-inspector-grid{grid-template-columns:1fr}.v600-shell .v600-workspace-pills{display:none}.v600-shell .v600-table-hint{display:none}}
@media(max-width:760px){.v600-shell .v600-review-layout{grid-template-columns:1fr}.v600-shell .v600-review-list{max-height:170px;border-right:0;border-bottom:1px solid var(--border)}.v600-shell .v600-review-detail{padding:12px}.v600-shell .v600-review-facts{grid-template-columns:1fr}.v600-shell .v600-review-actions{grid-template-columns:1fr 1fr!important}.v600-shell .v600-review-position{grid-column:1/-1;grid-row:1}.v600-shell .v600-review-actions #reviewCentreShowTable,.v600-shell .v600-review-actions #reviewCentreCorrect{grid-column:1/-1}.v600-shell .v600-rules-summary{grid-template-columns:1fr}.v600-shell .v600-rule-card{grid-template-columns:1fr}.v600-shell .v600-rule-rates{grid-template-columns:1fr 1fr}.v600-shell .v600-rules-centre-card{width:100vw;height:100dvh;max-height:none;border-radius:0}.v600-shell .v600-item-rule-row{grid-template-columns:80px minmax(0,1fr)}.v600-shell .v600-item-rule-row b{grid-column:2}.v600-shell .v600-self-check-badge b{display:none}.v600-shell .v600-health-actions{gap:5px}}

/* ========================================================================== */
/* V6.10.00 — Read-Only ERP, Shared Overrides & Global Modal Stability        */
/* ========================================================================== */

/* One stable modal scroll model. The card scrolls, while its own header,
   actions and signature occupy layout space and stay attached to the card. */
body.v610-shell .modal-card{
  padding-bottom:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
}
body.v610-shell .modal-card>.modal-header{
  position:sticky!important;top:0!important;z-index:24!important;
  flex:0 0 auto;
  background:color-mix(in srgb,var(--panel-2) 97%,transparent)!important;
  backdrop-filter:blur(14px) saturate(1.05);
}
body.v610-shell .modal-card>.modal-actions,
body.v610-shell .modal-card>form>.modal-actions{
  position:sticky!important;bottom:var(--module-footer-height,31px)!important;z-index:22!important;
  background:color-mix(in srgb,var(--panel-2) 98%,transparent)!important;
  backdrop-filter:blur(12px);
}
body.v610-shell .modal-card>.module-signature{
  position:sticky!important;left:auto!important;right:auto!important;bottom:0!important;z-index:23!important;
  width:100%!important;box-sizing:border-box!important;
  min-height:var(--module-footer-height,31px)!important;
  background:color-mix(in srgb,var(--panel-2) 98%,transparent)!important;
}
body.v610-shell.modal-active .app-signature{opacity:0!important;visibility:hidden!important}
body.v610-shell .modal-header .modal-close,
body.v610-shell .modal-header>.icon-button{position:relative!important;inset:auto!important;flex:0 0 auto!important;z-index:2!important}
body.v610-shell .modal-card button,
body.v610-shell .modal-card .icon-button{max-width:100%}
body.v610-shell .modal-card input,
body.v610-shell .modal-card select,
body.v610-shell .modal-card textarea{min-width:0;max-width:100%;box-sizing:border-box}

/* Review is information-only. */
.v610-shell .v600-review-actions{grid-template-columns:auto 1fr auto auto!important}
.v610-shell .v600-review-focus>span{display:inline-flex;align-items:center;gap:5px;color:var(--accent)}
.v610-shell .v600-review-suggestion{border-left:3px solid var(--accent)}
.v610-shell .v600-review-mode-preview{display:none!important}

/* Read-only calculator row affordances. */
.v610-shell .mode-display-badge{cursor:default!important;pointer-events:none!important}
.v610-shell .row-inspect-only{display:grid;place-items:center;width:30px;height:30px;margin:auto;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--accent);font-weight:900;cursor:pointer}
.v610-shell .row-inspect-only:hover{border-color:var(--accent);background:var(--accent-soft)}
.v610-shell tr.weight-only-row .mode-display-badge{background:var(--panel-muted)!important;color:var(--muted)!important}

/* Exact-weight shared rule manager. */
.v610-shell .v610-exact-weight-manager,.v610-shell .v610-package-type-manager{margin:14px 18px;padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--panel)}
.v610-shell .v610-section-head h3{margin:4px 0 3px;font-size:14px}.v610-shell .v610-section-head p{margin:0;color:var(--muted);font-size:9px;line-height:1.45}
.v610-shell .v610-exact-rule-form{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(130px,.7fr) auto;gap:8px;align-items:end;margin-top:11px}
.v610-shell .v610-exact-rule-form label,.v610-shell .v610-item-rule-form label,.v610-shell .v610-package-type-form label{display:grid;gap:5px;min-width:0;font-size:9px;font-weight:750;color:var(--muted)}
.v610-shell .v610-exact-rule-form input,.v610-shell .v610-item-rule-form input,.v610-shell .v610-item-rule-form select,.v610-shell .v610-package-type-form input,.v610-shell .v610-package-type-form select{width:100%;min-height:38px}
.v610-shell .v610-rule-enabled{display:flex!important;align-items:center!important;gap:7px!important;min-height:38px;padding:0 8px;border:1px solid var(--border);border-radius:10px;background:var(--panel-muted);white-space:nowrap}
.v610-shell .v610-rule-enabled input{width:16px!important;height:16px!important;min-height:0!important}
.v610-shell .v610-exact-rule-list,.v610-shell .v610-package-rule-list{display:grid;gap:7px;margin-top:10px}
.v610-shell .v610-exact-rule-card{display:grid;grid-template-columns:minmax(170px,1fr) minmax(105px,.35fr) minmax(105px,.35fr) auto auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid var(--border);border-radius:11px;background:var(--panel-muted)}
.v610-shell .v610-exact-rule-card strong,.v610-shell .v610-exact-rule-card small{display:block;overflow-wrap:anywhere}.v610-shell .v610-exact-rule-card small{margin-top:2px;color:var(--muted);font-size:8px}.v610-shell .v610-exact-rule-card>span{font-size:8px;color:var(--muted)}.v610-shell .v610-exact-rule-card>span b{display:block;margin-top:2px;color:var(--text);font-size:10px}

/* Item-specific Line/Normal overrides — no Freight Mode. */
.v610-shell .v610-item-rules-card{width:min(980px,calc(100vw - 28px))!important;max-height:min(760px,calc(100dvh - 28px))!important}
.v610-shell .v610-item-rule-form{display:grid!important;grid-template-columns:minmax(130px,.8fr) minmax(220px,1.45fr) minmax(150px,.9fr) minmax(110px,.65fr) minmax(110px,.65fr) minmax(135px,.75fr) auto!important;gap:8px!important;align-items:end!important;padding:13px 16px!important;margin:0!important;overflow:visible!important}
.v610-shell .v610-rate-override-card{grid-template-columns:minmax(0,1.6fr) auto auto auto auto!important;gap:8px!important;align-items:center!important}
.v610-shell .v610-rule-help{margin:0 16px 12px!important;overflow-wrap:anywhere}
.v610-shell .v610-package-type-manager{margin-top:12px}
.v610-shell .v610-package-type-form{display:grid;grid-template-columns:minmax(125px,.75fr) minmax(220px,1.4fr) minmax(150px,.9fr) minmax(120px,.65fr) minmax(135px,.75fr) auto;gap:8px;align-items:end;margin-top:10px}
.v610-shell .v610-package-rule-card{display:grid;grid-template-columns:minmax(0,1fr) 70px auto auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid var(--border);border-radius:11px;background:var(--panel-muted)}
.v610-shell .v610-package-rule-card strong,.v610-shell .v610-package-rule-card small{display:block;overflow-wrap:anywhere}.v610-shell .v610-package-rule-card small{margin-top:3px;color:var(--muted);font-size:8px}.v610-shell .v610-package-rule-card>b{padding:5px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);text-align:center;font-size:9px}

/* Freight Rules Centre priority explanation. */
.v610-shell .v610-rule-priority{padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 70%,var(--panel)),var(--panel))}
.v610-shell .v610-rule-priority>span{font-size:8px;font-weight:900;letter-spacing:.1em;color:var(--accent)}
.v610-shell .v610-rule-priority>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:8px}.v610-shell .v610-rule-priority b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--accent);color:#fff;font-size:8px}.v610-shell .v610-rule-priority strong{font-size:9px}.v610-shell .v610-rule-priority i{font-style:normal;color:var(--muted)}.v610-shell .v610-rule-priority p{margin:8px 0 0;color:var(--muted);font-size:9px}
.v610-shell .v600-rules-centre-card{overflow-y:auto!important;overflow-x:hidden!important}
.v610-shell .v600-rules-centre-body{overflow:visible!important;min-height:auto!important}

/* Rate / breakdown content never escapes horizontally. */
.v610-shell .rate-modal-card,.v610-shell .item-rules-modal-card,.v610-shell .v600-rules-centre-card{max-width:calc(100vw - 20px)!important}
.v610-shell .rate-card-grid,.v610-shell .rate-tools-grid,.v610-shell .item-rule-list{min-width:0!important;max-width:100%!important}
.v610-shell .breakdown-facts .detail-row strong{overflow-wrap:anywhere;white-space:normal!important}

@media(max-width:1180px){
  .v610-shell .v610-item-rule-form{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .v610-shell .v610-item-rule-form>button{grid-column:auto}
  .v610-shell .v610-exact-rule-form{grid-template-columns:repeat(3,minmax(0,1fr))}.v610-shell .v610-exact-rule-form>button{grid-column:auto}
  .v610-shell .v610-package-type-form{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .v610-shell .v610-item-rule-form,.v610-shell .v610-exact-rule-form,.v610-shell .v610-package-type-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v610-shell .v610-rate-override-card,.v610-shell .v610-exact-rule-card,.v610-shell .v610-package-rule-card{grid-template-columns:minmax(0,1fr) auto!important}
  .v610-shell .v610-rate-override-card .edit-rule,.v610-shell .v610-rate-override-card .delete-rule,.v610-shell .v610-exact-rule-card button,.v610-shell .v610-package-rule-card button{grid-row:auto}
}
@media(max-width:620px){
  body.v610-shell .modal-overlay{padding:6px!important}
  body.v610-shell .modal-card{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 12px)!important;border-radius:14px!important}
  .v610-shell .v610-item-rule-form,.v610-shell .v610-exact-rule-form,.v610-shell .v610-package-type-form{grid-template-columns:1fr!important}
  .v610-shell .v610-exact-weight-manager,.v610-shell .v610-package-type-manager{margin:10px;padding:10px}
  .v610-shell .v600-review-actions{grid-template-columns:1fr 1fr!important}.v610-shell .v600-review-position{grid-column:1/-1}.v610-shell .v600-review-actions #reviewCentreShowTable{grid-column:1/-1}
}

/* ========================================================================== */
/* V6.20.00 — Administration, Reporting & UI Quality Upgrade                 */
/* ========================================================================== */

/* Shared admin modal shell: header/footer stay stable; body owns scrolling. */
.v620-user-modal,
.v610-item-rules-card {
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  max-height:min(92vh,760px)!important;
}
.v620-user-modal { width:min(900px,calc(100vw - 32px))!important; }
.v620-user-form { min-height:0; display:contents; }
.v620-user-body { min-height:0; overflow:auto; overscroll-behavior:contain; padding:16px 18px 18px; display:grid; gap:12px; }
.v620-user-actions { position:relative!important; bottom:auto!important; background:var(--panel-2); align-items:center; }
.v620-save-state { margin-right:auto; color:var(--muted); font-size:10px; font-weight:750; }
.v620-save-state.dirty { color:var(--warning); }

/* Item and package override forms: fields use the width, actions get their own row. */
.v620-rule-form { display:grid!important; grid-template-columns:1fr!important; gap:10px!important; padding:14px 16px!important; overflow:visible!important; }
.v620-rule-fields { display:grid; grid-template-columns:minmax(110px,.8fr) minmax(220px,1.6fr) minmax(160px,1.1fr) minmax(100px,.65fr) minmax(100px,.65fr); gap:9px; min-width:0; }
.v620-package-fields { grid-template-columns:minmax(110px,.8fr) minmax(240px,1.7fr) minmax(160px,1.1fr) minmax(120px,.8fr); }
.v620-rule-fields label,.v620-rule-fields input,.v620-rule-fields select { min-width:0; width:100%; }
.v620-rule-action-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:2px; }
.v620-rule-action-row .v610-rule-enabled { min-width:0; margin:0; }
.v620-rule-action-row .button { flex:0 0 auto; max-width:100%; }
.v610-item-rules-card { width:min(930px,calc(100vw - 30px))!important; }
.v610-item-rules-card>.modal-header { grid-row:1; }
.v610-item-rules-card>#itemRuleForm,
.v610-item-rules-card>.item-rule-help,
.v610-item-rules-card>.item-rule-list-head,
.v610-item-rules-card>#itemRuleList,
.v610-item-rules-card>#itemRulesEmpty,
.v610-item-rules-card>.v610-package-type-manager { min-width:0; }
.v610-item-rules-card>.modal-actions { background:var(--panel-2); }
.v610-package-type-manager { margin-inline:14px!important; }

/* Compact Load Breakdown. */
.load-overview { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:9px!important; padding:14px 18px 9px!important; }
.load-overview>div,.load-overview>div.wide { grid-column:auto!important; min-width:0; padding:11px 12px!important; }
.load-overview strong { font-size:19px!important; }
.load-group-list { gap:6px!important; }
.load-group-row { display:grid!important; grid-template-columns:34px minmax(145px,1.2fr) minmax(90px,.7fr) minmax(88px,.7fr) minmax(70px,.55fr) minmax(115px,.8fr) 58px!important; gap:9px!important; min-height:52px!important; padding:7px 10px!important; }
.load-group-icon { width:30px!important; height:30px!important; border-radius:9px!important; }
.load-group-copy { min-width:0; display:contents; }
.load-group-copy strong { font-size:12px!important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.load-band-badge { margin:0!important; justify-self:start; align-self:center; white-space:nowrap; }
.load-group-stats { display:contents!important; }
.load-group-stats strong,.load-group-stats span { align-self:center; white-space:nowrap; font-size:10px!important; }
.load-group-row .packing-chevron { justify-self:end; align-self:center; font-size:10px!important; }

/* Log Report: header and rows share one explicit grid. */
.log-filter-toolbar { display:grid!important; grid-template-columns:auto minmax(110px,.72fr) minmax(110px,.72fr) minmax(130px,.9fr) minmax(135px,.95fr) minmax(145px,1fr) minmax(160px,1.15fr) auto auto!important; align-items:end!important; gap:9px!important; }
.log-filter-toolbar>label:not(.search-field) { min-width:0; }
.log-filter-toolbar input,.log-filter-toolbar select,.log-filter-toolbar .button { min-height:39px; }
.log-filter-toolbar .quick-range-group { align-self:end; min-height:39px; }
.logs-table { width:100%!important; min-width:1040px!important; table-layout:fixed!important; }
.logs-table th:nth-child(1),.logs-table td:nth-child(1){width:34px!important;text-align:center}
.logs-table th:nth-child(2),.logs-table td:nth-child(2){width:112px!important}
.logs-table th:nth-child(3),.logs-table td:nth-child(3){width:170px!important}
.logs-table th:nth-child(4),.logs-table td:nth-child(4){width:185px!important}
.logs-table th:nth-child(5),.logs-table td:nth-child(5){width:auto!important}
.logs-table th:nth-child(6),.logs-table td:nth-child(6){width:92px!important;text-align:center}
.logs-table th:nth-child(7),.logs-table td:nth-child(7){width:145px!important}
.logs-table th:nth-child(8),.logs-table td:nth-child(8){width:78px!important;text-align:right}
.logs-table th,.logs-table td { vertical-align:middle!important; box-sizing:border-box; }
.logs-table td { padding:11px 10px!important; }
.logs-table .user-identity { width:100%; min-width:0; }
.logs-table .user-identity>div,.logs-table .activity-cell,.logs-table .log-device-cell { min-width:0; }
.logs-table .user-identity strong,.logs-table .user-identity small,.logs-table .activity-cell strong,.logs-table .activity-cell small,.logs-table .log-device-cell strong,.logs-table .log-device-cell small { overflow-wrap:anywhere; }
.log-detail-preview { line-height:1.35; overflow-wrap:anywhere; }
.v620-log-date { display:grid; gap:2px; white-space:normal; }
.v620-log-date strong { font-size:10px; }
.v620-log-date small { color:var(--muted); font-size:9px; }
.v620-log-pagination>div { display:flex; align-items:center; gap:10px; }
.v620-page-size { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:10px; font-weight:700; }
.v620-page-size select { width:70px; min-height:32px; }

/* Edit Staff Account — identity-first admin workspace. */
.v620-user-identity { display:grid; grid-template-columns:58px minmax(0,1fr) auto auto; align-items:center; gap:12px; padding:12px 13px; border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border)); border-radius:15px; background:var(--accent-soft); }
.v620-user-photo { width:54px; height:54px; border:0; background:transparent; padding:0; cursor:pointer; }
.v620-user-photo>span { width:54px!important; height:54px!important; display:grid; }
.v620-user-identity h3 { margin:2px 0 2px; font-size:18px; }
.v620-user-identity p { margin:0; color:var(--muted); font-size:10px; }
.v620-user-section { padding:13px 14px; border:1px solid var(--border); border-radius:15px; background:var(--panel-2); }
.v620-section-title { display:flex; justify-content:space-between; align-items:start; gap:12px; margin-bottom:10px; }
.v620-section-title h3 { margin:3px 0 0; font-size:14px; }
.v620-section-title p { margin:3px 0 0; color:var(--muted); font-size:9px; }
.v620-account-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; }
.v620-active-control { display:flex; align-items:center; gap:10px; margin-top:10px; padding:9px 10px; border-radius:11px; background:var(--panel-muted); cursor:pointer; }
.v620-active-control>span { flex:1; }
.v620-active-control strong,.v620-active-control small { display:block; }
.v620-active-control small { margin-top:2px; color:var(--muted); font-size:9px; }
.v620-active-control>i { width:34px; height:20px; border-radius:999px; background:var(--border-strong); position:relative; }
.v620-active-control>i:after { content:""; position:absolute; width:14px; height:14px; top:3px; left:3px; border-radius:50%; background:#fff; transition:.18s; }
.v620-active-control input { position:absolute; opacity:0; }
.v620-active-control:has(input:checked)>i { background:var(--success); }
.v620-active-control:has(input:checked)>i:after { transform:translateX(14px); }
.v620-permission-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px!important; }
.v620-permission-group { border:1px solid var(--border); border-radius:12px; padding:10px; min-width:0; }
.v620-permission-group h4 { margin:0 0 7px; font-size:11px; color:var(--accent); }
.v620-permission-group>div { display:grid; gap:6px; }
.v620-permission-group .permission-option { min-height:48px!important; padding:8px 9px!important; }
.v620-security-section { border-color:color-mix(in srgb,var(--danger) 28%,var(--border)); }
.v620-security-section .edit-user-tools { margin:0; padding:0; border:0; }

/* Staff cards get consistent identity/action alignment without changing the visual language. */
.v500-staff-photo,.v500-staff-avatar { width:46px!important; height:46px!important; }
.v500-staff-card-head { align-items:center!important; }
.v500-staff-card-head .more-button { align-self:center!important; }
.v500-staff-metrics { align-items:stretch; }
.v500-staff-metrics .v500-metric { min-width:0; }

/* Consistent content states. */
.v620-state-message { display:grid; place-items:center; text-align:center; min-height:120px; padding:22px; color:var(--muted); }
.v620-state-message strong { color:var(--text); font-size:14px; }

@media (max-width:1180px) {
  .log-filter-toolbar { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
  .log-filter-toolbar .quick-range-group { grid-column:span 2; }
  .log-filter-toolbar .log-search { grid-column:span 2; }
  .load-group-row { grid-template-columns:30px minmax(130px,1fr) 90px 80px 64px 56px!important; }
  .load-band-badge { display:none!important; }
}
@media (max-width:900px) {
  .v620-rule-fields,.v620-package-fields { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .v620-product-field { grid-column:span 2; }
  .v620-user-identity { grid-template-columns:54px minmax(0,1fr) auto; }
  .v620-user-identity .button { grid-column:2 / -1; justify-self:start; }
  .v620-account-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .load-overview { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media (max-width:700px) {
  .v620-rule-fields,.v620-package-fields,.v620-account-grid,.v620-permission-grid { grid-template-columns:1fr!important; }
  .v620-product-field { grid-column:auto; }
  .v620-rule-action-row { align-items:stretch; flex-direction:column; }
  .v620-rule-action-row .button { width:100%; }
  .log-filter-toolbar { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .load-overview { grid-template-columns:1fr 1fr!important; }
  .v620-user-identity { grid-template-columns:54px minmax(0,1fr); }
  .v620-user-identity>.account-status,.v620-user-identity>.button { grid-column:2; justify-self:start; }
}
.v610-item-rules-card { grid-template-rows:auto minmax(0,1fr) auto auto!important; }
.v620-item-rules-body { min-height:0; overflow:auto; overscroll-behavior:contain; }
.v620-item-rules-body>.v610-package-type-manager { margin-bottom:14px!important; }


/* ========================================================================== */
/* V6.20.01 — Log Report, Users & Access & PDF Export Repair                 */
/* ========================================================================== */
.v62001-shell #page-logs .table-wrap.full-page-table{
  overflow-x:auto!important;overflow-y:hidden!important;max-height:none!important;
  overscroll-behavior-x:contain!important;overscroll-behavior-y:auto!important;
  touch-action:pan-x pan-y!important;-webkit-overflow-scrolling:touch;
}
.v62001-shell #page-logs .logs-table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important}
.v62001-shell #page-logs .logs-table col.log-col-date{width:112px}
.v62001-shell #page-logs .logs-table col.log-col-staff{width:190px}
.v62001-shell #page-logs .logs-table col.log-col-activity{width:190px}
.v62001-shell #page-logs .logs-table col.log-col-details{width:auto}
.v62001-shell #page-logs .logs-table col.log-col-result{width:90px}
.v62001-shell #page-logs .logs-table col.log-col-device{width:150px}
.v62001-shell #page-logs .logs-table col.log-col-action{width:110px}
.v62001-shell #page-logs .logs-table th,.v62001-shell #page-logs .logs-table td{
  width:auto!important;min-width:0!important;padding:11px 12px!important;vertical-align:middle!important;text-align:left!important;
}
.v62001-shell #page-logs .logs-table th{white-space:nowrap}
.v62001-shell #page-logs .logs-table th:nth-child(5),.v62001-shell #page-logs .logs-table td:nth-child(5){text-align:center!important}
.v62001-shell #page-logs .logs-table th:nth-child(7),.v62001-shell #page-logs .logs-table td:nth-child(7){text-align:center!important}
.v62001-shell #page-logs .logs-table tbody tr{height:auto!important;min-height:64px}
.v62001-shell #page-logs .v620-log-date{display:grid!important;gap:3px!important;white-space:normal!important;line-height:1.15}
.v62001-shell #page-logs .v620-log-date strong{font-size:10px!important;white-space:nowrap}
.v62001-shell #page-logs .v620-log-date small{font-size:9px!important;white-space:nowrap;color:var(--muted)}
.v62001-shell #page-logs .user-identity{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;width:100%!important;min-width:0!important;padding:0!important;align-items:center!important}
.v62001-shell #page-logs .user-avatar{width:36px!important;height:36px!important;min-width:36px!important}
.v62001-shell #page-logs .user-identity>div{min-width:0!important}
.v62001-shell #page-logs .user-identity strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important}
.v62001-shell #page-logs .user-identity small{display:block!important;margin-top:3px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:8.5px!important;line-height:1.25!important}
.v62001-shell #page-logs .activity-cell{min-width:0!important}
.v62001-shell #page-logs .activity-cell>strong{display:block!important;margin-top:5px!important;font-size:12px!important;line-height:1.25!important;overflow-wrap:anywhere}
.v62001-shell #page-logs .activity-cell>small{display:block!important;margin-top:3px!important;font-size:8.5px!important;line-height:1.2!important}
.v62001-shell #page-logs .log-detail-preview{min-width:0!important;font-size:10.5px!important;line-height:1.4!important;overflow-wrap:anywhere!important}
.v62001-shell #page-logs .log-result-cell{text-align:center!important}
.v62001-shell #page-logs .log-device-cell strong,.v62001-shell #page-logs .log-device-cell small{display:block!important;overflow-wrap:anywhere}
.v62001-shell #page-logs .log-device-cell strong{font-size:10px!important}
.v62001-shell #page-logs .log-device-cell small{font-size:7.5px!important;line-height:1.3!important;margin-top:3px!important}
.v62001-shell #page-logs .log-action-head{display:flex;align-items:center;justify-content:center;gap:8px}
.v62001-shell #page-logs .log-action-tools{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0}
.v62001-shell #page-logs .log-details-button{min-width:68px!important;padding-inline:9px!important}

/* Users & Access: stable filters and contained staff-card controls. */
.v62001-shell #page-users .admin-toolbar{align-items:flex-start!important;gap:14px!important}
.v62001-shell #page-users .staff-filter-toolbar{
  display:grid!important;width:100%!important;min-width:0!important;
  grid-template-columns:minmax(245px,1.45fr) repeat(6,minmax(105px,.8fr))!important;
  gap:8px!important;align-items:end!important;
}
.v62001-shell #page-users .staff-filter-toolbar .search-field{width:100%!important;min-width:0!important}
.v62001-shell #page-users .staff-filter-toolbar select,.v62001-shell #page-users .staff-filter-toolbar input{width:100%!important;min-width:0!important}
.v62001-shell #page-users #clearUserFilters{grid-column:1!important;width:min(240px,100%)!important}
.v62001-shell #page-users .staff-directory-controls{gap:8px!important;padding:9px 14px!important}
.v62001-shell #page-users .v500-staff-group-head{padding:5px 2px 4px!important;align-items:center!important}
.v62001-shell #page-users .v500-staff-card{overflow:hidden!important;isolation:isolate!important;width:100%!important;max-width:100%!important;min-width:0!important}
.v62001-shell #page-users .v500-staff-card>*{min-width:0!important;max-width:100%!important;position:static!important;inset:auto!important;transform:none!important}
.v62001-shell #page-users .v500-staff-card-head{grid-template-columns:48px minmax(0,1fr) 34px!important;width:100%!important}
.v62001-shell #page-users .v500-staff-card .more-button{position:static!important;inset:auto!important;justify-self:end!important;align-self:center!important;transform:none!important}
.v62001-shell #page-users .v500-staff-badges,.v62001-shell #page-users .v500-staff-metrics,.v62001-shell #page-users .v500-access-summary,.v62001-shell #page-users .v500-staff-card footer{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.v62001-shell #page-users .v500-staff-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.v62001-shell #page-users .v500-metric{position:static!important;inset:auto!important;transform:none!important;overflow:hidden!important}
.v62001-shell #page-users .v500-staff-card footer{display:grid!important;grid-template-columns:1fr 1fr!important}
.v62001-shell #page-users .v500-staff-card footer button{width:100%!important;min-width:0!important}

@media(max-width:1180px){
  .v62001-shell #page-logs .logs-table col.log-col-date{width:100px}
  .v62001-shell #page-logs .logs-table col.log-col-staff{width:165px}
  .v62001-shell #page-logs .logs-table col.log-col-activity{width:170px}
  .v62001-shell #page-logs .logs-table col.log-col-result{width:78px}
  .v62001-shell #page-logs .logs-table col.log-col-device{width:125px}
  .v62001-shell #page-logs .logs-table col.log-col-action{width:90px}
  .v62001-shell #page-users .staff-filter-toolbar{grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(120px,1fr))!important}
  .v62001-shell #page-users #clearUserFilters{grid-column:auto!important;width:100%!important}
}
@media(max-width:820px){
  .v62001-shell #page-users .staff-filter-toolbar{grid-template-columns:1fr 1fr!important}
  .v62001-shell #page-users .staff-filter-toolbar .search-field{grid-column:1/-1!important}
  .v62001-shell #page-users #clearUserFilters{grid-column:1/-1!important}
}

/* ========================================================================== */
/* V6.20.02 — Log Selection & Item Rule Form Repair                          */
/* ========================================================================== */
/* Log Report has no row-selection UI. Action is Details only. */
.v62002-shell #page-logs .logs-table col.log-col-action{width:92px!important}
.v62002-shell #page-logs .logs-table th:nth-child(7),
.v62002-shell #page-logs .logs-table td:nth-child(7){text-align:center!important;padding-left:8px!important;padding-right:8px!important}
.v62002-shell #page-logs .log-action-cell{white-space:nowrap!important}
.v62002-shell #page-logs .log-details-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:static!important;inset:auto!important;transform:none!important;min-width:68px!important;max-width:100%!important}

/* Item/Package rules: the form itself is one vertical flow; fields and actions
   are separate rows. These selectors intentionally outrank older V6.10 grid
   rules so action controls can never be laid over the input grid. */
body.v62002-shell #itemRulesModal #itemRuleForm.v620-rule-form,
body.v62002-shell #itemRulesModal #packageTypeRuleForm.v620-rule-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  grid-auto-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:11px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  position:static!important;
}
body.v62002-shell #itemRulesModal #itemRuleForm .v620-rule-fields,
body.v62002-shell #itemRulesModal #packageTypeRuleForm .v620-rule-fields{
  grid-column:1!important;
  grid-row:auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  position:static!important;
}
body.v62002-shell #itemRulesModal #itemRuleForm .v620-rule-action-row,
body.v62002-shell #itemRulesModal #packageTypeRuleForm .v620-rule-action-row{
  grid-column:1!important;
  grid-row:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:2px 0 0!important;
  margin:0!important;
  box-sizing:border-box!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
}
body.v62002-shell #itemRulesModal .v620-rule-action-row .v610-rule-enabled{
  grid-column:1!important;
  justify-self:start!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  box-sizing:border-box!important;
}
body.v62002-shell #itemRulesModal .v620-rule-action-row .button{
  grid-column:2!important;
  justify-self:end!important;
  width:auto!important;
  max-width:100%!important;
  min-width:150px!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}
body.v62002-shell #itemRulesModal .v620-rule-fields label,
body.v62002-shell #itemRulesModal .v620-rule-fields input,
body.v62002-shell #itemRulesModal .v620-rule-fields select{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
}
@media(max-width:900px){
  body.v62002-shell #itemRulesModal .v620-rule-action-row{grid-template-columns:minmax(0,1fr) auto!important}
}
@media(max-width:700px){
  body.v62002-shell #itemRulesModal .v620-rule-action-row{grid-template-columns:1fr!important;align-items:stretch!important}
  body.v62002-shell #itemRulesModal .v620-rule-action-row .v610-rule-enabled,
  body.v62002-shell #itemRulesModal .v620-rule-action-row .button{grid-column:1!important;width:100%!important;justify-self:stretch!important}
}

/* V6.30.00: hidden tabs must not keep decorative animation work alive. */
html[data-page-hidden="true"] .app-shell *,
html[data-page-hidden="true"] .modal-overlay * { animation-play-state: paused !important; }
/* V6.30.00: keep rule actions inside their responsive row under browser scaling. */
body.v62002-shell #itemRulesModal .v620-rule-action-row{
  width:calc(100% - 6px)!important;
  margin-inline:3px!important;
  padding-inline:2px!important;
  overflow:hidden!important;
}
body.v62002-shell #itemRulesModal .v620-rule-action-row .v610-rule-enabled,
body.v62002-shell #itemRulesModal .v620-rule-action-row .button{
  max-width:calc(100% - 2px)!important;
}
/* V6.30.00: Item Rules uses a stable, non-transforming modal surface so form
   controls never appear detached while the modal-opening animation is running. */
body.v62002-shell #itemRulesModal.is-opening .modal-card,
html[data-panel-transitions="true"] body.v62002-shell #itemRulesModal:not(.hidden) .modal-card,
html[data-modal-animation="true"] body.v62002-shell #itemRulesModal:not(.hidden) .modal-card{
  animation:none!important;
  transform:none!important;
  will-change:auto!important;
}


/* ========================================================================== */
/* V6.30.03 — Ten-Row Calculation Table Viewport Repair                      */
/* ========================================================================== */
/* Keep every existing row/header/font/badge dimension unchanged. The normal
   calculator table simply grows to its content until ten full data rows have
   been rendered. Only row 11+ activates the table's vertical scrollbar. */
body.v63003-shell #page-calculator.active #calculatorTablePanel{
  flex:0 0 auto!important;
  height:auto!important;
  max-height:none!important;
}
body.v63003-shell #page-calculator.active #calculatorTableWrap{
  flex:0 0 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
}
body.v63003-shell #page-calculator.active #calculatorTableWrap.ten-row-scroll{
  max-height:var(--calculator-ten-row-height)!important;
}
/* Full Screen remains a full-height workspace and is intentionally uncapped. */
body.v63003-shell.calculator-table-focus-mode #calculatorTablePanel.table-focus-active #calculatorTableWrap{
  max-height:none!important;
  height:100%!important;
  flex:1 1 0!important;
}

/* ========================================================================== */
/* V7.00.00 — Major Architecture, Performance & Workflow Upgrade             */
/* ========================================================================== */
body.v70000-shell .v700-performance-centre-card{width:min(920px,calc(100vw - 34px));max-height:min(760px,calc(100vh - 34px));overflow:hidden}
body.v70000-shell .v700-performance-centre-body{overflow:auto;padding:2px 4px 12px;overscroll-behavior:contain}
body.v70000-shell .v700-performance-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:4px 0 14px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 72%,var(--panel)),var(--panel))}
body.v70000-shell .v700-performance-hero span,body.v70000-shell .v700-decision-trace-head span{display:block;font-size:8px;font-weight:900;letter-spacing:.11em;color:var(--accent)}
body.v70000-shell .v700-performance-hero h3{margin:6px 0 4px;font-size:20px}body.v70000-shell .v700-performance-hero p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
body.v70000-shell .v700-performance-hero>strong{font-size:26px;white-space:nowrap}
body.v70000-shell .v700-performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;border:1px solid var(--border);border-radius:14px;padding:3px 14px;background:var(--panel)}
body.v70000-shell .v700-performance-note{margin-top:13px;padding:13px 15px;border:1px solid var(--border);border-radius:13px;background:var(--panel-muted)}
body.v70000-shell .v700-performance-note strong{font-size:10px}body.v70000-shell .v700-performance-note p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.55}
body.v70000-shell .v700-decision-trace{margin-top:12px;border:1px solid var(--border);border-radius:13px;overflow:hidden;background:var(--panel)}
body.v70000-shell .v700-decision-trace-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--panel-muted);border-bottom:1px solid var(--border)}
body.v70000-shell .v700-decision-trace-head strong{font-size:9px;text-align:right}
body.v70000-shell .v700-decision-step{display:grid;grid-template-columns:22px minmax(100px,.7fr) 1.5fr;align-items:center;gap:9px;padding:8px 12px;border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent)}
body.v70000-shell .v700-decision-step:last-child{border-bottom:0}body.v70000-shell .v700-decision-step>b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:8px}body.v70000-shell .v700-decision-step>span{color:var(--muted);font-size:8px}body.v70000-shell .v700-decision-step>strong{font-size:9px;line-height:1.45}
@media(max-width:760px){body.v70000-shell .v700-performance-grid{grid-template-columns:1fr}body.v70000-shell .v700-performance-hero{align-items:flex-start;flex-direction:column}body.v70000-shell .v700-decision-step{grid-template-columns:22px 1fr}body.v70000-shell .v700-decision-step>strong{grid-column:2}}


/* ================================================================
   V7.10.00 — Access Control Centre + summary scroll-away behavior
   ================================================================ */
.v71000-shell #page-calculator > .sticky-summary-shell {
  --v710-summary-height: 240px;
  max-height: var(--v710-summary-height) !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  margin-bottom: 16px;
  overflow: clip;
  will-change: max-height, opacity, transform, margin-bottom;
  transition: max-height 230ms cubic-bezier(.2,.75,.25,1), opacity 190ms ease, transform 230ms cubic-bezier(.2,.75,.25,1), margin-bottom 230ms cubic-bezier(.2,.75,.25,1), padding 230ms cubic-bezier(.2,.75,.25,1), border-width 230ms cubic-bezier(.2,.75,.25,1);
}
.v71000-shell #page-calculator > .sticky-summary-shell.v710-summary-hidden {
  max-height: 0 !important;
  opacity: 0 !important;
  transform: translateY(-18px) !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .v71000-shell #page-calculator > .sticky-summary-shell { transition: none !important; transform: none !important; }
}
html[data-motion="reduced"] .v71000-shell #page-calculator > .sticky-summary-shell,
html[data-motion="off"] .v71000-shell #page-calculator > .sticky-summary-shell { transition: none !important; transform: none !important; }

.v710-access-centre{overflow:hidden}.v710-access-header{align-items:flex-start;gap:18px}.v710-role-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 18px 4px}.v710-role-card{appearance:none;text-align:left;background:var(--panel-2);border:1px solid var(--border);border-radius:16px;padding:15px;min-height:132px;display:flex;flex-direction:column;gap:7px;cursor:pointer;color:var(--text);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.v710-role-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 42%,var(--border))}.v710-role-card.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 13%,transparent),var(--shadow-soft)}.v710-role-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.v710-role-card h3{margin:0;font-size:15px}.v710-role-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.45;flex:1}.v710-role-card-count{font-size:11px;font-weight:800;color:var(--accent)}.v710-protected-badge,.v710-sensitive-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.v710-protected-badge{background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent)}.v710-sensitive-badge{background:color-mix(in srgb,#d97706 13%,var(--panel));color:#9a5b04}.v710-role-editor{margin:14px 18px 18px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--panel) 97%,transparent);overflow:hidden}.v710-role-editor-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 18px;border-bottom:1px solid var(--border)}.v710-role-editor-head h3{margin:3px 0 4px;font-size:20px}.v710-role-editor-head p{margin:0;color:var(--muted);font-size:11px}.v710-role-count{text-align:right;min-width:130px}.v710-role-count strong{display:block;font-size:19px;color:var(--accent)}.v710-role-count small{color:var(--muted)}.v710-permission-tools,.v710-user-permission-tools{display:flex;gap:8px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--border);flex-wrap:wrap}.v710-user-permission-tools{padding:0 0 12px;border:0}.v710-permission-tools .search-field{flex:1;min-width:220px}.v710-permission-groups,.v710-user-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 18px 18px}.v710-user-permission-grid{padding:0}.v710-permission-category{border:1px solid var(--border);border-radius:14px;background:var(--panel-2);overflow:hidden}.v710-permission-category-head{padding:11px 12px;border-bottom:1px solid var(--border)}.v710-permission-category-head strong{display:block;font-size:12px}.v710-permission-category-head small{display:block;margin-top:2px;color:var(--muted);font-size:10px;line-height:1.4}.v710-permission-list{display:flex;flex-direction:column}.v710-permission-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.v710-permission-row:last-child{border-bottom:0}.v710-permission-copy{min-width:0}.v710-permission-titleline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.v710-permission-copy strong{font-size:11px}.v710-permission-copy small{display:block;color:var(--muted);font-size:9.5px;line-height:1.4;margin-top:2px}.v710-permission-toggle{position:relative;width:40px;height:23px;display:inline-flex;flex:0 0 auto}.v710-permission-toggle input{position:absolute;opacity:0;pointer-events:none}.v710-permission-toggle i{width:40px;height:23px;border-radius:999px;background:color-mix(in srgb,var(--muted) 23%,var(--panel));border:1px solid var(--border);position:relative;transition:.16s ease}.v710-permission-toggle i:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;left:2px;top:2px;background:var(--panel);box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.16s ease}.v710-permission-toggle input:checked+i{background:color-mix(in srgb,var(--accent) 75%,#fff);border-color:var(--accent)}.v710-permission-toggle input:checked+i:after{transform:translateX(17px)}.v710-permission-toggle input:disabled+i{opacity:.48;cursor:not-allowed}.v710-role-savebar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--panel) 96%,transparent);backdrop-filter:blur(12px);z-index:3}.v710-role-savebar span{font-size:10px;color:var(--muted)}.v710-role-savebar span.dirty{color:#a46005;font-weight:700}.v710-role-compare-card{width:min(1120px,calc(100vw - 36px));max-height:min(820px,calc(100vh - 36px))}.v710-role-compare-body{overflow:auto;padding:14px 18px}.v710-role-compare-table{width:100%;border-collapse:separate;border-spacing:0;font-size:10px}.v710-role-compare-table th,.v710-role-compare-table td{padding:9px 10px;border-bottom:1px solid var(--border);text-align:center}.v710-role-compare-table th:first-child,.v710-role-compare-table td:first-child{text-align:left;min-width:270px}.v710-role-compare-group td{background:var(--panel-2);font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.v710-access-check{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;background:color-mix(in srgb,#16a36a 12%,var(--panel));color:#12855a;font-weight:900}.v710-access-no{color:var(--muted)}.v710-permission-empty{grid-column:1/-1;padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:14px}.v710-role-card[disabled]{cursor:default}.v710-role-card[disabled]:hover{transform:none}.v710-user-permission-section .v620-section-title{margin-bottom:10px}
@media(max-width:1120px){.v710-role-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.v710-permission-groups,.v710-user-permission-grid{grid-template-columns:1fr}}
@media(max-width:680px){.v710-role-cards{grid-template-columns:1fr}.v710-role-editor-head{align-items:flex-start;flex-direction:column}.v710-role-count{text-align:left}.v710-permission-tools>*{width:100%}.v710-permission-tools .button{width:auto;flex:1}.v710-permission-groups{padding:12px}.v710-role-editor{margin:10px}}


/* =====================================================================
   V7.10.02 - Table-Visibility Summary Trigger + Staff Card Containment
   ===================================================================== */
/* The V7.10 animation remains unchanged; only the trigger is now tied to
   #calculatorTablePanel visibility inside .main-content. */
.v71001-shell #page-calculator > .sticky-summary-shell {
  contain: layout style;
}

/* Staff cards size themselves from the real directory width, not the browser
   viewport. auto-fill preserves the familiar empty third slot for two-person
   groups, while dropping cleanly to two/one columns before card content clips. */
.v71001-shell #page-users .users-card-grid.staff-cards-view,
.v71001-shell #page-users .v500-staff-group-grid.staff-cards-view {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 390px), 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.v71001-shell #page-users .v500-staff-group,
.v71001-shell #page-users .v500-staff-group-grid,
.v71001-shell #page-users .v500-staff-card {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.v71001-shell #page-users .v500-staff-card {
  overflow: clip !important;
  contain: layout paint;
}
.v71001-shell #page-users .v500-staff-card > *,
.v71001-shell #page-users .v500-staff-card-head,
.v71001-shell #page-users .v500-staff-identity,
.v71001-shell #page-users .v500-staff-badges,
.v71001-shell #page-users .v500-staff-metrics,
.v71001-shell #page-users .v500-access-summary,
.v71001-shell #page-users .v500-staff-card footer {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.v71001-shell #page-users .v500-staff-card-head {
  grid-template-columns: 48px minmax(0,1fr) 34px !important;
}
.v71001-shell #page-users .v500-staff-identity h3,
.v71001-shell #page-users .v500-staff-identity p,
.v71001-shell #page-users .v500-access-summary p {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.v71001-shell #page-users .v500-staff-badges {
  overflow: hidden;
}
.v71001-shell #page-users .v500-staff-card footer {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
  width: 100% !important;
}
.v71001-shell #page-users .v500-staff-card footer button,
.v71001-shell #page-users .v500-staff-card button {
  min-width: 0 !important;
  max-width: 100%;
}
/* Keep the final card row fully scrollable above the fixed F R S footer. */
.v71001-shell #page-users {
  padding-bottom: calc(var(--app-footer-height, 38px) + 34px) !important;
}
.v71001-shell #user-section-staff > .admin-panel {
  margin-bottom: 12px !important;
}
/* Directory controls also wrap before they can force horizontal clipping. */
.v71001-shell #page-users .staff-directory-controls {
  min-width: 0 !important;
  max-width: 100% !important;
  flex-wrap: wrap !important;
}
.v71001-shell #page-users .staff-directory-controls > * {
  min-width: 0;
}
@media (max-width: 820px) {
  .v71001-shell #page-users .users-card-grid.staff-cards-view,
  .v71001-shell #page-users .v500-staff-group-grid.staff-cards-view {
    grid-template-columns: 1fr !important;
  }
}
/* Cancel the legacy V3 responsive .user-compact-card multi-column template in
   the modern Card view. That leaked grid is the source of the clipped right
   side controls seen in V7.10.00. Compact/Table views keep their own layouts. */
.v71001-shell #page-users .staff-cards-view .v500-staff-card {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row !important;
}
.v71001-shell #page-users .staff-cards-view .v500-staff-card > * {
  grid-column: 1 !important;
  width: 100% !important;
}


/* ================================================================
   V7.10.02 - Master Admin Authority Repair
   ================================================================ */
.role-badge.master_admin { background: color-mix(in srgb, #111827 10%, var(--panel)); color: #111827; border: 1px solid color-mix(in srgb, #111827 20%, var(--border)); }
.avatar-ring-master { box-shadow:0 0 0 3px rgba(17,24,39,.28),0 10px 24px rgba(15,23,42,.18) !important; }
.v500-shell .v500-staff-card.role-master_admin { border-top-color:#111827; }
.v71002-shell .v710-role-cards { grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); }
.v71002-shell .v710-role-card[data-v710-role="master_admin"] { border-color:color-mix(in srgb,#111827 28%,var(--border)); }
.v71002-shell .v710-role-card[data-v710-role="master_admin"].active { border-color:#111827; box-shadow:0 0 0 2px color-mix(in srgb,#111827 10%,transparent),var(--shadow-soft); }
@media(max-width:1120px){.v71002-shell .v710-role-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.v71002-shell .v710-role-cards{grid-template-columns:1fr}}


/* ======================================================================
   V7.10.03 - Disabled Account Authorization Experience
   Existing accounts with verified credentials but disabled authorization
   receive a dedicated designer-approval screen. No calculator sizing or
   freight-workspace behavior is changed by this layer.
   ====================================================================== */
.authorization-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 26px;
  overflow: auto;
  background:
    radial-gradient(circle at 9% 16%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 31%),
    radial-gradient(circle at 92% 88%, rgba(14,165,132,.12), transparent 32%),
    linear-gradient(145deg, color-mix(in srgb, var(--bg) 94%, #ffffff), var(--bg));
}
.authorization-shell.hidden { display: none !important; }
.authorization-stage {
  width: min(1120px, 100%);
  min-height: 660px;
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  position: relative;
  border: 1px solid color-mix(in srgb, var(--line) 80%, transparent);
  border-radius: 30px;
  overflow: hidden;
  background: var(--panel);
  box-shadow: 0 28px 85px rgba(25, 49, 82, .18), 0 7px 22px rgba(25, 49, 82, .08);
}
.authorization-visual {
  position: relative;
  overflow: hidden;
  padding: 42px 44px 38px;
  color: #f8fffd;
  background:
    radial-gradient(circle at 28% 30%, rgba(80, 238, 195, .20), transparent 28%),
    radial-gradient(circle at 86% 70%, rgba(137, 180, 255, .25), transparent 31%),
    linear-gradient(145deg, #102f4f 0%, #154d62 45%, #0b705f 100%);
}
.authorization-visual::before {
  content:""; position:absolute; inset:0; opacity:.35; pointer-events:none;
  background-image: linear-gradient(rgba(255,255,255,.065) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.065) 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(to bottom, #000 25%, transparent 96%);
}
.authorization-brand { position:relative; z-index:3; display:flex; align-items:center; gap:12px; font-size:11px; font-weight:900; letter-spacing:.16em; }
.authorization-brand img { width:46px; height:46px; object-fit:contain; background:rgba(255,255,255,.94); border-radius:14px; padding:6px; box-shadow:0 8px 22px rgba(0,0,0,.18); }
.authorization-art { position:relative; z-index:2; height:300px; margin:26px 0 6px; display:grid; place-items:center; }
.authorization-orbit { position:absolute; border:1px solid rgba(255,255,255,.19); border-radius:50%; }
.authorization-orbit.orbit-one { width:260px; height:260px; box-shadow:0 0 0 44px rgba(255,255,255,.025), 0 0 0 88px rgba(255,255,255,.018); }
.authorization-orbit.orbit-two { width:196px; height:196px; border-style:dashed; opacity:.8; transform:rotate(17deg); }
.authorization-node { position:absolute; width:12px; height:12px; border-radius:50%; background:#71f5cc; box-shadow:0 0 0 7px rgba(113,245,204,.13), 0 0 24px rgba(113,245,204,.7); }
.authorization-node.node-one { transform:translate(118px,-74px); }
.authorization-node.node-two { transform:translate(-112px,75px); background:#a9c9ff; box-shadow:0 0 0 7px rgba(169,201,255,.13),0 0 24px rgba(169,201,255,.65); }
.authorization-node.node-three { transform:translate(91px,108px); width:8px; height:8px; }
.authorization-shield {
  width:148px; height:166px; position:relative; display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.55); border-radius:45% 45% 52% 52% / 31% 31% 63% 63%;
  background:linear-gradient(145deg, rgba(255,255,255,.24), rgba(255,255,255,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38), 0 24px 50px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
}
.authorization-shield::before { content:""; position:absolute; inset:13px; border:1px solid rgba(255,255,255,.19); border-radius:inherit; }
.authorization-lock { width:62px; height:52px; border-radius:14px; background:rgba(7,42,57,.75); display:grid; place-items:center; position:relative; box-shadow:0 10px 24px rgba(0,0,0,.22); }
.authorization-lock::before { content:""; position:absolute; width:34px; height:32px; border:7px solid #b9ffea; border-bottom:0; border-radius:22px 22px 0 0; top:-27px; }
.authorization-lock span { width:8px; height:16px; background:#b9ffea; border-radius:7px; }
.authorization-check { position:absolute; right:16px; bottom:15px; width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:#71f5cc; color:#075642; font-style:normal; font-size:19px; font-weight:1000; box-shadow:0 9px 22px rgba(0,0,0,.19); }
.authorization-visual-copy { position:relative; z-index:3; }
.authorization-visual-copy > span { font-size:10px; font-weight:900; letter-spacing:.16em; color:#94f4d7; }
.authorization-visual-copy h2 { margin:7px 0 8px; max-width:360px; font-size:29px; line-height:1.08; letter-spacing:-.035em; color:#fff; }
.authorization-visual-copy p { margin:0; max-width:370px; color:rgba(240,255,251,.74); line-height:1.55; font-size:12px; font-weight:600; }
.authorization-route { position:relative; z-index:3; margin-top:26px; display:flex; align-items:center; gap:9px; color:rgba(255,255,255,.72); font-size:9px; font-weight:800; }
.authorization-route i { width:9px; height:9px; border-radius:50%; background:#71f5cc; box-shadow:0 0 0 5px rgba(113,245,204,.12); }
.authorization-route span,.authorization-route b { white-space:nowrap; }
.authorization-route b { color:#fff; }
.authorization-route span + b::before,.authorization-route b + span::before { content:"→"; margin-right:9px; color:rgba(255,255,255,.36); }
.authorization-card { padding:43px 50px 38px; display:flex; flex-direction:column; justify-content:center; background:color-mix(in srgb, var(--panel) 97%, var(--accent) 3%); }
.authorization-card-brand { display:flex; align-items:center; gap:11px; margin-bottom:27px; }
.authorization-card-brand img { width:49px; height:49px; object-fit:contain; border:1px solid var(--line); border-radius:14px; padding:4px; background:#fff; }
.authorization-card-brand strong { display:block; color:var(--text); font-size:16px; }
.authorization-card-brand small { display:block; margin-top:3px; color:var(--muted); font-size:10px; font-weight:700; }
.authorization-card-brand small span { margin-left:5px; padding:2px 6px; border-radius:999px; background:var(--accent-soft); color:var(--accent-ink); font-weight:900; }
.authorization-kicker { align-self:flex-start; display:inline-flex; align-items:center; gap:7px; padding:6px 10px; border:1px solid #f5c684; border-radius:999px; background:#fff8e8; color:#9a5b00; font-size:9px; font-weight:950; letter-spacing:.11em; }
.authorization-kicker i { width:7px; height:7px; border-radius:50%; background:#e69b26; box-shadow:0 0 0 4px rgba(230,155,38,.12); }
.authorization-card h1 { margin:13px 0 8px; color:var(--text); font-size:33px; line-height:1.05; letter-spacing:-.042em; }
.authorization-lead { margin:0; max-width:580px; color:var(--muted); font-size:12px; line-height:1.6; font-weight:600; }
.authorization-account { margin-top:19px; display:grid; grid-template-columns:39px 1fr auto; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--line); border-radius:14px; background:color-mix(in srgb, var(--panel) 90%, var(--accent-soft)); }
.authorization-account-icon { width:36px; height:36px; display:grid; place-items:center; border-radius:11px; background:var(--accent-soft); color:var(--accent-ink); font-size:16px; font-weight:950; }
.authorization-account small { display:block; color:var(--muted); font-size:8px; font-weight:900; letter-spacing:.1em; }
.authorization-account strong { display:block; margin-top:2px; color:var(--text); font-size:12px; }
.authorization-status { padding:5px 9px; border-radius:999px; background:#fff1f0; border:1px solid #ffc9c4; color:#b42318; font-size:9px; font-weight:900; }
.authorization-progress { margin-top:15px; display:grid; gap:6px; }
.authorization-progress > div { display:grid; grid-template-columns:31px 1fr auto; align-items:center; gap:9px; min-height:46px; padding:6px 9px; border:1px solid transparent; border-radius:12px; }
.authorization-progress > div > span { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:var(--soft); color:var(--muted); font-size:10px; font-weight:900; }
.authorization-progress strong { display:block; color:var(--text); font-size:10px; }
.authorization-progress small { display:block; margin-top:2px; color:var(--muted); font-size:8.5px; line-height:1.35; }
.authorization-progress b { font-size:9px; color:var(--muted); }
.authorization-progress .complete > span { background:#e9f9f2; color:#08785c; }
.authorization-progress .complete b { color:#08785c; font-size:15px; }
.authorization-progress .current { border-color:#f5d59f; background:#fffaf0; }
.authorization-progress .current > span { background:#fff0ce; color:#a86500; }
.authorization-progress .current b { padding:4px 7px; border-radius:999px; background:#fff0ce; color:#9a5b00; }
.authorization-next { margin-top:14px; display:grid; grid-template-columns:36px 1fr; gap:10px; padding:12px 13px; border-radius:14px; background:linear-gradient(135deg, color-mix(in srgb,var(--accent-soft) 70%,var(--panel)), color-mix(in srgb,#e8fff7 72%,var(--panel))); border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line)); }
.authorization-next-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:11px; background:var(--accent); color:#fff; font-size:16px; font-weight:900; }
.authorization-next strong { display:block; color:var(--text); font-size:10px; }
.authorization-next p { margin:3px 0 0; color:var(--muted); font-size:9px; line-height:1.45; }
.authorization-return { margin-top:16px; width:100%; min-height:42px; border-radius:12px; }
.authorization-help { margin:8px 0 0; text-align:center; color:var(--muted); font-size:8.5px; line-height:1.4; }
.authorization-signature { position:absolute; right:24px; bottom:14px; color:var(--muted); font-size:9px; font-weight:800; letter-spacing:.03em; }
.authorization-signature strong { margin-left:5px; color:var(--accent-ink); letter-spacing:.2em; }
@media (max-width: 920px) {
  .authorization-shell { padding:14px; }
  .authorization-stage { grid-template-columns:1fr; min-height:auto; }
  .authorization-visual { display:none; }
  .authorization-card { min-height:calc(100vh - 28px); padding:34px 30px 54px; }
}
@media (max-width: 560px) {
  .authorization-shell { padding:0; }
  .authorization-stage { border-radius:0; border:0; min-height:100vh; }
  .authorization-card { padding:26px 19px 54px; }
  .authorization-card h1 { font-size:28px; }
  .authorization-progress > div { grid-template-columns:29px 1fr; }
  .authorization-progress > div > b { grid-column:2; justify-self:start; }
  .authorization-account { grid-template-columns:36px 1fr; }
  .authorization-status { grid-column:2; justify-self:start; }
}
@media (prefers-reduced-motion: no-preference) {
  .authorization-shield { animation:v71003ShieldFloat 4.5s ease-in-out infinite; }
  .authorization-orbit.orbit-two { animation:v71003Orbit 18s linear infinite; }
  .authorization-node { animation:v71003NodePulse 2.4s ease-in-out infinite; }
}
@keyframes v71003ShieldFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
@keyframes v71003Orbit { to{transform:rotate(377deg)} }
@keyframes v71003NodePulse { 0%,100%{opacity:.7} 50%{opacity:1} }

/* ======================================================================
   V7.20.00 - Operational Intelligence & Current Calculation Reporting Upgrade
   Dedicated access-status portal for recognized disabled accounts.
   This deliberately does not reuse the login-page composition and removes
   all photo-theme / frosted-glass / blur treatment from the authorization
   state. Authentication rules and Freight calculation behavior are unchanged.
   ====================================================================== */
html[data-auth-state="authorization-required"],
body[data-auth-state="authorization-required"] {
  min-width:100%; min-height:100%;
  background:#edf3f8!important;
}
html[data-auth-state="authorization-required"] .v71004-shell::before,
html[data-auth-state="authorization-required"] .v71004-shell::after {
  opacity:0!important; background:none!important; background-image:none!important;
  filter:none!important; backdrop-filter:none!important;
}
html[data-auth-state="authorization-required"][data-photo-theme="true"] .authorization-shell,
html[data-auth-state="authorization-required"] .authorization-shell {
  position:fixed; inset:0; z-index:1000;
  width:100vw; height:100vh; min-height:100vh;
  display:block; padding:0!important; margin:0;
  overflow:auto; overscroll-behavior:contain;
  background:
    radial-gradient(circle at 82% 18%, rgba(30,132,189,.10), transparent 28%),
    radial-gradient(circle at 8% 90%, rgba(17,140,108,.08), transparent 25%),
    linear-gradient(145deg,#f4f8fb 0%,#eaf1f6 54%,#eef7f4 100%)!important;
  backdrop-filter:none!important; filter:none!important;
}
.authorization-shell.hidden { display:none!important; }
.authorization-status-page {
  width:100%; min-height:100vh; display:grid;
  grid-template-rows:72px minmax(0,1fr) 46px;
  color:#172a3e; background:transparent;
}
.authorization-status-header {
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  padding:0 clamp(24px,3vw,48px);
  border-bottom:1px solid #cad8e4; background:#ffffff;
  box-shadow:0 4px 18px rgba(25,52,79,.055);
}
.authorization-status-brand { display:flex; align-items:center; gap:12px; min-width:0; }
.authorization-status-brand img {
  width:44px; height:44px; object-fit:contain; padding:4px;
  border:1px solid #c9d8e4; border-radius:13px; background:#fff;
}
.authorization-status-brand strong { display:block; font-size:15px; line-height:1.15; color:#14283d; }
.authorization-status-brand small { display:block; margin-top:3px; color:#61758a; font-size:9.5px; font-weight:700; }
.authorization-status-meta { display:flex; align-items:center; gap:10px; color:#61758a; font-size:9px; font-weight:900; letter-spacing:.11em; }
.authorization-status-meta b { padding:5px 9px; border:1px solid #bfd1df; border-radius:999px; background:#f1f6f9; color:#294c68; letter-spacing:0; }
.authorization-status-main {
  width:min(1280px,100%); min-height:0; margin:0 auto;
  display:grid; grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr);
  gap:clamp(24px,3vw,48px); align-items:center;
  padding:clamp(22px,3vh,34px) clamp(24px,4vw,58px);
}
.authorization-status-hero {
  min-width:0; align-self:stretch; position:relative;
  display:grid; grid-template-rows:minmax(250px,1fr) auto auto;
  align-content:center; gap:16px;
  padding:clamp(10px,2vh,20px) 0;
}
.authorization-status-art {
  position:relative; overflow:hidden; min-height:250px;
  display:grid; place-items:center;
  border-radius:26px;
  background:linear-gradient(145deg,#153651 0%,#165870 52%,#0f7a67 100%);
  border:1px solid #1a5870;
  box-shadow:0 18px 46px rgba(22,67,95,.16);
}
.authorization-status-grid {
  position:absolute; inset:0; opacity:.28;
  background-image:linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(135deg,#000 5%,transparent 88%);
}
.authorization-status-ring { position:absolute; border:1px solid rgba(202,255,240,.32); border-radius:50%; }
.authorization-status-ring.ring-a { width:228px; height:228px; box-shadow:0 0 0 36px rgba(255,255,255,.025),0 0 0 72px rgba(255,255,255,.018); }
.authorization-status-ring.ring-b { width:166px; height:166px; border-style:dashed; border-color:rgba(205,234,255,.32); transform:rotate(18deg); }
.authorization-status-dot { position:absolute; width:9px; height:9px; border-radius:50%; background:#72f0c9; box-shadow:0 0 0 5px rgba(114,240,201,.12),0 0 22px rgba(114,240,201,.5); }
.authorization-status-dot.dot-a { transform:translate(118px,-72px); }
.authorization-status-dot.dot-b { transform:translate(-114px,70px); background:#9dc8ff; box-shadow:0 0 0 5px rgba(157,200,255,.12),0 0 22px rgba(157,200,255,.5); }
.authorization-status-dot.dot-c { transform:translate(88px,105px); width:7px; height:7px; }
.authorization-status-emblem {
  position:relative; width:142px; height:158px;
  display:grid; place-items:center;
  border:1px solid rgba(227,255,247,.76);
  border-radius:44% 44% 52% 52% / 31% 31% 63% 63%;
  background:linear-gradient(145deg,#2c7185,#1d9d80);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 20px 40px rgba(4,33,47,.32);
}
.authorization-status-emblem::before { content:""; position:absolute; inset:13px; border:1px solid rgba(255,255,255,.24); border-radius:inherit; }
.authorization-status-lock { width:61px; height:51px; border-radius:13px; background:#0a3043; display:grid; place-items:center; position:relative; box-shadow:0 9px 22px rgba(0,0,0,.22); }
.authorization-status-lock::before { content:""; position:absolute; width:33px; height:30px; border:7px solid #b9ffea; border-bottom:0; border-radius:22px 22px 0 0; top:-25px; }
.authorization-status-lock span { width:8px; height:15px; border-radius:7px; background:#b9ffea; }
.authorization-status-emblem > i { position:absolute; right:13px; bottom:13px; width:35px; height:35px; display:grid; place-items:center; border-radius:50%; background:#75efc9; color:#075c47; font-style:normal; font-size:18px; font-weight:1000; box-shadow:0 8px 18px rgba(4,37,47,.24); }
.authorization-status-copy { max-width:760px; }
.authorization-status-copy .authorization-kicker { background:#fff7e9; border-color:#edc37f; color:#925600; }
.authorization-status-copy h1 { margin:11px 0 7px; font-size:clamp(31px,3vw,46px); line-height:1.02; letter-spacing:-.045em; color:#152c42; }
.authorization-status-copy p { margin:0; max-width:760px; color:#586e82; font-size:12px; line-height:1.65; font-weight:600; }
.authorization-status-account {
  width:min(660px,100%); margin:0; padding:11px 13px;
  border:1px solid #bdcedc; border-left:4px solid #257b99;
  border-radius:14px; background:#fff;
  box-shadow:0 7px 20px rgba(25,52,79,.055);
}
.authorization-status-panel {
  width:100%; min-width:0; padding:clamp(22px,2.6vw,34px);
  border:1px solid #c7d6e1; border-radius:22px; background:#ffffff;
  box-shadow:0 18px 48px rgba(25,52,79,.095);
  backdrop-filter:none!important; filter:none!important;
}
.authorization-status-panel-head { padding-bottom:15px; border-bottom:1px solid #d8e2ea; }
.authorization-status-panel-head > span { display:block; color:#267393; font-size:9px; font-weight:950; letter-spacing:.13em; }
.authorization-status-panel-head > strong { display:block; margin-top:5px; color:#172d42; font-size:22px; letter-spacing:-.025em; }
.authorization-status-panel-head > p { margin:6px 0 0; color:#667a8d; font-size:10px; line-height:1.5; }
.authorization-status-progress { margin-top:16px; gap:7px; }
.authorization-status-progress > div { min-height:54px; padding:8px 9px; border-radius:12px; }
.authorization-status-progress .current { background:#fff8ec; border-color:#eac989; }
.authorization-status-next { margin-top:16px; background:#edf8f5; border-color:#b8dcd2; }
.authorization-status-panel .authorization-return { margin-top:17px; min-height:44px; border-radius:11px; }
.authorization-status-panel .authorization-help { margin-top:9px; color:#6d8091; }
.authorization-status-footer {
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:0 clamp(24px,3vw,48px); border-top:1px solid #cbd8e2;
  background:#ffffff; color:#64788a; font-size:9px; font-weight:700;
}
.authorization-status-footer > span:first-child { display:flex; align-items:center; gap:8px; }
.authorization-status-footer i { width:7px; height:7px; border-radius:50%; background:#dc9a31; box-shadow:0 0 0 4px rgba(220,154,49,.12); }
.authorization-status-footer strong { color:#28536d; letter-spacing:.18em; margin-left:4px; }
html[data-auth-state="authorization-required"] .authorization-status-page,
html[data-auth-state="authorization-required"] .authorization-status-header,
html[data-auth-state="authorization-required"] .authorization-status-main,
html[data-auth-state="authorization-required"] .authorization-status-hero,
html[data-auth-state="authorization-required"] .authorization-status-art,
html[data-auth-state="authorization-required"] .authorization-status-panel,
html[data-auth-state="authorization-required"] .authorization-status-footer,
html[data-auth-state="authorization-required"] .authorization-status-account,
html[data-auth-state="authorization-required"] .authorization-status-emblem {
  backdrop-filter:none!important; -webkit-backdrop-filter:none!important; filter:none!important;
}
@media (max-width: 900px) {
  .authorization-status-page { grid-template-rows:66px auto 46px; }
  .authorization-status-main { grid-template-columns:1fr; align-items:start; gap:18px; padding:20px 22px 24px; }
  .authorization-status-hero { grid-template-rows:220px auto auto; gap:13px; padding:0; }
  .authorization-status-art { min-height:220px; }
  .authorization-status-panel { padding:22px; }
}
@media (max-width: 600px) {
  .authorization-status-header { padding:0 16px; }
  .authorization-status-meta > span { display:none; }
  .authorization-status-main { padding:16px; }
  .authorization-status-hero { grid-template-rows:190px auto auto; }
  .authorization-status-art { min-height:190px; border-radius:18px; }
  .authorization-status-ring.ring-a { width:180px; height:180px; }
  .authorization-status-ring.ring-b { width:128px; height:128px; }
  .authorization-status-emblem { transform:scale(.82); }
  .authorization-status-copy h1 { font-size:31px; }
  .authorization-status-account { grid-template-columns:36px 1fr; }
  .authorization-status-account .authorization-status { grid-column:2; justify-self:start; }
  .authorization-status-panel { border-radius:16px; padding:18px; }
  .authorization-status-progress > div { grid-template-columns:29px 1fr; }
  .authorization-status-progress > div > b { grid-column:2; justify-self:start; }
  .authorization-status-footer { padding:0 16px; }
  .authorization-status-footer > span:first-child { display:none; }
  .authorization-status-footer > span:last-child { margin-left:auto; }
}
@media (max-height: 700px) and (min-width: 901px) {
  .authorization-status-page { grid-template-rows:62px minmax(0,1fr) 38px; }
  .authorization-status-main { padding-top:14px; padding-bottom:14px; gap:26px; }
  .authorization-status-hero { grid-template-rows:minmax(210px,1fr) auto auto; gap:10px; padding:0; }
  .authorization-status-art { min-height:210px; }
  .authorization-status-copy h1 { font-size:34px; }
  .authorization-status-panel { padding:20px 22px; }
  .authorization-status-panel-head { padding-bottom:10px; }
  .authorization-status-progress { margin-top:10px; gap:4px; }
  .authorization-status-progress > div { min-height:45px; padding:6px 8px; }
  .authorization-status-next { margin-top:10px; padding:10px 11px; }
  .authorization-status-panel .authorization-return { margin-top:10px; min-height:38px; }
}
@media (prefers-reduced-motion: no-preference) {
  .authorization-status-emblem { animation:v71004StatusFloat 4.8s ease-in-out infinite; }
  .authorization-status-ring.ring-b { animation:v71004StatusOrbit 19s linear infinite; }
  .authorization-status-dot { animation:v71004StatusPulse 2.6s ease-in-out infinite; }
}
@keyframes v71004StatusFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
@keyframes v71004StatusOrbit { to{transform:rotate(378deg)} }
@keyframes v71004StatusPulse { 0%,100%{opacity:.72} 50%{opacity:1} }

/* V7.20.00 Current Calculation PDF Reporting V2 */
.calculation-pdf-modal-card{width:min(820px,calc(100vw - 34px));max-height:min(88vh,760px);overflow:auto}
.calculation-report-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:6px 0 14px}
.calculation-report-choice{position:relative;display:block;min-width:0}
.calculation-report-choice>input{position:absolute;opacity:0;pointer-events:none}
.calculation-report-choice>span{display:flex;min-height:138px;flex-direction:column;gap:7px;padding:16px;border:1px solid var(--line,#cbd8e5);border-radius:15px;background:var(--panel,#fff);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.calculation-report-choice>span strong{font-size:15px;color:var(--text,#162b40)}
.calculation-report-choice>span small{line-height:1.5;color:var(--muted,#65788d)}
.calculation-report-choice>span b{align-self:flex-start;padding:4px 7px;border-radius:999px;background:#e4f5ed;color:#087045;font-size:8px;letter-spacing:.08em}
.calculation-report-choice>input:checked+span{border-color:#0b6b49;box-shadow:0 0 0 3px rgba(11,107,73,.10),0 12px 26px rgba(18,47,70,.09);transform:translateY(-1px)}
.calculation-report-choice.featured>span{background:linear-gradient(180deg,rgba(232,247,240,.75),var(--panel,#fff))}
.calculation-report-includes{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px;padding:11px 12px;border-radius:12px;background:rgba(15,80,118,.055);border:1px solid rgba(15,80,118,.12)}
.calculation-report-includes span{font-size:10px;font-weight:700;color:var(--muted,#52687d)}
.calculation-pdf-snapshot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:8px}
.calculation-pdf-snapshot article{padding:10px 11px;border:1px solid var(--line,#d5e0e8);border-radius:11px;background:var(--panel,#fff)}
.calculation-pdf-snapshot span{display:block;font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted,#6a7c8e)}
.calculation-pdf-snapshot strong{display:block;margin-top:4px;font-size:14px;color:var(--text,#152a3e)}
@media(max-width:820px){.calculation-report-options{grid-template-columns:1fr}.calculation-report-choice>span{min-height:0}.calculation-pdf-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ========================================================================== */
/* V7.20.01 - Report readability, interface cleanup and authorization redesign */

/* Full-page futuristic cockpit command station */
html[data-auth-state="authorization-required"] body {
  overflow: hidden !important;
  background: #06080e !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-auth-state="authorization-required"] .authorization-shell {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  background: #06080e !important;
  z-index: 500 !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Ambient Cyber Canvas */
.cyber-canvas-bg {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 15% 20%, rgba(0, 110, 255, 0.16) 0%, transparent 45%),
    radial-gradient(circle at 85% 80%, rgba(255, 51, 102, 0.12) 0%, transparent 42%),
    radial-gradient(circle at 50% 50%, rgba(0, 240, 255, 0.05) 0%, transparent 60%),
    linear-gradient(180deg, #05070b 0%, #090e17 50%, #06080e 100%);
}

.cyber-grid {
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(rgba(0, 240, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 240, 255, 0.04) 1px, transparent 1px);
  background-size: 44px 44px;
  pointer-events: none;
  z-index: 1;
  mask-image: radial-gradient(ellipse 95% 75% at 50% 50%, black 25%, transparent 85%);
}

.cyber-vignette {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  box-shadow: inset 0 0 140px rgba(0, 0, 0, 0.9);
}

/* Full Viewport Cockpit Layout */
.authorization-gate-page {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100vh;
  display: grid;
  grid-template-rows: 58px minmax(0, 1fr) 36px;
  color: #f0f4fc;
  overflow: hidden;
  box-sizing: border-box;
}

/* Top HUD Navigation Header */
.authorization-gate-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 clamp(16px, 2.5vw, 32px);
  border-bottom: 1px solid rgba(0, 240, 255, 0.22);
  background: rgba(8, 12, 22, 0.88);
  backdrop-filter: blur(20px);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(0, 240, 255, 0.12);
  z-index: 10;
  gap: 16px;
}

.authorization-gate-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.authorization-gate-brand .brand-logo-hex {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, rgba(0, 240, 255, 0.22), rgba(46, 98, 255, 0.12));
  border: 1px solid #00f0ff;
  border-radius: 10px;
  display: grid;
  place-items: center;
  box-shadow: 0 0 16px rgba(0, 240, 255, 0.3);
  overflow: hidden;
  flex-shrink: 0;
}

.authorization-gate-brand .brand-logo-hex img {
  width: 26px;
  height: 26px;
  object-fit: contain;
  filter: drop-shadow(0 0 4px rgba(0, 240, 255, 0.6));
}

.authorization-gate-brand strong {
  display: block;
  font-family: var(--font-heading, "Segoe UI", sans-serif);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.15;
  color: #fff;
  letter-spacing: 0.02em;
}

.authorization-gate-brand small {
  display: block;
  margin-top: 2px;
  color: #00f0ff;
  font-size: 9.5px;
  font-family: monospace;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.authorization-gate-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #8e9bb0;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-family: monospace;
}

.authorization-gate-meta .telemetry-chip {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  background: rgba(15, 22, 38, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  font-size: 10.5px;
}

.authorization-gate-meta .telemetry-chip .label { color: #56647a; }
.authorization-gate-meta .telemetry-chip .val { color: #00f0ff; font-weight: 600; }
.authorization-gate-meta .telemetry-chip.status-restricted {
  border-color: rgba(255, 51, 102, 0.45);
  background: rgba(255, 51, 102, 0.1);
  box-shadow: 0 0 12px rgba(255, 51, 102, 0.2);
}
.authorization-gate-meta .telemetry-chip.status-restricted .val { color: #ff3366; }

.pulse-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff3366;
  box-shadow: 0 0 8px #ff3366;
  animation: pulseAlert 1.6s infinite;
}
.pulse-dot.green {
  background: #00ffaa !important;
  box-shadow: 0 0 10px #00ffaa !important;
}

@keyframes pulseAlert {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.85); }
}

.authorization-gate-meta>span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #8e9bb0;
}
.authorization-gate-meta i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00ffaa;
  box-shadow: 0 0 0 3px rgba(0, 255, 170, 0.15);
}
.authorization-gate-meta b {
  padding: 3px 8px;
  border: 1px solid rgba(0, 240, 255, 0.3);
  border-radius: 999px;
  background: rgba(0, 240, 255, 0.08);
  color: #00f0ff;
  letter-spacing: 0;
}

/* Edge-to-Edge Cockpit Main Grid */
.authorization-gate-main {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: 310px minmax(0, 1.25fr) 330px;
  gap: 14px;
  padding: 12px 18px;
  box-sizing: border-box;
  overflow: hidden;
}

/* Reusable Cockpit Panel Card */
.cockpit-panel {
  background: rgba(11, 16, 28, 0.88);
  border: 1px solid rgba(0, 240, 255, 0.22);
  border-radius: 14px;
  backdrop-filter: blur(24px);
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  min-height: 0;
}

.panel-header-bar {
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(0, 240, 255, 0.14);
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}

.panel-header-bar h3 {
  font-family: monospace;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.tech-glyph { color: #00f0ff; }

.panel-badge {
  font-family: monospace;
  font-size: 9.5px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 4px;
  background: rgba(0, 240, 255, 0.1);
  border: 1px solid rgba(0, 240, 255, 0.25);
  color: #00f0ff;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.panel-badge.red {
  background: rgba(255, 51, 102, 0.12);
  border-color: #ff3366;
  color: #ff3366;
}

.panel-content {
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

/* LEFT PANEL: Holographic Gyro Scanner & Identity */
.holo-gyro-container {
  height: 145px;
  position: relative;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.gyro-rig {
  position: relative;
  width: 130px;
  height: 130px;
  display: grid;
  place-items: center;
}

.gyro-ring-1 {
  position: absolute;
  inset: 0;
  border: 2px dashed rgba(255, 51, 102, 0.45);
  border-radius: 50%;
  animation: spinClockwise 22s linear infinite;
}
.gyro-ring-1.approved {
  border-color: rgba(0, 255, 170, 0.5) !important;
}

.gyro-ring-2 {
  position: absolute;
  inset: 10px;
  border: 1px dotted rgba(0, 240, 255, 0.4);
  border-radius: 50%;
  animation: spinCounter 16s linear infinite;
}

.gyro-ring-3 {
  position: absolute;
  inset: 20px;
  border: 2px solid transparent;
  border-top-color: #ffaa00;
  border-bottom-color: #ffaa00;
  border-radius: 50%;
  animation: spinClockwise 10s linear infinite;
}

@keyframes spinClockwise { 100% { transform: rotate(360deg); } }
@keyframes spinCounter { 100% { transform: rotate(-360deg); } }

.gyro-core {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: radial-gradient(circle, rgba(255, 51, 102, 0.25) 0%, rgba(18, 10, 16, 0.95) 100%);
  border: 1px solid #ff3366;
  display: grid;
  place-items: center;
  box-shadow: 0 0 25px rgba(255, 51, 102, 0.4);
  transition: all 0.3s ease;
}
.gyro-core.approved {
  background: radial-gradient(circle, rgba(0, 255, 170, 0.25) 0%, rgba(8, 20, 16, 0.95) 100%) !important;
  border-color: #00ffaa !important;
  box-shadow: 0 0 30px rgba(0, 255, 170, 0.5) !important;
}

.gyro-core svg {
  width: 28px;
  height: 28px;
  stroke: #ff3366;
  filter: drop-shadow(0 0 6px #ff3366);
}
.gyro-core.approved svg {
  stroke: #00ffaa !important;
  filter: drop-shadow(0 0 8px #00ffaa) !important;
}

.waveform-visualizer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  height: 22px;
  padding: 0 8px;
  flex-shrink: 0;
}

.waveform-visualizer span {
  width: 3.5px;
  background: #00f0ff;
  border-radius: 2px;
  animation: wavePulse 1.4s ease-in-out infinite alternate;
}
.waveform-visualizer span:nth-child(1) { height: 6px; animation-delay: 0.1s; }
.waveform-visualizer span:nth-child(2) { height: 13px; animation-delay: 0.3s; }
.waveform-visualizer span:nth-child(3) { height: 20px; animation-delay: 0.5s; }
.waveform-visualizer span:nth-child(4) { height: 9px; animation-delay: 0.2s; }
.waveform-visualizer span:nth-child(5) { height: 16px; animation-delay: 0.4s; }
.waveform-visualizer span:nth-child(6) { height: 8px; animation-delay: 0.15s; }
.waveform-visualizer span:nth-child(7) { height: 18px; animation-delay: 0.45s; }
.waveform-visualizer span:nth-child(8) { height: 11px; animation-delay: 0.25s; }
.waveform-visualizer span:nth-child(9) { height: 5px; animation-delay: 0.05s; }

/* Operator Identity Matrix Widget */
.identity-widget {
  background: rgba(6, 10, 18, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-left: 3px solid #ff3366;
  border-radius: 10px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.identity-widget.approved {
  border-left-color: #00ffaa !important;
  box-shadow: 0 0 20px rgba(0, 255, 170, 0.15) !important;
}

.identity-widget-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.operator-pill {
  font-family: monospace;
  font-size: 9px;
  font-weight: 700;
  color: #00f0ff;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.status-badge-red {
  padding: 2px 8px;
  border-radius: 20px;
  background: rgba(255, 51, 102, 0.15);
  border: 1px solid #ff3366;
  color: #ff3366;
  font-family: monospace;
  font-size: 9.5px;
  font-weight: 700;
  text-transform: uppercase;
}
.status-badge-red.approved {
  background: rgba(0, 255, 170, 0.15) !important;
  border-color: #00ffaa !important;
  color: #00ffaa !important;
  box-shadow: 0 0 10px rgba(0, 255, 170, 0.3) !important;
}

.operator-user-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.operator-avatar {
  width: 38px;
  height: 38px;
  border-radius: 9px;
  background: rgba(0, 240, 255, 0.08);
  border: 1px solid rgba(0, 240, 255, 0.3);
  color: #00f0ff;
  font-family: var(--font-heading, sans-serif);
  font-size: 18px;
  font-weight: 700;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}

.operator-user-info strong {
  font-family: var(--font-heading, sans-serif);
  font-size: 17px;
  color: #fff;
  display: block;
}

.operator-user-info small {
  font-family: monospace;
  font-size: 10px;
  color: #00ffaa;
  display: block;
  margin-top: 1px;
}

.operator-meta-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  padding-top: 6px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-family: monospace;
  font-size: 9.5px;
}

.meta-item .m-lbl { color: #56647a; display: block; font-size: 8.5px; }
.meta-item .m-val { color: #f0f4fc; font-weight: 600; }

/* Cockpit Action Buttons */
.cockpit-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto;
  flex-shrink: 0;
}

.btn-scan-action {
  height: 44px;
  background: linear-gradient(135deg, rgba(0, 240, 255, 0.22), rgba(46, 98, 255, 0.35));
  border: 1px solid #00f0ff;
  border-radius: 9px;
  color: #fff;
  font-family: var(--font-heading, sans-serif);
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.2), inset 0 0 10px rgba(0, 240, 255, 0.15);
  transition: all 0.2s;
}
.btn-scan-action:hover {
  background: linear-gradient(135deg, rgba(0, 240, 255, 0.35), rgba(46, 98, 255, 0.55));
  box-shadow: 0 0 30px rgba(0, 240, 255, 0.4);
  transform: translateY(-1px);
}
.btn-scan-action.approved-launch {
  background: linear-gradient(135deg, rgba(0, 255, 170, 0.3), rgba(0, 240, 255, 0.5)) !important;
  border-color: #00ffaa !important;
  box-shadow: 0 0 25px rgba(0, 255, 170, 0.5) !important;
}

.btn-return-action {
  height: 38px;
  background: rgba(15, 22, 38, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 9px;
  color: #8e9bb0;
  font-family: var(--font-heading, sans-serif);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  transition: all 0.2s;
}
.btn-return-action:hover {
  border-color: rgba(255, 255, 255, 0.25);
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}

.live-status-feedback {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 8px 10px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 7px;
  font-family: monospace;
  font-size: 9.5px;
}
.live-status-feedback .msg {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #9cdcfe;
}
.live-status-feedback .status-icon { color: #ff3366; }
.live-status-feedback .auto-scan {
  color: #56647a;
  font-size: 9px;
  text-align: right;
}
.live-status-feedback.scanning .status-icon {
  color: #00f0ff;
  animation: spinClockwise 1s linear infinite;
}

.authorization-gate-help {
  font-size: 9px;
  color: #56647a;
  line-height: 1.35;
  text-align: center;
  display: block;
}

/* CENTER PANEL: Comprehensive Cockpit Telemetry & Permission Lock Matrix */
.authorization-gate-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.scanline-glow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #00f0ff, transparent);
  box-shadow: 0 0 15px #00f0ff;
  opacity: 0.7;
  animation: scanBeam 8s ease-in-out infinite;
  pointer-events: none;
  z-index: 5;
}

.authorization-gate-summary {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
  min-height: 0;
}

.cockpit-center-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
}

.center-title-copy .kicker {
  font-family: monospace;
  font-size: 10px;
  color: #ffaa00;
  font-weight: 700;
  letter-spacing: 0.12em;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
}
.center-title-copy .kicker.approved { color: #00ffaa !important; }

.center-title-copy h1 {
  font-family: var(--font-heading, sans-serif);
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.01em;
  margin: 0;
}

.center-title-copy p {
  font-size: 12.5px;
  color: #8e9bb0;
  margin-top: 3px;
  line-height: 1.4;
}

/* Network Topology Graphic */
.topology-diagram {
  background: rgba(6, 10, 18, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex-shrink: 0;
}

.node-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  font-family: monospace;
  font-size: 9.5px;
}

.node-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  font-size: 13px;
  font-weight: 700;
}

.node-box.client .node-icon {
  background: rgba(0, 240, 255, 0.12);
  border: 1px solid #00f0ff;
  color: #00f0ff;
}

.node-box.gate .node-icon {
  background: rgba(255, 51, 102, 0.15);
  border: 1px solid #ff3366;
  color: #ff3366;
  box-shadow: 0 0 12px rgba(255, 51, 102, 0.4);
}
.node-box.gate.approved .node-icon {
  background: rgba(0, 255, 170, 0.15) !important;
  border-color: #00ffaa !important;
  color: #00ffaa !important;
  box-shadow: 0 0 15px rgba(0, 255, 170, 0.4) !important;
}

.node-box.core .node-icon {
  background: rgba(255, 255, 255, 0.04);
  border: 1px dashed rgba(255, 255, 255, 0.15);
  color: #56647a;
}
.node-box.core.approved .node-icon {
  background: rgba(0, 240, 255, 0.15) !important;
  border: 1px solid #00f0ff !important;
  color: #00f0ff !important;
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.4) !important;
}

.topo-arrow {
  flex: 1;
  height: 2px;
  background: linear-gradient(90deg, #00f0ff, #ff3366);
  position: relative;
  margin: 0 10px;
}
.topo-arrow.approved {
  background: linear-gradient(90deg, #00ffaa, #00f0ff) !important;
}

.topo-arrow::after {
  content: '→';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 11px;
  color: #ff3366;
  font-family: monospace;
}
.topo-arrow.approved::after {
  color: #00ffaa !important;
}

.topo-arrow.blocked {
  background: linear-gradient(90deg, #ff3366, #56647a);
  opacity: 0.6;
}

.topo-arrow.blocked::after {
  content: '✕';
  color: #ff3366;
  font-size: 9px;
}

/* Permission Matrix Table */
.perm-table-wrap {
  background: rgba(6, 10, 18, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  overflow: hidden;
  font-family: monospace;
  font-size: 10.5px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.perm-table-head {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) 100px;
  padding: 7px 12px;
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  color: #56647a;
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.perm-row {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) 100px;
  padding: 7px 12px;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.perm-row:last-child { border-bottom: none; }

.perm-name {
  color: #f0f4fc;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px;
}
.perm-name span { color: #00f0ff; font-size: 11px; }

.perm-scope { color: #8e9bb0; font-size: 9.5px; }

.perm-state-tag {
  font-size: 9px;
  font-weight: 700;
  text-align: center;
  padding: 2px 6px;
  border-radius: 4px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.perm-state-tag.locked {
  background: rgba(255, 51, 102, 0.15);
  color: #ff3366;
  border: 1px solid rgba(255, 51, 102, 0.35);
}

.perm-state-tag.verified {
  background: rgba(0, 255, 170, 0.15);
  color: #00ffaa;
  border: 1px solid rgba(0, 255, 170, 0.35);
}

/* Resolution Callout */
.resolution-callout {
  background: rgba(255, 170, 0, 0.06);
  border: 1px solid rgba(255, 170, 0, 0.25);
  border-radius: 9px;
  padding: 10px 12px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: auto;
  flex-shrink: 0;
}
.resolution-callout.approved-directive {
  background: rgba(0, 255, 170, 0.08) !important;
  border-color: rgba(0, 255, 170, 0.35) !important;
}

.callout-icon {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  background: rgba(255, 170, 0, 0.2);
  color: #ffaa00;
  font-family: monospace;
  font-size: 11px;
  font-weight: 700;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.resolution-callout.approved-directive .callout-icon {
  background: rgba(0, 255, 170, 0.2) !important;
  color: #00ffaa !important;
}

.callout-body strong {
  display: block;
  font-size: 11.5px;
  color: #fff;
  margin-bottom: 2px;
}

.callout-body p {
  font-size: 11px;
  color: #8e9bb0;
  line-height: 1.4;
  margin: 0;
}

/* Inline Approval Unlock Box */
.approval-unlock-box {
  background: rgba(0, 255, 170, 0.08);
  border: 1px solid rgba(0, 255, 170, 0.35);
  border-radius: 10px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: auto;
  flex-shrink: 0;
}
.approval-unlock-box.hidden { display: none !important; }

.unlock-head {
  display: flex;
  align-items: center;
  gap: 10px;
}

.unlock-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(0, 255, 170, 0.2);
  color: #00ffaa;
  font-size: 14px;
  font-weight: 700;
  display: grid;
  place-items: center;
}

.unlock-head strong {
  display: block;
  font-size: 13px;
  color: #fff;
}

.unlock-head small {
  color: #00ffaa;
  font-size: 10.5px;
}

.unlock-form {
  display: flex;
  gap: 10px;
}

.unlock-form input {
  flex: 1;
  background: rgba(2, 4, 8, 0.8);
  border: 1px solid rgba(0, 255, 170, 0.4);
  border-radius: 8px;
  padding: 8px 12px;
  color: #fff;
  font-size: 12px;
}

.unlock-form button {
  white-space: nowrap;
  padding: 0 16px;
  height: 38px;
}

/* RIGHT PANEL: Live Radar, Pipeline & Audit Telemetry Terminal */
.authorization-gate-progress {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  min-height: 0;
}

.panel-journey-intro {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
}
.panel-journey-intro span {
  font-family: monospace;
  font-size: 9px;
  font-weight: 700;
  color: #00f0ff;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.panel-journey-intro h2 {
  font-family: var(--font-heading, sans-serif);
  font-size: 16px;
  color: #fff;
  margin: 2px 0 0;
}
.panel-journey-intro p {
  font-size: 10.5px;
  color: #8e9bb0;
  margin: 2px 0 0;
}

/* Radar Sweeper Widget */
.radar-widget-box {
  background: rgba(6, 10, 18, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.radar-screen {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid rgba(0, 240, 255, 0.4);
  background: radial-gradient(circle, rgba(0, 240, 255, 0.08) 0%, rgba(2, 4, 8, 0.9) 80%);
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 12px rgba(0, 240, 255, 0.2);
  flex-shrink: 0;
}

.radar-crosshair-h {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(0, 240, 255, 0.2);
}

.radar-crosshair-v {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(0, 240, 255, 0.2);
}

.radar-sweep-hand {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  transform-origin: top left;
  background: linear-gradient(45deg, rgba(0, 240, 255, 0.45) 0%, transparent 60%);
  border-radius: 0 0 100% 0;
  animation: radarSweep 3.2s linear infinite;
}

.radar-dot {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ff3366;
  box-shadow: 0 0 6px #ff3366;
  top: 35%;
  left: 65%;
  animation: pulseAlert 1.6s infinite;
}

.radar-copy h4 {
  font-family: var(--font-heading, sans-serif);
  font-size: 12px;
  color: #fff;
  margin: 0 0 1px;
}

.radar-copy p {
  font-family: monospace;
  font-size: 9.5px;
  color: #8e9bb0;
  margin: 0;
}

/* 3-Stage Pipeline Progression */
.stages-v-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0;
  margin: 0;
  list-style: none;
  flex-shrink: 0;
}

.stage-row-item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 6px 9px;
  border-radius: 8px;
  background: rgba(6, 10, 18, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.05);
  transition: all 0.2s;
}

.stage-row-item.complete {
  border-color: rgba(0, 255, 170, 0.25);
  background: rgba(0, 255, 170, 0.04);
}

.stage-row-item.current {
  border-color: rgba(255, 170, 0, 0.4);
  background: rgba(255, 170, 0, 0.06);
  box-shadow: 0 0 12px rgba(255, 170, 0, 0.1);
}

.stage-num {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  display: grid;
  place-items: center;
  font-family: monospace;
  font-size: 9.5px;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.05);
  color: #56647a;
  flex-shrink: 0;
}
.complete .stage-num { background: rgba(0, 255, 170, 0.15); color: #00ffaa; }
.current .stage-num { background: rgba(255, 170, 0, 0.2); color: #ffaa00; }

.stage-desc { flex: 1; min-width: 0; }
.stage-desc strong {
  font-size: 11px;
  color: #fff;
  display: block;
  line-height: 1.2;
}
.stage-desc small {
  font-size: 9px;
  color: #8e9bb0;
  display: block;
  line-height: 1.2;
  margin-top: 1px;
}

.stage-tag {
  font-family: monospace;
  font-size: 8.5px;
  font-weight: 700;
  padding: 2px 5px;
  border-radius: 4px;
  text-transform: uppercase;
  color: #56647a;
  flex-shrink: 0;
}
.complete .stage-tag { background: rgba(0, 255, 170, 0.15); color: #00ffaa; }
.current .stage-tag { background: rgba(255, 170, 0, 0.18); color: #ffaa00; }

/* Live Audit Telemetry Terminal */
.cockpit-terminal {
  background: #020306;
  border: 1px solid rgba(0, 240, 255, 0.2);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.9);
  flex: 1;
  min-height: 100px;
}

.term-topbar {
  background: rgba(255, 255, 255, 0.04);
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  flex-shrink: 0;
}

.terminal-dots {
  display: flex;
  gap: 4px;
}
.terminal-dots span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #56647a;
}

.term-title {
  font-family: monospace;
  font-size: 9px;
  color: #56647a;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.term-screen {
  padding: 8px 10px;
  font-family: monospace;
  font-size: 9.5px;
  color: #9cdcfe;
  overflow-y: auto;
  line-height: 1.5;
  flex: 1;
  min-height: 0;
}

.term-line { display: flex; gap: 5px; }
.term-ts { color: #56647a; flex-shrink: 0; }
.term-info { color: #00f0ff; }
.term-warn { color: #ffaa00; }
.term-err { color: #ff3366; }
.term-ok { color: #00ffaa; }

.authorization-gate-security {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 7px;
  background: rgba(0, 255, 170, 0.06);
  border: 1px solid rgba(0, 255, 170, 0.2);
  font-size: 9.5px;
  color: #8e9bb0;
  flex-shrink: 0;
}
.authorization-gate-security>span {
  color: #00ffaa;
  font-weight: 700;
}
.authorization-gate-security p {
  margin: 0;
  line-height: 1.3;
}
.authorization-gate-security strong { color: #fff; }

/* Bottom Cockpit Status Footer */
.authorization-gate-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 clamp(16px, 2.5vw, 32px);
  border-top: 1px solid rgba(0, 240, 255, 0.18);
  background: rgba(6, 10, 18, 0.95);
  font-family: monospace;
  font-size: 9.5px;
  color: #56647a;
  z-index: 10;
}

.authorization-gate-footer .tech-accent {
  color: #00f0ff;
  letter-spacing: 0.1em;
}

.authorization-gate-footer strong {
  color: #f0f4fc;
  letter-spacing: 0.14em;
}

/* Responsive Scaling for Cockpit */
@media (max-width: 1280px) {
  .authorization-gate-main {
    grid-template-columns: 280px minmax(0, 1fr) 290px;
    gap: 10px;
    padding: 10px 12px;
  }
}

@media (max-width: 1024px) {
  .authorization-gate-main {
    grid-template-columns: 260px minmax(0, 1fr) 270px;
    gap: 8px;
    padding: 8px 10px;
  }
}


/* The export preview also keeps all three freight components separate. */
.calculation-pdf-snapshot{grid-template-columns:repeat(3,minmax(0,1fr))}

@media(max-width:1180px){
  .v72001-shell #page-calculator .v72001-command-bar{grid-template-columns:1fr!important;gap:10px!important}
  .v72001-shell #page-calculator .v72001-primary-actions{justify-content:flex-start!important}
  .v72001-tools-popover{right:auto;left:0}
  .v72001-shell #page-users .v72001-directory-toolbar{grid-template-columns:1fr!important;gap:9px!important}
  .v72001-directory-title{min-width:0}
}
@media(max-width:820px){
  .authorization-gate-main{place-items:start center;padding:16px}
  .authorization-gate-card{grid-template-columns:1fr;border-radius:19px}
  .authorization-gate-progress{border-left:0;border-top:1px solid var(--border)}
  .authorization-gate-meta>span{display:none}
  .v72001-shell #page-calculator .v72001-special-rate-group{grid-template-columns:auto 128px auto!important}
  .v72001-shell #page-calculator .v72001-rate-context{grid-column:1/-1}
  .v72001-shell #page-calculator .v72001-primary-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .v72001-shell #page-calculator .v72001-primary-actions>.button,.v72001-tools-menu,.v72001-tools-menu>summary{width:100%!important}
  .v72001-tools-menu>summary{justify-content:center}
  .v72001-shell #page-users .v72001-staff-filters{grid-template-columns:1fr 1fr!important}
  .v72001-shell #page-users .v72001-staff-filters .search-field{grid-column:1/-1!important}
  .v72001-shell #page-users #clearUserFilters{grid-column:auto!important;width:100%!important}
  .v72001-more-filter-panel{right:auto;left:0;width:min(430px,calc(100vw - 48px))}
}
@media(max-width:560px){
  .authorization-gate-header{padding:0 14px}
  .authorization-gate-main{padding:12px}
  .authorization-gate-summary,.authorization-gate-progress{padding:22px 18px}
  .authorization-gate-title-row{grid-template-columns:1fr}
  .authorization-gate-title-row h1{font-size:29px}
  .authorization-gate-actions{grid-template-columns:1fr}
  .authorization-gate-account{grid-template-columns:41px minmax(0,1fr)}
  .authorization-gate-badge{grid-column:2;justify-self:start}
  .authorization-gate-progress li{grid-template-columns:31px minmax(0,1fr)}
  .authorization-gate-progress li>b{grid-column:2;justify-self:start}
  .authorization-gate-footer{padding:0 14px}
  .authorization-gate-footer>span:first-child{display:none}
  .authorization-gate-footer>span:last-child{margin-left:auto}
  .v72001-more-filter-panel{grid-template-columns:1fr}
  .calculation-pdf-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-height:650px) and (min-width:821px){
  .authorization-gate-page{grid-template-rows:62px minmax(0,1fr) 36px}
  .authorization-gate-main{padding-top:12px;padding-bottom:12px}
  .authorization-gate-summary,.authorization-gate-progress{padding:22px 25px}
  .authorization-gate-summary{gap:12px}
  .authorization-gate-title-row h1{font-size:30px}
  .authorization-gate-progress-head{padding-bottom:10px}
  .authorization-gate-progress ol{margin-top:10px;gap:5px}
  .authorization-gate-progress li{min-height:54px;padding:6px 8px}
}

/* ========================================================================== */
/* V7.20.02 — Calculator Viewport, Command Bar & Tools Overlay Repair         */
/* ========================================================================== */
body.v72002-shell #page-calculator.active{
  gap:7px!important;
}
body.v72002-shell #page-calculator>.page-heading.compact-heading{
  min-height:62px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:minmax(330px,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  overflow:visible!important;
}
body.v72002-shell #page-calculator .page-heading>div:first-child{min-width:0!important}
body.v72002-shell #page-calculator .page-heading .eyebrow{display:block!important;font-size:8.5px!important;line-height:1.1!important}
body.v72002-shell #page-calculator .page-heading h1{
  margin:3px 0 0!important;
  font-size:30px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.v72002-shell #page-calculator .page-heading p{
  display:block!important;
  margin:5px 0 0!important;
  max-width:760px!important;
  color:var(--muted)!important;
  font-size:10px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.v72002-shell #page-calculator .v600-workspace-pills{display:none!important}
body.v72002-shell #page-calculator .refined-action-deck{
  width:auto!important;
  max-width:none!important;
  min-height:44px!important;
  display:flex!important;
  flex:0 0 auto!important;
  flex-wrap:nowrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:6px!important;
  padding:4px!important;
  border-radius:14px!important;
}
body.v72002-shell #page-calculator .refined-action-deck .button{
  width:auto!important;
  min-width:0!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 10px!important;
  font-size:10px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.v72002-shell #page-calculator .refined-action-deck .action-paste{min-width:132px!important}

body.v72002-shell #page-calculator>.sticky-summary-shell{
  margin-bottom:0!important;
  padding:5px!important;
  overflow:hidden!important;
}
body.v72002-shell:not(.v80000-shell) #page-calculator .summary-strip{
  grid-template-columns:repeat(6,minmax(112px,1fr))!important;
  gap:7px!important;
}
body.v72002-shell:not(.v80000-shell) #page-calculator .summary-metric{
  min-height:76px!important;
  height:76px!important;
  padding:9px 11px 8px!important;
  border-radius:13px!important;
}
body.v72002-shell #page-calculator .summary-metric>span{
  font-size:9px!important;
  line-height:1.15!important;
  letter-spacing:.01em!important;
}
body.v72002-shell #page-calculator .summary-metric>strong{
  margin-top:4px!important;
  font-size:24px!important;
  line-height:1!important;
}
body.v72002-shell #page-calculator .summary-metric>small{
  margin-top:5px!important;
  color:color-mix(in srgb,var(--text) 62%,var(--muted))!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.v72002-shell #page-calculator.active>.calculator-command-bar.v72002-command-bar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:62px!important;
  height:auto!important;
  padding:8px 10px!important;
  overflow:visible!important;
}
body.v72002-shell #page-calculator .v72002-special-rate-group{
  display:grid!important;
  grid-template-columns:auto 120px auto minmax(190px,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  flex:none!important;
}
body.v72002-shell #page-calculator .v72002-rate-title{
  min-width:68px!important;
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
  margin:0!important;
}
body.v72002-shell #page-calculator .v72002-rate-title .eyebrow{font-size:8px!important;line-height:1!important}
body.v72002-shell #page-calculator .v72002-rate-title strong{font-size:11px!important;line-height:1.1!important;white-space:nowrap!important}
body.v72002-shell #page-calculator .v72002-special-rate-group .special-rate-input{
  width:120px!important;
  min-width:120px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  align-self:center!important;
}
body.v72002-shell #page-calculator .v72002-special-rate-group .special-rate-input input{
  height:36px!important;
  min-height:36px!important;
  padding-block:0!important;
  font-size:15px!important;
}
body.v72002-shell #page-calculator .v72002-rate-buttons{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
}
body.v72002-shell #page-calculator .v72002-rate-buttons .mini-rate-button{
  min-height:34px!important;
  height:34px!important;
  padding:0 9px!important;
  font-size:9px!important;
  white-space:nowrap!important;
}
body.v72002-shell #page-calculator .v72002-rate-context{
  min-width:0!important;
  min-height:40px!important;
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
  padding:6px 10px!important;
  border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border))!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--panel-muted) 72%,var(--panel))!important;
}
body.v72002-shell #page-calculator .v72002-rate-context .formula-preview{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--text)!important;
  font-size:10px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.v72002-shell #page-calculator .v72002-rate-context .special-rate-status{
  display:block!important;
  max-width:none!important;
  color:color-mix(in srgb,var(--text) 60%,var(--muted))!important;
  font-size:9px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.v72002-shell #page-calculator .v72002-primary-actions{
  width:auto!important;
  min-width:0!important;
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
}
body.v72002-shell #page-calculator .v72002-primary-actions>.button{
  width:auto!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 10px!important;
  font-size:9.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.v72002-shell #page-calculator .v72002-tools-trigger{
  min-width:68px!important;
  justify-content:center!important;
  gap:7px!important;
}
body.v72002-shell #page-calculator .v72002-tools-trigger b{font-size:11px;line-height:1}

body.v72002-shell .v72002-tools-popover{
  position:fixed!important;
  z-index:2200!important;
  right:auto!important;
  bottom:auto!important;
  display:block;
  padding:8px!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  border:1px solid var(--border-strong)!important;
  border-radius:15px!important;
  background:var(--panel)!important;
  color:var(--text)!important;
  box-shadow:0 22px 58px color-mix(in srgb,var(--text) 22%,transparent)!important;
}
body.v72002-shell .v72002-tools-popover.hidden{display:none!important}
body.v72002-shell .v72002-tools-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:6px 7px 9px!important;
  margin-bottom:3px!important;
  border-bottom:1px solid var(--border)!important;
}
body.v72002-shell .v72002-tools-heading span{display:block;color:var(--accent)!important;font-size:8px!important;font-weight:950!important;letter-spacing:.11em!important}
body.v72002-shell .v72002-tools-heading strong{display:block;margin-top:3px;font-size:11px!important}
body.v72002-shell .v72002-tools-heading button{
  width:30px!important;height:30px!important;display:grid!important;place-items:center!important;
  border:1px solid var(--border)!important;border-radius:9px!important;background:var(--panel-muted)!important;
  color:var(--text)!important;font-size:18px!important;line-height:1!important;cursor:pointer!important;
}
body.v72002-shell .v72002-tool-action{
  width:100%!important;
  min-height:50px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:7px 8px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:var(--text)!important;
  text-align:left!important;
  cursor:pointer!important;
}
body.v72002-shell .v72002-tool-action:hover,body.v72002-shell .v72002-tool-action:focus-visible{
  background:var(--accent-soft)!important;
  outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent)!important;
  outline-offset:-2px!important;
}
body.v72002-shell .v72002-tool-action>span{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;
  border-radius:10px!important;background:var(--panel-muted)!important;color:var(--accent-ink)!important;font-weight:900!important;
}
body.v72002-shell .v72002-tool-action strong{display:block!important;font-size:11px!important;line-height:1.2!important}
body.v72002-shell .v72002-tool-action small{display:block!important;margin-top:3px!important;color:var(--muted)!important;font-size:9px!important;line-height:1.25!important}

body.v72002-shell #page-calculator .calculation-health-bar{
  min-height:44px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:6px 10px!important;
  border-radius:13px!important;
  overflow:visible!important;
}
body.v72002-shell #page-calculator .calculation-health-bar .health-icon{
  width:30px!important;height:30px!important;min-width:30px!important;flex-basis:30px!important;font-size:14px!important;
}
body.v72002-shell #page-calculator .calculation-health-bar strong{font-size:11px!important;line-height:1.15!important}
body.v72002-shell #page-calculator .calculation-health-bar small{margin-top:2px!important;font-size:9.5px!important;line-height:1.2!important}
body.v72002-shell #page-calculator .v600-health-actions{gap:8px!important}
body.v72002-shell #page-calculator .v600-self-check-badge,body.v72002-shell #page-calculator .calculation-health-bar .text-button{
  min-height:30px!important;padding:0 9px!important;font-size:9px!important;white-space:nowrap!important;
}

body.v72002-shell #page-calculator #calculatorTablePanel{
  min-height:360px!important;
  overflow:hidden!important;
}
body.v72002-shell #page-calculator #calculatorTablePanel .table-panel-header{
  padding:7px 10px 6px!important;
  gap:5px!important;
}
body.v72002-shell #page-calculator #calculatorTablePanel .table-header-main{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
}
body.v72002-shell #page-calculator #calculatorTablePanel .table-title-block{min-width:0!important}
body.v72002-shell #page-calculator #calculatorTablePanel .table-title-block .eyebrow{font-size:8px!important;line-height:1!important}
body.v72002-shell #page-calculator #calculatorTablePanel .table-title-block h2{
  margin:3px 0 0!important;font-size:20px!important;line-height:1!important;white-space:nowrap!important;
}
body.v72002-shell #page-calculator #calculatorTablePanel .v600-table-hint{display:none!important}
body.v72002-shell #page-calculator #calculatorTablePanel .table-meta{
  margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex-wrap:nowrap!important;
}
body.v72002-shell #page-calculator #calculatorTablePanel .table-meta .button,
body.v72002-shell #page-calculator #calculatorTablePanel .table-meta .pill{
  min-height:32px!important;height:32px!important;padding:0 9px!important;font-size:9px!important;white-space:nowrap!important;
}
body.v72002-shell #page-calculator #calculatorTablePanel .table-meta .search-field{
  width:172px!important;min-width:172px!important;height:34px!important;min-height:34px!important;
}
body.v72002-shell #page-calculator #calculatorTablePanel .table-meta .search-field input{height:32px!important;font-size:10px!important}
body.v72002-shell #page-calculator #calculatorTablePanel .table-totals-toolbar{
  min-height:31px!important;
  padding:3px!important;
  gap:5px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
}
body.v72002-shell #page-calculator #calculatorTablePanel .table-totals-toolbar>span,
body.v72002-shell #page-calculator #calculatorTablePanel .table-totals-toolbar>button{
  min-height:25px!important;height:25px!important;padding:2px 8px!important;font-size:8.5px!important;white-space:nowrap!important;
}

@media(max-width:1180px){
  body.v72002-shell #page-calculator>.page-heading.compact-heading{grid-template-columns:1fr!important;gap:8px!important}
  body.v72002-shell #page-calculator .refined-action-deck{width:100%!important;justify-content:flex-start!important}
  body.v72002-shell #page-calculator.active>.calculator-command-bar.v72002-command-bar{grid-template-columns:1fr!important;gap:8px!important}
  body.v72002-shell #page-calculator .v72002-primary-actions{justify-content:flex-start!important}
}
@media(max-width:820px){
  body.v72002-shell #page-calculator .summary-strip{grid-template-columns:repeat(2,minmax(120px,1fr))!important}
  body.v72002-shell #page-calculator .v72002-special-rate-group{grid-template-columns:auto minmax(118px,1fr) auto!important}
  body.v72002-shell #page-calculator .v72002-rate-context{grid-column:1/-1!important}
  body.v72002-shell #page-calculator .v72002-primary-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  body.v72002-shell #page-calculator .v72002-primary-actions>.button{width:100%!important}
  body.v72002-shell #page-calculator #calculatorTablePanel .table-header-main{align-items:flex-start!important;flex-wrap:wrap!important}
  body.v72002-shell #page-calculator #calculatorTablePanel .table-meta{width:100%!important;margin-left:0!important;justify-content:flex-start!important;overflow-x:auto!important}
}
@media(max-width:560px){
  body.v72002-shell #page-calculator>.page-heading.compact-heading{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  body.v72002-shell #page-calculator .page-heading h1{font-size:27px!important}
  body.v72002-shell #page-calculator .refined-action-deck{display:grid!important;grid-template-columns:1fr 1fr!important}
  body.v72002-shell #page-calculator .refined-action-deck .button{width:100%!important}
  body.v72002-shell #page-calculator .summary-strip{grid-template-columns:1fr!important}
  body.v72002-shell #page-calculator .v72002-special-rate-group{grid-template-columns:1fr 1fr!important}
  body.v72002-shell #page-calculator .v72002-rate-title{grid-column:1/-1!important}
  body.v72002-shell #page-calculator .v72002-special-rate-group .special-rate-input{width:100%!important;min-width:0!important}
  body.v72002-shell #page-calculator .v72002-rate-buttons{justify-content:flex-end!important}
  body.v72002-shell #page-calculator .calculation-health-bar{grid-template-columns:32px minmax(0,1fr)!important}
  body.v72002-shell #page-calculator .v600-health-actions{grid-column:1/-1!important;justify-content:flex-start!important}
}
@media(max-height:760px) and (min-width:1000px){
  body.v72002-shell .main-content{padding-top:8px!important}
  body.v72002-shell #page-calculator>.page-heading.compact-heading{min-height:54px!important}
  body.v72002-shell #page-calculator .page-heading p{margin-top:3px!important;font-size:9.5px!important}
  body.v72002-shell #page-calculator .summary-metric{min-height:72px!important;height:72px!important;padding-block:8px!important}
  body.v72002-shell #page-calculator.active>.calculator-command-bar.v72002-command-bar{min-height:58px!important;padding-block:7px!important}
  body.v72002-shell #page-calculator .calculation-health-bar{min-height:42px!important;padding-block:5px!important}
  body.v72002-shell #page-calculator #calculatorTablePanel .table-panel-header{padding-block:6px 5px!important}
}

/* ========================================================================== */
/* V7.20.03 — Restore the V7.20.01 Calculator visual proportions              */
/* ========================================================================== */
/* The V7.20.03 fixed Tools overlay remains active. This layer deliberately
   removes only its calculation-row-priority compaction and returns the page
   heading, summary cards, command/status areas and table toolbar to the
   larger V7.20.01 presentation requested for the office workspace. */
body.v72003-shell .main-content{padding-top:14px!important}
body.v72003-shell #page-calculator.active{gap:11px!important}
body.v72003-shell #page-calculator.active>.page-heading.compact-heading{
  min-height:72px!important;
  height:auto!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  overflow:visible!important;
}
body.v72003-shell #page-calculator .page-heading>div:first-child{min-width:0!important}
body.v72003-shell #page-calculator .page-heading .eyebrow{display:block!important;font-size:9px!important;line-height:1.2!important}
body.v72003-shell #page-calculator .page-heading h1{
  margin:3px 0 0!important;
  font-size:clamp(31px,2.45vw,39px)!important;
  line-height:1.04!important;
  white-space:normal!important;
  overflow:visible!important;
}
body.v72003-shell #page-calculator .page-heading p{
  display:block!important;
  margin:6px 0 0!important;
  max-width:760px!important;
  color:var(--muted)!important;
  font-size:11px!important;
  line-height:1.4!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.v72003-shell #page-calculator .v600-workspace-pills{
  display:flex!important;
  flex-wrap:wrap!important;
  margin-top:7px!important;
}
body.v72003-shell #page-calculator .refined-action-deck{
  width:auto!important;
  max-width:none!important;
  min-height:50px!important;
  display:flex!important;
  flex:0 0 auto!important;
  flex-wrap:nowrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:6px!important;
  padding:5px!important;
  border-radius:16px!important;
  overflow:visible!important;
}
body.v72003-shell #page-calculator .refined-action-deck .button{
  width:auto!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 12px!important;
  font-size:max(11px,var(--user-control-size))!important;
  white-space:nowrap!important;
}
body.v72003-shell #page-calculator .refined-action-deck .action-paste{min-width:144px!important}

body.v72003-shell #page-calculator>.sticky-summary-shell{
  margin-bottom:16px!important;
  padding:7px!important;
  overflow:hidden!important;
}
body.v72003-shell:not(.v80000-shell) #page-calculator .summary-strip{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:var(--summary-gap)!important;
}
body.v72003-shell:not(.v80000-shell) #page-calculator .summary-metric{
  height:auto!important;
  min-height:max(92px,var(--summary-card-height))!important;
  padding:12px 13px 10px!important;
  border-radius:var(--summary-radius)!important;
}
body.v72003-shell #page-calculator .summary-metric>span{
  font-size:max(9px,var(--summary-label-size))!important;
  line-height:1.2!important;
}
body.v72003-shell #page-calculator .summary-metric>strong{
  margin:7px 0 4px!important;
  font-size:max(25px,var(--summary-value-size))!important;
  line-height:1!important;
}
body.v72003-shell #page-calculator .summary-metric>small{
  margin-top:0!important;
  color:var(--muted)!important;
  font-size:max(8px,var(--summary-subtext-size))!important;
  line-height:1.3!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

body.v72003-shell #page-calculator.active>.calculator-command-bar.v72002-command-bar{
  display:grid!important;
  grid-template-columns:minmax(480px,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  min-height:88px!important;
  height:auto!important;
  padding:13px 15px!important;
  overflow:visible!important;
}
body.v72003-shell #page-calculator .v72002-special-rate-group{
  grid-template-columns:auto 128px auto minmax(175px,1fr)!important;
  gap:10px!important;
}
body.v72003-shell #page-calculator .v72002-rate-title{min-width:76px!important;gap:4px!important}
body.v72003-shell #page-calculator .v72002-rate-title .eyebrow{font-size:8.5px!important}
body.v72003-shell #page-calculator .v72002-rate-title strong{font-size:12px!important}
body.v72003-shell #page-calculator .v72002-special-rate-group .special-rate-input{
  width:128px!important;min-width:128px!important;height:44px!important;min-height:44px!important;
}
body.v72003-shell #page-calculator .v72002-special-rate-group .special-rate-input input{
  height:42px!important;min-height:42px!important;font-size:15px!important;
}
body.v72003-shell #page-calculator .v72002-rate-buttons .mini-rate-button{
  min-height:38px!important;height:38px!important;padding:0 10px!important;font-size:9px!important;
}
body.v72003-shell #page-calculator .v72002-rate-context{
  min-height:46px!important;
  gap:4px!important;
  padding:8px 11px!important;
}
body.v72003-shell #page-calculator .v72002-rate-context .formula-preview{font-size:10px!important;line-height:1.3!important}
body.v72003-shell #page-calculator .v72002-rate-context .special-rate-status{font-size:9px!important;line-height:1.3!important}
body.v72003-shell #page-calculator .v72002-primary-actions{gap:7px!important}
body.v72003-shell #page-calculator .v72002-primary-actions>.button{
  height:38px!important;min-height:38px!important;padding:0 11px!important;font-size:9px!important;
}

body.v72003-shell #page-calculator .calculation-health-bar{
  min-height:54px!important;
  height:auto!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  gap:11px!important;
  padding:9px 13px!important;
  border-radius:15px!important;
}
body.v72003-shell #page-calculator .calculation-health-bar .health-icon{
  width:34px!important;height:34px!important;min-width:34px!important;flex-basis:34px!important;
}
body.v72003-shell #page-calculator .calculation-health-bar strong{font-size:12px!important;line-height:1.25!important}
body.v72003-shell #page-calculator .calculation-health-bar small{margin-top:3px!important;font-size:10px!important;line-height:1.3!important}
body.v72003-shell #page-calculator .v600-self-check-badge,
body.v72003-shell #page-calculator .calculation-health-bar .text-button{
  min-height:34px!important;padding:0 10px!important;font-size:9px!important;
}

body.v72003-shell #page-calculator #calculatorTablePanel .table-panel-header{
  padding:11px 13px 9px!important;
  gap:8px!important;
}
body.v72003-shell #page-calculator #calculatorTablePanel .table-header-main{
  min-height:44px!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:14px!important;
}
body.v72003-shell #page-calculator #calculatorTablePanel .table-title-block .eyebrow{font-size:8px!important}
body.v72003-shell #page-calculator #calculatorTablePanel .table-title-block h2{
  margin-top:3px!important;font-size:24px!important;line-height:1.05!important;
}
body.v72003-shell #page-calculator #calculatorTablePanel .v600-table-hint{
  display:block!important;margin-top:3px!important;font-size:8.5px!important;
}
body.v72003-shell #page-calculator #calculatorTablePanel .table-meta{
  margin-left:auto!important;gap:8px!important;flex-wrap:nowrap!important;
}
body.v72003-shell #page-calculator #calculatorTablePanel .table-meta .button,
body.v72003-shell #page-calculator #calculatorTablePanel .table-meta .pill{
  min-height:36px!important;height:36px!important;padding:0 10px!important;font-size:10px!important;
}
body.v72003-shell #page-calculator #calculatorTablePanel .table-meta .search-field{
  width:190px!important;min-width:190px!important;height:38px!important;min-height:38px!important;
}
body.v72003-shell #page-calculator #calculatorTablePanel .table-meta .search-field input{height:36px!important;font-size:10px!important}
body.v72003-shell #page-calculator #calculatorTablePanel .table-totals-toolbar{
  min-height:38px!important;
  padding:5px!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  overflow-x:visible!important;
}
body.v72003-shell #page-calculator #calculatorTablePanel .table-totals-toolbar>span,
body.v72003-shell #page-calculator #calculatorTablePanel .table-totals-toolbar>button{
  min-height:29px!important;height:auto!important;padding:5px 10px!important;font-size:9px!important;
}

@media(max-width:1280px){
  body.v72003-shell #page-calculator.active>.page-heading.compact-heading{
    flex-direction:column!important;align-items:stretch!important;gap:10px!important;
  }
  body.v72003-shell #page-calculator .refined-action-deck{
    width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;
  }
  body.v72003-shell #page-calculator .summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.v72003-shell #page-calculator.active>.calculator-command-bar.v72002-command-bar{
    grid-template-columns:1fr!important;gap:10px!important;
  }
  body.v72003-shell #page-calculator .v72002-primary-actions{justify-content:flex-start!important;flex-wrap:wrap!important}
}
@media(max-width:980px){
  body.v72003-shell #page-calculator .summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.v72003-shell #page-calculator #calculatorTablePanel .table-header-main{align-items:flex-start!important;flex-wrap:wrap!important}
  body.v72003-shell #page-calculator #calculatorTablePanel .table-meta{width:100%!important;margin-left:0!important;justify-content:flex-start!important;overflow-x:auto!important}
}
@media(max-width:760px){
  body.v72003-shell #page-calculator .summary-strip{grid-template-columns:1fr!important}
  body.v72003-shell #page-calculator .v72002-special-rate-group{grid-template-columns:1fr 1fr!important}
  body.v72003-shell #page-calculator .v72002-rate-title{grid-column:1/-1!important}
  body.v72003-shell #page-calculator .v72002-special-rate-group .special-rate-input{width:100%!important;min-width:0!important}
  body.v72003-shell #page-calculator .v72002-rate-context{grid-column:1/-1!important}
  body.v72003-shell #page-calculator .v72002-primary-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  body.v72003-shell #page-calculator .v72002-primary-actions>.button{width:100%!important}
}

/* ============================================================================
   V7.30 — Summary Card Visual Enrichment
   Richer backgrounds, more vivid color tints, dramatic hover states,
   enhanced per-design motion, and three bold new preset identities:
   void_neon (enhanced neon_edge), holographic (enhanced photo_glass),
   ink_fill (enhanced split_tone).
   All rules apply to v72003-shell (current) and any newer shell.
   ============================================================================ */

/* ── 1. Stronger baseline tints ─────────────────────────────────────────── */
html[data-summary-color-mode] body.v72003-shell .summary-metric{
  background:linear-gradient(
    148deg,
    color-mix(in srgb,currentColor 22%,var(--panel)),
    color-mix(in srgb,currentColor 9%,var(--panel)) 60%,
    color-mix(in srgb,currentColor 3%,var(--panel))
  )!important;
  border-color:color-mix(in srgb,currentColor 52%,var(--border))!important;
  box-shadow:0 4px 14px color-mix(in srgb,currentColor 10%,transparent),0 1px 4px color-mix(in srgb,currentColor 6%,transparent)!important;
}

/* ── 2. Enhanced preset overrides ───────────────────────────────────────── */
html[data-summary-design="elevated"] body.v72003-shell .summary-metric{
  background:linear-gradient(148deg,color-mix(in srgb,currentColor 14%,var(--panel)),var(--panel) 70%)!important;
  box-shadow:0 10px 28px color-mix(in srgb,currentColor 20%,transparent),0 2px 8px color-mix(in srgb,currentColor 10%,transparent)!important;
  border-color:color-mix(in srgb,currentColor 38%,var(--border))!important;
}
html[data-summary-design="premium"] body.v72003-shell .summary-metric{
  background:linear-gradient(148deg,color-mix(in srgb,currentColor 26%,var(--panel)) 0%,color-mix(in srgb,currentColor 10%,var(--panel)) 58%,color-mix(in srgb,var(--accent) 7%,var(--panel)))!important;
  box-shadow:0 18px 42px color-mix(in srgb,currentColor 26%,transparent),0 4px 12px color-mix(in srgb,currentColor 14%,transparent)!important;
  border-color:color-mix(in srgb,currentColor 55%,var(--border))!important;
}
html[data-summary-design="premium"] body.v72003-shell .summary-metric::after{
  content:""!important;display:block!important;position:absolute!important;
  inset:0 0 auto 0!important;width:auto!important;height:3px!important;
  background:linear-gradient(90deg,transparent 0%,currentColor 40%,color-mix(in srgb,currentColor 55%,var(--accent)) 60%,transparent 100%)!important;
  opacity:.85!important;z-index:3!important;border-radius:inherit inherit 0 0!important;
}
html[data-summary-design="soft_glow"] body.v72003-shell .summary-metric{
  background:linear-gradient(145deg,color-mix(in srgb,currentColor 16%,var(--panel)),color-mix(in srgb,currentColor 5%,var(--panel)))!important;
  box-shadow:0 0 0 1.5px color-mix(in srgb,currentColor 40%,transparent),0 8px 28px color-mix(in srgb,currentColor 28%,transparent),0 0 42px color-mix(in srgb,currentColor 14%,transparent)!important;
  border-color:color-mix(in srgb,currentColor 55%,transparent)!important;
}
html[data-summary-design="neon_edge"] body.v72003-shell .summary-metric{
  background:linear-gradient(145deg,color-mix(in srgb,#040811 80%,currentColor),color-mix(in srgb,#040811 92%,currentColor))!important;
  border-color:currentColor!important;border-width:1.5px!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 55%,transparent),0 0 12px color-mix(in srgb,currentColor 50%,transparent),0 0 30px color-mix(in srgb,currentColor 28%,transparent),0 8px 24px color-mix(in srgb,currentColor 18%,transparent)!important;
}
html[data-summary-design="neon_edge"] body.v72003-shell .summary-metric>span,
html[data-summary-design="neon_edge"] body.v72003-shell .summary-metric>strong{
  color:color-mix(in srgb,currentColor 88%,#fff)!important;
  text-shadow:0 0 18px color-mix(in srgb,currentColor 48%,transparent)!important;
}
html[data-summary-design="neon_edge"] body.v72003-shell .summary-metric>small{color:rgba(255,255,255,.72)!important;}
html[data-summary-design="dark_luxe"] body.v72003-shell .summary-metric{
  background:linear-gradient(145deg,#0e1014 0%,#171a1f 55%,#1d2026 100%)!important;
  border-color:color-mix(in srgb,currentColor 60%,#3a3e46)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.35),0 18px 42px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.25)!important;
}
html[data-summary-design="dark_luxe"] body.v72003-shell .summary-metric>span,
html[data-summary-design="dark_luxe"] body.v72003-shell .summary-metric>strong{
  color:color-mix(in srgb,currentColor 86%,#fff)!important;
  text-shadow:0 0 22px color-mix(in srgb,currentColor 30%,transparent)!important;
}
html[data-summary-design="dark_luxe"] body.v72003-shell .summary-metric>small{color:rgba(255,255,255,.62)!important;}
html[data-summary-design="glass"] body.v72003-shell .summary-metric{
  background:color-mix(in srgb,var(--panel) 58%,transparent)!important;
  backdrop-filter:blur(22px) saturate(1.35) brightness(1.04)!important;
  border-color:color-mix(in srgb,#fff 42%,var(--border))!important;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.80),inset 0 -1px 0 rgba(0,0,0,.08),0 14px 34px rgba(12,26,44,.18)!important;
}
html[data-summary-design="gradient"] body.v72003-shell .summary-metric{
  background:linear-gradient(135deg,color-mix(in srgb,currentColor 28%,var(--panel)) 0%,color-mix(in srgb,currentColor 12%,var(--panel)) 38%,color-mix(in srgb,currentColor 4%,var(--panel)) 62%,color-mix(in srgb,var(--accent) 10%,var(--panel)) 100%)!important;
  background-size:240% 240%!important;
  border-color:color-mix(in srgb,currentColor 48%,var(--border))!important;
}
html[data-summary-design="split_tone"] body.v72003-shell .summary-metric{
  background:linear-gradient(118deg,color-mix(in srgb,currentColor 16%,var(--panel)) 0% 60%,color-mix(in srgb,currentColor 34%,var(--panel)) 60% 100%)!important;
  border-color:color-mix(in srgb,currentColor 50%,var(--border))!important;
}
html[data-summary-design="accent_bar"] body.v72003-shell .summary-metric{
  border-left:7px solid currentColor!important;
  background:color-mix(in srgb,currentColor 10%,var(--panel))!important;
  box-shadow:inset 4px 0 16px color-mix(in srgb,currentColor 8%,transparent),0 6px 18px color-mix(in srgb,currentColor 10%,transparent)!important;
}
html[data-summary-design="corporate"] body.v72003-shell .summary-metric{
  border-top:5px solid currentColor!important;
  background:var(--panel)!important;
  box-shadow:0 8px 24px rgba(21,44,68,.15),0 2px 6px rgba(21,44,68,.08)!important;
}
html[data-summary-design="icon_focus"] body.v72003-shell .summary-metric{
  background:linear-gradient(108deg,color-mix(in srgb,currentColor 22%,var(--panel)) 0% 34%,color-mix(in srgb,currentColor 6%,var(--panel)) 34% 100%)!important;
  border-color:color-mix(in srgb,currentColor 45%,var(--border))!important;
}
html[data-summary-design="status_focus"] body.v72003-shell .summary-metric.attention{
  background:linear-gradient(145deg,color-mix(in srgb,var(--summary-review) 20%,var(--panel)),color-mix(in srgb,var(--summary-review) 8%,var(--panel)))!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--summary-review) 55%,transparent),0 12px 30px color-mix(in srgb,var(--summary-review) 24%,transparent)!important;
  border-color:color-mix(in srgb,var(--summary-review) 72%,var(--border))!important;
}
html[data-summary-design="large_numbers"] body.v72003-shell .summary-metric>strong{
  font-size:max(38px,var(--summary-value-size))!important;
  letter-spacing:-.06em!important;color:currentColor!important;
  text-shadow:0 2px 16px color-mix(in srgb,currentColor 24%,transparent)!important;
}
html[data-summary-design="high_contrast"] body.v72003-shell .summary-metric{
  background:var(--panel)!important;border:2.5px solid currentColor!important;
  box-shadow:4px 4px 0 color-mix(in srgb,currentColor 22%,transparent)!important;
}

/* ── 3. Dramatic hover states ───────────────────────────────────────────── */
@keyframes v730SheenPulse{
  0%{transform:translateX(-180%) skewX(-20deg);opacity:0}
  38%{opacity:1}
  100%{transform:translateX(580%) skewX(-20deg);opacity:0}
}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="elevated"] body.v72003-shell .summary-metric:hover{
  transform:translateY(-8px)!important;
  box-shadow:0 24px 52px color-mix(in srgb,currentColor 30%,transparent),0 8px 20px color-mix(in srgb,currentColor 18%,transparent)!important;
}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="premium"] body.v72003-shell .summary-metric:hover{
  transform:translateY(-5px) scale(1.014)!important;
  box-shadow:0 26px 56px color-mix(in srgb,currentColor 34%,transparent)!important;
  filter:brightness(1.04)!important;
}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="premium"] body.v72003-shell .summary-metric:hover::after{
  content:""!important;display:block!important;position:absolute!important;
  inset:0!important;width:40px!important;height:100%!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)!important;
  animation:v730SheenPulse calc(.82s * var(--motion-speed-factor,1)) ease both!important;
  pointer-events:none!important;z-index:4!important;
}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="soft_glow"] body.v72003-shell .summary-metric:hover{
  transform:scale(1.016)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,currentColor 55%,transparent),0 0 38px color-mix(in srgb,currentColor 46%,transparent),0 10px 28px color-mix(in srgb,currentColor 24%,transparent)!important;
  filter:brightness(1.06)!important;
}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="neon_edge"] body.v72003-shell .summary-metric:hover{
  transform:translateY(-2px)!important;
  box-shadow:inset 0 0 0 1.5px currentColor,0 0 18px currentColor,0 0 42px color-mix(in srgb,currentColor 55%,transparent),0 10px 30px color-mix(in srgb,currentColor 28%,transparent)!important;
  filter:brightness(1.22)!important;
}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="dark_luxe"] body.v72003-shell .summary-metric:hover{
  transform:translateY(-5px)!important;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.18),0 28px 60px rgba(0,0,0,.62),0 0 0 1px color-mix(in srgb,currentColor 50%,transparent)!important;
  filter:brightness(1.12)!important;
}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="gradient"] body.v72003-shell .summary-metric:hover{
  transform:translateY(-4px)!important;
  background-position:100% 100%!important;
  box-shadow:0 20px 44px color-mix(in srgb,currentColor 28%,transparent)!important;
  filter:saturate(1.18)!important;
}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="glass"] body.v72003-shell .summary-metric:hover{
  transform:translateY(-4px) scale(1.008)!important;
  backdrop-filter:blur(28px) saturate(1.5) brightness(1.06)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.92),0 22px 46px rgba(10,24,40,.24)!important;
}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="large_numbers"] body.v72003-shell .summary-metric:hover>strong{
  transform:scale(1.15)!important;transform-origin:left center!important;
  transition:transform calc(.32s * var(--motion-speed-factor,1)) cubic-bezier(.16,1,.3,1)!important;
  text-shadow:0 0 28px color-mix(in srgb,currentColor 36%,transparent)!important;
}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="high_contrast"] body.v72003-shell .summary-metric:hover{
  transform:none!important;
  background:currentColor!important;
  box-shadow:6px 6px 0 color-mix(in srgb,currentColor 30%,transparent)!important;
}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="high_contrast"] body.v72003-shell .summary-metric:hover>span,
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="high_contrast"] body.v72003-shell .summary-metric:hover>strong,
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-design="high_contrast"] body.v72003-shell .summary-metric:hover>small{
  color:var(--panel)!important;text-shadow:none!important;
}

/* ── 4. Persistent card animations ─────────────────────────────────────── */
@keyframes v730NeonBreath{
  0%,100%{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 55%,transparent),0 0 8px color-mix(in srgb,currentColor 38%,transparent),0 0 22px color-mix(in srgb,currentColor 20%,transparent)}
  50%{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 80%,transparent),0 0 16px color-mix(in srgb,currentColor 60%,transparent),0 0 38px color-mix(in srgb,currentColor 34%,transparent)}
}
@keyframes v730GlowBreath{
  0%,100%{box-shadow:0 0 0 1px color-mix(in srgb,currentColor 28%,transparent),0 6px 20px color-mix(in srgb,currentColor 16%,transparent),0 0 28px color-mix(in srgb,currentColor 8%,transparent)}
  50%{box-shadow:0 0 0 1.5px color-mix(in srgb,currentColor 48%,transparent),0 8px 28px color-mix(in srgb,currentColor 30%,transparent),0 0 48px color-mix(in srgb,currentColor 18%,transparent)}
}
@keyframes v730GradFlow{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
html:not([data-reduced-motion="true"])[data-summary-design="neon_edge"] body.v72003-shell .summary-metric{
  animation:v730NeonBreath calc(2.8s * var(--motion-speed-factor,1)) ease-in-out infinite!important;
}
html:not([data-reduced-motion="true"])[data-summary-design="soft_glow"] body.v72003-shell .summary-metric{
  animation:v730GlowBreath calc(3.2s * var(--motion-speed-factor,1)) ease-in-out infinite!important;
}
html:not([data-reduced-motion="true"])[data-summary-design="gradient"] body.v72003-shell .summary-metric{
  background-size:320% 320%!important;
  animation:v730GradFlow calc(5s * var(--motion-speed-factor,1)) ease infinite!important;
}

/* ── 5. Enhanced variant: data-summary-effect="enhanced" ───────────────── */

/* 5a. neon_edge + enhanced → Void Neon OLED */
@keyframes v730PlasmaCorner{
  0%,100%{opacity:.7;transform:scale(1)}
  50%{opacity:1;transform:scale(1.08)}
}
html[data-summary-effect="enhanced"][data-summary-design="neon_edge"] body.v72003-shell .summary-metric{
  background:#000!important;
  border-color:currentColor!important;border-width:2px!important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,currentColor 70%,transparent),
    0 0 0 1px color-mix(in srgb,currentColor 30%,#000),
    0 0 24px color-mix(in srgb,currentColor 65%,transparent),
    0 0 56px color-mix(in srgb,currentColor 35%,transparent),
    0 0 90px color-mix(in srgb,currentColor 18%,transparent)!important;
}
html[data-summary-effect="enhanced"][data-summary-design="neon_edge"] body.v72003-shell .summary-metric>span,
html[data-summary-effect="enhanced"][data-summary-design="neon_edge"] body.v72003-shell .summary-metric>strong{
  color:color-mix(in srgb,currentColor 95%,#fff)!important;
  text-shadow:0 0 12px currentColor,0 0 28px color-mix(in srgb,currentColor 60%,transparent)!important;
}
html[data-summary-effect="enhanced"][data-summary-design="neon_edge"] body.v72003-shell .summary-metric>small{
  color:color-mix(in srgb,currentColor 75%,rgba(255,255,255,.5))!important;
}
html:not([data-reduced-motion="true"])[data-summary-effect="enhanced"][data-summary-design="neon_edge"] body.v72003-shell .summary-metric{
  animation:v730NeonBreath calc(2s * var(--motion-speed-factor,1)) ease-in-out infinite!important;
}

/* 5b. photo_glass + enhanced → Holographic iridescent */
@keyframes v730HoloShift{
  0%{filter:hue-rotate(0deg) saturate(1.6) brightness(1.05)}
  33%{filter:hue-rotate(60deg) saturate(1.8) brightness(1.08)}
  66%{filter:hue-rotate(200deg) saturate(1.7) brightness(1.06)}
  100%{filter:hue-rotate(360deg) saturate(1.6) brightness(1.05)}
}
html[data-summary-effect="enhanced"][data-summary-design="photo_glass"] body.v72003-shell .summary-metric{
  background:
    linear-gradient(135deg,
      rgba(255,0,128,.18) 0%,
      rgba(0,200,255,.14) 28%,
      rgba(120,0,255,.16) 56%,
      rgba(255,180,0,.14) 78%,
      rgba(0,255,160,.12) 100%),
    color-mix(in srgb,var(--panel) 55%,transparent)!important;
  backdrop-filter:blur(20px) saturate(1.8) brightness(1.06)!important;
  border-color:rgba(255,255,255,.55)!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(0,0,0,.06),
    0 18px 44px rgba(80,20,120,.22)!important;
}
html:not([data-reduced-motion="true"])[data-summary-effect="enhanced"][data-summary-design="photo_glass"] body.v72003-shell .summary-metric{
  animation:v730HoloShift calc(5s * var(--motion-speed-factor,1)) linear infinite!important;
}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-effect="enhanced"][data-summary-design="photo_glass"] body.v72003-shell .summary-metric:hover{
  transform:translateY(-5px) scale(1.012)!important;
  backdrop-filter:blur(28px) saturate(2.2) brightness(1.10)!important;
  box-shadow:inset 0 2.5px 0 rgba(255,255,255,.98),0 24px 52px rgba(80,20,120,.32)!important;
}

/* 5c. split_tone + enhanced → Ink Fill */
html[data-summary-effect="enhanced"][data-summary-design="split_tone"] body.v72003-shell .summary-metric{
  background:currentColor!important;
  border-color:color-mix(in srgb,currentColor 30%,transparent)!important;
  box-shadow:0 14px 36px color-mix(in srgb,currentColor 36%,transparent),0 4px 12px color-mix(in srgb,currentColor 22%,transparent)!important;
}
html[data-summary-effect="enhanced"][data-summary-design="split_tone"] body.v72003-shell .summary-metric>span,
html[data-summary-effect="enhanced"][data-summary-design="split_tone"] body.v72003-shell .summary-metric>strong,
html[data-summary-effect="enhanced"][data-summary-design="split_tone"] body.v72003-shell .summary-metric>small{
  color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.30)!important;
}
html[data-hover-effects="true"]:not([data-reduced-motion="true"])[data-summary-effect="enhanced"][data-summary-design="split_tone"] body.v72003-shell .summary-metric:hover{
  filter:brightness(1.14) saturate(1.2)!important;
  transform:translateY(-4px) scale(1.014)!important;
  box-shadow:0 22px 48px color-mix(in srgb,currentColor 48%,transparent)!important;
}

/* ── 6. Reduced-motion overrides ────────────────────────────────────────── */
@media(prefers-reduced-motion:reduce){
  html body.v72003-shell .summary-metric,
  html body.v72003-shell .summary-metric::after{
    animation:none!important;
    transition:none!important;
  }
}
html[data-reduced-motion="true"] body.v72003-shell .summary-metric,
html[data-reduced-motion="true"] body.v72003-shell .summary-metric::after{
  animation:none!important;
  transition:none!important;
}

/* ============================================================================
   V7.31 — Appearance Studio Dropdown Text Visibility Fix
   Fixes invisible/white text in <select> dropdowns inside the Appearance
   Studio modal across ALL themes and ALL shell versions. Root cause: the
   browser's default select rendering ignores CSS variable inheritance in
   dark themes when no explicit color/background is set on the element.
   ============================================================================ */

/* --- Universal fix: all themes, all shell versions --- */
#themeModal select,
#themeModal select option {
  background: var(--input, var(--panel)) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  outline: none !important;
}

/* --- Summary feature options selects (8 dropdowns in Summary Cards tab) ---
   Accent style, Card layout, Label position, Value alignment, Icon position,
   Icon style, Background, Hover effect, Entrance animation                  */
#themeModal .summary-feature-options select,
#themeModal .summary-feature-options-expanded select {
  height: 34px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  background: var(--input, var(--panel)) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  border-radius: 9px !important;
  cursor: pointer !important;
  width: 100% !important;
}

/* --- Appearance select cards (Card font, Card shadow, etc.) --- */
#themeModal .appearance-select-card select {
  background: var(--input, var(--panel)) !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
}

/* --- Preservation toolbar select (already had color but reinforce) --- */
#themeModal .summary-preservation-toolbar select {
  background: var(--input, var(--panel)) !important;
  color: var(--text) !important;
}

/* --- Hover/focus states for all modal selects --- */
#themeModal select:hover {
  border-color: var(--accent) !important;
}
#themeModal select:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent) !important;
}

/* --- Stronger override: modern shell (v72003) --- */
body.v72003-shell #themeModal select,
body.v72003-shell #themeModal select option {
  background: var(--input, var(--panel)) !important;
  color: var(--text) !important;
}

/* --- Legacy shell overrides (v370 through v460) --- */
body.v370-shell #themeModal select,
body.v370-shell #themeModal select option,
body.v380-shell #themeModal select,
body.v380-shell #themeModal select option,
body.v430-shell #themeModal select,
body.v430-shell #themeModal select option,
body.v440-shell #themeModal select,
body.v440-shell #themeModal select option,
body.v460-shell #themeModal select,
body.v460-shell #themeModal select option {
  background: var(--input, var(--panel)) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}


/* ============================================================================
   Single Active Session & Concurrent Login Enforcement Styles
   Styles for the session takeover modal and the login session alert banner.
   ============================================================================ */

.login-session-alert {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  margin: 0 0 16px;
  border: 1px solid color-mix(in srgb, var(--special, #f59e0b) 45%, var(--border));
  border-radius: 13px;
  background: color-mix(in srgb, var(--special, #f59e0b) 12%, var(--panel));
  color: var(--text);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  animation: slideInDown 0.25s ease-out;
}

.login-session-alert .alert-icon {
  display: grid;
  place-items: center;
  flex: 0 0 30px;
  height: 30px;
  border-radius: 9px;
  background: var(--special, #f59e0b);
  color: #fff;
  font-weight: 800;
  font-size: 15px;
}

.login-session-alert .alert-content strong {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--text);
}

.login-session-alert .alert-content p {
  margin: 3px 0 0;
  font-size: 11px;
  line-height: 1.45;
  color: var(--muted);
}

.login-session-alert .login-alert-action {
  margin-top: 10px;
}

.login-session-alert .login-alert-action .button {
  font-size: 12px;
  padding: 7px 14px;
  border-radius: 9px;
  cursor: pointer;
}

.concurrent-session-card {
  max-width: 500px;
  width: 94%;
  padding: 24px;
  border-radius: 18px;
  background: var(--panel);
  border: 1px solid var(--border);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
}

.concurrent-modal-header {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 18px;
}

.concurrent-icon-badge {
  display: grid;
  place-items: center;
  flex: 0 0 48px;
  height: 48px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--danger, #ef4444) 14%, var(--panel));
  color: var(--danger, #ef4444);
  border: 1px solid color-mix(in srgb, var(--danger, #ef4444) 28%, transparent);
}

.danger-eyebrow {
  color: var(--danger, #ef4444) !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
}

.concurrent-modal-header h2 {
  font-size: 18px;
  font-weight: 800;
  margin: 4px 0 5px;
  color: var(--text);
  line-height: 1.25;
}

.concurrent-modal-header p {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: var(--muted);
}

.concurrent-session-details {
  background: color-mix(in srgb, var(--text) 4%, var(--panel));
  border: 1px solid var(--border);
  border-radius: 13px;
  padding: 13px 16px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.concurrent-detail-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}

.concurrent-detail-row .detail-label {
  color: var(--muted);
  font-weight: 600;
}

.concurrent-detail-row .detail-value {
  color: var(--text);
  font-weight: 700;
}

.concurrent-notice-box {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 12px 14px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--special, #f59e0b) 12%, var(--panel));
  border: 1px solid color-mix(in srgb, var(--special, #f59e0b) 26%, transparent);
  font-size: 12px;
  line-height: 1.45;
  color: var(--text);
  margin-bottom: 22px;
}

.concurrent-notice-box .notice-icon {
  font-size: 14px;
  color: var(--special, #f59e0b);
  flex-shrink: 0;
  line-height: 1.3;
}

.concurrent-notice-box p {
  margin: 0;
}

.concurrent-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.button.danger-glow {
  background: var(--danger, #dc2626) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--danger, #dc2626) 35%, transparent) !important;
}

.button.danger-glow:hover {
  background: color-mix(in srgb, var(--danger, #dc2626) 88%, #fff) !important;
  box-shadow: 0 6px 20px color-mix(in srgb, var(--danger, #dc2626) 50%, transparent) !important;
}

/* ========================================================================== */
/* V7.30.00 — Active Operator Presence, Vehicle Load Meter & Anomaly Detector */
/* ========================================================================== */

.login-active-presence {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  margin-bottom: 14px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--success, #10b981) 12%, var(--panel));
  border: 1px solid color-mix(in srgb, var(--success, #10b981) 28%, var(--border));
  animation: presenceFadeIn 0.3s ease-out;
}

@keyframes presenceFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

.presence-pulse-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--success, #10b981);
  box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
  animation: presencePulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
  flex-shrink: 0;
}

@keyframes presencePulse {
  0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
  70% { box-shadow: 0 0 0 9px rgba(16, 185, 129, 0); }
  100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

.presence-text-block {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.presence-header-line {
  display: flex;
  align-items: center;
  gap: 7px;
}

.presence-badge-tag {
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--success, #10b981);
  background: color-mix(in srgb, var(--success, #10b981) 18%, transparent);
  padding: 1px 5px;
  border-radius: 4px;
}

.presence-header-line strong {
  font-size: 12px;
  color: var(--text);
  font-weight: 700;
}

.presence-text-block small {
  font-size: 10px;
  color: var(--muted);
  line-height: 1.3;
}

/* Vehicle Capacity & Axle Load Meter */
.vehicle-load-widget {
  margin-bottom: 12px;
  padding: 14px 18px;
  border-radius: 14px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--panel) 96%, var(--accent-soft)), var(--panel));
  border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--border));
  box-shadow: var(--shadow-soft);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.vehicle-load-widget.overloaded {
  border-color: var(--danger, #dc2626);
  background: linear-gradient(145deg, color-mix(in srgb, var(--panel) 94%, var(--danger-soft)), var(--panel));
  animation: overloadPulse 2s infinite ease-in-out;
}

@keyframes overloadPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.4); }
  50% { box-shadow: 0 0 16px 2px rgba(220, 38, 38, 0.25); }
}

.vehicle-load-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.vehicle-selector-group {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1 1 320px;
}

.vehicle-icon-badge {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 11px;
  background: color-mix(in srgb, var(--accent-soft) 80%, var(--panel));
  border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--border));
  font-size: 20px;
  flex-shrink: 0;
}

.vehicle-label-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  flex: 1;
}

.vehicle-kicker-line {
  display: flex;
  align-items: center;
  gap: 8px;
}

.vehicle-capacity-hint {
  font-size: 10px;
  color: var(--muted);
  font-weight: 500;
}

.vehicle-auto-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 7px;
  font-size: 9.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-radius: 6px;
  background: color-mix(in srgb, var(--accent) 18%, transparent);
  color: var(--accent);
  border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent);
  transition: opacity 0.2s ease;
}
.vehicle-auto-badge.hidden {
  display: none !important;
}

.vehicle-driver-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2.5px 9px;
  font-size: 10.5px;
  font-weight: 600;
  border-radius: 8px;
  background: color-mix(in srgb, var(--primary, #0ea5e9) 10%, var(--panel));
  color: var(--text);
  border: 1px solid color-mix(in srgb, var(--primary, #0ea5e9) 30%, var(--border));
  cursor: pointer;
  user-select: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.vehicle-driver-pill:hover,
.vehicle-driver-pill:focus-visible {
  background: color-mix(in srgb, var(--primary, #0ea5e9) 20%, var(--panel));
  border-color: var(--primary, #0ea5e9);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--primary, #0ea5e9) 25%, transparent);
  outline: none;
}

.vehicle-driver-pill .driver-icon-svg {
  display: inline-block;
  vertical-align: middle;
  color: var(--primary, #0ea5e9);
  flex-shrink: 0;
}

.vehicle-driver-pill .driver-pill-label {
  font-size: 9.5px;
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.vehicle-driver-pill .driver-name-text {
  color: var(--primary, #0ea5e9);
  font-weight: 750;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vehicle-driver-edit-inline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  padding: 0 1px;
  line-height: 1;
  transition: color 0.15s ease, transform 0.15s ease;
  opacity: 0.75;
}

.vehicle-driver-pill:hover .vehicle-driver-edit-inline,
.vehicle-driver-edit-inline:hover {
  color: var(--accent, #0ea5e9);
  transform: scale(1.15);
  opacity: 1;
}

.vehicle-select-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.vehicle-select {
  height: 36px;
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--text);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  max-width: 320px;
  transition: border-color 0.15s ease;
}

.vehicle-select:focus {
  border-color: var(--accent);
  outline: none;
}

.vehicle-meter-stats {
  display: flex;
  align-items: center;
  gap: 16px;
}

.meter-stat {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: right;
}

.meter-stat-label {
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
  color: var(--muted);
  text-transform: uppercase;
}

.meter-stat strong {
  font-size: 16px;
  font-weight: 800;
  color: var(--text);
  white-space: nowrap;
}

.vehicle-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 800;
  white-space: nowrap;
}

.vehicle-status-badge.empty {
  background: var(--panel-muted);
  color: var(--muted);
  border: 1px solid var(--border);
}

.vehicle-status-badge.underload {
  background: color-mix(in srgb, var(--warning, #f59e0b) 18%, var(--panel));
  color: var(--warning, #f59e0b);
  border: 1px solid color-mix(in srgb, var(--warning, #f59e0b) 36%, transparent);
}

.vehicle-status-badge.optimal {
  background: color-mix(in srgb, var(--success, #10b981) 18%, var(--panel));
  color: var(--success, #10b981);
  border: 1px solid color-mix(in srgb, var(--success, #10b981) 36%, transparent);
}

.vehicle-status-badge.overload {
  background: color-mix(in srgb, var(--danger, #dc2626) 20%, var(--panel));
  color: var(--danger, #dc2626);
  border: 1px solid color-mix(in srgb, var(--danger, #dc2626) 40%, transparent);
}

.vehicle-status-badge.pickup {
  background: color-mix(in srgb, var(--accent) 18%, var(--panel));
  color: var(--accent);
  border: 1px solid color-mix(in srgb, var(--accent) 36%, transparent);
}

/* Gauge Track */
.vehicle-gauge-track-wrap {
  margin-top: 14px;
}

.vehicle-gauge-track {
  position: relative;
  width: 100%;
  height: 12px;
  border-radius: 6px;
  background: var(--panel-muted);
  border: 1px solid var(--border);
  overflow: visible;
}

.vehicle-gauge-fill {
  height: 100%;
  border-radius: 5px;
  transition: width 0.3s ease, background 0.3s ease;
  background: linear-gradient(90deg, #10b981, #059669);
}

.vehicle-gauge-fill.underload {
  background: linear-gradient(90deg, #f59e0b, #d97706);
}

.vehicle-gauge-fill.optimal {
  background: linear-gradient(90deg, #10b981, #059669);
}

.vehicle-gauge-fill.overload {
  background: repeating-linear-gradient(
    45deg,
    #dc2626,
    #dc2626 10px,
    #ef4444 10px,
    #ef4444 20px
  );
  animation: progressStripes 1s linear infinite;
}

@keyframes progressStripes {
  from { background-position: 0 0; }
  to { background-position: 28px 0; }
}

.vehicle-marker {
  position: absolute;
  top: -3px;
  bottom: -3px;
  width: 2px;
  background: var(--text);
  border-radius: 1px;
  z-index: 2;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

.vehicle-marker::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -4px;
  width: 10px;
  height: 5px;
  background: var(--text);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.vehicle-gauge-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
  font-size: 9.5px;
  color: var(--muted);
  font-weight: 600;
}

/* Smart Anomaly & Duplicate Paste Detector */
.anomaly-alert-banner {
  margin-bottom: 12px;
  padding: 12px 16px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--warning, #f59e0b) 12%, var(--panel));
  border: 1px solid color-mix(in srgb, var(--warning, #f59e0b) 32%, transparent);
  box-shadow: var(--shadow-soft);
  animation: anomalySlideDown 0.25s ease-out;
}

@keyframes anomalySlideDown {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}

.anomaly-banner-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.anomaly-title-block {
  display: flex;
  align-items: center;
  gap: 10px;
}

.anomaly-icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--warning, #f59e0b);
  color: #fff;
  font-weight: 900;
  font-size: 14px;
  flex-shrink: 0;
}

.anomaly-title-block strong {
  display: block;
  font-size: 12.5px;
  color: var(--text);
}

.anomaly-title-block p {
  margin: 1px 0 0;
  font-size: 10px;
  color: var(--muted);
}

.anomaly-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.anomaly-list {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-top: 1px solid color-mix(in srgb, var(--warning, #f59e0b) 20%, transparent);
  padding-top: 8px;
}

.anomaly-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 6px 10px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--panel) 85%, transparent);
  font-size: 11px;
}

.anomaly-item.warning {
  border-left: 3px solid var(--warning, #f59e0b);
}

.anomaly-item.info {
  border-left: 3px solid var(--accent);
}

.anomaly-item-msg {
  color: var(--text);
  flex: 1;
}

.anomaly-jump-btn {
  padding: 2px 8px;
  font-size: 10px;
  border-radius: 5px;
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--accent);
  cursor: pointer;
  white-space: nowrap;
}

.anomaly-jump-btn:hover {
  background: var(--accent-soft);
  border-color: var(--accent);
}

/* Table Row Anomaly Highlighting */
.calculator-table tbody tr.has-anomaly {
  background: color-mix(in srgb, var(--warning, #f59e0b) 14%, var(--panel)) !important;
  box-shadow: inset 3px 0 0 0 var(--warning, #f59e0b);
}

.calculator-table tbody tr.anomaly-flash {
  animation: rowAnomalyFlash 1.5s ease-out;
}

@keyframes rowAnomalyFlash {
  0% { outline: 2px solid var(--warning, #f59e0b); outline-offset: -2px; }
  100% { outline: 2px solid transparent; outline-offset: -2px; }
}

/* ============================================================================
   V7.40.00 — Trip Sheet, Fleet Management & Multi-Vehicle Split Assistant
   ============================================================================ */

.vehicle-btn-group {
  display: flex;
  align-items: center;
  gap: 8px;
}

.vehicle-quick-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--text);
  cursor: pointer;
  transition: all 0.18s ease;
  white-space: nowrap;
}

.vehicle-quick-btn:hover {
  background: var(--accent-soft, rgba(14, 165, 233, 0.1));
  border-color: var(--accent);
  color: var(--accent);
  transform: translateY(-1px);
}

.vehicle-quick-btn.trip-sheet-btn {
  border-color: color-mix(in srgb, var(--accent) 40%, var(--border));
  color: var(--accent);
}

.vehicle-quick-btn.trip-sheet-btn:hover {
  background: var(--accent);
  color: #fff;
}

.vehicle-quick-btn.split-btn {
  border-color: color-mix(in srgb, var(--warning, #f59e0b) 60%, transparent);
  background: color-mix(in srgb, var(--warning, #f59e0b) 12%, var(--panel));
  color: var(--warning, #f59e0b);
  animation: pulseGlow 2s infinite ease-in-out;
}

.vehicle-quick-btn.split-btn:hover {
  background: var(--warning, #f59e0b);
  color: #fff;
}

.vehicle-quick-btn.fleet-btn {
  border-color: color-mix(in srgb, var(--primary, #0ea5e9) 35%, var(--border));
  color: var(--text);
}

.vehicle-quick-btn.fleet-btn:hover {
  background: color-mix(in srgb, var(--primary, #0ea5e9) 15%, var(--panel));
  border-color: var(--primary, #0ea5e9);
  color: var(--primary, #0ea5e9);
}

/* Special Rate Deviation Warning */
.special-rate-deviation {
  display: block;
  font-size: 10px;
  font-weight: 600;
  color: var(--warning, #d97706);
  background: color-mix(in srgb, var(--warning, #f59e0b) 12%, transparent);
  padding: 3px 8px;
  border-radius: 6px;
  margin-top: 4px;
  border-left: 2px solid var(--warning, #f59e0b);
}

/* Fleet & Vehicle Management Modal */
.fleet-modal-card {
  max-width: 820px !important;
  width: 95% !important;
}

.fleet-actions-bar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 14px;
}

.fleet-table-wrap {
  border: 1px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 18px;
}

.fleet-table-wrap table {
  width: 100%;
  border-collapse: collapse;
}

.fleet-table-wrap th {
  background: var(--panel-header, color-mix(in srgb, var(--panel) 90%, black));
  padding: 10px 14px;
  font-size: 11px;
  text-transform: uppercase;
  color: var(--text-muted);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: left;
}

.fleet-table-wrap td {
  padding: 10px 14px;
  font-size: 12px;
  border-top: 1px solid var(--border);
  color: var(--text);
}

.fleet-table-wrap tr:hover td {
  background: color-mix(in srgb, var(--panel) 80%, var(--accent-soft, transparent));
}

.fleet-vehicle-form {
  padding: 16px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--panel) 60%, transparent);
  border: 1px solid var(--border);
  margin-top: 12px;
}

.form-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 12px 0;
}

.form-row-checkboxes {
  display: flex;
  gap: 20px;
  margin: 12px 0 16px 0;
  flex-wrap: wrap;
}

.form-row-checkboxes .checkbox-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  cursor: pointer;
}

.fleet-form-buttons {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

/* Multi-Vehicle Split Modal */
.split-modal-card {
  max-width: 680px !important;
  width: 95% !important;
}

.split-recommendations-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 14px 0;
}

.split-option-card {
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px;
  background: color-mix(in srgb, var(--panel) 85%, transparent);
  position: relative;
  transition: all 0.2s ease;
}

.split-option-card.recommended {
  border-color: var(--accent);
  box-shadow: 0 4px 14px rgba(14, 165, 233, 0.15);
}

.split-option-card .recommended-badge {
  position: absolute;
  top: 12px;
  right: 14px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 700;
  border-radius: 6px;
  background: var(--accent);
  color: #fff;
  text-transform: uppercase;
}

.split-option-card h4 {
  margin: 0 0 8px 0;
  font-size: 14px;
  color: var(--text);
}

.split-vehicles-breakdown {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 10px;
}

.split-vehicle-col {
  padding: 10px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--panel) 70%, transparent);
  border: 1px dashed var(--border);
}

.split-vehicle-col strong {
  display: block;
  font-size: 12px;
  color: var(--accent);
  margin-bottom: 4px;
}

.split-vehicle-col span {
  font-size: 11px;
  color: var(--text-muted);
}

/* ==========================================================================
   V8.00.00 UI, DESIGN, STYLE & THEMES OVERHAUL
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. V8 Flagship Theme Suite (5 New Distinct Themes)
   -------------------------------------------------------------------------- */

/* 1.0 Equal ERP Classic (Authentic Fathima Equal ERP Accounting Style) */
html[data-theme="equal_erp"] {
  --font: "Segoe UI", Tahoma, Arial, -apple-system, sans-serif;
  --font-heading: "Segoe UI", Tahoma, Arial, sans-serif;
  --bg: #eaeff4;
  --bg-soft: #f4f7fa;
  --panel: #ffffff;
  --panel-2: #edf2f7;
  --panel-muted: #dbe6ef;
  --text: #000000;
  --muted: #334155;
  --faint: #64748b;
  --border: #9bb3c7;
  --border-strong: #163b5c;
  --accent: #163b5c;
  --accent-2: #2563eb;
  --accent-soft: #ddecfa;
  --accent-ink: #0a2540;
  --signature: #163b5c;
  --topbar-tint: #ffffff;
  --shadow: 0 4px 16px rgba(22, 59, 92, 0.10);
  --shadow-soft: 0 1px 4px rgba(22, 59, 92, 0.06);
  --radius: 4px;
  --theme-row-height: 42px;
  --control-height: 34px;
  --line-soft: #ddecfa;
  --normal-soft: #dcfce7;
  --special-soft: #fef3c7;
  --danger-soft: #fee2e2;
  --warning-soft: #fef3c7;
  --success-soft: #dcfce7;
  --violet-soft: #ede9fe;
  --login-start: #163b5c;
  --login-mid: #2563eb;
  --login-end: #5c6be8;
  --login-glow: rgba(92, 107, 232, 0.25);
}

/* Equal ERP Topbar & Brand */
html[data-theme="equal_erp"] .topbar {
  background: #ffffff !important;
  border-bottom: 2px solid #163b5c !important;
  box-shadow: 0 2px 8px rgba(22, 59, 92, 0.08) !important;
}
html[data-theme="equal_erp"] .brand-block strong {
  color: #000000 !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
}
html[data-theme="equal_erp"] .brand-block span {
  color: #163b5c !important;
  font-weight: 700 !important;
}
html[data-theme="equal_erp"] .nav-tab.active {
  background: #163b5c !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* Equal ERP Section & Modal Headers */
html[data-theme="equal_erp"] .page-heading h1,
html[data-theme="equal_erp"] .panel-header h2 {
  color: #163b5c !important;
  font-weight: 800 !important;
}
html[data-theme="equal_erp"] .modal-header,
html[data-theme="equal_erp"] .appearance-header-v340 {
  background: #ffffff !important;
  color: #163b5c !important;
  border-bottom: 2px solid #163b5c !important;
}
html[data-theme="equal_erp"] .modal-header h2,
html[data-theme="equal_erp"] .appearance-header-v340 h2 {
  color: #163b5c !important;
  font-weight: 800 !important;
}
html[data-theme="equal_erp"] .modal-header p,
html[data-theme="equal_erp"] .appearance-header-v340 p {
  color: #334155 !important;
}
html[data-theme="equal_erp"] .modal-header .eyebrow,
html[data-theme="equal_erp"] .appearance-header-v340 .eyebrow {
  color: #2563eb !important;
  font-weight: 800 !important;
}
html[data-theme="equal_erp"] .modal-close {
  color: #163b5c !important;
}

/* Equal ERP Data Table: Powder Sky Blue Headers & Gridlines */
html[data-theme="equal_erp"] .data-table th,
html[data-theme="equal_erp"] .calculator-table th {
  background: linear-gradient(180deg, #c7dcf0 0%, #bcd5eb 100%) !important;
  color: #000000 !important;
  font-weight: 800 !important;
  border: 1px solid #9cbcd7 !important;
  border-bottom: 2px solid #163b5c !important;
  text-transform: none !important;
  font-size: 11px !important;
  letter-spacing: 0.02em !important;
}
html[data-theme="equal_erp"] .data-table td,
html[data-theme="equal_erp"] .calculator-table td {
  border: 1px solid #c5d7e6 !important;
  color: #000000 !important;
  font-weight: 600 !important;
}
html[data-theme="equal_erp"] .data-table tbody tr:nth-child(even),
html[data-theme="equal_erp"] .calculator-table tbody tr:nth-child(even) {
  background: #f4f8fc !important;
}
html[data-theme="equal_erp"] .data-table tbody tr:hover,
html[data-theme="equal_erp"] .calculator-table tbody tr:hover {
  background: #ddecfa !important;
}

/* Equal ERP Signature Selected Row Highlight (Royal Periwinkle Lavender #5c6be8 with crisp white text) */
html[data-theme="equal_erp"] .data-table tr.selected-row,
html[data-theme="equal_erp"] .calculator-table tr.selected-row,
html[data-theme="equal_erp"] body.v80000-shell .calculator-table tr.selected-row td,
html[data-theme="equal_erp"] body.v80000-shell .calculator-table tr.selected-row td.col-item,
html[data-theme="equal_erp"] .data-table tr.selected-row td {
  background: #5c6be8 !important;
  color: #ffffff !important;
}
html[data-theme="equal_erp"] .calculator-table tr.selected-row input,
html[data-theme="equal_erp"] .calculator-table tr.selected-row span,
html[data-theme="equal_erp"] .calculator-table tr.selected-row strong,
html[data-theme="equal_erp"] .calculator-table tr.selected-row .line-amount,
html[data-theme="equal_erp"] .calculator-table tr.selected-row .normal-amount,
html[data-theme="equal_erp"] .calculator-table tr.selected-row .line-rate,
html[data-theme="equal_erp"] .calculator-table tr.selected-row .normal-rate {
  color: #ffffff !important;
  background: transparent !important;
}
html[data-theme="equal_erp"] .calculator-table tr.selected-row td.col-item .item-cell {
  color: #ffffff !important;
}

/* Equal ERP Desktop Controls & Inputs */
html[data-theme="equal_erp"] input,
html[data-theme="equal_erp"] select,
html[data-theme="equal_erp"] textarea,
html[data-theme="equal_erp"] .search-field {
  border: 1px solid #7f9db9 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: #000000 !important;
  font-weight: 550 !important;
}
html[data-theme="equal_erp"] input:focus,
html[data-theme="equal_erp"] select:focus,
html[data-theme="equal_erp"] textarea:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.25) !important;
  background: #ffffff !important;
}

/* Equal ERP Buttons: Classic Desktop 3D Emboss & Deep Navy Primary */
html[data-theme="equal_erp"] .button.primary {
  background: #163b5c !important;
  color: #ffffff !important;
  border: 1px solid #0f2a42 !important;
  border-radius: 4px !important;
  font-weight: 750 !important;
  box-shadow: 0 2px 4px rgba(22, 59, 92, 0.15) !important;
}
html[data-theme="equal_erp"] .button.primary:hover {
  background: #1d4b75 !important;
}
html[data-theme="equal_erp"] .button.secondary,
html[data-theme="equal_erp"] .button:not(.primary) {
  background: linear-gradient(180deg, #f7f9fb 0%, #e1e9f0 100%) !important;
  border: 1px solid #98b0c4 !important;
  color: #0f2a42 !important;
  border-radius: 4px !important;
  font-weight: 650 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}
html[data-theme="equal_erp"] .button.secondary:hover,
html[data-theme="equal_erp"] .button:not(.primary):hover {
  background: #ddecfa !important;
  border-color: #2563eb !important;
}

/* 1.1 Fathima Signature Gold (Royal Emerald #042f24 & Brushed 24K Gold #d4af37) */
html[data-theme="fathima_gold"] {
  --font: "Aptos", "Segoe UI", -apple-system, sans-serif;
  --font-heading: Georgia, "Times New Roman", serif;
  --bg: #04241c;
  --bg-soft: #063026;
  --panel: #083c2f;
  --panel-2: #0c4a3b;
  --panel-muted: #115c4a;
  --text: #fefdf8;
  --muted: #cbd5c8;
  --faint: #8fa88c;
  --border: #235d4d;
  --border-strong: #d4af37;
  --accent: #d4af37;
  --accent-2: #e8c85c;
  --accent-soft: #233e2a;
  --accent-ink: #fffbeb;
  --signature: #d4af37;
  --topbar-tint: rgba(8, 60, 47, 0.96);
  --shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.35);
  --radius: 16px;
  --theme-row-height: 50px;
  --line-soft: #123d38;
  --normal-soft: #0f4638;
  --special-soft: #4a3c18;
  --danger-soft: #52222a;
  --warning-soft: #493717;
  --success-soft: #134636;
  --violet-soft: #382b4a;
  --login-start: #04241c;
  --login-mid: #083c2f;
  --login-end: #d4af37;
  --login-glow: rgba(212, 175, 55, 0.28);
}
html[data-theme="fathima_gold"] .data-table th {
  background: var(--panel-muted);
  color: var(--accent);
  border-bottom: 2px solid var(--accent);
}
html[data-theme="fathima_gold"] .button.primary {
  background: #d4af37 !important;
  color: #04241c !important;
  font-weight: 700;
}

/* 1.2 Dubai Midnight Glass (Ultramodern Charcoal Navy #0b0f19 & Ice Cyan #00f2fe) */
html[data-theme="dubai_midnight"] {
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --bg: #0b0f19;
  --bg-soft: #111726;
  --panel: #161e33;
  --panel-2: #1e2842;
  --panel-muted: #2a375a;
  --text: #f0f6fc;
  --muted: #94a3b8;
  --faint: #64748b;
  --border: #2e3c5d;
  --border-strong: #00f2fe;
  --accent: #00f2fe;
  --accent-2: #38bdf8;
  --accent-soft: #0c3349;
  --accent-ink: #e0f2fe;
  --signature: #00f2fe;
  --topbar-tint: rgba(22, 30, 51, 0.94);
  --shadow: 0 24px 64px rgba(0, 0, 0, 0.58);
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.38);
  --radius: 16px;
  --theme-row-height: 50px;
  --line-soft: #14304d;
  --normal-soft: #123e38;
  --special-soft: #42361d;
  --danger-soft: #52202b;
  --warning-soft: #483519;
  --success-soft: #134237;
  --violet-soft: #312b54;
  --login-start: #0b0f19;
  --login-mid: #161e33;
  --login-end: #00f2fe;
  --login-glow: rgba(0, 242, 254, 0.25);
}
html[data-theme="dubai_midnight"] .data-table th {
  background: var(--panel-muted);
  color: var(--text);
  border-bottom: 2px solid var(--accent);
}
html[data-theme="dubai_midnight"] .button.primary {
  background: #00f2fe !important;
  color: #0b0f19 !important;
  font-weight: 700;
}

/* 1.3 Hyper Cargo Fleet (High-Efficiency Slate White #f8fafc & Safety Orange #f97316) */
html[data-theme="hyper_cargo"] {
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bg: #f8fafc;
  --bg-soft: #ffffff;
  --panel: #ffffff;
  --panel-2: #f1f5f9;
  --panel-muted: #e2e8f0;
  --text: #0f172a;
  --muted: #475569;
  --faint: #94a3b8;
  --border: #cbd5e1;
  --border-strong: #f97316;
  --accent: #f97316;
  --accent-2: #fb923c;
  --accent-soft: #ffedd5;
  --accent-ink: #7c2d12;
  --signature: #f97316;
  --topbar-tint: rgba(255, 255, 255, 0.98);
  --shadow: 0 18px 44px rgba(249, 115, 22, 0.12);
  --shadow-soft: 0 7px 20px rgba(15, 23, 42, 0.08);
  --radius: 12px;
  --theme-row-height: 50px;
}
html[data-theme="hyper_cargo"] .data-table th {
  background: #f1f5f9;
  color: #0f172a;
  border-bottom: 2px solid #f97316;
}
html[data-theme="hyper_cargo"] .button.primary {
  background: #f97316 !important;
  color: #ffffff !important;
  font-weight: 700;
}

/* 1.4 Tokyo Cyber Neon (True OLED Pitch Black #050508 & Laser Cyan/Magenta #00ffff/#ff007f) */
html[data-theme="tokyo_cyber_neon"] {
  --font: "Cascadia Code", Consolas, -apple-system, sans-serif;
  --font-heading: "Cascadia Code", Consolas, -apple-system, sans-serif;
  --bg: #050508;
  --bg-soft: #0b0b12;
  --panel: #10101b;
  --panel-2: #161625;
  --panel-muted: #202036;
  --text: #f0f0ff;
  --muted: #a5b4fc;
  --faint: #6366f1;
  --border: #2d2d48;
  --border-strong: #00ffff;
  --accent: #00ffff;
  --accent-2: #ff007f;
  --accent-soft: #0d2836;
  --accent-ink: #cffafe;
  --signature: #00ffff;
  --topbar-tint: rgba(16, 16, 27, 0.96);
  --shadow: 0 24px 64px rgba(0, 0, 0, 0.65);
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.45);
  --radius: 12px;
  --theme-row-height: 49px;
  --line-soft: #12304d;
  --normal-soft: #103c32;
  --special-soft: #443118;
  --danger-soft: #54192d;
  --warning-soft: #463414;
  --success-soft: #113f30;
  --violet-soft: #381a4d;
  --login-start: #050508;
  --login-mid: #10101b;
  --login-end: #00ffff;
  --login-glow: rgba(0, 255, 255, 0.28);
}
html[data-theme="tokyo_cyber_neon"] .data-table th {
  background: var(--panel-muted);
  color: var(--accent);
  border-bottom: 2px solid var(--accent);
}
html[data-theme="tokyo_cyber_neon"] .button.primary {
  background: #00ffff !important;
  color: #050508 !important;
  font-weight: 700;
}

/* 1.5 Sandstone Minimalist (Warm Linen #fbf8f3, Espresso #1e1916 & Terracotta #c85a32) */
html[data-theme="sandstone_minimal"] {
  --font: "Aptos", "Segoe UI", -apple-system, sans-serif;
  --font-heading: Georgia, "Times New Roman", serif;
  --bg: #fbf8f3;
  --bg-soft: #fffdf9;
  --panel: #ffffff;
  --panel-2: #f8f4ed;
  --panel-muted: #ede5da;
  --text: #1e1916;
  --muted: #6e5e54;
  --faint: #9c8a7e;
  --border: #ded4c8;
  --border-strong: #c85a32;
  --accent: #c85a32;
  --accent-2: #df734c;
  --accent-soft: #faebe4;
  --accent-ink: #5e2410;
  --signature: #c85a32;
  --topbar-tint: rgba(255, 253, 249, 0.97);
  --shadow: 0 18px 46px rgba(100, 60, 40, 0.10);
  --shadow-soft: 0 7px 20px rgba(100, 60, 40, 0.06);
  --radius: 16px;
  --theme-row-height: 50px;
}
html[data-theme="sandstone_minimal"] .data-table th {
  background: #ede5da;
  color: #1e1916;
  border-bottom: 2px solid #c85a32;
}
html[data-theme="sandstone_minimal"] .button.primary {
  background: #c85a32 !important;
  color: #ffffff !important;
  font-weight: 700;
}


/* ==========================================================================
   V8.00.00 — 16 NEW PAIRED THEMES (FUTURISTIC, MINIMAL, SIMPLE, PROFESSIONAL, COLORFUL)
   ========================================================================== */

/* --------------------------------------------------------------------------
   FUTURISTIC THEMES (DARK & LIGHT) — 8 BESPOKE CONCEPTS
   -------------------------------------------------------------------------- */

/* F1. Quantum Void HUD (Dark: Particle Void #06060c, Laser Cyan #06b6d4, Quantum Violet #8b5cf6) */
html[data-theme="quantum_void"] {
  --font: "Cascadia Code", Consolas, -apple-system, sans-serif;
  --font-heading: "Cascadia Code", Consolas, -apple-system, sans-serif;
  --bg: #06060c;
  --bg-soft: #0b0c16;
  --panel: #101120;
  --panel-2: #16182c;
  --panel-muted: #212440;
  --text: #f2f4ff;
  --muted: #9da8d6;
  --faint: #5e6896;
  --border: #252848;
  --border-strong: #06b6d4;
  --accent: #06b6d4;
  --accent-2: #8b5cf6;
  --accent-soft: #082f49;
  --accent-ink: #e0f2fe;
  --signature: #06b6d4;
  --topbar-tint: rgba(16, 17, 32, 0.96);
  --shadow: 0 24px 64px rgba(0, 0, 0, 0.65);
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.45);
  --radius: 14px;
  --theme-row-height: 50px;
}
html[data-theme="quantum_void"] .data-table th { background: #212440; color: #f2f4ff; border-bottom: 2px solid #06b6d4; }
html[data-theme="quantum_void"] .button.primary { background: #06b6d4 !important; color: #06060c !important; font-weight: 700; }

/* F2. Cyber Matrix Terminal (Dark: Mainframe Black #020b05, Phosphor Emerald #10b981) */
html[data-theme="cyber_matrix"] {
  --font: "Cascadia Code", Consolas, monospace;
  --font-heading: "Cascadia Code", Consolas, monospace;
  --bg: #020b05;
  --bg-soft: #05150a;
  --panel: #081d0f;
  --panel-2: #0d2a17;
  --panel-muted: #153e23;
  --text: #ecfdf5;
  --muted: #6ee7b7;
  --faint: #34d399;
  --border: #194a29;
  --border-strong: #10b981;
  --accent: #10b981;
  --accent-2: #34d399;
  --accent-soft: #064e3b;
  --accent-ink: #d1fae5;
  --signature: #10b981;
  --topbar-tint: rgba(8, 29, 15, 0.96);
  --shadow: 0 24px 64px rgba(0, 0, 0, 0.65);
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.45);
  --radius: 10px;
  --theme-row-height: 48px;
}
html[data-theme="cyber_matrix"] .data-table th { background: #153e23; color: #ecfdf5; border-bottom: 2px solid #10b981; }
html[data-theme="cyber_matrix"] .button.primary { background: #10b981 !important; color: #020b05 !important; font-weight: 700; }

/* F3. Hyper Neon Cockpit (Dark: Starfighter Obsidian #070814, Fuchsia #f43f5e, Neon Cyan #00f0ff) */
html[data-theme="hyper_neon_cockpit"] {
  --font: "Cascadia Code", Consolas, -apple-system, sans-serif;
  --font-heading: "Cascadia Code", Consolas, -apple-system, sans-serif;
  --bg: #070814;
  --bg-soft: #0c0e20;
  --panel: #121530;
  --panel-2: #191e42;
  --panel-muted: #252c60;
  --text: #fff1f2;
  --muted: #fda4af;
  --faint: #e11d48;
  --border: #352a48;
  --border-strong: #f43f5e;
  --accent: #f43f5e;
  --accent-2: #00f0ff;
  --accent-soft: #4c0519;
  --accent-ink: #ffe4e6;
  --signature: #f43f5e;
  --topbar-tint: rgba(18, 21, 48, 0.96);
  --shadow: 0 24px 64px rgba(0, 0, 0, 0.68);
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.45);
  --radius: 12px;
  --theme-row-height: 50px;
}
html[data-theme="hyper_neon_cockpit"] .data-table th { background: #252c60; color: #fff1f2; border-bottom: 2px solid #f43f5e; }
html[data-theme="hyper_neon_cockpit"] .button.primary { background: #f43f5e !important; color: #ffffff !important; font-weight: 700; }

/* F4. Solar Nebula Void (Dark: Deep Cosmic Void #0a0604, Plasma Orange #f97316, Solar Gold #eab308) */
html[data-theme="solar_nebula"] {
  --font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --bg: #0a0604;
  --bg-soft: #140d08;
  --panel: #1e130c;
  --panel-2: #2a1b11;
  --panel-muted: #3d281a;
  --text: #fff7ed;
  --muted: #fed7aa;
  --faint: #fb923c;
  --border: #432617;
  --border-strong: #f97316;
  --accent: #f97316;
  --accent-2: #eab308;
  --accent-soft: #431407;
  --accent-ink: #ffedd5;
  --signature: #f97316;
  --topbar-tint: rgba(30, 19, 12, 0.96);
  --shadow: 0 24px 64px rgba(0, 0, 0, 0.65);
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.45);
  --radius: 14px;
  --theme-row-height: 50px;
}
html[data-theme="solar_nebula"] .data-table th { background: #3d281a; color: #fff7ed; border-bottom: 2px solid #f97316; }
html[data-theme="solar_nebula"] .button.primary { background: #f97316 !important; color: #ffffff !important; font-weight: 700; }

/* F5. Cyber Daybreak Tech (Light: Titanium #f0f4f8, Pure White Armor, Laser Cyan #0284c7) */
html[data-theme="cyber_daybreak"] {
  --font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --bg: #f0f4f8;
  --bg-soft: #ffffff;
  --panel: #ffffff;
  --panel-2: #e9eff6;
  --panel-muted: #dbe5f0;
  --text: #0b192c;
  --muted: #3b526d;
  --faint: #7088a5;
  --border: #cbdbe9;
  --border-strong: #0284c7;
  --accent: #0284c7;
  --accent-2: #2563eb;
  --accent-soft: #e0f2fe;
  --accent-ink: #0369a1;
  --signature: #0284c7;
  --topbar-tint: rgba(255, 255, 255, 0.98);
  --shadow: 0 18px 46px rgba(2, 132, 199, 0.12);
  --shadow-soft: 0 7px 20px rgba(11, 25, 44, 0.08);
  --radius: 14px;
  --theme-row-height: 50px;
}
html[data-theme="cyber_daybreak"] .data-table th { background: #e9eff6; color: #0b192c; border-bottom: 2px solid #0284c7; }
html[data-theme="cyber_daybreak"] .button.primary { background: #0284c7 !important; color: #ffffff !important; font-weight: 700; }

/* F6. Aero Flux Supersonic (Light: Pearl White #f8fafc, Supersonic Blue #0ea5e9, Speed Orange #f97316) */
html[data-theme="aero_flux"] {
  --font: "Aptos", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: "Aptos", -apple-system, BlinkMacSystemFont, sans-serif;
  --bg: #f8fafc;
  --bg-soft: #ffffff;
  --panel: #ffffff;
  --panel-2: #f1f5f9;
  --panel-muted: #e2e8f0;
  --text: #0f172a;
  --muted: #475569;
  --faint: #94a3b8;
  --border: #cbd5e1;
  --border-strong: #0ea5e9;
  --accent: #0ea5e9;
  --accent-2: #f97316;
  --accent-soft: #e0f2fe;
  --accent-ink: #0284c7;
  --signature: #0ea5e9;
  --topbar-tint: rgba(255, 255, 255, 0.98);
  --shadow: 0 18px 44px rgba(14, 165, 233, 0.12);
  --shadow-soft: 0 7px 20px rgba(15, 23, 42, 0.08);
  --radius: 12px;
  --theme-row-height: 50px;
}
html[data-theme="aero_flux"] .data-table th { background: #f1f5f9; color: #0f172a; border-bottom: 2px solid #0ea5e9; }
html[data-theme="aero_flux"] .button.primary { background: #0ea5e9 !important; color: #ffffff !important; font-weight: 700; }

/* F7. Quantum Light Lab (Light: Silica White #faf5ff, Quantum Violet #7c3aed, Cyan #0891b2) */
html[data-theme="quantum_light"] {
  --font: "Cascadia Code", Consolas, -apple-system, sans-serif;
  --font-heading: "Cascadia Code", Consolas, -apple-system, sans-serif;
  --bg: #faf5ff;
  --bg-soft: #ffffff;
  --panel: #ffffff;
  --panel-2: #f3e8ff;
  --panel-muted: #e9d5ff;
  --text: #1e1035;
  --muted: #582f8a;
  --faint: #8a5bb8;
  --border: #d8b4fe;
  --border-strong: #7c3aed;
  --accent: #7c3aed;
  --accent-2: #0891b2;
  --accent-soft: #f3e8ff;
  --accent-ink: #581c87;
  --signature: #7c3aed;
  --topbar-tint: rgba(255, 255, 255, 0.98);
  --shadow: 0 18px 46px rgba(124, 58, 237, 0.12);
  --shadow-soft: 0 7px 20px rgba(30, 16, 53, 0.08);
  --radius: 14px;
  --theme-row-height: 50px;
}
html[data-theme="quantum_light"] .data-table th { background: #f3e8ff; color: #1e1035; border-bottom: 2px solid #7c3aed; }
html[data-theme="quantum_light"] .button.primary { background: #7c3aed !important; color: #ffffff !important; font-weight: 700; }

/* F8. Solarpunk Clean Metropolis (Light: Sunlit Ivory #fcfbf7, Emerald Green #059669, Solar Amber #d97706) */
html[data-theme="solarpunk_clean"] {
  --font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --bg: #fcfbf7;
  --bg-soft: #ffffff;
  --panel: #ffffff;
  --panel-2: #f4f6f0;
  --panel-muted: #e5ebe0;
  --text: #142318;
  --muted: #3b5942;
  --faint: #6d8c74;
  --border: #ccd9cc;
  --border-strong: #059669;
  --accent: #059669;
  --accent-2: #d97706;
  --accent-soft: #d1fae5;
  --accent-ink: #065f46;
  --signature: #059669;
  --topbar-tint: rgba(255, 255, 255, 0.98);
  --shadow: 0 18px 44px rgba(5, 150, 105, 0.12);
  --shadow-soft: 0 7px 20px rgba(20, 35, 24, 0.08);
  --radius: 15px;
  --theme-row-height: 50px;
}
html[data-theme="solarpunk_clean"] .data-table th { background: #f4f6f0; color: #142318; border-bottom: 2px solid #059669; }
html[data-theme="solarpunk_clean"] .button.primary { background: #059669 !important; color: #ffffff !important; font-weight: 700; }


/* --------------------------------------------------------------------------
   MINIMAL THEMES (DARK & LIGHT)
   -------------------------------------------------------------------------- */

/* M1. Obsidian Minimalist (Dark: Pure Charcoal #121214, Whisper Borders, Monochromatic Stark White) */
html[data-theme="obsidian_minimal"] {
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --bg: #121214;
  --bg-soft: #18181b;
  --panel: #1e1e22;
  --panel-2: #27272c;
  --panel-muted: #36363d;
  --text: #f4f4f5;
  --muted: #a1a1aa;
  --faint: #71717a;
  --border: #2e2e36;
  --border-strong: #ffffff;
  --accent: #ffffff;
  --accent-2: #e4e4e7;
  --accent-soft: #27272a;
  --accent-ink: #ffffff;
  --signature: #ffffff;
  --topbar-tint: rgba(30, 30, 34, 0.96);
  --shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
  --shadow-soft: 0 6px 18px rgba(0, 0, 0, 0.3);
  --radius: 8px;
  --theme-row-height: 48px;
}
html[data-theme="obsidian_minimal"] .data-table th { background: #27272c; color: #f4f4f5; border-bottom: 1.5px solid #ffffff; }
html[data-theme="obsidian_minimal"] .button.primary { background: #ffffff !important; color: #121214 !important; font-weight: 700; }

/* M2. Paper Clean Washi (Light: Washi Paper #faf8f5, Pure Ink #18181b, Whisper-Thin Borders) */
html[data-theme="paper_clean"] {
  --font: "Source Sans 3", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: "Source Sans 3", -apple-system, BlinkMacSystemFont, sans-serif;
  --bg: #faf8f5;
  --bg-soft: #ffffff;
  --panel: #ffffff;
  --panel-2: #f3f0ea;
  --panel-muted: #e7e3dc;
  --text: #18181b;
  --muted: #52525b;
  --faint: #71717a;
  --border: #e4e0d8;
  --border-strong: #18181b;
  --accent: #18181b;
  --accent-2: #3f3f46;
  --accent-soft: #f4f4f5;
  --accent-ink: #18181b;
  --signature: #18181b;
  --topbar-tint: rgba(255, 255, 255, 0.98);
  --shadow: 0 12px 30px rgba(24, 24, 27, 0.05);
  --shadow-soft: 0 4px 12px rgba(24, 24, 27, 0.03);
  --radius: 8px;
  --theme-row-height: 48px;
}
html[data-theme="paper_clean"] .data-table th { background: #f3f0ea; color: #18181b; border-bottom: 1.5px solid #18181b; }
html[data-theme="paper_clean"] .button.primary { background: #18181b !important; color: #ffffff !important; font-weight: 700; }


/* --------------------------------------------------------------------------
   SIMPLE THEMES (DARK & LIGHT)
   -------------------------------------------------------------------------- */

/* S1. Slate Dark Simple (Dark: Honest Dark Slate #0f172a, Pure Readable White #f8fafc, Royal Cobalt #3b82f6) */
html[data-theme="slate_dark_simple"] {
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --bg: #0f172a;
  --bg-soft: #1e293b;
  --panel: #1e293b;
  --panel-2: #334155;
  --panel-muted: #475569;
  --text: #f8fafc;
  --muted: #94a3b8;
  --faint: #64748b;
  --border: #334155;
  --border-strong: #3b82f6;
  --accent: #3b82f6;
  --accent-2: #60a5fa;
  --accent-soft: #1e3a8a;
  --accent-ink: #dbeafe;
  --signature: #3b82f6;
  --topbar-tint: rgba(30, 41, 59, 0.96);
  --shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
  --shadow-soft: 0 6px 18px rgba(0, 0, 0, 0.25);
  --radius: 10px;
  --theme-row-height: 50px;
}
html[data-theme="slate_dark_simple"] .data-table th { background: #334155; color: #f8fafc; border-bottom: 2px solid #3b82f6; }
html[data-theme="slate_dark_simple"] .button.primary { background: #3b82f6 !important; color: #ffffff !important; font-weight: 700; }

/* S2. Classic Office Simple (Light: Crisp Paper White #ffffff, Dependable Navy #1d4ed8) */
html[data-theme="classic_office_simple"] {
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --bg: #f8fafc;
  --bg-soft: #ffffff;
  --panel: #ffffff;
  --panel-2: #f1f5f9;
  --panel-muted: #e2e8f0;
  --text: #0f172a;
  --muted: #475569;
  --faint: #64748b;
  --border: #cbd5e1;
  --border-strong: #1d4ed8;
  --accent: #1d4ed8;
  --accent-2: #2563eb;
  --accent-soft: #dbeafe;
  --accent-ink: #1e40af;
  --signature: #1d4ed8;
  --topbar-tint: rgba(255, 255, 255, 0.98);
  --shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
  --shadow-soft: 0 4px 14px rgba(15, 23, 42, 0.05);
  --radius: 10px;
  --theme-row-height: 50px;
}
html[data-theme="classic_office_simple"] .data-table th { background: #f1f5f9; color: #0f172a; border-bottom: 2px solid #1d4ed8; }
html[data-theme="classic_office_simple"] .button.primary { background: #1d4ed8 !important; color: #ffffff !important; font-weight: 700; }


/* --------------------------------------------------------------------------
   PROFESSIONAL THEMES (DARK & LIGHT)
   -------------------------------------------------------------------------- */

/* P1. Executive Midnight Boardroom (Dark: Deep Boardroom Navy #0a1120, Sapphire Blue #38bdf8) */
html[data-theme="executive_midnight"] {
  --font: "Aptos", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: "Aptos", -apple-system, BlinkMacSystemFont, sans-serif;
  --bg: #0a1120;
  --bg-soft: #101c33;
  --panel: #152442;
  --panel-2: #1d3058;
  --panel-muted: #284072;
  --text: #f1f5f9;
  --muted: #94a3b8;
  --faint: #64748b;
  --border: #293e68;
  --border-strong: #38bdf8;
  --accent: #38bdf8;
  --accent-2: #0284c7;
  --accent-soft: #0c375b;
  --accent-ink: #e0f2fe;
  --signature: #38bdf8;
  --topbar-tint: rgba(21, 36, 66, 0.96);
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
  --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.35);
  --radius: 12px;
  --theme-row-height: 50px;
}
html[data-theme="executive_midnight"] .data-table th { background: #284072; color: #f1f5f9; border-bottom: 2px solid #38bdf8; }
html[data-theme="executive_midnight"] .button.primary { background: #38bdf8 !important; color: #0a1120 !important; font-weight: 700; }

/* P2. Swiss Corporate Financial (Light: Cool Platinum #f8f9fa, Steel Slate, Zurich Deep Navy #0f3b6c) */
html[data-theme="swiss_corporate"] {
  --font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --bg: #f8f9fa;
  --bg-soft: #ffffff;
  --panel: #ffffff;
  --panel-2: #f1f3f5;
  --panel-muted: #e9ecef;
  --text: #1a202c;
  --muted: #4a5568;
  --faint: #718096;
  --border: #cbd5e0;
  --border-strong: #0f3b6c;
  --accent: #0f3b6c;
  --accent-2: #2b6cb0;
  --accent-soft: #e2e8f0;
  --accent-ink: #0f3b6c;
  --signature: #0f3b6c;
  --topbar-tint: rgba(255, 255, 255, 0.98);
  --shadow: 0 16px 40px rgba(15, 59, 108, 0.10);
  --shadow-soft: 0 6px 18px rgba(15, 59, 108, 0.05);
  --radius: 10px;
  --theme-row-height: 50px;
}
html[data-theme="swiss_corporate"] .data-table th { background: #f1f3f5; color: #1a202c; border-bottom: 2px solid #0f3b6c; }
html[data-theme="swiss_corporate"] .button.primary { background: #0f3b6c !important; color: #ffffff !important; font-weight: 700; }


/* --------------------------------------------------------------------------
   COLORFUL THEMES (DARK & LIGHT)
   -------------------------------------------------------------------------- */

/* C1. Chroma Pulse Prismatic (Dark: Velvet Midnight #0c0a1a, Neon Magenta #ec4899, Cyan #06b6d4) */
html[data-theme="chroma_pulse_dark"] {
  --font: "Cascadia Code", Consolas, -apple-system, sans-serif;
  --font-heading: "Cascadia Code", Consolas, -apple-system, sans-serif;
  --bg: #0c0a1a;
  --bg-soft: #14102c;
  --panel: #1b163a;
  --panel-2: #241e4d;
  --panel-muted: #332b6e;
  --text: #faf5ff;
  --muted: #c084fc;
  --faint: #9333ea;
  --border: #443577;
  --border-strong: #ec4899;
  --accent: #ec4899;
  --accent-2: #06b6d4;
  --accent-soft: #500724;
  --accent-ink: #fce7f3;
  --signature: #ec4899;
  --topbar-tint: rgba(27, 22, 58, 0.96);
  --shadow: 0 24px 64px rgba(0, 0, 0, 0.65);
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.45);
  --radius: 14px;
  --theme-row-height: 50px;
}
html[data-theme="chroma_pulse_dark"] .data-table th { background: #332b6e; color: #faf5ff; border-bottom: 2px solid #ec4899; }
html[data-theme="chroma_pulse_dark"] .button.primary { background: #ec4899 !important; color: #ffffff !important; font-weight: 700; }

/* C2. Vibrant Daylight Joy (Light: Sunlit Porcelain #fdfbf7, Radiant Coral #e11d48, Turquoise #0d9488) */
html[data-theme="vibrant_daylight"] {
  --font: "Trebuchet MS", "Segoe UI", sans-serif;
  --font-heading: "Trebuchet MS", "Segoe UI", sans-serif;
  --bg: #fdfbf7;
  --bg-soft: #ffffff;
  --panel: #ffffff;
  --panel-2: #fff1f2;
  --panel-muted: #ffe4e6;
  --text: #1e1b4b;
  --muted: #4338ca;
  --faint: #6366f1;
  --border: #fecdd3;
  --border-strong: #e11d48;
  --accent: #e11d48;
  --accent-2: #0d9488;
  --accent-soft: #ffe4e6;
  --accent-ink: #9f1239;
  --signature: #e11d48;
  --topbar-tint: rgba(255, 255, 255, 0.98);
  --shadow: 0 18px 46px rgba(225, 29, 72, 0.12);
  --shadow-soft: 0 7px 20px rgba(30, 27, 75, 0.08);
  --radius: 14px;
  --theme-row-height: 50px;
}
html[data-theme="vibrant_daylight"] .data-table th { background: #ffe4e6; color: #1e1b4b; border-bottom: 2px solid #e11d48; }
html[data-theme="vibrant_daylight"] .button.primary { background: #e11d48 !important; color: #ffffff !important; font-weight: 700; }


/* ==========================================================================
   V8.00.00 — ULTRA-MODERN FLAGSHIP UI, DESIGN, STYLE & COCKPIT OVERHAUL
   ========================================================================== */

/* --------------------------------------------------------------------------
   2. HERO SUMMARY CARDS 2.0 (Glassmorphic Elevated Presentation)
   -------------------------------------------------------------------------- */

/* Target with maximum specificity to permanently defeat legacy V7 overrides */
body.v80000-shell .summary-strip {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}

/* Explicit Semantic Category Colors (Light / Default) */
body.v80000-shell .summary-metric.line {
  color: var(--summary-line, #2563eb) !important;
}
body.v80000-shell .summary-metric.normal {
  color: var(--summary-normal, #059669) !important;
}
body.v80000-shell .summary-metric.special {
  color: var(--summary-special, #d97706) !important;
}
body.v80000-shell .summary-metric#packingSummaryCard,
body.v80000-shell .summary-metric[data-breakdown="packing"] {
  color: var(--summary-packing, #0891b2) !important; /* Radiant Cyan / Teal */
}
body.v80000-shell .summary-metric#weightSummaryCard,
body.v80000-shell .summary-metric[data-breakdown="weight"] {
  color: var(--summary-weight, #7c3aed) !important; /* Vivid Violet / Purple */
}
body.v80000-shell .summary-metric.attention {
  color: var(--danger, #dc2626) !important;
}

/* Card Geometry, Tinted Glass Surface & Ambient Glow (Light Themes) */
html body.v80000-shell #page-calculator .summary-metric,
body.v80000-shell .summary-metric {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(
    155deg,
    color-mix(in srgb, currentColor 8%, #ffffff) 0%,
    color-mix(in srgb, currentColor 3%, #ffffff) 100%
  ) !important;
  border: 1.5px solid color-mix(in srgb, currentColor 28%, rgba(0, 0, 0, 0.08)) !important;
  border-top: 3.5px solid currentColor !important;
  border-radius: 16px !important;
  padding: 8px 13px 7px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 94px !important;
  height: 94px !important;
  text-align: left !important;
  box-shadow: 0 4px 14px color-mix(in srgb, currentColor 10%, transparent), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.2s ease !important;
  cursor: pointer !important;
}

/* Hover Elevation & Richer Glow */
html body.v80000-shell #page-calculator .summary-metric:hover,
body.v80000-shell .summary-metric:hover {
  transform: translateY(-3px) scale(1.01) !important;
  box-shadow: 0 12px 32px color-mix(in srgb, currentColor 28%, transparent), 0 3px 8px rgba(0, 0, 0, 0.08) !important;
  border-color: currentColor !important;
}

/* Ambient Colored Radial Backlight */
html body.v80000-shell #page-calculator .summary-metric::after,
body.v80000-shell .summary-metric::after {
  content: "" !important;
  position: absolute !important;
  right: -25px !important;
  bottom: -25px !important;
  width: 105px !important;
  height: 105px !important;
  border-radius: 50% !important;
  background: currentColor !important;
  pointer-events: none !important;
  opacity: 0.14 !important;
  filter: blur(22px) !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
  z-index: 0 !important;
}

html body.v80000-shell #page-calculator .summary-metric:hover::after,
body.v80000-shell .summary-metric:hover::after {
  opacity: 0.28 !important;
  transform: scale(1.15) !important;
}

/* Card Header Label - Crisp & Category-Colored (Light Themes) */
html body.v80000-shell #page-calculator .summary-metric > span,
body.v80000-shell .summary-metric > span {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: color-mix(in srgb, currentColor 85%, #0f172a) !important;
  text-shadow: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
}

/* Card Numeric Value - Bold, Razor-Sharp & Category-Colored (Light Themes) */
html body.v80000-shell #page-calculator .summary-metric > strong,
body.v80000-shell .summary-metric > strong {
  margin: 1px 0 !important;
  font-size: clamp(21px, 1.6vw, 25px) !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  color: currentColor !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -0.025em !important;
  text-shadow: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  background: transparent !important;
  box-shadow: none !important;
  z-index: 1 !important;
}

/* Card Subtext - Crisp & Readable Slate-600 Neutral (Light Themes) */
html body.v80000-shell #page-calculator .summary-metric > small,
body.v80000-shell .summary-metric > small {
  margin-top: 1px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-shadow: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
}

/* --------------------------------------------------------------------------
   DARK THEMES HIGH-LUMINANCE CYBER CONTRAST & READABILITY OVERRIDES
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   2.1 BASE DARK THEME CONTRAST & FALLBACK READABILITY OVERRIDES
   -------------------------------------------------------------------------- */

/* Base category colors for all dark themes (satisfying test_v80000_ui_themes) */
html[data-theme-mode="dark"] body.v80000-shell .summary-metric.line {
  color: #3b82f6 !important; /* Electric Cobalt Blue */
}
html[data-theme-mode="dark"] body.v80000-shell .summary-metric.normal {
  color: #34d399 !important; /* Radiant Neon Mint */
}
html[data-theme-mode="dark"] body.v80000-shell .summary-metric.special {
  color: #fbbf24 !important; /* Luminous Solar Gold */
}
html[data-theme-mode="dark"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme-mode="dark"] body.v80000-shell .summary-metric[data-breakdown="packing"] {
  color: #22d3ee !important; /* Radiant Ice Cyan */
}
html[data-theme-mode="dark"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme-mode="dark"] body.v80000-shell .summary-metric[data-breakdown="weight"] {
  color: #c084fc !important; /* Hyper Ultraviolet / Vivid Purple */
}
html[data-theme-mode="dark"] body.v80000-shell .summary-metric.attention {
  color: #ff5555 !important; /* Radiant Coral Flame */
}

/* Base Dark Theme Glass Surface Styling */
html[data-theme-mode="dark"] body.v80000-shell #page-calculator .summary-metric,
html[data-theme-mode="dark"] body.v80000-shell .summary-metric {
  background: linear-gradient(
    150deg,
    color-mix(in srgb, currentColor 18%, #0f172a) 0%,
    color-mix(in srgb, currentColor 8%, #0b1120) 55%,
    color-mix(in srgb, currentColor 3%, #070b14) 100%
  ) !important;
  border: 1.5px solid color-mix(in srgb, currentColor 40%, rgba(255, 255, 255, 0.14)) !important;
  border-top: 3.5px solid currentColor !important;
  backdrop-filter: blur(20px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.4) !important;
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.45),
    0 0 16px color-mix(in srgb, currentColor 20%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

/* Base Dark Theme High-Luminance Category Text */
html[data-theme-mode="dark"] body.v80000-shell #page-calculator .summary-metric > strong,
html[data-theme-mode="dark"] body.v80000-shell .summary-metric > strong,
html[data-theme="dubai_midnight"] body.v80000-shell .summary-metric > strong {
  color: color-mix(in srgb, currentColor 90%, #ffffff) !important;
  text-shadow: 0 0 14px color-mix(in srgb, currentColor 45%, transparent) !important;
  font-weight: 850 !important;
  letter-spacing: -0.025em !important;
  overflow: visible !important;
  text-overflow: clip !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Base Dark Theme Header Label */
html[data-theme-mode="dark"] body.v80000-shell #page-calculator .summary-metric > span,
html[data-theme-mode="dark"] body.v80000-shell .summary-metric > span {
  color: color-mix(in srgb, currentColor 92%, #ffffff) !important;
  text-shadow: 0 0 2px #000000, 0 1px 3px rgba(0, 0, 0, 0.75) !important;
  letter-spacing: 0.06em !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
}

/* Base Dark Theme Subtext - Luminous Crisp High-Contrast Off-White Neutral */
html[data-theme-mode="dark"] body.v80000-shell #page-calculator .summary-metric > small,
html[data-theme-mode="dark"] body.v80000-shell .summary-metric > small {
  color: #e2e8f0 !important; /* Slate-200 Crisp High-Contrast Off-White */
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
  font-size: 11.5px !important;
  font-weight: 550 !important;
  letter-spacing: 0.01em !important;
  opacity: 0.95 !important;
}


/* ==========================================================================
   2.2 THEME-SPECIFIC SUMMARY CARD IDENTITIES (UNIQUE STYLES PER THEME)
   ========================================================================== */

/* 1. Matrix Console & Cyber Matrix Terminal (Phosphor CRT Terminal) */
html[data-theme="matrix_console"] body.v80000-shell .summary-metric,
html[data-theme="cyber_matrix"] body.v80000-shell .summary-metric,
html[data-theme="noir_terminal"] body.v80000-shell .summary-metric,
html[data-theme="forest_console"] body.v80000-shell .summary-metric {
  background: linear-gradient(160deg, #021208 0%, #051c0d 60%, #010a04 100%) !important;
  border: 1.5px solid rgba(0, 255, 65, 0.35) !important;
  border-top: 3.5px solid #00ff41 !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.7), 0 0 16px rgba(0, 255, 65, 0.22), inset 0 0 10px rgba(0, 255, 65, 0.06) !important;
  font-family: "Cascadia Code", Consolas, monospace !important;
}
html[data-theme="matrix_console"] body.v80000-shell .summary-metric.line,
html[data-theme="cyber_matrix"] body.v80000-shell .summary-metric.line {
  color: #00ff88 !important; /* Phosphor Cyan-Green */
}
html[data-theme="matrix_console"] body.v80000-shell .summary-metric.normal,
html[data-theme="cyber_matrix"] body.v80000-shell .summary-metric.normal {
  color: #00ff41 !important; /* Terminal Emerald */
}
html[data-theme="matrix_console"] body.v80000-shell .summary-metric.special,
html[data-theme="cyber_matrix"] body.v80000-shell .summary-metric.special {
  color: #ffb000 !important; /* Amber CRT Readout */
}
html[data-theme="matrix_console"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="matrix_console"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme="cyber_matrix"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="cyber_matrix"] body.v80000-shell .summary-metric[data-breakdown="packing"] {
  color: #00ffff !important; /* Laser Cyan CRT */
}
html[data-theme="matrix_console"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="matrix_console"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="cyber_matrix"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="cyber_matrix"] body.v80000-shell .summary-metric[data-breakdown="weight"] {
  color: #39ff14 !important; /* Acid Neon Green */
}
html[data-theme="matrix_console"] body.v80000-shell .summary-metric.attention,
html[data-theme="cyber_matrix"] body.v80000-shell .summary-metric.attention {
  color: #ff3333 !important; /* Terminal Red Alarm */
}
html[data-theme="matrix_console"] body.v80000-shell .summary-metric > span,
html[data-theme="cyber_matrix"] body.v80000-shell .summary-metric > span {
  color: #86efac !important;
  text-shadow: 0 0 6px rgba(0, 255, 65, 0.4) !important;
  font-family: "Cascadia Code", Consolas, monospace !important;
}
html[data-theme="matrix_console"] body.v80000-shell .summary-metric > strong,
html[data-theme="cyber_matrix"] body.v80000-shell .summary-metric > strong {
  text-shadow: 0 0 16px currentColor !important;
  font-family: "Cascadia Code", Consolas, monospace !important;
}
html[data-theme="matrix_console"] body.v80000-shell .summary-metric > small,
html[data-theme="cyber_matrix"] body.v80000-shell .summary-metric > small {
  color: #6ee7b7 !important;
  text-shadow: 0 0 4px rgba(0, 255, 65, 0.3) !important;
  font-family: "Cascadia Code", Consolas, monospace !important;
}

/* 2. Fathima Signature Gold & Luxury Noir (Royal Emerald & 24K Brushed Gold) */
html[data-theme="fathima_gold"] body.v80000-shell .summary-metric,
html[data-theme="midnight_gold"] body.v80000-shell .summary-metric,
html[data-theme="gold_noir"] body.v80000-shell .summary-metric,
html[data-theme="noir_gold"] body.v80000-shell .summary-metric,
html[data-theme="champagne_luxe"] body.v80000-shell .summary-metric {
  background: linear-gradient(150deg, #06231b 0%, #0a3328 50%, #031510 100%) !important;
  border: 1.5px solid rgba(212, 175, 55, 0.45) !important;
  border-top: 3.5px solid #d4af37 !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.6), 0 0 18px rgba(212, 175, 55, 0.2), inset 0 1px 0 rgba(232, 200, 92, 0.25) !important;
}
html[data-theme="fathima_gold"] body.v80000-shell .summary-metric.line,
html[data-theme="midnight_gold"] body.v80000-shell .summary-metric.line,
html[data-theme="gold_noir"] body.v80000-shell .summary-metric.line,
html[data-theme="noir_gold"] body.v80000-shell .summary-metric.line {
  color: #e8c85c !important; /* Champagne Gold Sapphire */
}
html[data-theme="fathima_gold"] body.v80000-shell .summary-metric.normal,
html[data-theme="midnight_gold"] body.v80000-shell .summary-metric.normal,
html[data-theme="gold_noir"] body.v80000-shell .summary-metric.normal,
html[data-theme="noir_gold"] body.v80000-shell .summary-metric.normal {
  color: #34d399 !important; /* Royal Emerald */
}
html[data-theme="fathima_gold"] body.v80000-shell .summary-metric.special,
html[data-theme="midnight_gold"] body.v80000-shell .summary-metric.special,
html[data-theme="gold_noir"] body.v80000-shell .summary-metric.special,
html[data-theme="noir_gold"] body.v80000-shell .summary-metric.special {
  color: #ffd700 !important; /* Polished 24K Gold */
}
html[data-theme="fathima_gold"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="fathima_gold"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme="midnight_gold"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="midnight_gold"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme="gold_noir"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="gold_noir"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme="noir_gold"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="noir_gold"] body.v80000-shell .summary-metric[data-breakdown="packing"] {
  color: #5eead4 !important; /* Platinum Aqua Mint */
}
html[data-theme="fathima_gold"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="fathima_gold"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="midnight_gold"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="midnight_gold"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="gold_noir"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="gold_noir"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="noir_gold"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="noir_gold"] body.v80000-shell .summary-metric[data-breakdown="weight"] {
  color: #d8b4fe !important; /* Imperial Amethyst */
}
html[data-theme="fathima_gold"] body.v80000-shell .summary-metric.attention,
html[data-theme="midnight_gold"] body.v80000-shell .summary-metric.attention,
html[data-theme="gold_noir"] body.v80000-shell .summary-metric.attention,
html[data-theme="noir_gold"] body.v80000-shell .summary-metric.attention {
  color: #f87171 !important; /* Imperial Ruby */
}
html[data-theme="fathima_gold"] body.v80000-shell .summary-metric > span,
html[data-theme="midnight_gold"] body.v80000-shell .summary-metric > span,
html[data-theme="gold_noir"] body.v80000-shell .summary-metric > span,
html[data-theme="noir_gold"] body.v80000-shell .summary-metric > span {
  color: #fef08a !important;
  text-shadow: 0 0 8px rgba(212, 175, 55, 0.45) !important;
}
html[data-theme="fathima_gold"] body.v80000-shell .summary-metric > strong,
html[data-theme="midnight_gold"] body.v80000-shell .summary-metric > strong,
html[data-theme="gold_noir"] body.v80000-shell .summary-metric > strong,
html[data-theme="noir_gold"] body.v80000-shell .summary-metric > strong {
  text-shadow: 0 0 16px rgba(212, 175, 55, 0.4) !important;
}
html[data-theme="fathima_gold"] body.v80000-shell .summary-metric > small,
html[data-theme="midnight_gold"] body.v80000-shell .summary-metric > small,
html[data-theme="gold_noir"] body.v80000-shell .summary-metric > small,
html[data-theme="noir_gold"] body.v80000-shell .summary-metric > small {
  color: #fef3c7 !important;
}

/* 3. Dubai Midnight Glass & Executive Boardroom (Navy Charcoal & Ice Cyan) */
html[data-theme="dubai_midnight"] body.v80000-shell .summary-metric,
html[data-theme="executive_midnight"] body.v80000-shell .summary-metric {
  background: linear-gradient(150deg, #131b2e 0%, #1a253e 50%, #0e1525 100%) !important;
  border: 1.5px solid rgba(0, 242, 254, 0.35) !important;
  border-top: 3.5px solid #00f2fe !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.55), 0 0 20px rgba(0, 242, 254, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}
html[data-theme="dubai_midnight"] body.v80000-shell .summary-metric.line,
html[data-theme="executive_midnight"] body.v80000-shell .summary-metric.line {
  color: #00f2fe !important; /* Luminous Ice Cyan */
}
html[data-theme="dubai_midnight"] body.v80000-shell .summary-metric.normal,
html[data-theme="executive_midnight"] body.v80000-shell .summary-metric.normal {
  color: #2dd4bf !important; /* Seafoam Mint */
}
html[data-theme="dubai_midnight"] body.v80000-shell .summary-metric.special,
html[data-theme="executive_midnight"] body.v80000-shell .summary-metric.special {
  color: #fbbf24 !important; /* Desert Gold */
}
html[data-theme="dubai_midnight"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="dubai_midnight"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme="executive_midnight"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="executive_midnight"] body.v80000-shell .summary-metric[data-breakdown="packing"] {
  color: #38bdf8 !important; /* Marina Sky Cyan */
}
html[data-theme="dubai_midnight"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="dubai_midnight"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="executive_midnight"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="executive_midnight"] body.v80000-shell .summary-metric[data-breakdown="weight"] {
  color: #818cf8 !important; /* Ultramarine Sapphire */
}
html[data-theme="dubai_midnight"] body.v80000-shell .summary-metric.attention,
html[data-theme="executive_midnight"] body.v80000-shell .summary-metric.attention {
  color: #ff4d6d !important; /* Beacon Rose */
}
html[data-theme="dubai_midnight"] body.v80000-shell .summary-metric > span,
html[data-theme="executive_midnight"] body.v80000-shell .summary-metric > span {
  color: #bae6fd !important;
}

/* 4. Tokyo Cyber Neon, Synthwave & Outrun (Shibuya Holographic Neon) */
html[data-theme="tokyo_cyber_neon"] body.v80000-shell .summary-metric,
html[data-theme="synthwave_neon"] body.v80000-shell .summary-metric,
html[data-theme="void_neon"] body.v80000-shell .summary-metric,
html[data-theme="hyper_neon_cockpit"] body.v80000-shell .summary-metric,
html[data-theme="arc_cyber"] body.v80000-shell .summary-metric,
html[data-theme="neon_boulevard"] body.v80000-shell .summary-metric {
  background: linear-gradient(150deg, #0d0d1a 0%, #17152c 55%, #080812 100%) !important;
  border: 1.5px solid rgba(0, 255, 255, 0.4) !important;
  border-top: 3.5px solid #ff007f !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.65), 0 0 24px rgba(255, 0, 127, 0.25), inset 0 0 14px rgba(0, 255, 255, 0.15) !important;
  font-family: "Cascadia Code", Consolas, monospace !important;
}
html[data-theme="tokyo_cyber_neon"] body.v80000-shell .summary-metric.line,
html[data-theme="synthwave_neon"] body.v80000-shell .summary-metric.line,
html[data-theme="void_neon"] body.v80000-shell .summary-metric.line,
html[data-theme="hyper_neon_cockpit"] body.v80000-shell .summary-metric.line {
  color: #00ffff !important; /* Laser Cyan */
}
html[data-theme="tokyo_cyber_neon"] body.v80000-shell .summary-metric.normal,
html[data-theme="synthwave_neon"] body.v80000-shell .summary-metric.normal,
html[data-theme="void_neon"] body.v80000-shell .summary-metric.normal,
html[data-theme="hyper_neon_cockpit"] body.v80000-shell .summary-metric.normal {
  color: #39ff14 !important; /* Acid Neon Green */
}
html[data-theme="tokyo_cyber_neon"] body.v80000-shell .summary-metric.special,
html[data-theme="synthwave_neon"] body.v80000-shell .summary-metric.special,
html[data-theme="void_neon"] body.v80000-shell .summary-metric.special,
html[data-theme="hyper_neon_cockpit"] body.v80000-shell .summary-metric.special {
  color: #ffe600 !important; /* Cyber Yellow */
}
html[data-theme="tokyo_cyber_neon"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="tokyo_cyber_neon"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme="synthwave_neon"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="synthwave_neon"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme="void_neon"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="void_neon"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme="hyper_neon_cockpit"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="hyper_neon_cockpit"] body.v80000-shell .summary-metric[data-breakdown="packing"] {
  color: #ff007f !important; /* Tokyo Hot Pink */
}
html[data-theme="tokyo_cyber_neon"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="tokyo_cyber_neon"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="synthwave_neon"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="synthwave_neon"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="void_neon"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="void_neon"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="hyper_neon_cockpit"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="hyper_neon_cockpit"] body.v80000-shell .summary-metric[data-breakdown="weight"] {
  color: #b026ff !important; /* Electric Ultraviolet */
}
html[data-theme="tokyo_cyber_neon"] body.v80000-shell .summary-metric.attention,
html[data-theme="synthwave_neon"] body.v80000-shell .summary-metric.attention,
html[data-theme="void_neon"] body.v80000-shell .summary-metric.attention,
html[data-theme="hyper_neon_cockpit"] body.v80000-shell .summary-metric.attention {
  color: #ff2a5f !important;
}
html[data-theme="tokyo_cyber_neon"] body.v80000-shell .summary-metric > span,
html[data-theme="synthwave_neon"] body.v80000-shell .summary-metric > span,
html[data-theme="void_neon"] body.v80000-shell .summary-metric > span,
html[data-theme="hyper_neon_cockpit"] body.v80000-shell .summary-metric > span {
  color: #c7d2fe !important;
  text-shadow: 0 0 8px rgba(0, 255, 255, 0.45) !important;
  font-family: "Cascadia Code", Consolas, monospace !important;
}
html[data-theme="tokyo_cyber_neon"] body.v80000-shell .summary-metric > strong,
html[data-theme="synthwave_neon"] body.v80000-shell .summary-metric > strong,
html[data-theme="void_neon"] body.v80000-shell .summary-metric > strong,
html[data-theme="hyper_neon_cockpit"] body.v80000-shell .summary-metric > strong {
  text-shadow: 0 0 16px currentColor !important;
  font-family: "Cascadia Code", Consolas, monospace !important;
}
html[data-theme="tokyo_cyber_neon"] body.v80000-shell .summary-metric > small,
html[data-theme="synthwave_neon"] body.v80000-shell .summary-metric > small,
html[data-theme="void_neon"] body.v80000-shell .summary-metric > small,
html[data-theme="hyper_neon_cockpit"] body.v80000-shell .summary-metric > small {
  color: #f1f5f9 !important;
  font-family: "Cascadia Code", Consolas, monospace !important;
}

/* 5. Sandstone Minimalist & Washi Paper Clean (Architectural Natural Minimalism) */
html[data-theme="sandstone_minimal"] body.v80000-shell .summary-metric,
html[data-theme="paper_clean"] body.v80000-shell .summary-metric,
html[data-theme="alpine_paper"] body.v80000-shell .summary-metric,
html[data-theme="alabaster_minimal"] body.v80000-shell .summary-metric,
html[data-theme="nordic_rose"] body.v80000-shell .summary-metric,
html[data-theme="tuscan_olive"] body.v80000-shell .summary-metric {
  background: linear-gradient(170deg, #fffdf9 0%, #f6f1e8 100%) !important;
  border: 1.5px solid #d8cec0 !important;
  border-top: 3.5px solid #c85a32 !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 18px rgba(100, 60, 40, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}
html[data-theme="paper_clean"] body.v80000-shell .summary-metric {
  border-top: 3.5px solid #18181b !important;
  background: linear-gradient(170deg, #ffffff 0%, #f7f4ed 100%) !important;
}
html[data-theme="sandstone_minimal"] body.v80000-shell .summary-metric.line,
html[data-theme="paper_clean"] body.v80000-shell .summary-metric.line,
html[data-theme="alpine_paper"] body.v80000-shell .summary-metric.line {
  color: #1e3a5f !important; /* Oxford Navy Ink */
}
html[data-theme="sandstone_minimal"] body.v80000-shell .summary-metric.normal,
html[data-theme="paper_clean"] body.v80000-shell .summary-metric.normal,
html[data-theme="alpine_paper"] body.v80000-shell .summary-metric.normal {
  color: #2d6a4f !important; /* Deep Forest Olive */
}
html[data-theme="sandstone_minimal"] body.v80000-shell .summary-metric.special,
html[data-theme="paper_clean"] body.v80000-shell .summary-metric.special,
html[data-theme="alpine_paper"] body.v80000-shell .summary-metric.special {
  color: #c85a32 !important; /* Terracotta Sienna */
}
html[data-theme="sandstone_minimal"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="sandstone_minimal"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme="paper_clean"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="paper_clean"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme="alpine_paper"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="alpine_paper"] body.v80000-shell .summary-metric[data-breakdown="packing"] {
  color: #0f766e !important; /* Natural Stone Teal */
}
html[data-theme="sandstone_minimal"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="sandstone_minimal"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="paper_clean"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="paper_clean"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="alpine_paper"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="alpine_paper"] body.v80000-shell .summary-metric[data-breakdown="weight"] {
  color: #6b21a8 !important; /* Vintage Plum */
}
html[data-theme="sandstone_minimal"] body.v80000-shell .summary-metric.attention,
html[data-theme="paper_clean"] body.v80000-shell .summary-metric.attention,
html[data-theme="alpine_paper"] body.v80000-shell .summary-metric.attention {
  color: #b91c1c !important; /* Wax Seal Crimson */
}
html[data-theme="sandstone_minimal"] body.v80000-shell .summary-metric > span,
html[data-theme="paper_clean"] body.v80000-shell .summary-metric > span {
  color: #574438 !important;
  text-shadow: none !important;
}
html[data-theme="sandstone_minimal"] body.v80000-shell .summary-metric > strong,
html[data-theme="paper_clean"] body.v80000-shell .summary-metric > strong {
  text-shadow: none !important;
}
html[data-theme="sandstone_minimal"] body.v80000-shell .summary-metric > small,
html[data-theme="paper_clean"] body.v80000-shell .summary-metric > small {
  color: #645347 !important;
  text-shadow: none !important;
}

/* 6. Hyper Cargo Fleet & Logistics Cockpit (Industrial Slate & Safety Orange) */
html[data-theme="hyper_cargo"] body.v80000-shell .summary-metric,
html[data-theme="cargo_slate"] body.v80000-shell .summary-metric,
html[data-theme="steel_operations"] body.v80000-shell .summary-metric {
  background: linear-gradient(160deg, #ffffff 0%, #f1f5f9 100%) !important;
  border: 1.5px solid #cbd5e1 !important;
  border-top: 4px solid #f97316 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 22px rgba(249, 115, 22, 0.12), 0 2px 6px rgba(15, 23, 42, 0.06) !important;
}
html[data-theme="hyper_cargo"] body.v80000-shell .summary-metric.line,
html[data-theme="cargo_slate"] body.v80000-shell .summary-metric.line {
  color: #0369a1 !important; /* Fleet Navy */
}
html[data-theme="hyper_cargo"] body.v80000-shell .summary-metric.normal,
html[data-theme="cargo_slate"] body.v80000-shell .summary-metric.normal {
  color: #059669 !important; /* Dispatch Green */
}
html[data-theme="hyper_cargo"] body.v80000-shell .summary-metric.special,
html[data-theme="cargo_slate"] body.v80000-shell .summary-metric.special {
  color: #f97316 !important; /* High-Vis Safety Orange */
}
html[data-theme="hyper_cargo"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="hyper_cargo"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme="cargo_slate"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="cargo_slate"] body.v80000-shell .summary-metric[data-breakdown="packing"] {
  color: #0891b2 !important; /* Container Teal */
}
html[data-theme="hyper_cargo"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="hyper_cargo"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="cargo_slate"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="cargo_slate"] body.v80000-shell .summary-metric[data-breakdown="weight"] {
  color: #6366f1 !important; /* Tonnage Indigo */
}
html[data-theme="hyper_cargo"] body.v80000-shell .summary-metric.attention,
html[data-theme="cargo_slate"] body.v80000-shell .summary-metric.attention {
  color: #dc2626 !important; /* Overload Red */
}
html[data-theme="hyper_cargo"] body.v80000-shell .summary-metric > span,
html[data-theme="cargo_slate"] body.v80000-shell .summary-metric > span {
  color: #1e293b !important;
}
html[data-theme="hyper_cargo"] body.v80000-shell .summary-metric > small,
html[data-theme="cargo_slate"] body.v80000-shell .summary-metric > small {
  color: #475569 !important;
}

/* 7. Nordic Frost, Arctic Routes & Glacial Ice */
html[data-theme="nordic_frost"] body.v80000-shell .summary-metric,
html[data-theme="arctic_routes"] body.v80000-shell .summary-metric,
html[data-theme="glacier_blue"] body.v80000-shell .summary-metric,
html[data-theme="arctic"] body.v80000-shell .summary-metric,
html[data-theme="quantum_light"] body.v80000-shell .summary-metric,
html[data-theme="harbor_blue"] body.v80000-shell .summary-metric,
html[data-theme="lumen_glass"] body.v80000-shell .summary-metric,
html[data-theme="cupertino_silver"] body.v80000-shell .summary-metric,
html[data-theme="aurora_light"] body.v80000-shell .summary-metric {
  background: linear-gradient(160deg, #f0f7fc 0%, #e2effa 100%) !important;
  border: 1.5px solid #b8d9f0 !important;
  border-top: 3.5px solid #0284c7 !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(2, 132, 199, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
html[data-theme="nordic_frost"] body.v80000-shell .summary-metric.line,
html[data-theme="arctic_routes"] body.v80000-shell .summary-metric.line,
html[data-theme="arctic"] body.v80000-shell .summary-metric.line,
html[data-theme="quantum_light"] body.v80000-shell .summary-metric.line {
  color: #0284c7 !important; /* Glacier Cobalt */
}
html[data-theme="nordic_frost"] body.v80000-shell .summary-metric.normal,
html[data-theme="arctic_routes"] body.v80000-shell .summary-metric.normal,
html[data-theme="arctic"] body.v80000-shell .summary-metric.normal,
html[data-theme="quantum_light"] body.v80000-shell .summary-metric.normal {
  color: #059669 !important; /* Boreal Pine */
}
html[data-theme="nordic_frost"] body.v80000-shell .summary-metric.special,
html[data-theme="arctic_routes"] body.v80000-shell .summary-metric.special,
html[data-theme="arctic"] body.v80000-shell .summary-metric.special,
html[data-theme="quantum_light"] body.v80000-shell .summary-metric.special {
  color: #d97706 !important; /* Arctic Sun Amber */
}
html[data-theme="nordic_frost"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="nordic_frost"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme="arctic_routes"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="arctic_routes"] body.v80000-shell .summary-metric[data-breakdown="packing"] {
  color: #0891b2 !important; /* Fjord Cyan */
}
html[data-theme="nordic_frost"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="nordic_frost"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="arctic_routes"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="arctic_routes"] body.v80000-shell .summary-metric[data-breakdown="weight"] {
  color: #7c3aed !important; /* Nordic Violet */
}
html[data-theme="nordic_frost"] body.v80000-shell .summary-metric > span,
html[data-theme="arctic_routes"] body.v80000-shell .summary-metric > span {
  color: #0f4a75 !important;
}
html[data-theme="nordic_frost"] body.v80000-shell .summary-metric > small,
html[data-theme="arctic_routes"] body.v80000-shell .summary-metric > small {
  color: #335c7d !important;
}

/* 8. Copper Foundry & Rust Forge (Industrial Crucible Heat) */
html[data-theme="copper_foundry"] body.v80000-shell .summary-metric,
html[data-theme="rust_forge"] body.v80000-shell .summary-metric,
html[data-theme="sunset_studio"] body.v80000-shell .summary-metric,
html[data-theme="deep_space_orange"] body.v80000-shell .summary-metric {
  background: linear-gradient(150deg, #18110c 0%, #251810 55%, #100b07 100%) !important;
  border: 1.5px solid rgba(249, 115, 22, 0.35) !important;
  border-top: 3.5px solid #ea580c !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.6), 0 0 20px rgba(234, 88, 12, 0.22) !important;
}
html[data-theme="copper_foundry"] body.v80000-shell .summary-metric.line,
html[data-theme="rust_forge"] body.v80000-shell .summary-metric.line {
  color: #f97316 !important; /* Molten Copper */
}
html[data-theme="copper_foundry"] body.v80000-shell .summary-metric.normal,
html[data-theme="rust_forge"] body.v80000-shell .summary-metric.normal {
  color: #10b981 !important; /* Patina Verde */
}
html[data-theme="copper_foundry"] body.v80000-shell .summary-metric.special,
html[data-theme="rust_forge"] body.v80000-shell .summary-metric.special {
  color: #eab308 !important; /* Foundry Brass */
}
html[data-theme="copper_foundry"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="copper_foundry"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme="rust_forge"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="rust_forge"] body.v80000-shell .summary-metric[data-breakdown="packing"] {
  color: #06b6d4 !important; /* Quench Cyan */
}
html[data-theme="copper_foundry"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="copper_foundry"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="rust_forge"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="rust_forge"] body.v80000-shell .summary-metric[data-breakdown="weight"] {
  color: #c084fc !important; /* Temper Violet */
}
html[data-theme="copper_foundry"] body.v80000-shell .summary-metric > span,
html[data-theme="rust_forge"] body.v80000-shell .summary-metric > span {
  color: #fed7aa !important;
}

/* 9. Crimson Valkyrie & Tactical Strike (Obsidian Titanium & Scarlet Edge) */
html[data-theme="crimson_valkyrie"] body.v80000-shell .summary-metric,
html[data-theme="void_crimson"] body.v80000-shell .summary-metric,
html[data-theme="sakura_dark"] body.v80000-shell .summary-metric {
  background: linear-gradient(150deg, #14090c 0%, #220e14 55%, #0d0507 100%) !important;
  border: 1.5px solid rgba(225, 29, 72, 0.4) !important;
  border-top: 3.5px solid #e11d48 !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.65), 0 0 22px rgba(225, 29, 72, 0.25) !important;
}
html[data-theme="crimson_valkyrie"] body.v80000-shell .summary-metric.line,
html[data-theme="void_crimson"] body.v80000-shell .summary-metric.line {
  color: #38bdf8 !important; /* Tactical Avionics Sky */
}
html[data-theme="crimson_valkyrie"] body.v80000-shell .summary-metric.normal,
html[data-theme="void_crimson"] body.v80000-shell .summary-metric.normal {
  color: #34d399 !important; /* Active Radar Mint */
}
html[data-theme="crimson_valkyrie"] body.v80000-shell .summary-metric.special,
html[data-theme="void_crimson"] body.v80000-shell .summary-metric.special {
  color: #fbbf24 !important; /* Targeting Amber */
}
html[data-theme="crimson_valkyrie"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="crimson_valkyrie"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme="void_crimson"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="void_crimson"] body.v80000-shell .summary-metric[data-breakdown="packing"] {
  color: #e11d48 !important; /* Valkyrie Crimson */
}
html[data-theme="crimson_valkyrie"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="crimson_valkyrie"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="void_crimson"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="void_crimson"] body.v80000-shell .summary-metric[data-breakdown="weight"] {
  color: #c084fc !important; /* Plasma Core Violet */
}
html[data-theme="crimson_valkyrie"] body.v80000-shell .summary-metric > span,
html[data-theme="void_crimson"] body.v80000-shell .summary-metric > span {
  color: #fecdd3 !important;
}

/* 10. Solarpunk Clean & Botanical Rainforest */
html[data-theme="solarpunk_clean"] body.v80000-shell .summary-metric,
html[data-theme="verdant_pine"] body.v80000-shell .summary-metric,
html[data-theme="kyoto_matcha"] body.v80000-shell .summary-metric,
html[data-theme="emerald_executive"] body.v80000-shell .summary-metric,
html[data-theme="fintech_emerald"] body.v80000-shell .summary-metric {
  background: linear-gradient(160deg, #fbfdfa 0%, #eef5ed 100%) !important;
  border: 1.5px solid #c2dbbe !important;
  border-top: 3.5px solid #059669 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(5, 150, 105, 0.12), 0 2px 6px rgba(20, 35, 24, 0.05) !important;
}
html[data-theme="amazon_forest"] body.v80000-shell .summary-metric,
html[data-theme="emerald_route"] body.v80000-shell .summary-metric,
html[data-theme="monsoon_green"] body.v80000-shell .summary-metric {
  background: linear-gradient(150deg, #071f17 0%, #0d2d22 55%, #04140f 100%) !important;
  border: 1.5px solid rgba(52, 211, 153, 0.35) !important;
  border-top: 3.5px solid #10b981 !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.6), 0 0 20px rgba(16, 185, 129, 0.18) !important;
}
html[data-theme="solarpunk_clean"] body.v80000-shell .summary-metric.line,
html[data-theme="amazon_forest"] body.v80000-shell .summary-metric.line,
html[data-theme="emerald_route"] body.v80000-shell .summary-metric.line {
  color: #0284c7 !important; /* River Azure */
}
html[data-theme="solarpunk_clean"] body.v80000-shell .summary-metric.normal,
html[data-theme="amazon_forest"] body.v80000-shell .summary-metric.normal,
html[data-theme="emerald_route"] body.v80000-shell .summary-metric.normal {
  color: #059669 !important; /* Bamboo Jade */
}
html[data-theme="solarpunk_clean"] body.v80000-shell .summary-metric.special,
html[data-theme="amazon_forest"] body.v80000-shell .summary-metric.special,
html[data-theme="emerald_route"] body.v80000-shell .summary-metric.special {
  color: #d97706 !important; /* Solar Amber */
}
html[data-theme="solarpunk_clean"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="solarpunk_clean"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme="amazon_forest"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="amazon_forest"] body.v80000-shell .summary-metric[data-breakdown="packing"] {
  color: #0f766e !important; /* Canopy Teal */
}
html[data-theme="solarpunk_clean"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="solarpunk_clean"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="amazon_forest"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="amazon_forest"] body.v80000-shell .summary-metric[data-breakdown="weight"] {
  color: #8b5cf6 !important; /* Orchid Violet */
}

/* 11. Obsidian Minimalist & High-Contrast OLED (Pitch Black & Monochrome) */
html[data-theme="obsidian_minimal"] body.v80000-shell .summary-metric,
html[data-theme="high_contrast_oled"] body.v80000-shell .summary-metric,
html[data-theme="vercel_obsidian"] body.v80000-shell .summary-metric,
html[data-theme="carbon_fiber"] body.v80000-shell .summary-metric {
  background: #000000 !important;
  border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
  border-top: 3.5px solid #ffffff !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8), inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}
html[data-theme="obsidian_minimal"] body.v80000-shell .summary-metric.line,
html[data-theme="high_contrast_oled"] body.v80000-shell .summary-metric.line {
  color: #ffffff !important; /* Pure Stark White */
}
html[data-theme="obsidian_minimal"] body.v80000-shell .summary-metric.normal,
html[data-theme="high_contrast_oled"] body.v80000-shell .summary-metric.normal {
  color: #34d399 !important; /* Neon Mint */
}
html[data-theme="obsidian_minimal"] body.v80000-shell .summary-metric.special,
html[data-theme="high_contrast_oled"] body.v80000-shell .summary-metric.special {
  color: #fbbf24 !important; /* Stark Amber Gold */
}
html[data-theme="obsidian_minimal"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="obsidian_minimal"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme="high_contrast_oled"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="high_contrast_oled"] body.v80000-shell .summary-metric[data-breakdown="packing"] {
  color: #38bdf8 !important; /* Laser Sky */
}
html[data-theme="obsidian_minimal"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="obsidian_minimal"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="high_contrast_oled"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="high_contrast_oled"] body.v80000-shell .summary-metric[data-breakdown="weight"] {
  color: #c084fc !important; /* Electric Violet */
}
html[data-theme="obsidian_minimal"] body.v80000-shell .summary-metric > span,
html[data-theme="high_contrast_oled"] body.v80000-shell .summary-metric > span {
  color: #f4f4f5 !important;
}
html[data-theme="obsidian_minimal"] body.v80000-shell .summary-metric > small,
html[data-theme="high_contrast_oled"] body.v80000-shell .summary-metric > small {
  color: #e4e4e7 !important;
}

/* Equal ERP Summary Cards */
html[data-theme="equal_erp"] body.v80000-shell .summary-metric {
  background: #ffffff !important;
  border: 1.5px solid #9bb3c7 !important;
  border-top: 4px solid #163b5c !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 14px rgba(22, 59, 92, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}
html[data-theme="equal_erp"] body.v80000-shell .summary-metric.line {
  color: #000088 !important; /* Classic Deep Royal Blue */
}
html[data-theme="equal_erp"] body.v80000-shell .summary-metric.normal {
  color: #006633 !important; /* Classic ERP Forest Emerald */
}
html[data-theme="equal_erp"] body.v80000-shell .summary-metric.special {
  color: #8a4b08 !important; /* Classic Brass Amber */
}
html[data-theme="equal_erp"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="equal_erp"] body.v80000-shell .summary-metric[data-breakdown="packing"] {
  color: #026a75 !important; /* Precision Cyan */
}
html[data-theme="equal_erp"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="equal_erp"] body.v80000-shell .summary-metric[data-breakdown="weight"] {
  color: #4338ca !important; /* Equal ERP Indigo / Periwinkle */
}
html[data-theme="equal_erp"] body.v80000-shell .summary-metric > span {
  color: #163b5c !important;
  font-weight: 750 !important;
  letter-spacing: 0.05em !important;
}
html[data-theme="equal_erp"] body.v80000-shell .summary-metric > small {
  color: #475569 !important;
}
html[data-theme="equal_erp"] body.v80000-shell .summary-metric strong {
  font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
  font-weight: 850 !important;
}

/* 12. Swiss Corporate & Classic Office (Zurich Precision Financial) */
html[data-theme="swiss_corporate"] body.v80000-shell .summary-metric,
html[data-theme="classic_office_simple"] body.v80000-shell .summary-metric,
html[data-theme="executive_blue"] body.v80000-shell .summary-metric,
html[data-theme="navy_ledger"] body.v80000-shell .summary-metric {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  border-top: 4px solid #0f3b6c !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 18px rgba(15, 59, 108, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}
html[data-theme="swiss_corporate"] body.v80000-shell .summary-metric.line,
html[data-theme="classic_office_simple"] body.v80000-shell .summary-metric.line {
  color: #0f3b6c !important; /* Zurich Navy */
}
html[data-theme="swiss_corporate"] body.v80000-shell .summary-metric.normal,
html[data-theme="classic_office_simple"] body.v80000-shell .summary-metric.normal {
  color: #059669 !important; /* Executive Emerald */
}
html[data-theme="swiss_corporate"] body.v80000-shell .summary-metric.special,
html[data-theme="classic_office_simple"] body.v80000-shell .summary-metric.special {
  color: #b45309 !important; /* Brass Amber */
}
html[data-theme="swiss_corporate"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="swiss_corporate"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme="classic_office_simple"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="classic_office_simple"] body.v80000-shell .summary-metric[data-breakdown="packing"] {
  color: #0891b2 !important; /* Precision Teal */
}
html[data-theme="swiss_corporate"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="swiss_corporate"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="classic_office_simple"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="classic_office_simple"] body.v80000-shell .summary-metric[data-breakdown="weight"] {
  color: #6d28d9 !important; /* Boardroom Violet */
}
html[data-theme="swiss_corporate"] body.v80000-shell .summary-metric > span,
html[data-theme="classic_office_simple"] body.v80000-shell .summary-metric > span {
  color: #334155 !important;
}
html[data-theme="swiss_corporate"] body.v80000-shell .summary-metric > small,
html[data-theme="classic_office_simple"] body.v80000-shell .summary-metric > small {
  color: #475569 !important;
}

/* 13. Chroma Pulse Prismatic & Vibrant Daylight (Color Energy Burst) */
html[data-theme="chroma_pulse_dark"] body.v80000-shell .summary-metric {
  background: linear-gradient(150deg, #110e24 0%, #1c163d 55%, #0a0817 100%) !important;
  border: 1.5px solid rgba(236, 72, 153, 0.4) !important;
  border-top: 3.5px solid #ec4899 !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.65), 0 0 20px rgba(236, 72, 153, 0.22) !important;
}
html[data-theme="vibrant_daylight"] body.v80000-shell .summary-metric,
html[data-theme="cyber_daybreak"] body.v80000-shell .summary-metric,
html[data-theme="aero_flux"] body.v80000-shell .summary-metric,
html[data-theme="pacific_turquoise"] body.v80000-shell .summary-metric {
  background: linear-gradient(160deg, #fffbf9 0%, #fff0f3 100%) !important;
  border: 1.5px solid #fecdd3 !important;
  border-top: 3.5px solid #e11d48 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 24px rgba(225, 29, 72, 0.12), 0 2px 6px rgba(30, 27, 75, 0.05) !important;
}
html[data-theme="chroma_pulse_dark"] body.v80000-shell .summary-metric.line,
html[data-theme="vibrant_daylight"] body.v80000-shell .summary-metric.line {
  color: #ec4899 !important; /* Neon Magenta / Coral */
}
html[data-theme="chroma_pulse_dark"] body.v80000-shell .summary-metric.normal,
html[data-theme="vibrant_daylight"] body.v80000-shell .summary-metric.normal {
  color: #059669 !important; /* Emerald Green */
}
html[data-theme="chroma_pulse_dark"] body.v80000-shell .summary-metric.special,
html[data-theme="vibrant_daylight"] body.v80000-shell .summary-metric.special {
  color: #f59e0b !important; /* Sunburst Amber */
}
html[data-theme="chroma_pulse_dark"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="chroma_pulse_dark"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme="vibrant_daylight"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="vibrant_daylight"] body.v80000-shell .summary-metric[data-breakdown="packing"] {
  color: #06b6d4 !important; /* Prismatic Cyan */
}
html[data-theme="chroma_pulse_dark"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="chroma_pulse_dark"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="vibrant_daylight"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="vibrant_daylight"] body.v80000-shell .summary-metric[data-breakdown="weight"] {
  color: #a855f7 !important; /* Electric Purple */
}

/* 14. Quantum Void HUD & Solar Nebula (Cosmic Deep Space Telemetry) */
html[data-theme="quantum_void"] body.v80000-shell .summary-metric,
html[data-theme="solar_nebula"] body.v80000-shell .summary-metric,
html[data-theme="celestial_nebula"] body.v80000-shell .summary-metric,
html[data-theme="plasma_storm"] body.v80000-shell .summary-metric,
html[data-theme="teal_circuit"] body.v80000-shell .summary-metric,
html[data-theme="solarized_abyss"] body.v80000-shell .summary-metric {
  background: linear-gradient(150deg, #090914 0%, #13122b 55%, #05050c 100%) !important;
  border: 1.5px solid rgba(6, 182, 212, 0.4) !important;
  border-top: 3.5px solid #06b6d4 !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.7), 0 0 22px rgba(6, 182, 212, 0.22) !important;
}
html[data-theme="quantum_void"] body.v80000-shell .summary-metric.line {
  color: #06b6d4 !important; /* Quantum Cyan */
}
html[data-theme="quantum_void"] body.v80000-shell .summary-metric.normal {
  color: #10b981 !important; /* Particle Emerald */
}
html[data-theme="quantum_void"] body.v80000-shell .summary-metric.special {
  color: #f59e0b !important; /* Stellar Amber */
}
html[data-theme="quantum_void"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme="quantum_void"] body.v80000-shell .summary-metric[data-breakdown="packing"] {
  color: #38bdf8 !important; /* Cosmic Sky */
}
html[data-theme="quantum_void"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme="quantum_void"] body.v80000-shell .summary-metric[data-breakdown="weight"] {
  color: #8b5cf6 !important; /* Ultraviolet Aura */
}

/* 15. Slate Dark Simple & Neutral Titanium */
html[data-theme="slate_dark_simple"] body.v80000-shell .summary-metric,
html[data-theme="stealth_titanium"] body.v80000-shell .summary-metric,
html[data-theme="linear_dark"] body.v80000-shell .summary-metric,
html[data-theme="executive_dark"] body.v80000-shell .summary-metric,
html[data-theme="monokai_pro"] body.v80000-shell .summary-metric,
html[data-theme="catppuccin_mocha"] body.v80000-shell .summary-metric,
html[data-theme="tokyo_night"] body.v80000-shell .summary-metric,
html[data-theme="cobalt_motion"] body.v80000-shell .summary-metric {
  background: linear-gradient(150deg, #131c2e 0%, #1c273e 55%, #0e1524 100%) !important;
  border: 1.5px solid rgba(59, 130, 246, 0.35) !important;
  border-top: 3.5px solid #3b82f6 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5), 0 0 16px rgba(59, 130, 246, 0.16) !important;
}

/* 16. Dynamic Theme Signature Adaptation for all other themes */
html[data-theme] body.v80000-shell .summary-metric {
  border-top-color: var(--accent) !important;
}


/* ==========================================================================
   2.3 APPEARANCE CENTER CUSTOM SUMMARY DESIGNS (OVERRIDE THEME DEFAULTS)
   ========================================================================== */

/* User explicitly selected "Minimal" design */
html[data-summary-design="minimal"] body.v80000-shell .summary-metric,
html[data-theme][data-summary-design="minimal"] body.v80000-shell .summary-metric {
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  border-top: 1px solid var(--border) !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}

/* User explicitly selected "Outline" design */
html[data-summary-design="outline"] body.v80000-shell .summary-metric,
html[data-theme][data-summary-design="outline"] body.v80000-shell .summary-metric {
  background: transparent !important;
  border: 2px solid currentColor !important;
  border-top: 2px solid currentColor !important;
  box-shadow: none !important;
}

/* User explicitly selected "Flat" design */
html[data-summary-design="flat"] body.v80000-shell .summary-metric,
html[data-theme][data-summary-design="flat"] body.v80000-shell .summary-metric {
  background: color-mix(in srgb, currentColor 8%, var(--panel)) !important;
  border: 1px solid var(--border) !important;
  border-top: 1px solid var(--border) !important;
  box-shadow: none !important;
}

/* User explicitly selected "Glass" or "Photo Glass" design */
html[data-summary-design="glass"] body.v80000-shell .summary-metric,
html[data-summary-design="photo_glass"] body.v80000-shell .summary-metric,
html[data-theme][data-summary-design="glass"] body.v80000-shell .summary-metric,
html[data-theme][data-summary-design="photo_glass"] body.v80000-shell .summary-metric {
  background: color-mix(in srgb, var(--panel) 58%, transparent) !important;
  backdrop-filter: blur(20px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.3) !important;
  border: 1.5px solid color-mix(in srgb, #ffffff 32%, var(--border)) !important;
  border-top: 3.5px solid currentColor !important;
}

/* User explicitly selected "Frosted" design */
html[data-summary-design="frosted"] body.v80000-shell .summary-metric,
html[data-theme][data-summary-design="frosted"] body.v80000-shell .summary-metric {
  background: color-mix(in srgb, var(--panel) 82%, transparent) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1.5px solid var(--border) !important;
  border-top: 3.5px solid currentColor !important;
}

/* User explicitly selected "Compact Office" design */
html[data-summary-design="office"] body.v80000-shell .summary-metric,
html[data-theme][data-summary-design="office"] body.v80000-shell .summary-metric {
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  border-left: 5px solid currentColor !important;
  border-top: 1px solid var(--border) !important;
  border-radius: 8px !important;
}

/* User explicitly selected "Accent Bar" design */
html[data-summary-design="accent_bar"] body.v80000-shell .summary-metric,
html[data-theme][data-summary-design="accent_bar"] body.v80000-shell .summary-metric {
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  border-left: 6px solid currentColor !important;
  border-top: 1px solid var(--border) !important;
}

/* User explicitly selected "Corporate" design */
html[data-summary-design="corporate"] body.v80000-shell .summary-metric,
html[data-theme][data-summary-design="corporate"] body.v80000-shell .summary-metric {
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  border-top: 4px solid currentColor !important;
  border-radius: 8px !important;
}

/* User explicitly selected "Dark Luxe" design */
html[data-summary-design="dark_luxe"] body.v80000-shell .summary-metric,
html[data-theme][data-summary-design="dark_luxe"] body.v80000-shell .summary-metric {
  background: linear-gradient(145deg, #111316, #202226) !important;
  border: 1.5px solid color-mix(in srgb, currentColor 48%, #34373c) !important;
  border-top: 3.5px solid currentColor !important;
}

/* User explicitly selected "Editorial" design */
html[data-summary-design="editorial"] body.v80000-shell .summary-metric,
html[data-theme][data-summary-design="editorial"] body.v80000-shell .summary-metric {
  background: linear-gradient(180deg, var(--panel), color-mix(in srgb, currentColor 5%, var(--panel))) !important;
  border: 1px solid var(--border) !important;
  border-left: 4px solid currentColor !important;
  border-top: 1px solid var(--border) !important;
  border-radius: 6px !important;
}
html[data-summary-design="editorial"] body.v80000-shell .summary-metric > strong,
html[data-theme][data-summary-design="editorial"] body.v80000-shell .summary-metric > strong {
  font-family: Georgia, "Times New Roman", serif !important;
}

/* User explicitly selected "Neon Edge" design */
html[data-summary-design="neon_edge"] body.v80000-shell .summary-metric,
html[data-theme][data-summary-design="neon_edge"] body.v80000-shell .summary-metric {
  background: color-mix(in srgb, #07111d 92%, currentColor) !important;
  border: 2px solid currentColor !important;
  border-top: 2px solid currentColor !important;
  box-shadow: 0 0 20px color-mix(in srgb, currentColor 40%, transparent) !important;
}

/* User explicitly selected "High Contrast" design */
html[data-summary-design="high_contrast"] body.v80000-shell .summary-metric,
html[data-theme][data-summary-design="high_contrast"] body.v80000-shell .summary-metric {
  background: var(--panel) !important;
  border: 3px solid currentColor !important;
  border-top: 3px solid currentColor !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}

/* User custom color picker overrides (data-summary-color-mode="custom") */
html[data-summary-color-mode="custom"] body.v80000-shell .summary-metric.line,
html[data-theme][data-summary-color-mode="custom"] body.v80000-shell .summary-metric.line {
  color: var(--summary-line) !important;
}
html[data-summary-color-mode="custom"] body.v80000-shell .summary-metric.normal,
html[data-theme][data-summary-color-mode="custom"] body.v80000-shell .summary-metric.normal {
  color: var(--summary-normal) !important;
}
html[data-summary-color-mode="custom"] body.v80000-shell .summary-metric.special,
html[data-theme][data-summary-color-mode="custom"] body.v80000-shell .summary-metric.special {
  color: var(--summary-special) !important;
}
html[data-summary-color-mode="custom"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-summary-color-mode="custom"] body.v80000-shell .summary-metric[data-breakdown="packing"],
html[data-theme][data-summary-color-mode="custom"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme][data-summary-color-mode="custom"] body.v80000-shell .summary-metric[data-breakdown="packing"] {
  color: var(--summary-packing) !important;
}
html[data-summary-color-mode="custom"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-summary-color-mode="custom"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme][data-summary-color-mode="custom"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme][data-summary-color-mode="custom"] body.v80000-shell .summary-metric[data-breakdown="weight"] {
  color: var(--summary-weight) !important;
}
html[data-summary-color-mode="custom"] body.v80000-shell .summary-metric.attention,
html[data-theme][data-summary-color-mode="custom"] body.v80000-shell .summary-metric.attention {
  color: var(--summary-review) !important;
}

/* User theme color mode (data-summary-color-mode="theme") */
html[data-summary-color-mode="theme"] body.v80000-shell .summary-metric.line,
html[data-theme][data-summary-color-mode="theme"] body.v80000-shell .summary-metric.line,
html[data-summary-color-mode="theme"] body.v80000-shell .summary-metric.normal,
html[data-theme][data-summary-color-mode="theme"] body.v80000-shell .summary-metric.normal,
html[data-summary-color-mode="theme"] body.v80000-shell .summary-metric.special,
html[data-theme][data-summary-color-mode="theme"] body.v80000-shell .summary-metric.special,
html[data-summary-color-mode="theme"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-theme][data-summary-color-mode="theme"] body.v80000-shell .summary-metric#packingSummaryCard,
html[data-summary-color-mode="theme"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme][data-summary-color-mode="theme"] body.v80000-shell .summary-metric#weightSummaryCard {
  color: var(--accent) !important;
}

/* Attention / Review Card Pulse */
@keyframes v8AttentionPulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.5), 0 8px 24px rgba(239, 68, 68, 0.25) !important;
    border-color: rgba(239, 68, 68, 0.8) !important;
  }
  50% {
    box-shadow: 0 0 0 6px rgba(239, 68, 68, 0), 0 14px 34px rgba(239, 68, 68, 0.45) !important;
    border-color: #ef4444 !important;
  }
}

html body.v80000-shell #page-calculator .summary-metric.attention.active-attention,
body.v80000-shell .summary-metric.attention.active-attention {
  animation: v8AttentionPulse 2.2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  background: linear-gradient(150deg, rgba(239, 68, 68, 0.24) 0%, rgba(239, 68, 68, 0.08) 58%, var(--panel) 100%) !important;
  border-color: #ef4444 !important;
}

/* Neon text-shadow for dark themes */
html[data-theme-mode="dark"] body.v80000-shell #page-calculator .summary-metric.attention.active-attention > strong,
html[data-theme-mode="dark"] body.v80000-shell .summary-metric.attention.active-attention > strong {
  color: #ff5555 !important;
  text-shadow: 0 0 18px rgba(255, 85, 85, 0.7), 0 2px 4px rgba(0, 0, 0, 0.9) !important;
}

/* Crisp high-clarity crimson without muddy black halo for light themes */
html body.v80000-shell #page-calculator .summary-metric.attention.active-attention > strong,
body.v80000-shell .summary-metric.attention.active-attention > strong {
  color: #dc2626 !important;
  text-shadow: none !important;
}



/* --------------------------------------------------------------------------
   3. VEHICLE DISPATCH COCKPIT 2.0 (Futuristic Cyber-Conduit Energy Gauge)
   -------------------------------------------------------------------------- */
body.v80000-shell #vehicleLoadWidget,
body.v80000-shell .vehicle-load-widget {
  background: color-mix(in srgb, var(--panel) 88%, transparent) !important;
  backdrop-filter: blur(16px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.3) !important;
  border: 1px solid color-mix(in srgb, var(--border) 70%, transparent) !important;
  border-radius: 16px !important;
  padding: 18px 22px 16px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  margin-bottom: 14px !important;
}

/* Vehicle Selector Row */
body.v80000-shell .vehicle-select-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

body.v80000-shell .vehicle-select {
  height: 42px !important;
  padding: 6px 14px !important;
  border-radius: 10px !important;
  border: 1.5px solid color-mix(in srgb, var(--accent) 35%, var(--border)) !important;
  background: var(--panel-2) !important;
  color: var(--text) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  min-width: 280px !important;
  max-width: 440px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.2s ease !important;
}

body.v80000-shell .vehicle-select:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent) !important;
  outline: none !important;
}

/* Telemetry Readouts */
body.v80000-shell .meter-stat strong {
  font-size: 18px !important;
  font-weight: 850 !important;
  font-variant-numeric: tabular-nums !important;
}

/* Futuristic Cyber-Conduit Track & Aerodynamic Housing */
body.v80000-shell .vehicle-gauge-track-wrap {
  margin-top: 16px !important;
  position: relative !important;
}

body.v80000-shell .vehicle-gauge-track {
  position: relative !important;
  height: 18px !important;
  border-radius: 9999px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.03) 100%), color-mix(in srgb, var(--panel) 75%, #cbd5e1) !important;
  border: 1.5px solid color-mix(in srgb, var(--accent) 30%, rgba(0, 0, 0, 0.15)) !important;
  box-shadow:
    inset 0 2px 6px rgba(0, 0, 0, 0.2),
    inset 0 0 0 1px rgba(255, 255, 255, 0.35),
    0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

/* Dark Themes Obsidian Cyber-Conduit Channel */
html[data-theme-mode="dark"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="dubai_midnight"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="tokyo_cyber_neon"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="fathima_gold"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="copper_foundry"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="stealth_titanium"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="matrix_console"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="synthwave_neon"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="solarized_abyss"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="crimson_valkyrie"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="celestial_nebula"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="high_contrast_oled"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="cobalt_motion"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="noir_gold"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="purple_horizon"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="cyber_amber"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="arc_cyber"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="tokyo_night"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="linear_dark"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="monokai_pro"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="catppuccin_mocha"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="midnight"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="executive_dark"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="freight_horizon"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="emerald_route"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="desert_convoy"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="violet_network"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="harbor_blue"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="monsoon_green"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="noir_terminal"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="amazon_forest"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="teal_circuit"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="rust_forge"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="jade_emperor"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="void_neon"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="midnight_gold"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="cobalt_chalk"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="cargo_slate"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="void_crimson"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="void_cyan"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="void_violet"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="void_amber"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="void_rose"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="void_ice"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="plasma_storm"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="aurora_dark"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="neon_boulevard"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="deep_space_orange"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="sakura_dark"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="carbon_fiber"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="forest_console"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="gold_noir"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="ultraviolet_pro"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="deep_blue_dark"] body.v80000-shell .vehicle-gauge-track,
html[data-theme="violet_dark"] body.v80000-shell .vehicle-gauge-track {
  background: linear-gradient(180deg, rgba(4, 8, 16, 0.96) 0%, rgba(12, 18, 34, 0.92) 100%) !important;
  border: 1.5px solid color-mix(in srgb, var(--accent) 35%, rgba(255, 255, 255, 0.12)) !important;
  box-shadow:
    inset 0 3px 8px rgba(0, 0, 0, 0.85),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06),
    0 1px 3px rgba(255, 255, 255, 0.04) !important;
}

/* Micro-graduated Laser Calibration Chamber Ticks */
body.v80000-shell .vehicle-gauge-track::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  border-radius: 9999px !important;
  background-image: repeating-linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.08) 0px,
    rgba(255, 255, 255, 0.08) 1px,
    transparent 1px,
    transparent 20px
  ) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Luminous Laser Plasma Fluid (The Fill Stream) */
body.v80000-shell .vehicle-gauge-fill {
  height: 100% !important;
  border-radius: 9999px !important;
  transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1), background 0.35s ease, box-shadow 0.35s ease !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Specular Crystal Sheen Reflection along Upper Curve */
body.v80000-shell .vehicle-gauge-fill::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 50% !important;
  border-radius: 9999px 9999px 0 0 !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.06) 100%) !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

/* Leading Edge Flush Optic Photon Lens */
body.v80000-shell .vehicle-gauge-fill::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 14px !important;
  border-radius: 9999px !important;
  background: radial-gradient(circle at right center, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.5) 40%, transparent 80%) !important;
  box-shadow: 0 0 10px 2px #ffffff, 0 0 18px currentColor !important;
  z-index: 4 !important;
  pointer-events: none !important;
  transition: opacity 0.25s ease !important;
}

body.v80000-shell .vehicle-gauge-fill[style*="width: 0%"]::after,
body.v80000-shell .vehicle-gauge-fill[style*="width:0%"]::after {
  opacity: 0 !important;
}

/* Multi-Phase Laser Plasma Gradients */
/* Optimal / Safe Load: Emerald Core to Luminous Laser Cyan */
body.v80000-shell .vehicle-gauge-fill.optimal,
body.v80000-shell .vehicle-status-badge.optimal ~ * .vehicle-gauge-fill,
body.v80000-shell .vehicle-status-badge.safe ~ * .vehicle-gauge-fill {
  color: #38bdf8 !important;
  background: linear-gradient(90deg, #059669 0%, #10b981 35%, #06b6d4 70%, #38bdf8 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 0 16px rgba(56, 189, 248, 0.55),
    0 0 30px rgba(16, 185, 129, 0.3) !important;
}

/* Underload: Molten Amber Core to Solar Gold Laser */
body.v80000-shell .vehicle-gauge-fill.underload,
body.v80000-shell .vehicle-status-badge.underload ~ * .vehicle-gauge-fill {
  color: #fbbf24 !important;
  background: linear-gradient(90deg, #d97706 0%, #f59e0b 45%, #fbbf24 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 0 16px rgba(251, 191, 36, 0.55),
    0 0 28px rgba(245, 158, 11, 0.3) !important;
}

/* Overload: Critical Crimson Core to Neon Magenta Alert */
body.v80000-shell .vehicle-gauge-fill.overload,
body.v80000-shell .vehicle-status-badge.overload ~ * .vehicle-gauge-fill {
  color: #ff2a6d !important;
  background: linear-gradient(90deg, #dc2626 0%, #ef4444 45%, #ff2a6d 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 0 22px rgba(255, 42, 109, 0.75),
    0 0 38px rgba(239, 68, 68, 0.45) !important;
  animation: v8SmoothOverload 1.4s ease-in-out infinite !important;
}

@keyframes v8SmoothOverload {
  0%, 100% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      0 0 18px rgba(255, 42, 109, 0.6),
      0 0 32px rgba(239, 68, 68, 0.35);
  }
  50% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 1),
      0 0 30px rgba(255, 42, 109, 0.9),
      0 0 50px rgba(239, 68, 68, 0.65);
  }
}

/* Precision Laser Hairline Marker Pins */
body.v80000-shell .vehicle-marker {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 2px !important;
  border-radius: 1px !important;
  z-index: 5 !important;
  pointer-events: none !important;
  transition: left 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

body.v80000-shell .vehicle-marker {
  position: absolute !important;
  width: 2px !important;
  z-index: 4 !important;
  pointer-events: none !important;
  transition: left 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.v80000-shell .vehicle-marker.min-marker {
  top: -4px !important;
  bottom: -4px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.v80000-shell .vehicle-marker.min-marker::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -2px !important;
  width: 6px !important;
  height: 5px !important;
  background: #38bdf8 !important;
  border-radius: 2px !important;
  box-shadow: 0 0 8px #38bdf8 !important;
}

body.v80000-shell .vehicle-marker.min-marker::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: -2px !important;
  width: 6px !important;
  height: 5px !important;
  background: #38bdf8 !important;
  border-radius: 2px !important;
  box-shadow: 0 0 8px #38bdf8 !important;
}

body.v80000-shell .vehicle-marker.max-marker {
  top: -4px !important;
  bottom: -4px !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.v80000-shell .vehicle-marker.max-marker::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: -2px !important;
  width: 6px !important;
  height: 5px !important;
  background: #38bdf8 !important;
  border-radius: 2px !important;
  box-shadow: 0 0 8px #38bdf8 !important;
}

body.v80000-shell .vehicle-marker.max-marker::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  right: -2px !important;
  width: 6px !important;
  height: 5px !important;
  background: #38bdf8 !important;
  border-radius: 2px !important;
  box-shadow: 0 0 8px #38bdf8 !important;
}

body.v80000-shell .vehicle-load-widget.overloaded .vehicle-marker.max-marker::before,
body.v80000-shell .vehicle-load-widget.overloaded .vehicle-marker.max-marker::after {
  background: #ef4444 !important;
  box-shadow: 0 0 12px #ef4444 !important;
}

/* Visual Safe Zone Region on Track */
.vehicle-safe-band {
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 0 9999px 9999px 0;
  background: color-mix(in srgb, #10b981 14%, transparent);
  border-left: 2px dashed color-mix(in srgb, #10b981 60%, transparent);
  pointer-events: none;
  z-index: 1;
}

body.v80000-shell .vehicle-safe-band {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  border-radius: 0 9999px 9999px 0 !important;
  background: color-mix(in srgb, #10b981 16%, transparent) !important;
  border-left: 2px dashed #10b981 !important;
  pointer-events: none !important;
  z-index: 1 !important;
  box-shadow: inset 0 0 12px color-mix(in srgb, #10b981 20%, transparent) !important;
}

/* Telemetry Scale Labels */
body.v80000-shell .vehicle-gauge-labels {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: 12px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
}

body.v80000-shell .gauge-label.zero-label {
  color: var(--muted) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body.v80000-shell .scale-zero-text {
  font-weight: 800 !important;
  color: var(--text) !important;
}

body.v80000-shell .scale-dot {
  opacity: 0.45 !important;
}

body.v80000-shell .scale-min-text,
body.v80000-shell .gauge-label.min-label {
  color: var(--muted) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body.v80000-shell .scale-min-text::before,
body.v80000-shell .gauge-label.min-label::before {
  content: "" !important;
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #38bdf8 !important;
  box-shadow: 0 0 8px rgba(56, 189, 248, 0.8) !important;
}

body.v80000-shell .gauge-label.target-label {
  color: #10b981 !important;
  font-weight: 800 !important;
  background: color-mix(in srgb, #10b981 14%, var(--panel)) !important;
  border: 1px solid color-mix(in srgb, #10b981 40%, transparent) !important;
  padding: 3px 12px !important;
  border-radius: 9999px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  font-size: 10.5px !important;
  box-shadow: 0 0 10px color-mix(in srgb, #10b981 20%, transparent) !important;
}

body.v80000-shell .gauge-label.max-label {
  color: var(--muted) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

body.v80000-shell .gauge-label.max-label::after {
  content: "" !important;
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #38bdf8 !important;
  box-shadow: 0 0 8px rgba(56, 189, 248, 0.8) !important;
}

body.v80000-shell .vehicle-load-widget.overloaded .gauge-label.max-label {
  color: #ef4444 !important;
  font-weight: 900 !important;
}

body.v80000-shell .vehicle-load-widget.overloaded .gauge-label.max-label::after {
  background: #ef4444 !important;
  box-shadow: 0 0 10px rgba(239, 68, 68, 0.9) !important;
}

/* Frosted Action Buttons (Trip Sheet & Split Load) */
body.v80000-shell .vehicle-quick-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 16px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
  background: color-mix(in srgb, var(--panel) 75%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--border) 70%, transparent) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: var(--text) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

body.v80000-shell .vehicle-quick-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14) !important;
}

body.v80000-shell .vehicle-quick-btn.hidden,
body.v80000-shell .split-btn.hidden,
body.v80000-shell .trip-sheet-btn.hidden {
  display: none !important;
}

body.v80000-shell .trip-sheet-btn {
  background: color-mix(in srgb, #2563eb 15%, var(--panel)) !important;
  border-color: color-mix(in srgb, #2563eb 45%, transparent) !important;
  color: #2563eb !important;
}
body.v80000-shell .trip-sheet-btn:hover {
  background: #2563eb !important;
  color: #ffffff !important;
}

body.v80000-shell .split-btn {
  background: color-mix(in srgb, #f59e0b 15%, var(--panel)) !important;
  border-color: color-mix(in srgb, #f59e0b 45%, transparent) !important;
  color: #d97706 !important;
}
body.v80000-shell .split-btn:hover {
  background: #f59e0b !important;
  color: #ffffff !important;
}

body.v80000-shell .fleet-btn {
  background: color-mix(in srgb, var(--accent, #0ea5e9) 14%, var(--panel)) !important;
  border-color: color-mix(in srgb, var(--accent, #0ea5e9) 45%, transparent) !important;
  color: var(--accent, #0ea5e9) !important;
}
body.v80000-shell .fleet-btn:hover {
  background: var(--accent, #0ea5e9) !important;
  color: #ffffff !important;
}

/* Bottom Health Bar Review Button */
body.v80000-shell #calculationHealthAction {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 14px !important;
  border-radius: 9999px !important;
  background: color-mix(in srgb, var(--danger) 14%, var(--panel)) !important;
  border: 1px solid color-mix(in srgb, var(--danger) 60%, transparent) !important;
  color: var(--danger) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--danger) 20%, transparent) !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

body.v80000-shell #calculationHealthAction:hover {
  background: var(--danger) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--danger) 40%, transparent) !important;
}

body.v80000-shell #calculationHealthAction.hidden {
  display: none !important;
}



/* --------------------------------------------------------------------------
   4. CALCULATION TABLE PRESENTATION 2.0 (Frosted Header & Packaging Pills)
   -------------------------------------------------------------------------- */
body.v80000-shell .calculator-table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  background: color-mix(in srgb, var(--panel-muted) 85%, transparent) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

/* Packaging Pills */
.badge-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 3px 9px !important;
  border-radius: 9999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  line-height: 1.2 !important;
}

.badge-pill.badge-bag {
  background: color-mix(in srgb, #3b82f6 14%, transparent) !important;
  color: #2563eb !important;
  border: 1px solid color-mix(in srgb, #3b82f6 35%, transparent) !important;
}

.badge-pill.badge-tin {
  background: color-mix(in srgb, #f59e0b 14%, transparent) !important;
  color: #d97706 !important;
  border: 1px solid color-mix(in srgb, #f59e0b 35%, transparent) !important;
}

.badge-pill.badge-loose {
  background: color-mix(in srgb, #64748b 12%, transparent) !important;
  color: #64748b !important;
  border: 1px solid color-mix(in srgb, #64748b 25%, transparent) !important;
}

/* Monospace Tabular Number Formatting */
body.v80000-shell .calculator-table .numeric-cell {
  font-variant-numeric: tabular-nums !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif !important;
  letter-spacing: -0.01em !important;
}

/* Item Calculation Table Name Visibility & High-Contrast Typography */
body.v80000-shell .calculator-table td.col-item {
  color: var(--text) !important;
  vertical-align: middle !important;
}

body.v80000-shell .calculator-table td.col-item .item-cell,
body.v80000-shell .calculator-table .item-cell {
  color: var(--text) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  opacity: 1 !important;
  display: block !important;
  visibility: visible !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  letter-spacing: -0.01em !important;
}

body.v80000-shell .calculator-table tr:hover td.col-item .item-cell {
  color: var(--accent) !important;
  transition: color 0.15s ease !important;
}

body.v80000-shell .calculator-table.freeze-item-column td.col-item {
  background: var(--panel) !important;
}

body.v80000-shell .calculator-table tr:hover td.col-item {
  background: var(--panel-2) !important;
}

body.v80000-shell .calculator-table tr.selected-row td.col-item {
  background: color-mix(in srgb, var(--accent-soft) 72%, var(--panel)) !important;
}


/* --------------------------------------------------------------------------
   5. COMMAND BAR & SPECIAL RATE 2.0
   -------------------------------------------------------------------------- */
body.v80000-shell .calculator-command-bar {
  background: color-mix(in srgb, var(--panel) 88%, transparent) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid color-mix(in srgb, var(--border) 60%, transparent) !important;
  border-radius: 14px !important;
  padding: 12px 18px !important;
}

body.v80000-shell .special-rate-input {
  border-radius: 10px !important;
  border: 1.5px solid color-mix(in srgb, var(--border) 80%, transparent) !important;
  transition: all 0.2s ease !important;
  background: var(--panel-2) !important;
}

body.v80000-shell .special-rate-input:focus-within {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent) !important;
}

body.v80000-shell .formula-preview {
  font-variant-numeric: tabular-nums !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--panel-muted) 60%, transparent) !important;
  padding: 4px 10px !important;
}

/* --------------------------------------------------------------------------
   6. STICKY APPEARANCE SEARCH & CATEGORY TOOLBAR (V8.00.00)
   Keeps theme search, category filter & favourites pinned, visible and active
   at all times while scrolling down the themes list in Appearance Studio
   -------------------------------------------------------------------------- */
#themeModal .appearance-main {
  scroll-behavior: smooth !important;
}

body.v80000-shell #themeModal .appearance-toolbar,
.v480-shell #themeModal .appearance-toolbar,
#themeModal .appearance-toolbar {
  position: sticky !important;
  top: -16px !important;
  z-index: 100 !important;
  background: color-mix(in srgb, var(--panel) 96%, transparent) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  padding: 12px 18px 14px 18px !important;
  margin: -4px -18px 14px -18px !important;
  border-bottom: 1.5px solid color-mix(in srgb, var(--border) 75%, transparent) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important;
  pointer-events: auto !important;
}

@media(max-width: 1024px) {
  body.v80000-shell #themeModal .appearance-toolbar,
  .v480-shell #themeModal .appearance-toolbar,
  #themeModal .appearance-toolbar {
    top: -13px !important;
    padding: 10px 13px 12px 13px !important;
    margin: -4px -13px 12px -13px !important;
  }
}

@media(max-width: 760px) {
  body.v80000-shell #themeModal .appearance-toolbar,
  .v480-shell #themeModal .appearance-toolbar,
  #themeModal .appearance-toolbar {
    top: -11px !important;
    padding: 10px 11px 12px 11px !important;
    margin: -4px -11px 12px -11px !important;
  }
}

body.v80000-shell #themeModal .appearance-search input,
.v480-shell #themeModal .appearance-search input,
#themeModal .appearance-search input {
  color: var(--text) !important;
  font-weight: 600 !important;
}

/* --------------------------------------------------------------------------
   7. WORKSPACE & COCKPIT TELEMETRY REFINEMENT (V8.00.00)
   -------------------------------------------------------------------------- */

/* 7.1. ERP Paste Ready Telemetry Status Badge */
body.v80000-shell .paste-ready-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--panel-muted) 85%, var(--panel)) !important;
  border: 1px solid color-mix(in srgb, var(--success) 35%, var(--border)) !important;
  color: var(--success) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
}

body.v80000-shell .paste-ready-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: var(--success) !important;
  box-shadow: 0 0 8px var(--success) !important;
  display: inline-block !important;
}

/* 7.2. Bulk Weight Distinct Color in Dark Themes (Electric Ice Sapphire) */
html[data-theme-mode="dark"] body.v80000-shell .summary-metric#weightSummaryCard,
html[data-theme-mode="dark"] body.v80000-shell .summary-metric[data-breakdown="weight"],
html[data-theme="quantum_void"] body.v80000-shell .summary-metric#weightSummaryCard {
  color: #38bdf8 !important; /* Electric Ice Sapphire Blue */
}

/* 7.3. Dark Theme Topbar FT Central Status Chip (Dark Glass with Neon Beacon) */
html[data-theme-mode="dark"] .integration-chip,
html[data-theme="quantum_void"] .integration-chip,
body.v80000-shell html[data-theme-mode="dark"] .integration-chip {
  background: color-mix(in srgb, var(--panel-muted) 85%, var(--panel)) !important;
  border-color: color-mix(in srgb, var(--border) 80%, transparent) !important;
  color: var(--text) !important;
}

html[data-theme-mode="dark"] .integration-chip.connected,
body.v80000-shell html[data-theme-mode="dark"] .integration-chip.connected {
  background: rgba(16, 24, 40, 0.85) !important;
  border-color: rgba(16, 185, 129, 0.45) !important;
  color: #34d399 !important;
  box-shadow: 0 0 14px rgba(16, 185, 129, 0.15) !important;
}

html[data-theme-mode="dark"] .integration-chip.connected i,
body.v80000-shell html[data-theme-mode="dark"] .integration-chip.connected i {
  background: #10b981 !important;
  box-shadow: 0 0 8px #10b981 !important;
}

/* 7.4. Vehicle Dispatch Cockpit 2.0 Precision Guide Notches (No Cut-Through Glitch) */
body.v80000-shell .vehicle-marker {
  position: absolute !important;
  width: 2px !important;
  z-index: 4 !important;
  pointer-events: none !important;
  transition: left 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Min marker: sleek guide notches above and below the beam without cutting the fluid fill */
body.v80000-shell .vehicle-marker.min-marker {
  top: -4px !important;
  bottom: -4px !important;
  background: transparent !important;
}

body.v80000-shell .vehicle-marker.min-marker::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -2px !important;
  width: 6px !important;
  height: 5px !important;
  background: #38bdf8 !important;
  border-radius: 2px !important;
  box-shadow: 0 0 8px #38bdf8 !important;
}

body.v80000-shell .vehicle-marker.min-marker::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: -2px !important;
  width: 6px !important;
  height: 5px !important;
  background: #38bdf8 !important;
  border-radius: 2px !important;
  box-shadow: 0 0 8px #38bdf8 !important;
}

/* Max marker: calm boundary pips when safe, danger red only when genuinely overloaded */
body.v80000-shell .vehicle-marker.max-marker {
  top: -4px !important;
  bottom: -4px !important;
  background: transparent !important;
}

body.v80000-shell .vehicle-marker.max-marker::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: -2px !important;
  width: 6px !important;
  height: 5px !important;
  background: #38bdf8 !important;
  border-radius: 2px !important;
  box-shadow: 0 0 8px #38bdf8 !important;
}

body.v80000-shell .vehicle-marker.max-marker::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  right: -2px !important;
  width: 6px !important;
  height: 5px !important;
  background: #38bdf8 !important;
  border-radius: 2px !important;
  box-shadow: 0 0 8px #38bdf8 !important;
}

body.v80000-shell .vehicle-load-widget.overloaded .vehicle-marker.max-marker::before,
body.v80000-shell .vehicle-load-widget.overloaded .vehicle-marker.max-marker::after {
  background: #ef4444 !important;
  box-shadow: 0 0 12px #ef4444 !important;
}

/* Min & Max Labels: Calm telemetry font, red only when overloaded */
body.v80000-shell .gauge-label.min-label,
body.v80000-shell .gauge-label.max-label {
  color: var(--muted) !important;
  font-weight: 700 !important;
}

body.v80000-shell .vehicle-load-widget.overloaded .gauge-label.max-label {
  color: #ef4444 !important;
  font-weight: 900 !important;
}

/* 7.5. Cockpit Action Buttons Horizontal Alignment */
body.v80000-shell .vehicle-meter-stats .vehicle-btn-group {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
}

/* 7.6. Special Rate Context: Distinct Equation & Status Pills */
body.v80000-shell .v72002-rate-context {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body.v80000-shell .special-rate-status {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  background: color-mix(in srgb, var(--panel) 90%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--border) 80%, transparent) !important;
  color: var(--text) !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

body.v80000-shell .formula-preview {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-variant-numeric: tabular-nums !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--panel-muted) 80%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--border)) !important;
  padding: 5px 12px !important;
  color: var(--text) !important;
}

body.v80000-shell .formula-preview strong {
  color: #f59e0b !important;
  font-weight: 800 !important;
  text-shadow: 0 0 10px rgba(245, 158, 11, 0.4) !important;
}

/* 7.7. Calculation Health & Review Banner High-Contrast HUD */
body.v80000-shell .calculation-health-bar {
  border-radius: 12px !important;
  border: 1px solid color-mix(in srgb, var(--border) 70%, transparent) !important;
  background: color-mix(in srgb, var(--panel) 90%, transparent) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

body.v80000-shell .calculation-health-bar.warning {
  border-color: rgba(239, 68, 68, 0.45) !important;
  background: color-mix(in srgb, rgba(239, 68, 68, 0.12) 60%, var(--panel)) !important;
  box-shadow: 0 4px 20px rgba(239, 68, 68, 0.12) !important;
}

body.v80000-shell .calculation-health-bar.warning .health-icon {
  background: rgba(239, 68, 68, 0.22) !important;
  color: #ef4444 !important;
  border: 1px solid rgba(239, 68, 68, 0.45) !important;
  box-shadow: 0 0 10px rgba(239, 68, 68, 0.35) !important;
}

body.v80000-shell .calculation-health-bar.healthy {
  border-color: rgba(16, 185, 129, 0.45) !important;
  background: color-mix(in srgb, rgba(16, 185, 129, 0.10) 60%, var(--panel)) !important;
  box-shadow: 0 4px 20px rgba(16, 185, 129, 0.10) !important;
}

body.v80000-shell .calculation-health-bar.healthy .health-icon {
  background: rgba(16, 185, 129, 0.22) !important;
  color: #10b981 !important;
  border: 1px solid rgba(16, 185, 129, 0.45) !important;
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.35) !important;
}

/* ================================================================
   V8.00.00 Ultimate Performance & Reduced Motion Hardware Acceleration
   Eliminates all GPU blur shaders, heavy box-shadows, and text-shadows
   for instant 60fps rendering on office client PCs (e.g. 192.168.1.191).
   ================================================================ */
html[data-performance-mode="performance"] body.v80000-shell *,
html[data-performance-mode="performance"] body.v80000-shell *::before,
html[data-performance-mode="performance"] body.v80000-shell *::after,
html[data-performance-mode="reduced"] body.v80000-shell *,
html[data-performance-mode="reduced"] body.v80000-shell *::before,
html[data-performance-mode="reduced"] body.v80000-shell *::after,
html[data-blur-effects="false"] body.v80000-shell *,
html[data-blur-effects="false"] body.v80000-shell *::before,
html[data-blur-effects="false"] body.v80000-shell *::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-performance-mode="performance"] body.v80000-shell #page-calculator .summary-metric,
html[data-performance-mode="performance"] body.v80000-shell .summary-metric,
html[data-performance-mode="performance"] body.v80000-shell .summary-strip,
html[data-performance-mode="performance"] body.v80000-shell .summary-card,
html[data-performance-mode="performance"] body.v80000-shell .panel,
html[data-performance-mode="reduced"] body.v80000-shell #page-calculator .summary-metric,
html[data-performance-mode="reduced"] body.v80000-shell .summary-metric,
html[data-performance-mode="reduced"] body.v80000-shell .summary-strip,
html[data-performance-mode="reduced"] body.v80000-shell .summary-card,
html[data-performance-mode="reduced"] body.v80000-shell .panel {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

html[data-performance-mode="performance"] body.v80000-shell #page-calculator .summary-metric > strong,
html[data-performance-mode="performance"] body.v80000-shell .summary-metric > strong,
html[data-performance-mode="reduced"] body.v80000-shell #page-calculator .summary-metric > strong,
html[data-performance-mode="reduced"] body.v80000-shell .summary-metric > strong {
  text-shadow: none !important;
}

html[data-performance-mode="performance"] body.v390-shell::after,
html[data-performance-mode="performance"] body.v400-shell::after,
html[data-performance-mode="performance"] .v390-shell::after,
html[data-performance-mode="performance"] .v400-shell::after,
html[data-performance-mode="reduced"] body.v390-shell::after,
html[data-performance-mode="reduced"] body.v400-shell::after,
html[data-performance-mode="reduced"] .v390-shell::after,
html[data-performance-mode="reduced"] .v400-shell::after,
html[data-background-picture="none"] body.v390-shell::after,
html[data-background-picture="none"] body.v400-shell::after,
html[data-background-picture="none"] .v390-shell::after,
html[data-background-picture="none"] .v400-shell::after,
html[data-theme-picture="none"] body.v390-shell::after,
html[data-theme-picture="none"] body.v400-shell::after,
html[data-theme-picture="none"] .v390-shell::after,
html[data-theme-picture="none"] .v400-shell::after,
html[data-background-effect="none"] body.v390-shell::after,
html[data-background-effect="none"] body.v400-shell::after,
html[data-background-effect="none"] .v390-shell::after,
html[data-background-effect="none"] .v400-shell::after {
  display: none !important;
  background-image: none !important;
  filter: none !important;
  animation: none !important;
  will-change: auto !important;
  transform: none !important;
  opacity: 0 !important;
}

html[data-performance-mode="performance"] .topbar,
html[data-performance-mode="performance"] .panel,
html[data-performance-mode="performance"] .summary-metric,
html[data-performance-mode="performance"] .summary-strip,
html[data-performance-mode="performance"] .summary-card,
html[data-performance-mode="performance"] .modal-card,
html[data-performance-mode="performance"] .drawer-panel,
html[data-performance-mode="performance"] .sticky-totals-bar,
html[data-performance-mode="performance"] .app-signature,
html[data-performance-mode="performance"] .module-signature,
html[data-performance-mode="reduced"] .topbar,
html[data-performance-mode="reduced"] .panel,
html[data-performance-mode="reduced"] .summary-metric,
html[data-performance-mode="reduced"] .summary-strip,
html[data-performance-mode="reduced"] .summary-card,
html[data-performance-mode="reduced"] .modal-card,
html[data-performance-mode="reduced"] .drawer-panel,
html[data-performance-mode="reduced"] .sticky-totals-bar,
html[data-performance-mode="reduced"] .app-signature,
html[data-performance-mode="reduced"] .module-signature {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}









/* ==========================================================================
   EQUAL ERP ORIGINAL THEME (Pixel-Perfect 1:1 Windows ERP Interface)
   Signature Colors Extracted Directly from Equal ERP Billing:
     - Header / Banner / Accent: #34495e (Charcoal Slate Navy)
     - Desktop Canvas: #f0f0f0 (Windows Standard Form Background)
     - Table Header: #bcdcf4 (Equal ERP Sky Blue Data Grid Header)
     - Row Active Selection: #8080ff (Equal ERP Royal Periwinkle)
     - Row Hover: #d1d1ff (Equal ERP Light Periwinkle Hover)
     - Ribbon / Toolbar: #dee1e7 (Desktop Ribbon Background)
     - Gridlines & Borders: #c0c0c0 / #dddedf
     - Buttons: #e1e1e1 (border #cccccc, text #34495e; Primary: #34495e, text #ffffff)
     - Inputs: #ffffff with 1px solid #7f9db9
     - Typography: Tahoma, "Segoe UI", Arial, sans-serif
     - Radius: 2px (Classic crisp desktop accounting controls)
   ========================================================================== */

html[data-theme="equal_erp_original"] {
  --font: Tahoma, "Segoe UI", Arial, -apple-system, sans-serif;
  --font-heading: Tahoma, "Segoe UI", Arial, sans-serif;
  --bg: #f0f0f0;
  --bg-soft: #f0f0f0;
  --panel: #ffffff;
  --panel-2: #f0f0f0;
  --panel-muted: #dee1e7;
  --text: #000000;
  --muted: #546577;
  --faint: #828282;
  --border: #c0c0c0;
  --border-strong: #34495e;
  --accent: #34495e;
  --accent-2: #34495e;
  --accent-soft: #dee1e7;
  --accent-ink: #ffffff;
  --signature: #34495e;
  --topbar-tint: #ffffff;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-soft: 0 1px 2px rgba(0, 0, 0, 0.05);
  --radius: 2px;
  --radius-sm: 2px;
  --radius-lg: 3px;
  --theme-row-height: 38px;
  --line-soft: #dee1e7;
  --normal-soft: #dee1e7;
  --special-soft: #dee1e7;
  --danger-soft: #f8d7da;
  --warning-soft: #fff3cd;
  --success-soft: #d4edda;
  --violet-soft: #e2e3e5;
  --login-start: #34495e;
  --login-mid: #2c3e50;
  --login-end: #34495e;
  --login-glow: rgba(52, 73, 94, 0.2);
}

/* Equal ERP Original Topbar & Brand */
html[data-theme="equal_erp_original"] .topbar {
  background: #ffffff !important;
  border-bottom: 2px solid #34495e !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}
html[data-theme="equal_erp_original"] .brand-block h1 {
  color: #34495e !important;
  font-family: Tahoma, "Segoe UI", Arial, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
}
html[data-theme="equal_erp_original"] .brand-block span {
  color: #546577 !important;
  font-weight: 600 !important;
}
html[data-theme="equal_erp_original"] .nav-tab.active {
  background: #34495e !important;
  color: #ffffff !important;
  border-color: #34495e !important;
}
html[data-theme="equal_erp_original"] .nav-tab {
  background: #dee1e7 !important;
  color: #34495e !important;
  border: 1px solid #c0c0c0 !important;
  border-radius: 2px 2px 0 0 !important;
}

/* Equal ERP Original Section & Modal Headers */
html[data-theme="equal_erp_original"] .page-heading h1,
html[data-theme="equal_erp_original"] .panel-header h2 {
  color: #34495e !important;
  font-weight: 800 !important;
}
html[data-theme="equal_erp_original"] .modal-header,
html[data-theme="equal_erp_original"] .appearance-header-v340 {
  background: #ffffff !important;
  color: #34495e !important;
  border-bottom: 2px solid #34495e !important;
}
html[data-theme="equal_erp_original"] .modal-header h2,
html[data-theme="equal_erp_original"] .appearance-header-v340 h2 {
  color: #34495e !important;
  font-weight: 800 !important;
}
html[data-theme="equal_erp_original"] .modal-header p,
html[data-theme="equal_erp_original"] .appearance-header-v340 p {
  color: #546577 !important;
}
html[data-theme="equal_erp_original"] .modal-header .eyebrow,
html[data-theme="equal_erp_original"] .appearance-header-v340 .eyebrow {
  color: #34495e !important;
  font-weight: 800 !important;
}
html[data-theme="equal_erp_original"] .modal-close {
  color: #34495e !important;
}

/* Equal ERP Original Data Table: Powder Sky Blue #bcdcf4 Headers & Gridlines */
html[data-theme="equal_erp_original"] .data-table th,
html[data-theme="equal_erp_original"] .calculator-table th {
  background: #bcdcf4 !important;
  color: #000000 !important;
  border: 1px solid #a4a5a7 !important;
  border-bottom: 2px solid #34495e !important;
  font-family: Tahoma, "Segoe UI", Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
}
html[data-theme="equal_erp_original"] .data-table td,
html[data-theme="equal_erp_original"] .calculator-table td {
  border: 1px solid #c0c0c0 !important;
  color: #000000 !important;
  font-family: Tahoma, "Segoe UI", Arial, sans-serif !important;
  background: #ffffff;
  font-weight: 600 !important;
}
html[data-theme="equal_erp_original"] body.v80000-shell .calculator-table td.col-item .item-cell {
  color: #000000 !important;
  font-weight: 700 !important;
}
html[data-theme="equal_erp_original"] .data-table tbody tr:nth-child(even),
html[data-theme="equal_erp_original"] .calculator-table tbody tr:nth-child(even) {
  background: #ffffff !important;
}
html[data-theme="equal_erp_original"] .data-table tbody tr:hover,
html[data-theme="equal_erp_original"] .calculator-table tbody tr:hover {
  background: #d1d1ff !important;
}

/* Equal ERP Original Signature Selected Row Highlight (Exact Royal Periwinkle #8080ff with crisp white text) */
html[data-theme="equal_erp_original"] .data-table tr.selected-row,
html[data-theme="equal_erp_original"] .calculator-table tr.selected-row,
html[data-theme="equal_erp_original"] body.v80000-shell .calculator-table tr.selected-row td,
html[data-theme="equal_erp_original"] body.v80000-shell .calculator-table tr.selected-row td.col-item,
html[data-theme="equal_erp_original"] .data-table tr.selected-row td {
  background: #8080ff !important;
  color: #ffffff !important;
}
html[data-theme="equal_erp_original"] .calculator-table tr.selected-row input,
html[data-theme="equal_erp_original"] .calculator-table tr.selected-row select,
html[data-theme="equal_erp_original"] .calculator-table tr.selected-row span,
html[data-theme="equal_erp_original"] .calculator-table tr.selected-row strong,
html[data-theme="equal_erp_original"] .calculator-table tr.selected-row .line-amount,
html[data-theme="equal_erp_original"] .calculator-table tr.selected-row .normal-amount,
html[data-theme="equal_erp_original"] .calculator-table tr.selected-row .line-rate,
html[data-theme="equal_erp_original"] .calculator-table tr.selected-row .normal-rate {
  color: #ffffff !important;
  background: transparent !important;
}
html[data-theme="equal_erp_original"] .calculator-table tr.selected-row td.col-item .item-cell {
  color: #ffffff !important;
}
html[data-theme="equal_erp_original"] .calculator-table tr.selected-row input {
  border-bottom: 1px solid #ffffff !important;
}

/* Equal ERP Original Desktop Controls & Inputs */
html[data-theme="equal_erp_original"] input,
html[data-theme="equal_erp_original"] select,
html[data-theme="equal_erp_original"] textarea,
html[data-theme="equal_erp_original"] .search-field {
  border: 1px solid #7f9db9 !important;
  border-radius: 2px !important;
  background: #ffffff !important;
  color: #000000 !important;
  font-family: Tahoma, "Segoe UI", Arial, sans-serif !important;
  font-weight: 550 !important;
}
html[data-theme="equal_erp_original"] input:focus,
html[data-theme="equal_erp_original"] select:focus,
html[data-theme="equal_erp_original"] textarea:focus {
  border-color: #34495e !important;
  outline: 2px solid rgba(52, 73, 94, 0.25) !important;
  background: #ffffff !important;
}

/* Equal ERP Original Buttons: Classic Desktop 3D Emboss & #34495e Slate Primary */
html[data-theme="equal_erp_original"] .button.primary,
html[data-theme="equal_erp_original"] button.primary {
  background: #34495e !important;
  color: #ffffff !important;
  border: 1px solid #2c3e50 !important;
  border-radius: 2px !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}
html[data-theme="equal_erp_original"] .button.primary:hover,
html[data-theme="equal_erp_original"] button.primary:hover {
  background: #2c3e50 !important;
}
html[data-theme="equal_erp_original"] .button.secondary,
html[data-theme="equal_erp_original"] .button:not(.primary) {
  background: #e1e1e1 !important;
  color: #34495e !important;
  border: 1px solid #cccccc !important;
  border-radius: 2px !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}
html[data-theme="equal_erp_original"] .button.secondary:hover,
html[data-theme="equal_erp_original"] .button:not(.primary):hover {
  background: #d5d5d5 !important;
  border-color: #bebfc4 !important;
}

/* Equal ERP Original Summary Cards */
html[data-theme="equal_erp_original"] body.v80000-shell .summary-metric {
  background: #ffffff !important;
  border: 1px solid #c0c0c0 !important;
  border-top: 4px solid #34495e !important;
  border-radius: 2px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}
html[data-theme="equal_erp_original"] body.v80000-shell .summary-metric#lineFreightSummaryCard .metric-value {
  color: #000088 !important; /* Classic Deep Royal Blue */
}
html[data-theme="equal_erp_original"] body.v80000-shell .summary-metric#normalFreightSummaryCard .metric-value {
  color: #006633 !important; /* Classic ERP Forest Emerald */
}
html[data-theme="equal_erp_original"] body.v80000-shell .summary-metric#specialFreightSummaryCard .metric-value {
  color: #8a4b08 !important; /* Classic Brass Amber */
}
html[data-theme="equal_erp_original"] body.v80000-shell .summary-metric#packingSummaryCard .metric-value,
html[data-theme="equal_erp_original"] body.v80000-shell .summary-metric#bagsSummaryCard .metric-value {
  color: #026a75 !important; /* Precision Cyan */
}
html[data-theme="equal_erp_original"] body.v80000-shell .summary-metric#weightSummaryCard .metric-value,
html[data-theme="equal_erp_original"] body.v80000-shell .summary-metric#bulkWeightSummaryCard .metric-value {
  color: #34495e !important; /* Equal ERP Slate Primary */
}
html[data-theme="equal_erp_original"] body.v80000-shell .summary-metric .metric-label {
  color: #546577 !important;
  font-family: Tahoma, "Segoe UI", Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}
html[data-theme="equal_erp_original"] body.v80000-shell .summary-metric .metric-sub,
html[data-theme="equal_erp_original"] body.v80000-shell .summary-metric span {
  color: #546577 !important;
}
html[data-theme="equal_erp_original"] body.v80000-shell .summary-metric strong {
  color: #000000 !important;
}


/* ==========================================================================
   EQUAL ERP STRICT DESKTOP FIDELITY OVERRIDES (Original & Classic)
   Fixes:
     1. Removes modern rainbow card borders (cyan, green, gold, purple, red).
     2. Sets crisp uniform white cards with 1px solid #c0c0c0 border and 3px solid #34495e top stripe.
     3. Financial numbers displayed in authentic deep accounting royal blue #000088 (matching 102.00 in Equal ERP).
     4. Quantities/weights displayed in bold black #000000.
     5. Eliminates all 14px/16px pill curves; enforces 2px classic Windows desktop corner radius.
     6. Desktop 3D beveled buttons and boxed inputs (#7f9db9).
     7. Enforces classic Windows desktop navigation tabs and header ribbon.
   ========================================================================== */

/* Summary Strip Layout */
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-strip,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-strip,
html[data-theme="equal_erp_original"] .summary-strip,
html[data-theme="equal_erp"] .summary-strip {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  gap: 10px !important;
}

/* Eliminate glowing pseudo-element background circles */
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric::after,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric::after,
html[data-theme="equal_erp_original"] body.v80000-shell .summary-metric::after,
html[data-theme="equal_erp"] body.v80000-shell .summary-metric::after {
  display: none !important;
  content: none !important;
}

/* Uniform Authentic Equal ERP Metric Cards */
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric,
html[data-theme="equal_erp_original"] body.v80000-shell .summary-metric,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric,
html[data-theme="equal_erp"] body.v80000-shell .summary-metric {
  position: static !important;
  background: #ffffff !important;
  border: 1px solid #c0c0c0 !important;
  border-top: 3px solid #34495e !important;
  border-left: 1px solid #c0c0c0 !important;
  border-right: 1px solid #c0c0c0 !important;
  border-bottom: 1px solid #c0c0c0 !important;
  border-radius: 2px !important;
  padding: 8px 12px 7px !important;
  min-height: 92px !important;
  height: 92px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
  transition: none !important;
  cursor: default !important;
  animation: none !important;
}

html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric:hover,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric:hover {
  transform: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid #a0a0a0 !important;
  border-top: 3px solid #34495e !important;
}

/* Metric Card Labels (Uppercase classic desktop label) */
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric > span,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric > span {
  font-family: Tahoma, "Segoe UI", Arial, sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: #34495e !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  margin-bottom: 1px !important;
  text-shadow: none !important;
}

/* Financial Metric Values: Typography & Non-Light Deep Distinct Tones */
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric > strong,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric > strong {
  font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-shadow: none !important;
  margin: 1px 0 !important;
}

/* 1. Line Freight: Deep Royal Accounting Blue */
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric.line > strong,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric.line > strong {
  color: #000088 !important;
}

/* 2. Normal Freight: Deep Forest Emerald Green (Rich & Dark) */
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric.normal > strong,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric.normal > strong {
  color: #006633 !important;
}

/* 3. Special Freight: Deep Burnished Amber Bronze (Rich & Dark) */
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric.special > strong,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric.special > strong {
  color: #8a4b08 !important;
}

/* 4. Bags & Tins: Deep Precision Teal Cyan */
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric#packingSummaryCard > strong,
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric[data-breakdown="packing"] > strong,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric#packingSummaryCard > strong,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric[data-breakdown="packing"] > strong {
  color: #026a75 !important;
}

/* 5. Bulk Weight: Deep Indigo Slate */
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric#weightSummaryCard > strong,
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric[data-breakdown="weight"] > strong,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric#weightSummaryCard > strong,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric[data-breakdown="weight"] > strong {
  color: #4338ca !important;
}

/* 6. Unresolved Rows: Deep Accounting Crimson */
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric#attentionCard > strong,
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric.attention > strong,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric#attentionCard > strong,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric.attention > strong {
  color: #a00000 !important;
}

/* Category-matching Top Border Accents for Equal ERP */
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric.line,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric.line {
  border-top-color: #000088 !important;
}
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric.normal,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric.normal {
  border-top-color: #006633 !important;
}
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric.special,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric.special {
  border-top-color: #8a4b08 !important;
}
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric#packingSummaryCard,
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric[data-breakdown="packing"],
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric#packingSummaryCard,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric[data-breakdown="packing"] {
  border-top-color: #026a75 !important;
}
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric#weightSummaryCard,
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric[data-breakdown="weight"],
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric#weightSummaryCard,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric[data-breakdown="weight"] {
  border-top-color: #4338ca !important;
}
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric#attentionCard,
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric.attention,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric#attentionCard,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric.attention {
  border-top-color: #a00000 !important;
}

/* Metric Subtext */
html[data-theme="equal_erp_original"] body.v80000-shell #page-calculator .summary-metric > small,
html[data-theme="equal_erp"] body.v80000-shell #page-calculator .summary-metric > small {
  font-family: Tahoma, "Segoe UI", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  color: #555555 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-shadow: none !important;
}

/* Workspace Header & Badges */
html[data-theme="equal_erp_original"] .page-heading h1,
html[data-theme="equal_erp"] .page-heading h1 {
  font-family: Tahoma, "Segoe UI", Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #34495e !important;
  letter-spacing: -0.01em !important;
}

html[data-theme="equal_erp_original"] .eyebrow,
html[data-theme="equal_erp"] .eyebrow {
  font-family: Tahoma, "Segoe UI", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #546577 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

html[data-theme="equal_erp_original"] .badge,
html[data-theme="equal_erp_original"] .feature-badge,
html[data-theme="equal_erp_original"] .page-subheading .badge,
html[data-theme="equal_erp_original"] .engine-pill,
html[data-theme="equal_erp_original"] .v8-chip,
html[data-theme="equal_erp"] .badge,
html[data-theme="equal_erp"] .feature-badge,
html[data-theme="equal_erp"] .page-subheading .badge,
html[data-theme="equal_erp"] .engine-pill,
html[data-theme="equal_erp"] .v8-chip {
  border-radius: 2px !important;
  background: #dee1e7 !important;
  border: 1px solid #b8bec5 !important;
  color: #34495e !important;
  font-family: Tahoma, "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 2px 8px !important;
  box-shadow: none !important;
}

/* Action Buttons (Undo, Redo, Clear Calculation, Shortcuts, Paste ERP Data) */
html[data-theme="equal_erp_original"] .calculator-actions button,
html[data-theme="equal_erp_original"] .calc-action-btn,
html[data-theme="equal_erp"] .calculator-actions button,
html[data-theme="equal_erp"] .calc-action-btn {
  border-radius: 2px !important;
  font-family: Tahoma, "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  background: linear-gradient(180deg, #f7f9fb 0%, #e1e5e8 100%) !important;
  border: 1px solid #a4b0ba !important;
  color: #000000 !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) !important;
  padding: 6px 12px !important;
}

html[data-theme="equal_erp_original"] .calculator-actions button:hover,
html[data-theme="equal_erp"] .calculator-actions button:hover {
  background: #d8e2ec !important;
  border-color: #34495e !important;
}

/* Paste ERP Data Primary Action Button */
html[data-theme="equal_erp_original"] #pasteSummaryAction,
html[data-theme="equal_erp_original"] button.primary,
html[data-theme="equal_erp_original"] .button.primary,
html[data-theme="equal_erp"] #pasteSummaryAction,
html[data-theme="equal_erp"] button.primary,
html[data-theme="equal_erp"] .button.primary {
  background: #34495e !important;
  border: 1px solid #243342 !important;
  color: #ffffff !important;
  border-radius: 2px !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
}

html[data-theme="equal_erp_original"] #pasteSummaryAction:hover,
html[data-theme="equal_erp"] #pasteSummaryAction:hover {
  background: #243342 !important;
}

/* Command Bar & Special Rate & Fleet Section */
html[data-theme="equal_erp_original"] .calculator-command-bar,
html[data-theme="equal_erp_original"] .dispatch-fleet-panel,
html[data-theme="equal_erp_original"] .panel,
html[data-theme="equal_erp"] .calculator-command-bar,
html[data-theme="equal_erp"] .dispatch-fleet-panel,
html[data-theme="equal_erp"] .panel {
  border-radius: 2px !important;
  background: #ffffff !important;
  border: 1px solid #c0c0c0 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

/* Command Bar Inputs & Buttons */
html[data-theme="equal_erp_original"] input,
html[data-theme="equal_erp_original"] select,
html[data-theme="equal_erp_original"] textarea,
html[data-theme="equal_erp"] input,
html[data-theme="equal_erp"] select,
html[data-theme="equal_erp"] textarea {
  border-radius: 2px !important;
  border: 1px solid #7f9db9 !important;
  background: #ffffff !important;
  color: #000000 !important;
  font-family: Tahoma, "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
}

html[data-theme="equal_erp_original"] input:focus,
html[data-theme="equal_erp_original"] select:focus,
html[data-theme="equal_erp"] input:focus,
html[data-theme="equal_erp"] select:focus {
  border-color: #34495e !important;
  outline: 1px solid #34495e !important;
}

/* Desktop Command Buttons */
html[data-theme="equal_erp_original"] .button.secondary,
html[data-theme="equal_erp_original"] .button:not(.primary),
html[data-theme="equal_erp_original"] button:not(.primary),
html[data-theme="equal_erp"] .button.secondary,
html[data-theme="equal_erp"] .button:not(.primary),
html[data-theme="equal_erp"] button:not(.primary) {
  border-radius: 2px !important;
  background: linear-gradient(180deg, #f7f9fb 0%, #e1e5e8 100%) !important;
  border: 1px solid #a4b0ba !important;
  color: #000000 !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06) !important;
  font-family: Tahoma, "Segoe UI", Arial, sans-serif !important;
}

/* Review Notice Bar */
html[data-theme="equal_erp_original"] .review-banner,
html[data-theme="equal_erp_original"] .review-notice,
html[data-theme="equal_erp_original"] #calculatorReviewAlert,
html[data-theme="equal_erp"] .review-banner,
html[data-theme="equal_erp"] .review-notice,
html[data-theme="equal_erp"] #calculatorReviewAlert {
  border-radius: 2px !important;
  background: #fff8f8 !important;
  border: 1px solid #e0b4b4 !important;
}
html[data-theme="equal_erp_original"] .review-banner button,
html[data-theme="equal_erp_original"] #calculatorReviewAlert button,
html[data-theme="equal_erp"] .review-banner button,
html[data-theme="equal_erp"] #calculatorReviewAlert button {
  border-radius: 2px !important;
}