/* ============================================================================
DARK THEME
----------------------------------------------------------------------------
Loaded after app.css and activated by data-theme="dark" on (set by the
inline boot script in the host document, toggled by , persisted
in localStorage under "glog-theme").
Three parts:
1. TOKENS - the hand-tuned dark palette. Everything in app.css that already
goes through var(--bg / --ink / --line / --accent / …) - the large
majority of the UI - flips over from this block alone. Edit freely.
2. GENERATED - per-rule overrides for the places where app.css hard-codes a
colour (status chips, semaphores, tinted callouts, shadows). Produced by
tools/dark-theme/gen-dark-theme.js, which remaps each literal onto a dark
surface: pale fills drop into a deep band, dark ink flips to light ink,
and hairlines move ABOVE the surface tone instead of below it. Do not
hand-edit - it is replaced wholesale between the markers. Rerun the tool
after hard-coding new colours in app.css, or just use the tokens.
3. TUNING - hand-written exceptions the generator cannot infer, e.g. a white
that sits on a photo rather than on the page. Survives regeneration.
Everything is wrapped in @media screen so printing always uses the light
sheet, whichever theme the reader has on screen.
============================================================================ */
@media screen {
/* ---------- 1. tokens ---------- */
:root[data-theme="dark"] {
color-scheme: dark; /* native controls, scrollbars, form widgets */
--bg: #1a1712;
--bg-elev: #26221c;
--ink: #f1ece2;
--ink-soft: #c2bbae;
--ink-mute: #8f8879;
--line: #383229;
--line-strong: #524a3e;
--accent: #e07a45; /* terracotta, lifted so it carries on a dark ground */
--accent-ink: #f0a473; /* links: the light-mode value is a near-black brown */
--accent-soft: #4a2c1a;
--ok: #6fb083;
--ok-soft: #1f3325;
/* Referenced in app.css only as var(--x, ), so these stay undefined in light
mode on purpose - defining them here is what makes the fallback stop firing in dark mode. */
--surface: #2f2c27; /* the tone plain #fff surfaces are mapped to below */
--surface-2: #38342d;
--paper: #26221c;
--danger: #e0705f;
--shadow-page: 0 18px 44px -20px rgba(0, 0, 0, .78), 0 2px 6px rgba(0, 0, 0, .45);
--shadow-card: 0 8px 18px -8px rgba(0, 0, 0, .62);
--paper-line: rgba(255, 255, 255, .055);
--paper-margin: rgba(224, 122, 69, .38);
--tape: rgba(228, 214, 168, .14);
}
/* The wordmark is dark green ink on transparent - it disappears against the dark ground. */
[data-theme="dark"] .brand-logo,
[data-theme="dark"] .lp-brand-logo,
[data-theme="dark"] .boot-logo,
[data-theme="dark"] .login-logo,
[data-theme="dark"] .footer-logo {
filter: brightness(1.75) saturate(.9);
}
/* The maps render their own DARK basemap style in this theme (glog-basemap-style-dark.json, picked by
basemap.js), so there is nothing left to dim here - a filter on top would only mute the labels. */
/* admin.css keeps its own --adm-* palette for the staff area and the Account/* auth screens, so it
needs the same treatment as the main tokens above. Same tones, different names. */
:root[data-theme="dark"] {
--adm-bg: #1a1712;
--adm-surface: #2f2c27;
--adm-ink: #f1ece2;
--adm-soft: #c2bbae;
--adm-muted: #8f8879;
--adm-line: #383229;
--adm-line-strong: #524a3e;
--adm-accent: #e07a45;
--adm-accent-ink: #f0a473;
--adm-accent-soft: #4a2c1a;
--adm-ok: #6fb083;
--adm-ok-soft: #1f3325;
--adm-warn: #e0b45f;
--adm-warn-soft: #33280f;
--adm-danger: #e0705f;
--adm-danger-soft: #38201e;
--adm-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 12px 34px -16px rgba(0, 0, 0, .6);
}
/* ---------- 2. generated ---------- */
/* >>> BEGIN GENERATED - tools/dark-theme/gen-dark-theme.js rewrites everything down to the END
marker. Hand edits here are lost on the next run; put exceptions in section 3 instead. */
/* ── app.css ── */
[data-theme="dark"] .beta-report-btn:hover {
border-color: #4c463e;
}
[data-theme="dark"] .fb-card {
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.507);
}
[data-theme="dark"] .fb-error {
background: #2f1c1c;
color: #e49797;
border: 1px solid #623e3e;
}
[data-theme="dark"] .fb-fab {
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.406);
}
[data-theme="dark"] .fb-fab:hover {
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.493);
}
[data-theme="dark"] .fb-fab::before {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
}
[data-theme="dark"] .fb-fab::after {
box-shadow: 0 0 14px 3px rgba(0, 0, 0, 0.7);
}
[data-theme="dark"] .fb-nudge {
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.319);
}
[data-theme="dark"] .onboard-card {
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.507);
}
[data-theme="dark"] .nav-dropdown-menu {
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.174);
}
@media (max-width: 760px) {
[data-theme="dark"] .nav-links {
box-shadow: 0 16px 28px rgba(0, 0, 0, 0.203);
}
}
[data-theme="dark"] .invite-status-active {
background: #3d784c;
}
[data-theme="dark"] .invite-status-expired {
background: #b67e28;
}
[data-theme="dark"] .invite-status-revoked {
background: #a7423a;
}
[data-theme="dark"] .invite-sent-check input {
accent-color: #9acca7;
}
[data-theme="dark"] .phase-budget-spent.is-over {
color: #cf7b74;
}
[data-theme="dark"] .item.is-done {
background: #182616;
border-color: #426849;
}
[data-theme="dark"] .item.is-wip {
background: #292218;
border-color: #695943;
}
[data-theme="dark"] .item.is-na {
background: #24231f;
border-color: #55524b;
}
[data-theme="dark"] .item-important.is-important {
color: #e5b66b;
border-color: #6b5c44;
background: #2f281b;
}
[data-theme="dark"] .item.is-important {
border-color: #6f6247;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.7), 0 0 16px rgba(0, 0, 0, 0.58);
}
[data-theme="dark"] .gantt-bar.is-important {
box-shadow: 0 0 0 1.5px #fff, 0 0 0 3px rgba(0, 0, 0, 0.7), 0 0 10px 2px rgba(0, 0, 0, 0.7);
}
[data-theme="dark"] .status-select.is-todo {
color: #da7f76;
border-color: #664641;
}
[data-theme="dark"] .status-select.is-wip {
color: #ebcc8b;
border-color: #6b6044;
}
[data-theme="dark"] .status-select.is-done {
color: #a6ccb1;
border-color: #426849;
}
[data-theme="dark"] .status-select.is-na {
color: #b4aea3;
border-color: #56534c;
}
[data-theme="dark"] .item-check.is-checked {
background: #3e6d4b;
border-color: #3f6e4c;
}
[data-theme="dark"] .bulk-bar-inner {
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.261);
}
[data-theme="dark"] .next-step-link:hover {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.087);
}
[data-theme="dark"] .next-step-tag.is-overdue {
color: #da7f76;
border-color: #664641;
background: #301f1c;
}
[data-theme="dark"] .next-step-tag.is-soon {
color: #ebcc8b;
border-color: #6b6044;
background: #2f281b;
}
[data-theme="dark"] .next-step-tag.is-important {
color: #e5b66b;
border-color: #6b5c44;
background: #2f281b;
}
[data-theme="dark"] .next-step-tag.is-wip {
color: #ebcc8b;
border-color: #6b6044;
background: #2d271b;
}
[data-theme="dark"] .inquiry-remove:hover {
color: #e49797;
}
[data-theme="dark"] .attachment-file .attachment-remove:hover {
color: #e49797;
}
[data-theme="dark"] .lightbox-figure img {
background: #2b2b2b;
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.7);
}
[data-theme="dark"] .btn-danger {
color: #e49797;
border-color: #623e3e;
}
[data-theme="dark"] .btn-danger:hover {
background: #2f1c1c;
border-color: #892424;
}
[data-theme="dark"] .toast-item {
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.203);
}
[data-theme="dark"] .comment-remove:hover {
color: #e49797;
}
[data-theme="dark"] .legal-modal-card {
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.507);
}
[data-theme="dark"] .newsletter-modal-error {
color: #de766b;
}
[data-theme="dark"] .login-card {
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.102);
}
[data-theme="dark"] #blazor-error-ui {
background: #4d3f2b;
box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.362);
}
[data-theme="dark"] .blazor-error-boundary {
background: #4d3f2b;
}
[data-theme="dark"] .cal-event.todo .cal-event-dot {
background: #db7064;
}
[data-theme="dark"] .cal-event.wip .cal-event-dot {
background: #ddb02b;
}
[data-theme="dark"] .cal-event.done .cal-event-dot {
background: #497453;
}
[data-theme="dark"] .cal-event.na .cal-event-dot {
background: #8f897b;
}
[data-theme="dark"] .status-pill.todo {
--status-color: #db7064;
background: #2f1f1c;
color: #e39b8d;
border-color: #5e423c;
}
[data-theme="dark"] .status-pill.wip {
--status-color: #ddb02b;
background: #2d281a;
color: #edd697;
border-color: #62593f;
}
[data-theme="dark"] .status-pill.done {
--status-color: #497453;
background: #1c2c1f;
color: #b5d5be;
border-color: #3e6146;
}
[data-theme="dark"] .status-pill.na {
--status-color: #8f897b;
background: #29251f;
color: #bcb8b1;
border-color: #585244;
}
[data-theme="dark"] .phase-file-doc.has-preview {
background: #2f2c27;
}
[data-theme="dark"] .sub-tier.is-featured {
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.174);
}
[data-theme="dark"] .ai-fab {
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.362);
}
[data-theme="dark"] .ai-fab:hover {
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.435);
}
[data-theme="dark"] .ai-sidebar {
box-shadow: -16px 0 30px rgba(0, 0, 0, 0.174);
}
[data-theme="dark"] .conn-down {
background: rgba(46, 39, 27, 0.86);
}
[data-theme="dark"] .conn-down-card {
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.261);
}
[data-theme="dark"] .conn-dot {
background: #a7423a;
}
[data-theme="dark"] .usage-pill.is-exhausted {
background: #301f1c;
border-color: #62453f;
color: #df948e;
}
[data-theme="dark"] .usage-pill.is-exhausted .usage-pill-count {
color: #df948e;
}
[data-theme="dark"] .parcel-limit,
[data-theme="dark"] .ai-limit {
border: 1px solid #62453f;
background: #301f1c;
color: #df948e;
}
[data-theme="dark"] .ai-input {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.058);
}
[data-theme="dark"] .ai-stop-btn {
background: #822222;
border-color: #892424;
}
[data-theme="dark"] .ai-stop-btn:hover:not(:disabled) {
background: #8c2525;
}
[data-theme="dark"] .ai-stop {
background: #822222;
}
[data-theme="dark"] .ai-stop:hover {
background: #8c2525;
}
[data-theme="dark"] .ai-switch::after {
background: #2f2c27;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.435);
}
[data-theme="dark"] .ai-advice-error {
color: #da7f76;
}
[data-theme="dark"] .item-remove:hover {
color: #e49797;
}
[data-theme="dark"] .gantt.has-daygrid .gantt-row-track::before {
-webkit-mask-image: repeating-linear-gradient(to bottom, #2b2b2b 0, #2b2b2b 2px, transparent 2px, transparent 5px);
mask-image: repeating-linear-gradient(to bottom, #2b2b2b 0, #2b2b2b 2px, transparent 2px, transparent 5px);
}
[data-theme="dark"] .gantt-bar {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.174);
}
[data-theme="dark"] .gantt-bar.todo {
--status-color: #db7064;
}
[data-theme="dark"] .gantt-bar.wip {
--status-color: #ddb02b;
}
[data-theme="dark"] .gantt-bar.done {
--status-color: #497453;
}
[data-theme="dark"] .gantt-bar.na {
--status-color: #8f897b;
}
[data-theme="dark"] .gantt-row:hover .gantt-bar {
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.435);
}
[data-theme="dark"] .kanban-col.status-todo {
--status-color: #db7064;
}
[data-theme="dark"] .kanban-col.status-wip {
--status-color: #ddb02b;
}
[data-theme="dark"] .kanban-col.status-done {
--status-color: #497453;
}
[data-theme="dark"] .kanban-col.status-na {
--status-color: #8f897b;
}
[data-theme="dark"] .kanban-card:hover {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.174);
}
[data-theme="dark"] .kanban-card.is-important .kanban-card-title::after {
color: #dfb949;
}
[data-theme="dark"] .kanban-card-dragging {
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.406);
}
[data-theme="dark"] .task-modal-card {
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.507);
}
[data-theme="dark"] .cost-status-done {
color: #98d8b2;
}
[data-theme="dark"] .budget-stat-num.is-over {
color: #cf7b74;
}
[data-theme="dark"] .budget-bar-fill.is-over {
background: #a7423a;
}
[data-theme="dark"] .cost-overbudget {
background: #301f1c;
border: 1px solid #62453f;
color: #df948e;
}
[data-theme="dark"] .budget-headroom.is-over {
color: #cf7b74;
}
[data-theme="dark"] .finance-gap.is-short {
background: #301f1c;
color: #df948e;
}
[data-theme="dark"] .finance-gap.is-ok {
background: #1b2e21;
color: #a4d7b5;
}
[data-theme="dark"] .cost-group-dot::after {
background: #2f2c27;
}
[data-theme="dark"] .rollup-bar-fill.is-over {
background: #a7423a;
}
[data-theme="dark"] .rollup-row.is-over {
background: #301f1c;
}
[data-theme="dark"] .rollup-row.is-over .rollup-label {
color: #df948e;
}
[data-theme="dark"] .rollup-alert {
color: #cf7b74;
}
[data-theme="dark"] .rollup-over {
color: #cf7b74;
}
[data-theme="dark"] .col-picker-menu {
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.261);
}
[data-theme="dark"] .btn-google {
background: #2f2c27;
color: #c3c6c9;
}
[data-theme="dark"] .btn-google:hover {
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.261);
}
[data-theme="dark"] .gchooser {
background: #2f2c27;
color: #d6d7da;
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.58);
}
[data-theme="dark"] .gchooser-head {
border-bottom: 1px solid #404752;
}
[data-theme="dark"] .gchooser-logo {
color: #b7b2a8;
}
[data-theme="dark"] .gchooser-close {
color: #b7b2a8;
}
[data-theme="dark"] .gchooser-close:hover {
color: #d6d7da;
}
[data-theme="dark"] .gchooser-sub {
color: #b7b2a8;
}
[data-theme="dark"] .gaccount {
color: #d6d7da;
}
[data-theme="dark"] .gaccount:hover {
background: #22282b;
}
[data-theme="dark"] .gaccount-avatar-plus {
background: #1f2328;
color: #b7b2a8;
}
[data-theme="dark"] .gaccount-email {
color: #b7b2a8;
}
[data-theme="dark"] .gform-field {
color: #b7b2a8;
}
[data-theme="dark"] .gform-field input {
border: 1px solid #585248;
color: #d6d7da;
}
[data-theme="dark"] .gform-field input:focus {
border-color: #495b73;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.7);
}
[data-theme="dark"] .gform-check {
color: #b7b2a8;
}
[data-theme="dark"] .gchooser-foot {
border-top: 1px solid #404752;
color: #b7b2a8;
background: #222930;
}
[data-theme="dark"] .project-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.116);
}
[data-theme="dark"] .project-card-tools .icon-btn-danger:hover:not(:disabled) {
color: #e67973;
border-color: #a7312a;
}
[data-theme="dark"] .onboard-choice:hover {
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.145);
}
[data-theme="dark"] .partner-parcel-thumb {
background: linear-gradient(135deg, #638438, #3a6684);
}
[data-theme="dark"] .partner-parcel-price {
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}
[data-theme="dark"] .item.reorder-dragging {
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.319);
}
[data-theme="dark"] .project-progress-fill.delivery {
background: #3a6684;
}
[data-theme="dark"] .weather-precip {
color: #8eb4cd;
}
[data-theme="dark"] .nearby-map-expand {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.261);
}
[data-theme="dark"] .nearby-pin-ico {
border: 2px solid #4c463e;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.58);
}
[data-theme="dark"] .nearby-dist {
color: #8eb4cd;
}
[data-theme="dark"] .delivery-bar-fill {
background: #3a6684;
}
[data-theme="dark"] .catalog-kind-badge.kind-1 {
background: #b67e28;
}
[data-theme="dark"] .catalog-kind-badge.kind-2 {
background: #a7423a;
}
[data-theme="dark"] .admin-card:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.116);
}
[data-theme="dark"] .admin-delete-warn {
color: #e49797;
background: #2f1c1c;
border: 1px solid #623e3e;
}
[data-theme="dark"] .user-status.is-disabled {
background: #291b18;
color: #dc8f84;
}
[data-theme="dark"] .kpi-card-live {
border-color: rgba(93, 121, 80, 0.5);
}
[data-theme="dark"] .live-dot {
background: #57714b;
}
[data-theme="dark"] .chart-fill.is-alt {
background: #728f63;
}
[data-theme="dark"] .chart-fill.is-bad {
background: #a85444;
}
[data-theme="dark"] .chart-fill.is-issue {
background: #a85444;
}
[data-theme="dark"] .chart-fill.is-idea {
background: #b99524;
}
[data-theme="dark"] .legend-dot.is-issue {
background: #a85444;
}
[data-theme="dark"] .legend-dot.is-idea {
background: #b99524;
}
[data-theme="dark"] .legend-dot.is-visitor {
background: #728f63;
}
[data-theme="dark"] .dist-list.is-bad .dist-fill {
background: #a85444;
}
[data-theme="dark"] .afb-badge.is-issue {
background: #291b18;
color: #dc8f84;
}
[data-theme="dark"] .afb-badge.is-idea {
background: #292518;
color: #e9d18b;
}
[data-theme="dark"] .afb-flag-warn {
color: #dc8f84;
}
[data-theme="dark"] .ko-combo-list {
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.203);
}
[data-theme="dark"] .parcel-error {
border: 1px solid #623e3e;
border-left: 3px solid #892424;
background: #2f1c1c;
color: #e49797;
}
[data-theme="dark"] .parcel-li-warning {
color: #edcb98;
background: #312a1d;
border: 1px solid #645940;
}
[data-theme="dark"] .parcel-adjacent-item {
border-left: 3px solid #4a5a73;
}
[data-theme="dark"] .parcel-map {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.174);
background: linear-gradient(rgba(122,50,20,.05) 1px, transparent 1px) 0 0 / 26px 26px,
linear-gradient(90deg, rgba(122,50,20,.05) 1px, transparent 1px) 0 0 / 26px 26px,
#322a1d;
}
[data-theme="dark"] .loka-loader {
background: linear-gradient(180deg, #352d1f, #31281d);
}
[data-theme="dark"] .loka-progress-bar {
background: linear-gradient(90deg, var(--accent, #c45a2a), #e39154);
}
[data-theme="dark"] .parcel-act-badge.is-valid {
color: #93e9ab;
}
[data-theme="dark"] .parcel-util-dot {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.217);
}
[data-theme="dark"] .parcel-util-badge.is-on {
color: #93e9ab;
}
[data-theme="dark"] .parcel-regime-natura2000 {
color: #93e9ab;
}
[data-theme="dark"] .parcel-regime-epo {
color: #c8ed97;
}
[data-theme="dark"] .parcel-regime-arheologija {
color: #ea9f86;
}
[data-theme="dark"] .parcel-regime-dediscina {
color: #ebb08c;
}
[data-theme="dark"] .parcel-legend-swatch {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.116);
}
[data-theme="dark"] .p3d-canvas-wrap {
background: #1a232c;
}
[data-theme="dark"] .p3d-canvas-loading {
background: rgba(26, 35, 44, 0.85);
}
[data-theme="dark"] .p3d-export-pop {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.261);
}
[data-theme="dark"] .p3d-cachebanner {
background: #2f281c;
border: 1px solid #655a41;
color: #ebd19f;
}
[data-theme="dark"] .p3d-ctl.p3d-ai-opis {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.102);
}
[data-theme="dark"] .p3d-ai-hl {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.058);
}
[data-theme="dark"] .p3d-hint kbd {
color: #f7e8d0;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.435);
}
[data-theme="dark"] .p3d-opn-row.is-ok {
background: #1c2f1f;
border-color: #3e6147;
color: #a4d8b1;
}
[data-theme="dark"] .p3d-opn-row.is-bad {
background: #311e1d;
border-color: #5f3f3d;
color: #e67973;
}
[data-theme="dark"] .p3d-solar-bar-fill {
background: linear-gradient(to top, #dc9726, #e4bf5b);
}
[data-theme="dark"] .p3d-util-leg .p3d-util-dot {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.217);
}
[data-theme="dark"] .p3d-compass {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.261);
}
[data-theme="dark"] .p3d-compass-n {
color: #de766b;
}
[data-theme="dark"] .p3d-compass-needle {
border-bottom: 17px solid #bc3c2f;
}
[data-theme="dark"] .p3d-compass-needle::after {
border-top: 17px solid #52585d;
}
[data-theme="dark"] .p3d-sun-slider {
accent-color: #debb42;
}
[data-theme="dark"] .p3d-dial {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.261);
}
[data-theme="dark"] .p3d-zdial {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.261);
}
[data-theme="dark"] .cookie-consent {
box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.174);
}
[data-theme="dark"] .lp-header {
background: rgba(46, 39, 27, 0.85);
}
[data-theme="dark"] .lp-hero-card {
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.145);
}
[data-theme="dark"] .ic-divider {
background: #2f2c27;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.29);
}
[data-theme="dark"] .ic-handle {
background: #2f2c27;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.507);
}
[data-theme="dark"] .img-compare:focus-within .ic-handle {
box-shadow: 0 0 0 3px var(--accent-soft), 0 2px 10px rgba(0, 0, 0, 0.507);
}
[data-theme="dark"] .lp-feature:hover {
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.102);
}
[data-theme="dark"] .lp-newsletter-input {
border: 1px solid rgba(86, 75, 55, 0.25);
background: rgba(50, 42, 29, 0.08);
}
[data-theme="dark"] .lp-newsletter-input:focus {
background: rgba(50, 42, 29, 0.14);
}
[data-theme="dark"] .loka-opt {
color: #99928a;
}
[data-theme="dark"] .loka-or {
color: #99928a;
}
[data-theme="dark"] .loka-or::before,
[data-theme="dark"] .loka-or::after {
background: #251f17;
}
[data-theme="dark"] .loka-map-cta {
border: 1px solid #655141;
background: linear-gradient(180deg, #33291e, #2e251b);
color: #eab696;
}
[data-theme="dark"] .loka-map-cta:hover {
border-color: #be5c30;
}
[data-theme="dark"] .loka-map-cta-ic {
background: #b45327;
}
[data-theme="dark"] .loka-map-cta-txt span {
color: #bfa693;
}
[data-theme="dark"] .loka-map-cta-go {
color: #df8d68;
}
[data-theme="dark"] .loka .ko-combo-list {
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.203);
}
[data-theme="dark"] .loka-addr-busy {
color: #b8b0a9;
}
[data-theme="dark"] .loka-aps thead th {
color: #99928a;
border-bottom: 1px solid #5d4f3b;
}
[data-theme="dark"] .loka-aps td {
border-bottom: 1px solid #5a4d39;
}
[data-theme="dark"] .loka-aps tbody tr:hover {
background: #322a1d;
}
[data-theme="dark"] .loka-aps tbody tr.is-selected {
background: #2e251b;
}
[data-theme="dark"] .loka-energy {
background: #322a1d;
border: 1px solid #5a4d39;
}
[data-theme="dark"] .loka-energy-txt strong {
color: #d8d3ce;
}
[data-theme="dark"] .loka-energy-txt span {
color: #b8b0a9;
}
[data-theme="dark"] .loka-apdetail {
border-color: #62533f;
}
[data-theme="dark"] .loka-paywall {
border: 1px solid #5d4f3b;
background: linear-gradient(180deg, #352d1f, #31281d);
}
[data-theme="dark"] .loka-paywall-head strong {
color: #d8d3ce;
}
[data-theme="dark"] .loka-paywall-sub {
color: #b8b0a9;
}
[data-theme="dark"] .loka-credits {
color: #b8b0a9;
}
[data-theme="dark"] .loka-credits strong {
color: #df8d68;
}
[data-theme="dark"] .loka-paid {
color: #9acca7;
}
[data-theme="dark"] .loka-buy-opt {
border: 1px solid #5e503c;
background: #2f2c27;
}
[data-theme="dark"] .loka-buy-opt:hover {
border-color: #be5c30;
}
[data-theme="dark"] .loka-buy-opt.is-featured {
border-color: #be5c30;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.7) inset;
}
[data-theme="dark"] .loka-buy-price {
color: #d8d3ce;
}
[data-theme="dark"] .loka-buy-label {
color: #b8b0a9;
}
[data-theme="dark"] .loka-buy-badge {
background: #b45327;
}
[data-theme="dark"] .loka-buy-cancel {
color: #b8b0a9;
}
[data-theme="dark"] .loka-cta-list li::before {
color: #9acca7;
}
[data-theme="dark"] .loka-sample-chip {
border: 1px solid #5d4f3b;
background: #2f2c27;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.087);
}
[data-theme="dark"] .loka-sample-chip:hover,
[data-theme="dark"] .loka-sample-chip:focus-visible {
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.203);
border-color: #60523e;
}
[data-theme="dark"] .loka-sample-thumb {
border: 1px solid #5d4f3b;
background: #262c1d;
}
[data-theme="dark"] .loka-sample-chip-badge {
background: #b45327;
}
[data-theme="dark"] .loka-sample-chip-badge--2 {
background: #3d784c;
}
[data-theme="dark"] .loka-sample-badge {
background: #b45327;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.406);
}
[data-theme="dark"] .loka-sample-card {
border: 1px solid #5d4f3b;
background: #2f2c27;
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.145);
}
[data-theme="dark"] .loka-sample-ortho {
border: 1px solid #5d4f3b;
background: #262c1d;
}
[data-theme="dark"] .loka-sample-title {
color: #d8d3ce;
}
[data-theme="dark"] .loka-sample-sub {
color: #b8b0a9;
}
[data-theme="dark"] .loka-sample-value strong {
color: #df8d68;
}
[data-theme="dark"] .loka-sample-value span {
color: #99928a;
}
[data-theme="dark"] .loka-sample-preview-link {
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.116);
}
[data-theme="dark"] .loka-sample-preview-link:hover,
[data-theme="dark"] .loka-sample-preview-link:focus-visible {
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.261);
}
[data-theme="dark"] .loka-sample-preview {
border: 1px solid #5d4f3b;
}
[data-theme="dark"] .loka-sample-preview-link::after {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #2f2c27);
}
[data-theme="dark"] .loka-sample-dl:hover {
background: #2f2c27;
}
[data-theme="dark"] .loka-tip-pop {
background: #484039;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.435);
}
[data-theme="dark"] .loka-tip-pop::after {
border-top-color: #61574c;
}
[data-theme="dark"] .loka-manual-acc.is-open {
background: #2f2c27;
}
[data-theme="dark"] .loka-preview-restored {
border: 1px solid #62533f;
background: #2f271c;
color: #e7b18c;
}
[data-theme="dark"] .loka-preview-card {
border: 1px solid #5d4f3b;
background: #2f2c27;
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.145);
}
[data-theme="dark"] .loka-preview-eyebrow {
color: #df8d68;
}
[data-theme="dark"] .loka-preview-title {
color: #d8d3ce;
}
[data-theme="dark"] .loka-preview-sub {
color: #b8b0a9;
}
[data-theme="dark"] .loka-preview-locked {
border: 1px dashed #60523e;
background: #322a1d;
}
[data-theme="dark"] .loka-preview-locked-h {
color: #d8d3ce;
}
[data-theme="dark"] .loka-preview-locked li {
color: #b8b0a9;
}
[data-theme="dark"] .loka-preview-buy {
border: 1px solid #5d4f3b;
background: linear-gradient(180deg, #352d1f, #2f271c);
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.145);
}
[data-theme="dark"] .loka-preview-buy-h {
color: #d8d3ce;
}
[data-theme="dark"] .loka-buy-email label {
color: #d8d3ce;
}
[data-theme="dark"] .loka-buy-email-hint {
color: #b8b0a9;
}
[data-theme="dark"] .loka-buy-pkg-h {
color: #d8d3ce;
}
[data-theme="dark"] .loka-buy-email > input {
border: 1px solid #61533e;
background: #2f2c27;
}
[data-theme="dark"] .loka-buy-email .loka-company-toggle {
color: #d8d3ce;
}
[data-theme="dark"] .loka-company-form {
border: 1px solid #61533e;
background: #322a1d;
}
[data-theme="dark"] .loka-buy-email .loka-company-row span {
color: #b8b0a9;
}
[data-theme="dark"] .loka-buy-email .loka-company-row input {
border: 1px solid #61533e;
background: #2f2c27;
}
[data-theme="dark"] .loka-buy-email .loka-company-check {
color: #d8d3ce;
}
[data-theme="dark"] .loka-product {
border: 1px solid #5e503c;
background: #2f2c27;
}
[data-theme="dark"] .loka-product--best {
border-color: #be5c30;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.7) inset;
}
[data-theme="dark"] .loka-product-badge {
background: #b45327;
}
[data-theme="dark"] .loka-product-name {
color: #d8d3ce;
}
[data-theme="dark"] .loka-product-gratis {
color: #97e5b6;
background: #1b2e22;
border: 1px solid #3d5f49;
}
[data-theme="dark"] .loka-product-price {
color: #d8d3ce;
}
[data-theme="dark"] .loka-product-desc {
color: #b8b0a9;
}
[data-theme="dark"] .loka-product-price-was {
color: #99928a;
}
[data-theme="dark"] .loka-promo-row input {
border: 1px solid #61533e;
background: #2f2c27;
}
[data-theme="dark"] .loka-promo-on {
color: #d8d3ce;
border: 1px solid #44623e;
}
[data-theme="dark"] .loka-promo-clear {
color: #b8b0a9;
}
[data-theme="dark"] .loka-promo-msg {
color: #e7b18c;
}
[data-theme="dark"] .loka-buy-msg {
color: #d8d3ce;
background: #2e251b;
border: 1px solid #5f513d;
}
[data-theme="dark"] .loka-buy-offer {
border: 1px solid #5f513d;
background: #342b1e;
}
[data-theme="dark"] .loka-buy-offer-head {
color: #d8d3ce;
}
[data-theme="dark"] .loka-buy-qr img {
border: 1px solid #5d4f3b;
background: #2f2c27;
}
[data-theme="dark"] .loka-buy-qr figcaption {
color: #b8b0a9;
}
[data-theme="dark"] .loka-buy-details dt {
color: #b8b0a9;
}
[data-theme="dark"] .loka-buy-details dd {
color: #d8d3ce;
}
[data-theme="dark"] .loka-buy-instant {
color: #cac4bd;
}
[data-theme="dark"] .loka-headrestore label {
color: #b8b0a9;
}
[data-theme="dark"] .loka-headrestore-row input {
border: 1px solid #61533e;
background: #2f2c27;
}
[data-theme="dark"] .loka-headrestore-msg {
color: #e7b18c;
}
[data-theme="dark"] .loka-sample-badge--2 {
background: #3d784c;
}
[data-theme="dark"] .loka-link {
color: #b8b0a9;
}
[data-theme="dark"] .loka-outoftokens {
border: 1px solid #62533f;
background: #2f271c;
color: #e7b18c;
}
[data-theme="dark"] .loka-buymore {
border: 1px solid #5d4f3b;
background: #352d1f;
}
[data-theme="dark"] .loka-buy-title {
color: #d8d3ce;
}
[data-theme="dark"] .loka-ap-locked {
color: #99928a;
}
[data-theme="dark"] .loka-product-pay {
color: #b8b0a9;
}
[data-theme="dark"] .loka-card-icon {
color: #df8d68;
}
[data-theme="dark"] .loka-product-kicker {
color: #caa278;
}
[data-theme="dark"] .loka-product-perunit {
color: #97e5b6;
}
[data-theme="dark"] .loka-restore-row input {
border: 1px solid #61533e;
background: #2f2c27;
}
[data-theme="dark"] .loka-restore-msg {
color: #e7b18c;
}
[data-theme="dark"] .loka-usecase {
border: 1px solid #5d4f3b;
background: #2f2c27;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.065);
}
[data-theme="dark"] .loka-usecase-h {
color: #d8d3ce;
}
[data-theme="dark"] .loka-3d-upsell {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.116);
}
[data-theme="dark"] .loka-3d-seal {
background: radial-gradient(circle at 50% 38%, #c46120, #a5471d);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.435);
}
[data-theme="dark"] .loka-glog {
border: 1px solid #5f4f3d;
background: linear-gradient(180deg, #342b1e, #2f271c);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.087);
}
[data-theme="dark"] .loka-glog-img {
border: 1px solid #5f4f3d;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.203);
}
[data-theme="dark"] .loka-glog-eyebrow {
color: #caa278;
}
[data-theme="dark"] .loka-glog-points li {
color: #d8d3ce;
}
[data-theme="dark"] .loka-usecase-ch {
color: #d8d3ce;
}
[data-theme="dark"] .loka-ai-summary {
border: 1px solid #5f4f3d;
background: linear-gradient(180deg, #342b1e, #2f271c);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.087);
}
[data-theme="dark"] .loka-ai-badge {
color: #caa278;
border: 1px solid #5f4f3d;
}
[data-theme="dark"] .loka-ai-summary-item dt {
color: #ebcc8b;
}
[data-theme="dark"] .loka-ai-summary-item dd {
color: #d8d3ce;
}
[data-theme="dark"] .loka-score-beta {
color: #d0b890;
background: #292318;
border: 1px solid #61563e;
}
[data-theme="dark"] .loka-score-num {
color: #d8d3ce;
}
[data-theme="dark"] .loka-score--good .loka-score-dot {
background: #39824a;
}
[data-theme="dark"] .loka-score--good .loka-score-label {
color: #90ce9e;
}
[data-theme="dark"] .loka-score--warn .loka-score-dot {
background: #c39520;
}
[data-theme="dark"] .loka-score--warn .loka-score-label {
color: #ebcc8b;
}
[data-theme="dark"] .loka-score--bad .loka-score-dot {
background: #b13428;
}
[data-theme="dark"] .loka-score--bad .loka-score-label {
color: #de766b;
}
[data-theme="dark"] .loka-score-bar {
background: linear-gradient(90deg, #be4d3c 0%, #e1bd6f 55%, #498e5b 100%);
}
[data-theme="dark"] .loka-score-marker {
background: #484039;
}
[data-theme="dark"] .loka-ai-glossary,
[data-theme="dark"] .loka-ai-checklist {
background: #2f2c27;
}
[data-theme="dark"] .loka-ai-gloss-row dt {
color: #b8b0a9;
}
[data-theme="dark"] .loka-ai-gloss-row dd {
color: #d8d3ce;
}
[data-theme="dark"] .loka-ai-check-list li {
color: #d8d3ce;
}
[data-theme="dark"] .loka-ai-check-box {
background: #2f2c27;
}
[data-theme="dark"] .loka-ai-check-box:checked::after {
border: solid #4c463e;
}
[data-theme="dark"] .report-info-notes {
background: #322a1d;
}
[data-theme="dark"] .report-info-h {
color: #b8b0a9;
}
[data-theme="dark"] .energy-potentials {
background: linear-gradient(180deg, #322a1e, #2e261b);
}
[data-theme="dark"] .energy-card {
background: #352d1f;
}
[data-theme="dark"] .energy-card-h {
color: #b8b0a9;
}
[data-theme="dark"] .energy-val {
color: #df8d68;
}
[data-theme="dark"] .noise-scale-h {
color: #b8b0a9;
}
[data-theme="dark"] .noise-scale li {
background: #2e261b;
}
[data-theme="dark"] .noise-db {
color: #d8d3ce;
}
[data-theme="dark"] .loka-pass-menu {
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.232);
}
[data-theme="dark"] .loka-invite-note {
background: #30261c;
border: 1px solid #5e4d3c;
color: #d9bda3;
}
[data-theme="dark"] .loka-referral {
background: #31281d;
border: 1px solid #5d4f3b;
}
[data-theme="dark"] .loka-referral-head h2 {
color: #d8d3ce;
}
[data-theme="dark"] .loka-referral-link {
border: 1px solid #5d4f3b;
background: #2f2c27;
color: #c9c4be;
}
[data-theme="dark"] .loka-referral-stats {
color: #b8b0a9;
}
[data-theme="dark"] .loka-referral-stats strong {
color: #df8d68;
}
[data-theme="dark"] .loka-footer {
border-top: 1px solid #5d4f3b;
color: #b8b0a9;
}
[data-theme="dark"] .loka-footer-links a {
color: #b8b0a9;
}
[data-theme="dark"] .loka-footer-links a:hover {
color: #df8d68;
}
[data-theme="dark"] .loka-footer-gurs {
color: #a39d96;
}
[data-theme="dark"] .cookie-consent {
box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.174);
}
[data-theme="dark"] .loka-legal-page {
color: #d8d3ce;
}
[data-theme="dark"] .loka-legal-back {
color: #df8d68;
}
[data-theme="dark"] .loka-legal-doc h2 {
color: #d8d3ce;
}
[data-theme="dark"] .loka-legal-doc h3 {
color: #d8d3ce;
}
[data-theme="dark"] .loka-legal-doc p,
[data-theme="dark"] .loka-legal-doc li {
color: #c9c4be;
}
[data-theme="dark"] .loka-legal-doc a {
color: #df8d68;
}
[data-theme="dark"] .loka-legal-meta {
color: #99928a;
}
[data-theme="dark"] .loka-legal-callout {
background: #322a1d;
border: 1px solid #5d4f3b;
color: #c9c4be;
}
[data-theme="dark"] .parcel-pick-btn {
border: 1px solid #60523e;
background: #2f2c27;
color: #e5bc97;
}
[data-theme="dark"] .parcel-pick-btn:hover {
background: #32291d;
border-color: #be5c30;
color: #df8d68;
}
[data-theme="dark"] .mappick {
background: #2f2c27;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.507);
}
[data-theme="dark"] .mappick-head {
border-bottom: 1px solid #5b4e3a;
}
[data-theme="dark"] .mappick-head h3 {
color: #d8d3ce;
}
[data-theme="dark"] .mappick-x {
color: #aca295;
}
[data-theme="dark"] .mappick-x:hover {
background: #2d261a;
color: #d8d3ce;
}
[data-theme="dark"] .mappick-search-ic {
color: #a88f75;
}
[data-theme="dark"] .mappick-search-input {
border: 1px solid #60523e;
}
[data-theme="dark"] .mappick-search-input:focus {
border-color: #be5c30;
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.174);
}
[data-theme="dark"] .mappick-suggest {
background: #2f2c27;
border: 1px solid #5e503c;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.217);
}
[data-theme="dark"] .mappick-suggest-opt:hover {
background: #30271c;
}
[data-theme="dark"] .mappick-suggest-empty {
color: #a79989;
}
[data-theme="dark"] .mappick-map {
border: 1px solid #5e503c;
background: #1f272c;
}
[data-theme="dark"] .mappick-fs-btn {
background: #2f2c27;
border: 1px solid #60523e;
color: #c5bdb3;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.261);
}
[data-theme="dark"] .mappick-fs-btn:hover {
background: #30281c;
color: #d8d3ce;
}
[data-theme="dark"] .mappick-viewsw.maplibregl-ctrl-group button {
color: #c5bdb3;
}
[data-theme="dark"] .mappick-viewsw.maplibregl-ctrl-group button + button {
border-left: 1px solid #5e543c;
}
[data-theme="dark"] .mappick-viewsw.maplibregl-ctrl-group button:hover {
background: #2c261a;
color: #d8d3ce;
}
[data-theme="dark"] .mappick-viewsw.maplibregl-ctrl-group button.is-on {
background: #b45327;
}
[data-theme="dark"] .mappick-result-item {
background: #30281c;
}
[data-theme="dark"] .mappick-result-k {
color: #a79989;
}
[data-theme="dark"] .mappick-result-v {
color: #d8d3ce;
}
[data-theme="dark"] .mappick-empty,
[data-theme="dark"] .mappick-busy {
color: #aca295;
}
[data-theme="dark"] .mappick-ok {
color: #97d99b;
}
[data-theme="dark"] .mappick-foot {
border-top: 1px solid #5b4e3a;
}
[data-theme="dark"] .mappick-cancel {
background: #2c261a;
color: #c5bdb3;
}
[data-theme="dark"] .mappick-cancel:hover {
background: #262016;
}
[data-theme="dark"] .mappick-pin {
color: #df8d68;
filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.507));
}
[data-theme="dark"] .mappick--inline {
border: 1px solid #5e503c;
}
[data-theme="dark"] .mappick--inline.mappick--fullscreen {
background: #2f2c27;
}
[data-theme="dark"] .loka-req {
color: #de766b;
}
[data-theme="dark"] .loka-sent-note {
background: #1b2f1d;
border: 1px solid #3d5f40;
color: #add7b4;
}
[data-theme="dark"] .loka-sent-ic {
background: #2e7e32;
}
[data-theme="dark"] .loka-modal-card {
background: #2f2c27;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.507);
}
[data-theme="dark"] .loka-modal-ic {
background: #1b2f1d;
color: #97d99b;
}
[data-theme="dark"] .loka-modal-ic--warn {
background: #2f281c;
color: #df8d68;
}
[data-theme="dark"] .loka-modal-card h3 {
color: #d8d3ce;
}
[data-theme="dark"] .loka-modal-card p {
color: #c5bdb3;
}
[data-theme="dark"] .loka-modal-x {
color: #aca295;
}
[data-theme="dark"] .loka-modal-x:hover {
background: #2d261a;
color: #d8d3ce;
}
[data-theme="dark"] .gauge-val.tone-good {
color: #a6ccb1;
}
[data-theme="dark"] .gauge-val.tone-warn {
color: #ebcc8b;
}
[data-theme="dark"] .gauge-val.tone-bad {
color: #cf7b74;
}
[data-theme="dark"] .gauge-zone.tone-warn {
background: rgba(177, 132, 35, 0.5);
}
[data-theme="dark"] .gauge-zone.tone-bad {
background: rgba(167, 66, 58, 0.48);
}
[data-theme="dark"] .gauge-legend .tone-warn {
background: rgba(177, 132, 35, 0.65);
}
[data-theme="dark"] .gauge-legend .tone-bad {
background: rgba(167, 66, 58, 0.62);
}
[data-theme="dark"] .tone-chip.tone-good {
color: #a6ccb1;
}
[data-theme="dark"] .tone-chip.tone-good::before {
background: #3e6d4b;
}
[data-theme="dark"] .tone-chip.tone-warn {
color: #ebcc8b;
background: #2f281b;
}
[data-theme="dark"] .tone-chip.tone-warn::before {
background: #b18423;
}
[data-theme="dark"] .tone-chip.tone-bad {
color: #cf7b74;
background: #301f1c;
}
[data-theme="dark"] .tone-chip.tone-bad::before {
background: #a7423a;
}
[data-theme="dark"] .price-trend.is-up {
color: #a6ccb1;
}
[data-theme="dark"] .price-trend.is-down {
color: #cf7b74;
background: #301f1c;
}
[data-theme="dark"] .cms-card:hover {
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.087);
}
[data-theme="dark"] .cms-error {
background: #301f1c;
color: #cf7b74;
}
[data-theme="dark"] .cms-badge.is-pub {
color: #9ee4cc;
background: color-mix(in srgb, #227b5d 14%, transparent);
}
[data-theme="dark"] .cms-quill {
background: #2f2c27;
}
[data-theme="dark"] .theme-toggle-knob {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.507);
}
/* ── admin.css ── */
[data-theme="dark"] .admin-auth-card {
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.102);
}
[data-theme="dark"] .admin-field input {
background: #2f2c27;
}
[data-theme="dark"] .admin-field select {
background: #2f2c27;
}
[data-theme="dark"] .admin-btn-danger {
border-color: #623e3e;
}
[data-theme="dark"] .admin-note-ok {
border: 1px solid #4a6440;
color: #aadead;
}
[data-theme="dark"] .admin-note-warn {
border: 1px solid #63573f;
}
[data-theme="dark"] .admin-note-danger {
border: 1px solid #5f3d3d;
}
/* <<< END GENERATED */
/* ---------- 3. hand tuning ----------
The generated pass above reads a colour's ROLE from its property, which is right almost
everywhere but cannot know that a given white sits on top of something that was already dark in
light mode. These are those cases. Keep new exceptions here, below the generated block. */
/* Switch knobs ride on a coloured track, so they stay light in both themes. */
[data-theme="dark"] .ai-switch::after,
[data-theme="dark"] .cost-group-dot::after {
background: #e9e3d7;
}
/* Before/after slider chrome sits on the photo, not on the page. */
[data-theme="dark"] .ic-divider,
[data-theme="dark"] .ic-handle {
background: #fff;
}
/* Inverted panels: `background: var(--ink)` blocks whose inner text is hard-coded cream/white. The
token flip alone would turn the panel LIGHT and leave that text unreadable, so in dark mode they
stay dark - pushed below the page tone so they still read as a distinct block. */
[data-theme="dark"] .lp-newsletter-card,
[data-theme="dark"] .sub-plan-tip,
[data-theme="dark"] .price-tip,
[data-theme="dark"] .cover-photo-unpin {
background: #0e0c09;
}
[data-theme="dark"] .lp-newsletter-card,
[data-theme="dark"] .lp-newsletter-copy h2,
[data-theme="dark"] .lp-newsletter-input {
color: var(--ink); /* light mode uses var(--bg), which is dark ink on the inverted panel */
}
/* Pill inside the accent-coloured beta banner - the banner stays terracotta in dark mode. */
[data-theme="dark"] .beta-report-btn {
background: rgba(255, 255, 255, .16);
border-color: rgba(255, 255, 255, .45);
}
[data-theme="dark"] .beta-report-btn:hover {
background: rgba(255, 255, 255, .28);
border-color: #fff;
}
/* The bank-transfer QR is a transparent PNG; it needs a white plate to stay scannable. */
[data-theme="dark"] .loka-buy-qr img {
background: #fff;
border-color: var(--line-strong);
}
/* The sample card fades its cropped screenshot into the card colour - follow the card, not white. */
[data-theme="dark"] .loka-sample-preview-link::after {
background: linear-gradient(to bottom, rgba(47, 44, 39, 0), var(--surface));
}
} /* @media screen */