/* Dweniva Daylight. Shared light surfaces and workspace geometry.
   Layer after the baseline styles; appearance.css supplies the matching dark
   appearance. Maintained source is a local candidate, not the published build. */
:root {
  color-scheme: light;
  --workspace-bg: #f5f6f3;
  --nav-bg: #103e38;
  --navy: #163d35;
  --navy-2: #25564a;
  --teal: #12644f;
  --teal-dark: #0b503e;
  --teal-soft: #e7f2ec;
  --amber: #8d5b14;
  --red: #b33440;
  --red-soft: #fff0f0;
  --green: #236344;
  --green-soft: #e8f5ec;
  --blue-soft: #edf3fa;
  --ink: #243b32;
  --muted: #63716a;
  --line: #dce3dc;
  --border: #dce3dc;
  --surface: #ffffff;
  --surface-2: #f4f7f3;
  --control-border: #798c7f;
  --radius: 16px;
  --shadow: 0 2px 4px #193b2903, 0 7px 22px #193b2903;
  background: var(--workspace-bg);
  color: var(--ink);
}
html, body { min-width: 0; background: var(--workspace-bg); color: var(--ink); }
body { line-height: 1.55; }
h1, h2, h3, .stat-card strong { font-family: Inter, system-ui, sans-serif; color: var(--ink); }
h1 { font-weight: 600; letter-spacing: -.045em; }
h2, h3 { font-weight: 600; letter-spacing: -.025em; }
label { color: #43554a; font-weight: 550; }
input, select, textarea { color: var(--ink); background: #fff; border-color: var(--control-border); border-radius: 10px; }
input::placeholder, textarea::placeholder { color: #6d786f; opacity: 1; }
input:focus, select:focus, textarea:focus { border-color: var(--teal); box-shadow: 0 0 0 3px #12644f12; }
select option { color: var(--ink); background: white; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline: 3px solid #157862; outline-offset: 3px; }
input:focus-visible, select:focus-visible, textarea:focus-visible { outline-color: #157862; }
.btn { border-radius: 10px; min-height: 44px; font-weight: 600; }
.btn-primary { color: white; background: var(--teal); border-color: var(--teal); box-shadow: 0 2px 3px #0d4b3210; }
.btn-primary:hover { color: white; background: var(--teal-dark); border-color: var(--teal-dark); }
.btn-secondary { color: #354d3e; background: white; border-color: #a6b6a9; box-shadow: 0 1px 2px #203d2404; }
.btn-secondary:hover { color: #233c2c; background: #f0f5ee; border-color: #7a9380; }
.btn-ghost { color: var(--teal); background: transparent; }
.btn-ghost:hover { color: var(--teal-dark); background: #e7f2ec; }
.btn-danger { color: #a72f3c; background: #fff0f0; border-color: #cc949a; }
.btn-danger:hover { color: #912332; background: #ffe3e5; }
.icon-btn { color: #486151; background: #eef3ed; }
.icon-btn:hover { background: #e0ecdf; }
.icon-btn.danger { color: var(--red); background: var(--red-soft); }
.app-skip-link { color: white; background: #0b503e; border-color: #91cfad; }
.eyebrow { color: #53705c; }

/* The green sidebar carries the brand; reading and working surfaces stay light. */
.sidebar {
  --ink: #eef6ed; --muted: #bad0c2; --teal: #b4e4c3; --amber: #edc994;
  --control-border: #779789; color-scheme: dark;
  width: 248px; background: #103e38; border-right: 1px solid #0b312a; color: #eef6ed;
}
.sidebar-brand { min-height: 88px; padding: 23px 22px; border-color: #ffffff13; }
.sidebar-brand .dweniva-logo.lockup { width: 200px; }
.tenant-card { margin: 17px 14px 4px; padding: 13px; border-radius: 11px; background: #1a4940; border-color: #477264; }
.tenant-card > span { color: #b4cdbd; letter-spacing: .13em; }
.tenant-card > strong { color: #f0f6eb; font-weight: 550; }
.tenant-card > small { color: #bdd1c3; }
.tenant-select select { color: #ecf5ed; background: #153e35; border-color: #7c9f8c; border-radius: 7px; }
.tenant-select select option { color: #ecf5ed; background: #153e35; }
.tenant-select svg { color: #c9dfd0; }
.sidebar nav { padding: 9px 13px 16px; scrollbar-color: #709887 #103e38; }
.nav-group-label, .nav-group-label:first-child { color: #a5c2b0; padding: 14px 12px 7px; letter-spacing: .12em; font-size: .625rem; }
.nav-section + .nav-section { margin-top: 8px; }
.sidebar nav a { color: #cbded0; font-size: .8125rem; min-height: 42px; padding: 10px 12px; border-radius: 8px; margin-bottom: 3px; }
.sidebar nav a.active { color: #103f30; background: #d9eed7; box-shadow: none; font-weight: 650; }
.sidebar nav a.active svg { color: #155c41; }
.sidebar nav a.active:hover { color: #0c3526; background: #e8f4dc; }
.sidebar nav a:hover { color: white; background: #25584a; }
.sidebar nav a.platform-nav { color: #edc994; }
.sidebar nav a.platform-nav.active { color: #553d16; }
.sidebar a:focus-visible, .sidebar button:focus-visible { outline-color: #d6f5a8; }
.sidebar-foot { padding: 14px; border-color: #ffffff18; }
.profile-chip { background: #1b4b3f; border-radius: 11px; padding: 9px; }
.profile-chip .avatar { background: #d6e8c0; color: #204830; width: 34px; height: 34px; }
.profile-chip strong { color: #f1f6ef; font-weight: 500; }
.profile-chip span, .profile-chip button { color: #c5dccb; }
.connection { color: #c0d6c5; font-size: .6875rem; }
.connection span { background: #b7e6a6; }
.connection.offline span { background: #f0c889; }
.content { margin-left: 248px; padding: 0 clamp(24px, 3vw, 44px) 64px; max-width: 1920px; }
.workspace-bar {
  min-height: 76px; margin: 0 calc(-1 * clamp(24px, 3vw, 44px)) 30px;
  padding: 14px clamp(24px, 3vw, 44px); background: #ffffffed; border-color: #dce3dc;
  backdrop-filter: blur(18px); box-shadow: 0 1px 0 #fff;
}
.workspace-location { gap: 13px; }
.workspace-location strong { color: #324b3c; font-weight: 550; }
.workspace-location > span { color: #66786b; }
.workspace-location > span::before { color: #abb9ac; margin-right: 13px; }
.workspace-actions { gap: 8px; }
.workspace-actions .btn, .workspace-actions .guide-help-button, .notif-fab { border-color: #d4ded3; box-shadow: none; }
.workspace-actions .btn:hover, .workspace-actions .guide-help-button:hover { border-color: #8faa94; }
.command-trigger { color: #586c5d; background: #f9faf7; }
.command-trigger kbd { background: white; color: #657565; border-color: #cad6c9; opacity: 1; }
.workspace-offline { color: #7e5316; background: #fff5df; border-color: #c9a85c; }
.page-header { align-items: flex-start; margin-bottom: 24px; }
.page-header h1 { font-size: clamp(1.9rem, 2.6vw, 2.4rem); line-height: 1.18; }
.page-header p { font-size: .875rem; color: var(--muted); }
.page-actions { align-items: end; gap: 9px; }
.filters > label { color: #526353; font-size: .75rem; font-weight: 500; }
.filters input, .filters select { background: white; border-radius: 9px; }
.dashboard-filters { display: flex; flex-wrap: nowrap; align-items: end; gap: 10px; }
.dashboard-filters > select { width: 180px; flex: 0 0 180px; }
.dashboard-filters > label { min-width: 140px; width: 140px; }
.dashboard-filters input { min-width: 0; width: 100%; }
.panel, .card, .stat-card, .entity-card, .document-card { background: white; border-color: var(--line); border-radius: 15px; box-shadow: var(--shadow); }
.panel, .card { padding: 23px; }
.table-panel { padding: 0; }
.panel-title h2 { color: #293e30; font-weight: 600; font-size: 1rem; }
.panel-title > span { background: #edf3e9; color: #40683f; border-radius: 7px; }

/* Financial and operational information have distinct, consistent levels. */
.dashboard-page { max-width: 1560px; margin-inline: auto; }
.dashboard-context { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 9px; margin: -6px 0 22px; font-size: .75rem; color: #61715f; }
.dashboard-scope { color: #465e47; font-weight: 550; }
.dashboard-updated { color: #667362; }
.dashboard-section-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin: 0 0 13px; }
.dashboard-section-heading h2 { margin: 0; font-size: .94rem; font-weight: 600; letter-spacing: -.015em; }
.dashboard-section-heading p, .dashboard-section-heading span { color: var(--muted); font-size: .75rem; margin: 0; }
.stat-grid { gap: 15px; margin-bottom: 24px; }
.stat-card { min-height: 145px; padding: 20px; gap: 13px; }
.stat-card .stat-icon { width: 34px; height: 34px; background: #eff4e9; color: #4d6f43; border-radius: 10px; }
.stat-card .stat-icon svg { width: 18px; height: 18px; }
.stat-card p { color: #607060; font-size: .75rem; font-weight: 500; }
.stat-card strong { color: #243d2d; font-size: clamp(1.45rem, 1.8vw, 2rem); letter-spacing: -.05em; font-weight: 550; line-height: 1.3; }
.stat-card small { color: #667465; font-size: .7rem; }
.stat-card.stat-warn .stat-icon { background: #fff3d8; color: #8a5b15; }
.stat-grid:not(.operational) > .stat-card:first-child { background: #175442; border-color: #175442; color: white; position: relative; overflow: visible; }
.stat-grid:not(.operational) > .stat-card:first-child strong { color: white; }
.stat-grid:not(.operational) > .stat-card:first-child p, .stat-grid:not(.operational) > .stat-card:first-child small { color: #d4e8d3; }
.stat-grid:not(.operational) > .stat-card:first-child .stat-icon { color: #dcf2c1; background: #346d50; }
.dashboard-metrics .stat-card { flex-direction: column; gap: 12px; padding: 20px 22px; }
.dashboard-metrics .stat-card .stat-icon { position: absolute; right: 18px; top: 18px; }
.dashboard-metrics .stat-card { position: relative; }
.dashboard-metrics .stat-card > div { width: 100%; }
.dashboard-metrics .stat-card p { margin-bottom: 21px; max-width: calc(100% - 30px); }
.dashboard-metrics .stat-card small { display: block; margin-top: 7px; }
.dashboard-workspace-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr); gap: 20px; align-items: stretch; margin-bottom: 25px; }
.dashboard-workspace-grid > * { min-width: 0; margin: 0; }
.workspace-brief { color: var(--ink); background: white; border: 1px solid var(--line); border-radius: 16px; padding: 24px; box-shadow: var(--shadow); }
.brief-heading { gap: 16px; align-items: flex-start; margin-bottom: 14px; }
.brief-heading h2 { margin: 5px 0 6px; font-size: 1.35rem; color: #243d2e; font-weight: 600; letter-spacing: -.035em; }
.workspace-brief .eyebrow { color: #657860; font-size: .625rem; letter-spacing: .13em; font-weight: 650; }
.brief-heading p { font-size: .78rem; color: #687464; line-height: 1.5; margin: 0; }
.brief-count { color: #63734c; background: #eff3e4; border: 1px solid #dbe2c7; padding: 5px 8px; border-radius: 7px; font-size: .6875rem; white-space: nowrap; }
.brief-priorities { max-height: 320px; }
.brief-priority { border-color: #e7eae2; padding: 17px 0; gap: 14px; }
.brief-priority strong { font-size: .8125rem; font-weight: 600; color: #304632; }
.brief-priority small { color: #687563; font-size: .75rem; line-height: 1.5; }
.brief-rank { color: #5c734a; background: #eff4e8; width: 27px; height: 29px; border-radius: 7px; flex: 0 0 27px; display: grid; place-items: center; font-size: .6875rem; }
a.brief-priority:hover { background: #fafcf6; }
a.brief-priority:hover strong { color: #0b6848; }
.brief-action { color: #1c694f; font-weight: 550; font-size: .6875rem; gap: 5px; }
.brief-clear { border-color: #e2e9dc; }
.brief-clear svg { color: #3b7851; }
.brief-clear p { color: #62745f; }
.brief-footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 16px; margin-top: 9px; background: #f3f7ed; border: 1px solid #e2ead8; border-radius: 12px; }
.stock-readiness { gap: 12px; max-width: 345px; }
.stock-readiness svg { width: 62px; height: 62px; }
.stock-readiness .ring-track { stroke: #dae6cd; }
.stock-readiness .ring-value { stroke: #568647; }
.stock-readiness text { fill: #315e31; font-weight: 650; }
.stock-readiness strong { color: #3b5838; font-size: .75rem; }
.stock-readiness small { color: #64735d; font-size: .6875rem; margin-top: 3px; }
.brief-expand { font-size: .75rem; }
.dashboard-shortcuts { background: #fafbf7; }
.dashboard-shortcuts .panel-title { margin-bottom: 5px; }
.dashboard-shortcuts > p { font-size: .78rem; color: var(--muted); }
.dashboard-shortcuts .quick-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.quick-action { color: #345037; background: #fbfcf8; border-color: #d4dfcc; border-radius: 11px; font-weight: 550; }
.quick-action svg { color: #46764d; }
.quick-action:hover { background: #f0f6e9; border-color: #8baa7c; }
.dashboard-shortcuts .quick-action { flex-direction: row; align-items: center; justify-content: flex-start; text-align: left; gap: 13px; padding: 15px; min-height: 79px; background: white; }
.quick-action-copy { display: flex; flex-direction: column; gap: 4px; }
.dashboard-shortcuts .quick-action-icon { background: #f0f4e8; color: #46764d; border-radius: 10px; }
.dashboard-shortcuts .quick-action:first-child .quick-action-icon { background: #d6e8c2; color: #315a2c; }
.quick-action-copy strong { font-size: .8125rem; font-weight: 600; }
.quick-action-copy small { font-size: .72rem; color: #67765f; line-height: 1.45; }
.quick-action-arrow { margin-left: auto; width: 15px; height: 15px; flex-shrink: 0; }
.dashboard-shortcuts .quick-action:first-child { background: #eaf3df; border-color: #bacda8; }
.dashboard-current-stock { margin: 0 0 24px; }
.dashboard-current-stock .stat-grid { margin: 0; }
.dashboard-current-stock .stat-card { min-height: 104px; align-items: center; padding: 18px; }
.dashboard-current-stock .stat-card strong { font-size: 1.65rem; letter-spacing: -.03em; }
.dashboard-branches { margin-bottom: 24px; }
.dashboard-guide-slot { margin-top: 22px; }
.dashboard-guide-slot .guide-home { margin-bottom: 0; }

/* White tables, restrained status colour and strong form boundaries. */
th { color: #65735e; background: #f6f8f2; border-bottom-color: #dde5d6; font-size: .6875rem; font-weight: 600; letter-spacing: .025em; padding: 14px 17px; }
td { color: #344837; border-bottom-color: #e5e9df; padding: 16px 17px; }
td small { color: #6a7666; }
tbody tr:hover { background: #f9fbf5; }
.table-wrap { scrollbar-color: #a2b397 #f3f6ee; }
.status { background: #eef1ea; color: #4f6046; font-weight: 600; border-radius: 6px; }
.status-active, .status-completed, .status-approved, .status-received, .status-healthy, .status-posted, .status-paid, .status-ready, .status-resolved, .status-closed { color: #2a6847; background: #e8f3e7; }
.status-reported, .status-requested, .status-submitted, .status-partially-received, .status-partial, .status-low, .status-credit, .status-worker, .status-trial, .status-action-required { color: #875b16; background: #fff3d6; }
.status-verified, .status-ordered, .status-dispatched, .status-manager, .status-supervisor { color: #365f8b; background: #eaf1f9; }
.status-rejected, .status-reversed, .status-cancelled, .status-inactive, .status-out, .status-disputed { color: #a63343; background: #fcedee; }
.status-reversal, .status-reopened { color: #705098; background: #f1ecf9; }
.alert-row { color: #3a583c; background: #f0f6eb; border-left-color: #87a56f; }
.alert-row.priority-1 { color: #77521e; background: #fff6e2; border-left-color: #c9983a; }
.alert-action:hover { background: #eaf3e2; }
.alert-action-label { color: #246448; }
.empty-state, .empty-state p { color: #677461; }
.empty-state strong { color: #365038; }
.empty-state svg { color: #738c64; }
.error-panel, .form-error { color: #a5303e; background: #fff1f1; border-color: #d6a1a6; }
.info-callout { color: #365b4c; background: #edf5ef; border-color: #afc9b4; }
.warning-callout { color: #815d21; background: #fff6e2; border-color: #d0b171; }
.config-error code, .hash-code { color: #395e42; background: #ecf2e5; }
.modal { background: white; color: var(--ink); border-color: #c8d5c4; border-radius: 18px; box-shadow: 0 28px 100px #102e2940; }
.modal-backdrop { background: #102d2966; }
.modal > header { color: #2e4835; background: #f7faf3; border-color: #dde7d5; }
.modal > header h2 { color: #2e4835; }
.discard-confirmation { color: #77521e; background: #fff5e2; border-color: #c6a367; }

/* Sales, receiving, stock controls and account management. */
.product-card { background: white; border-color: #d9e3d2; border-radius: 12px; }
.product-card:not(:disabled):hover { background: #f5f9ef; border-color: #87ab70; box-shadow: 0 4px 13px #47692a0a; }
.product-card:disabled { background: #f3f5f0; }
.product-card b { color: #276045; }
.category-tag { color: #60703d!important; background: #f0f3df; border-radius: 5px; }
.cart-panel { border-color: #bccfb2; background: white; }
.checkout > .panel { margin-top: 0; }
.cart-line { background: #f8faf4; border-color: #dbe5d2; border-radius: 11px; }
.stepper button { color: #355f3b; background: #ecf3e3; border-color: #94ac80; }
.checkout-total { color: #214e37; background: #edf5e4; border-color: #c2d6b0; }
.checkout-total strong { color: #235b3c; font-weight: 600; }
.sale-draft-bar { color: #52654b; background: #fcfdf9; border-color: #d9e2d0; border-radius: 12px; }
.sale-draft-state svg { color: #507c44; }
.draft-notice { color: #355e3f; background: #ecf6e6; border-color: #b3cfa2; }
.entity-card dl { border-color: #dce5d5; }
.document-total strong, .line-total { color: #2b5438; }
.line-editor-row, .receive-line, .closing-summary > div, .closing-list > button, .journal-contents > div { color: var(--ink); background: #f7faf3; border-color: #d8e2cf; }
.receive-confirm, .credential-box { color: #385b40; background: #eef5e9; border-color: #acc29d; }
.credential-box strong { color: #2f5338; }
.file-input { color: #406c49; background: #f1f7ea; border-color: #8cad7b; }
.evidence-photo { background: #f4f7ee; }
.photo-placeholder { border-color: #9daf8c; }
.import-guidance, .note-preview { color: #785b2b; background: #fff7e5; border-color: #d7bd86; }
.month-close-hero { color: var(--ink); background: linear-gradient(110deg,#eef5e7,#fcfdf9); border-color: #c7d9bb; }
.month-close-icon { color: #537b40; background: #e1edce; }
.month-journal-stat .stat-icon, .confirmation-emblem { color: #43713d; background: #e4efda; }
.readiness-row.ready { color: #3d653d; background: #eff7e8; border-color: #afc99e; }
.readiness-row.blocked { color: #806024; background: #fff7e2; border-color: #cdb577; }
.readiness-row.blocked > span { color: #866024; background: #f8eac0; }
.export-card, .settings-summary > div { color: #425c40; background: #f4f8ee; border-color: #d1dfc5; }
.tabs button { color: #65745e; }
.tabs button.active { color: #29583b; background: #e7f0df; }
.subscription-banner { color: #355c3f; background: #edf4e8; border-color: #b4c9a9; }
.subscription-banner.state-past_due { color: #805b1d; background: #fff4d9; border-color: #cead68; }
.subscription-banner.state-read_only, .subscription-banner.state-suspended, .subscription-banner.state-cancelled { color: #a33440; background: #fff0f0; border-color: #d2a0a4; }

/* Guidance and overlays receive the same attention as the dashboard. */
.guide-help-button { color: #406345; background: white; border-color: #c1d0b8; }
.guide-help-button:hover { color: #2a5635; background: #f0f5e9; border-color: #8baa7a; }
.guide-home { color: #385438; background: #f0f5e8; border-color: #d1dfc3; border-radius: 14px; }
.guide-home-icon { color: #557943; background: #e1edcf; }
.guide-home strong { color: #365238; font-size: .9rem; }
.guide-home p { color: #61705a; font-size: .8125rem; }
.guide-dialog { color: var(--ink); }
.guide-card { color: var(--ink); background: white; border-color: #c5d5b9; box-shadow: 0 25px 80px #102e2940; }
.guide-dialog-header, .guide-dialog-footer { background: #f4f8ed; border-color: #d5e0c8; }
.guide-dialog h3, .guide-dialog h4 { color: #2c4a33; }
.guide-dialog-header .icon-btn { color: #4b6d43; }
.guide-eyebrow { color: #537849; }
.guide-symbol { color: #3c6c3f; background: #edf4e2; border-color: #b4cca2; }
.guide-facts span, .guide-count, .guide-topic summary small { color: #4c6c43; background: #edf3e2; }
.guide-caption, .guide-tour-summary p:not(.guide-eyebrow), .guide-task p { color: #64715e; }
.guide-tour-summary { background: #f1f7e9; border-color: #cfdfc1; }
.guide-progress, .guide-progress::-webkit-progress-bar { background: #dce8d2; }
.guide-progress::-webkit-progress-value, .guide-progress::-moz-progress-bar { background: #527d40; }
.guide-task, .guide-topic { border-color: #dce5d3; }
.guide-task strong { color: #365238; }
.guide-task-check { border-color: #97af84; }
.guide-task.is-done .guide-task-check { color: #35613a; background: #e1efd5; border-color: #91b278; }
.guide-optional { color: #697661; }
.guide-search { color: #58724b; background: white; border-color: var(--control-border); }
.guide-search input { color: var(--ink); background: transparent; }
.guide-tip { color: #4c6643; background: #f1f6e9; border-left-color: #83a16b; }
.guide-tip p, .guide-tip svg { color: #4c6643; }
.guide-dialog-tour .guide-dialog-header { color: white; background: #1b5542; border-color: #2f6c50; }
.guide-dialog-tour .guide-dialog-header h2 { color: white; }
.guide-dialog-tour .guide-dialog-header .icon-btn { color: white; background: #366d51; }
.guide-dialog-tour .guide-dialog-header :focus-visible { outline: 3px solid #d7f1b9; outline-offset: 3px; }
.guide-step-meta { color: #526f43; }
.guide-sync { color: #785720; background: #fff3d4; }
.guide-spotlight { border-color: #2c815f; box-shadow: 0 0 0 4px #65b78236; }
.notif-fab { color: #4f6b47; background: #fbfcf8; border-color: #c5d3bc; }
.notif-fab:hover { background: #edf4e5; }
.notif-badge { color: white; background: #b24242; border-color: white; }
.notif-panel { color: var(--ink); background: white; border-color: #c2d2b6; box-shadow: 0 18px 55px #193b2929; }
.notif-panel > header { background: #f5f9ee; }
.notif-markall { color: #3e6a40; background: #e9f2df; }
.notif-item.unread { background: #f0f7e8; box-shadow: inset 3px 0 #638b4c; }
.notif-kind.low_stock { color: #875c1c; background: #fff1d0; }
.notif-kind.morning_briefing { color: #3d6087; background: #eaf1f9; }
.notif-wa { color: #376a3d!important; background: #e4f1db; }
.notif-wa:hover { background: #d9ebcc; }
.notif-push { color: #466c43; background: #f2f7ea; }
.notif-push.active { color: #38673c; background: #e3f0d9; }
.toast { color: #f4f8ee; background: #214f39; border-color: #5b8060; border-radius: 12px; box-shadow: 0 8px 28px #203d2424; }
.toast.error { color: #fff6f3; background: #863b3d; border-color: #b56d70; }
.toast button:focus-visible { outline-color: #e6f3c9; }
.update-banner { color: #315337; background: #f0f7e7; border-color: #a8bf95; }

/* Authentication remains the existing secure email/password and authenticator flows. */
.login-screen, .login-panel, .onboarding-screen, .onboarding-panel { color: var(--ink); background: #fafbf7; }
.login-art, .onboarding-copy { color: #edf5e7; background: radial-gradient(ellipse at 10% 75%,#295c41,#123e34 70%); border-color: #274e3b; }
.login-art h1, .onboarding-copy h1 { color: #f1f6e9; }
.login-art h1 em { color: #c8e9ac; }
.login-art p, .login-art .eyebrow { color: #c0d9c1; }
.login-proof { border-top-color: #66865d44; }
.login-proof svg { color: #e1bc7c; }
.login-proof strong { color: #e4f0d9; }
.login-proof small { color: #c1d4b6; }
.login-form h2 { color: #25402d; font-weight: 600; }
.login-form > div > p, .login-form .eyebrow { color: #63735c; }
.login-form label { color: #3e5a3f; }
.auth-tabs { background: #eef2e7; border-color: #cad9bd; border-radius: 11px; }
.auth-tabs button { color: #5e7055; }
.auth-tabs button.active { color: #285837; background: white; box-shadow: 0 1px 5px #24471b0c; }
.password-field > svg { color: #708661; }
.password-field button { color: #5b7550; }
.password-hint, .auth-legal, .auth-back-link { color: #65755d; }
.password-hint.valid, .password-rules li.met { color: #326c3d; }
.auth-back-link:hover, .linklike { color: #266540; }
.verification-card { color: #3c6240; background: #eff7e8; border-color: #b2caa0; }
.plan-picker button { color: #3c553b; background: white; border-color: #b8caae; }
.plan-picker button.selected { background: #edf5e4; border-color: #659b51; box-shadow: 0 0 0 2px #659b5115; }
.plan-picker span { color: #4d7548; }
.password-card { background: white; border-color: #c5d7b8; }
.brand-mark { color: #45703c; background: #e7f1da; }
.login-form .brand-asset, .password-card > .dweniva-logo .brand-asset, .security-challenge-card .brand-asset { content: url('/dweniva-ops-logo.svg'); }
.security-emblem { color: #3f774d; background: #edf5e6; border-color: #bbd0aa; }
.security-success { color: #326b42; background: #eef7e7; border-color: #aac89b; }
.security-remove { border-color: #d3a5a6; }
.security-notice { background: #f4f8ee; border-color: #d4dfc8; }
.security-challenge-screen { background: #f4f7ee; }

/* A calm, opaque navigation dock keeps the same destinations on smaller screens. */
@media (min-width: 981px) and (max-width: 1280px) {
  .sidebar { width: 228px; }
  .sidebar-brand { padding-inline: 17px; }
  .sidebar-brand .dweniva-logo.lockup { width: 190px; }
  .content { margin-left: 228px; padding-inline: 25px; }
  .workspace-bar { margin-inline: -25px; padding-inline: 25px; }
  .dashboard-page .page-header { flex-wrap: wrap; }
  .dashboard-page .page-actions { width: 100%; justify-content: flex-start; }
  .dashboard-page .dashboard-filters { width: 100%; }
  .dashboard-filters > label:first-of-type { margin-left: auto; }
  .dashboard-metrics .stat-card { padding: 18px; }
  .dashboard-metrics .stat-card strong { font-size: 1.5rem; }
  .dashboard-workspace-grid { grid-template-columns: minmax(0,1.3fr) minmax(255px,1fr); gap: 16px; }
}
@media (max-width: 980px) {
  .sidebar { width: min(320px, calc(100vw - 38px)); }
  .sidebar nav a { min-height: 44px; }
  .sidebar-scrim { background: #133b3377; }
  .content { margin-left: 0; padding: 0 24px 120px; }
  .workspace-bar { margin: 0 -24px 25px; padding: 12px 20px; }
  .workspace-bar .mobile-menu { color: #3d6642; background: #f0f5e9; border-color: #c0d1b4; border-radius: 10px; }
  .mobile-quick-nav { color-scheme: light; background: #fffffff7; border-color: #c3d4b7; box-shadow: 0 8px 30px #1839231f; border-radius: 21px; }
  .mobile-quick-nav a, .mobile-quick-nav button { color: #566f4b; border-radius: 15px; }
  .mobile-quick-nav .active { color: #295c36; background: #e1efcf; box-shadow: none; }
  .dashboard-workspace-grid { grid-template-columns: minmax(0,1.4fr) minmax(250px,1fr); }
}
@media (max-width: 760px) {
  .content { padding-inline: 18px; }
  .workspace-bar { margin-inline: -18px; padding-inline: 12px; gap: 8px; }
  .workspace-actions { gap: 4px; }
  .workspace-actions .notif-panel { position: absolute; top: calc(100% + 18px); right: 0; left: auto; width: min(360px,calc(100vw - 40px)); max-height: calc(100dvh - 210px); }
  .workspace-location > span { font-size: .6875rem; }
  .page-header h1 { font-size: 1.9rem; }
  .page-header { gap: 18px; }
  .dashboard-page .page-actions, .dashboard-page .dashboard-filters { width: 100%; }
  .dashboard-page .dashboard-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-filters > select { width: 100%; grid-column: 1/-1; }
  .dashboard-filters > label { width: 100%; min-width: 0; }
  .panel, .card, .workspace-brief { padding: 18px; }
  .table-panel { padding: 0; }
  .dashboard-workspace-grid { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .dashboard-metrics .stat-card { padding: 17px; min-height: 152px; border-radius: 13px; }
  .dashboard-metrics .stat-card .stat-icon { display: none; }
  .dashboard-metrics .stat-card p { margin-bottom: 20px; max-width: none; }
  .dashboard-metrics .stat-card strong { font-size: clamp(1.25rem,5.3vw,1.75rem); }
  .dashboard-context { font-size: .7rem; margin-bottom: 18px; }
  .dashboard-shortcuts .quick-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .dashboard-shortcuts .quick-action { align-items: flex-start; flex-direction: column; padding: 14px; gap: 12px; min-height: 146px; }
  .dashboard-shortcuts .quick-action-arrow { display: none; }
  .quick-action-copy small { font-size: .7rem; }
  .brief-heading { flex-direction: row; }
  .brief-count { font-size: .625rem; }
  .brief-heading h2 { font-size: 1.25rem; }
  .brief-action { font-size: 0; }
  .brief-action svg { width: 19px; height: 19px; }
  .brief-footer { padding: 13px; }
  .stock-readiness svg { width: 59px; height: 59px; }
  .dashboard-current-stock .stat-card { padding: 15px; min-height: 110px; }
  .dashboard-section-heading { align-items: flex-start; }
  .dashboard-section-heading span { font-size: .6875rem; }
  .dashboard-guide-slot .guide-home > .btn { margin-left: 0; }
  .login-panel { background: #fafbf7; }
  .guide-home { padding: 17px; }
}
@media (max-width: 380px) {
  .content { padding-inline: 14px; }
  .workspace-bar { margin-inline: -14px; padding-inline: 9px; gap: 5px; }
  .workspace-actions { gap: 3px; }
  .workspace-location { max-width: none; }
  .workspace-location strong { font-size: .6875rem; }
  .workspace-location > span { font-size: .625rem; }
  .dashboard-metrics .stat-card { padding: 14px; }
  .dashboard-metrics .stat-card strong { font-size: 1.22rem; }
  .dashboard-metrics .stat-card p { font-size: .7rem; }
  .brief-count { white-space: normal; }
}
@media (prefers-reduced-transparency: reduce) {
  .workspace-bar, .mobile-quick-nav { background: white; backdrop-filter: none; }
  .workspace-brief { background: white; }
}
@media print {
  :root { --workspace-bg: white; --surface: white; --ink: #1d3025; --muted: #52634e; }
  .dashboard-preview-toolbar { display: none!important; }
  .workspace-brief, .stat-card, .panel, .card { color: #1d3025!important; background: white!important; box-shadow: none; }
  .stat-grid:not(.operational) > .stat-card:first-child, .stat-grid:not(.operational) > .stat-card:first-child strong,
  .stat-grid:not(.operational) > .stat-card:first-child p, .stat-grid:not(.operational) > .stat-card:first-child small { color: #1d3025!important; background: white!important; }
}