:root {
    color-scheme: light !important;
    --theme-page-start: #fbfcfb !important;
    --bg: #f5f7f6 !important;
    --ink: #17202a !important;
    --muted: #667589 !important;
    --line: #e1e7e3 !important;
    --panel: #ffffff !important;
    --brand: #0f7f70 !important;
    --brand-dark: #0f5f55 !important;
    --soft: #edf8f5 !important;
    --danger: #b42318 !important;
    --theme-button-radius: 8px !important;
    --theme-panel-radius: 8px !important;
    --theme-shell-width: 1180px !important;
    --theme-font-scale: 1 !important;
    --theme-panel-alt: color-mix(in srgb, var(--panel), var(--soft) 34%) !important;
    --theme-panel-muted: color-mix(in srgb, var(--panel), var(--bg) 28%) !important;
    --theme-brand-tint: color-mix(in srgb, var(--brand), transparent 88%) !important;
    --theme-danger-tint: color-mix(in srgb, var(--danger), transparent 88%) !important;
    --theme-shadow: 0 12px 30px rgba(0, 0, 0, .12) !important;
    --theme-shadow-soft: 0 8px 22px rgba(0, 0, 0, .08) !important;
}

body {
    background: linear-gradient(180deg, var(--theme-page-start) 0, var(--bg) 360px) !important;
    color: var(--ink) !important;
    font-size: calc(16px * var(--theme-font-scale)) !important;
}

[hidden],
.hidden {
    display: none !important;
}

body,
.shell {
    accent-color: var(--brand) !important;
}

.shell {
    width: min(var(--theme-shell-width), calc(100% - 32px)) !important;
}

button,
a.button,
a.secondary,
button.secondary,
button.ghost,
a.ghost,
input,
select,
textarea,
.status-pill {
    border-radius: var(--theme-button-radius) !important;
}

.panel,
.topbar,
.app-drawer,
.modal-card,
.auth-modal-card,
.app-icon-card {
    border-radius: var(--theme-panel-radius) !important;
}

.panel,
.topbar,
.app-drawer,
.modal-card,
.auth-modal-card,
.app-icon-card,
.social-login-button,
.language-choice-list button,
.social-account-item,
.ledger-sale-lines,
.ledger-sale-line {
    background-color: var(--panel) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
}

button.secondary,
a.secondary,
button.ghost,
a.ghost,
.status-pill,
.top-actions button,
.icon-close,
input,
select {
    background-color: var(--panel) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
}

textarea {
    background-color: var(--soft) !important;
    border-color: var(--line) !important;
    color: var(--brand-dark) !important;
}

input[type="color"] {
    padding: 4px !important;
    background-color: var(--panel) !important;
}

::placeholder {
    color: var(--muted) !important;
    opacity: .78 !important;
}

button.is-secondary,
a.is-secondary,
.top-actions button.active,
.global-nav a:hover,
.global-nav a.active,
.global-nav .nav-button:hover,
.language-choice-list button:hover,
.language-choice-list button.is-active {
    background-color: var(--soft) !important;
    border-color: var(--line) !important;
    color: var(--brand-dark) !important;
}

.feature-modal-card,
.auth-modal-card,
.login-card,
.profile-panel,
.empty-state,
.form-card {
    background-color: var(--panel) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
}

.help,
.help-text,
.muted,
small,
label {
    color: var(--muted) !important;
}

.notice,
.alert,
.toast,
.ledger-toast,
.farm-work-toast,
.cctv-save-message,
.network-note {
    border-color: var(--line) !important;
    background-color: var(--theme-panel-alt) !important;
    color: var(--ink) !important;
}

.notice.danger,
.auth-error,
.danger-text {
    color: var(--danger) !important;
}

button.danger,
a.danger {
    background-color: var(--theme-danger-tint) !important;
    border-color: color-mix(in srgb, var(--danger), transparent 58%) !important;
    color: var(--danger) !important;
}

button.primary,
a.primary,
a.button:not(.secondary):not(.ghost):not(.danger) {
    background-color: var(--brand) !important;
    color: #fff !important;
}

button.primary:hover,
a.primary:hover,
a.button:not(.secondary):not(.ghost):not(.danger):hover {
    background-color: var(--brand-dark) !important;
}

.nav-button,
.text-button,
.icon-close,
.feature-modal-backdrop,
.cctv-detail-backdrop {
    background-color: transparent !important;
}

.topbar-page-title,
.brand-name,
.topbar-brand strong,
.section-head h2,
.admin-head h2,
.plugin-title h1 {
    color: var(--ink) !important;
}

.app-drawer,
.feature-modal-card,
.admin-floating-card,
.farm-work-mini-popover-card,
.farm-work-sheet-card,
.farm-work-context-card,
.modal-card,
.auth-modal-card {
    box-shadow: var(--theme-shadow) !important;
}

.ui-tabs,
.ledger-tabs,
.admin-subnav,
.cctv-tabs,
.network-tabs,
.theme-preset-grid,
.theme-preview-controls,
.theme-actions,
.top-actions,
.actions {
    border-color: var(--line) !important;
}

.ui-tabs a,
.ledger-tabs a,
.admin-subnav a,
.cctv-tabs button,
.network-tab,
.theme-preset-grid button,
.theme-preview-controls button,
.theme-actions button {
    background-color: var(--panel) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
}

.ui-tabs a.active,
.ledger-tabs a.active,
.admin-subnav a.active,
.cctv-tabs button.active,
.network-tab.is-active,
.theme-preset-grid button.is-active,
.theme-preview-controls button.is-active,
.theme-actions button.is-active {
    background-color: var(--brand) !important;
    border-color: var(--brand) !important;
    color: #fff !important;
}

.network-card,
.network-link-row,
.theme-preview,
.theme-editor,
.theme-savebar,
.theme-control,
.theme-swatch,
.nutrient-calculator,
.nutrient-result,
.nutrient-history,
.nutrient-settings,
.nutrient-water,
.nutrient-tank,
.nutrient-dose-row,
.nutrient-compare-item,
.nutrient-history-item,
.cctv-preview-card,
.cctv-playback-panel,
.cctv-playback-results,
.cctv-playback-player,
.cctv-settings-card,
.cctv-info-card,
.cctv-route-chip,
.profile-danger-panel,
.account-level-panel,
.social-account-item,
.admin-notification-card,
.admin-user-card,
.menu-settings-card,
.ledger-dashboard,
.ledger-summary,
.ledger-bars,
.ledger-rank-list,
.ledger-kpi,
.ledger-chart-panel,
.ledger-row,
.ledger-edit,
.ledger-inline-form,
.ledger-summary-card,
.ledger-bar-row.ledger-summary-link,
.ledger-rank-list .ledger-summary-link,
.ledger-suggestion-list,
.ledger-suggestion-option,
.ledger-sale-lines,
.ledger-sale-line,
.ledger-purchase-lines,
.ledger-purchase-line,
.ledger-preview {
    background-color: var(--panel) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
}

.network-link-row.is-primary,
.network-link-rank,
.network-link-status.ok,
.theme-preview-card,
.nutrient-compare-item.warn,
.cctv-route-chip.primary,
.admin-filter-row,
.account-level-meter,
.ledger-row:hover,
.ledger-suggestion-option:hover,
.ledger-suggestion-option.is-active,
.ledger-period-filter,
.ledger-sales-switch,
.ledger-sales-switch button:hover,
.ledger-history-search,
.ledger-sheet-actions,
.ledger-history-actions,
.ledger-inline-actions,
.ledger-bar-row.ledger-summary-link:hover,
.ledger-bar-row.ledger-summary-link:focus-visible,
.ledger-rank-list .ledger-summary-link:hover,
.ledger-rank-list .ledger-summary-link:focus-visible,
.ledger-sheet-meta,
.ledger-history-extra,
.ledger-sale-line-head,
.ledger-purchase-line-head {
    background-color: var(--theme-panel-alt) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
}

.network-link-open,
.network-more summary,
.network-card strong,
.theme-preview strong,
.theme-editor strong,
.nutrient-result strong,
.nutrient-tank strong,
.cctv-route-chip strong,
.ledger-kpi strong,
.ledger-row strong,
.ledger-summary-link strong,
.ledger-summary-link b,
.admin-user-card strong,
.social-account-item strong {
    color: var(--brand-dark) !important;
}

.ledger-sales-switch button {
    background-color: var(--panel) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
}

.ledger-sales-switch button[aria-selected="true"] {
    background-color: var(--brand) !important;
    border-color: var(--brand) !important;
    color: #fff !important;
}

.ledger-history-search,
.ledger-sheet-actions,
.ledger-history-actions {
    padding: 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 10px !important;
}

.ledger-inline-form {
    margin-top: 10px !important;
    padding: 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 10px !important;
}

.ledger-delete-form {
    padding: 10px 0 14px !important;
}

.ledger-summary-link small {
    color: var(--muted) !important;
}

.ledger-rank-list .ledger-summary-link > span {
    background-color: var(--theme-panel-alt) !important;
}

.ledger-rank-list .ledger-summary-link > span i,
.ledger-bar.sales {
    background: var(--brand) !important;
}

.ledger-rank-purchases .ledger-summary-link > span i,
.ledger-bar.purchases {
    background: #d97706 !important;
}

@media (max-width: 760px) {
    .ledger-board,
    .farm-board.ledger-board {
        grid-template-columns: 1fr !important;
    }

    .ledger-sale-entry-form .ledger-sheet-meta,
    .ledger-purchase-entry-form .ledger-sheet-meta,
    .ledger-history-edit-form .ledger-sheet-meta {
        grid-template-columns: 1fr !important;
    }

    .ledger-dashboard {
        grid-template-columns: 1fr !important;
    }

    .ledger-summary-wide {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .ledger-chart-panel,
    .ledger-summary,
    .ledger-rank-list,
    .ledger-bar-row.ledger-summary-link,
    .ledger-rank-list .ledger-summary-link {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .ledger-rank-list .ledger-summary-link {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .ledger-rank-list .ledger-summary-link > span,
    .ledger-rank-list .ledger-summary-link b {
        grid-column: 1 / -1 !important;
    }

    .ledger-rank-list .ledger-summary-link b {
        text-align: left !important;
    }
}

.network-link-status.fail,
.nutrient-warnings,
button.ledger-history-delete-button,
.ledger-history-delete-button.secondary {
    background-color: var(--theme-danger-tint) !important;
    border-color: color-mix(in srgb, var(--danger), transparent 58%) !important;
    color: var(--danger) !important;
}

.cctv-live-frame,
.cctv-detail-panel,
.cctv-preview-video,
.cctv-live-video {
    background-color: #050807 !important;
}

.theme-preview-controls button:not(.secondary),
.theme-actions button:not(.secondary) {
    background-color: var(--brand) !important;
    border-color: var(--brand) !important;
    color: #fff !important;
}

.theme-preview-controls button:not(.secondary):hover,
.theme-actions button:not(.secondary):hover {
    background-color: var(--brand-dark) !important;
    border-color: var(--brand-dark) !important;
}

.weather-page {
    --weather-bg: var(--bg) !important;
    --weather-panel: var(--panel) !important;
    --weather-ink: var(--ink) !important;
    --weather-muted: var(--muted) !important;
    --weather-line: var(--line) !important;
    --weather-brand: var(--brand) !important;
    --weather-brand-dark: var(--brand-dark) !important;
    --weather-soft: var(--soft) !important;
    --weather-soft-panel: var(--theme-panel-alt) !important;
    --weather-shadow: var(--surface-shadow) !important;
    --weather-focus: color-mix(in srgb, var(--brand), transparent 68%) !important;
    --weather-brand-tint: color-mix(in srgb, var(--brand), transparent 88%) !important;
    background: linear-gradient(180deg, var(--theme-page-start) 0, var(--bg) 360px) !important;
    color: var(--ink) !important;
}

.farm-work-app {
    --farm-work-hud: linear-gradient(180deg, var(--panel), var(--soft)) !important;
    --farm-work-map: var(--soft) !important;
    --farm-work-shadow: 0 10px 24px rgba(0, 0, 0, .22) !important;
    color: var(--ink) !important;
}

.farm-work-app :is(.farm-work-tabs, .farm-work-manage-tabs, .farm-work-toolbar, .farm-work-field, .farm-work-side, .farm-work-sheet-card, .farm-work-context-card, .farm-work-sheet-panel, .farm-work-mini-popover-card, .farm-work-actionbar, .farm-work-summary-card, .farm-work-dashboard-card, .farm-work-staff-card, .farm-work-task-card, .farm-work-log-card, .farm-work-note-card, .farm-work-inventory-card, .farm-work-crop-editor, .farm-work-bed-settings-tabs, .farm-work-qr-box) {
    background-color: var(--panel) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
}

.farm-work-app :is(.farm-work-tabs button, .farm-work-manage-tabs button, .farm-work-bed-settings-tabs button, .farm-work-summary-card, .farm-work-stat-row span, .farm-work-filter-bar button, .farm-work-context-picker button, .farm-work-memo-toggle) {
    background-color: var(--panel) !important;
    border-color: var(--line) !important;
    color: var(--ink) !important;
}

.farm-work-app :is(.farm-work-tabs button.active, .farm-work-manage-tabs button.active, .farm-work-bed-settings-tabs button.active, .farm-work-summary-card.active, .farm-work-filter-bar button.active, .farm-work-context-picker button.active) {
    background-color: var(--soft) !important;
    border-color: var(--brand) !important;
    color: var(--brand-dark) !important;
}