/* Tema día */
html[data-theme="dia"] {
    --bg: #ffffff;
    --card: #f5f5f5;
    --text: #111111;
    --muted: #666;
    --accent: #4da3ff;

}

html[data-theme="dia"] .site-badge {
    background: #fff;
    border: 1px solid #fff;
}

html[data-theme="dia"] #encabezado {
    background-color: #2563EB;
}

html[data-theme="dia"] #encabezado .app-title a {
    color: #FF7B00;
}

html[data-theme="dia"] label {
    color: #000;
}

html[data-theme="dia"] input,
html[data-theme="dia"] select,
html[data-theme="dia"] textarea {
    background-color: #ADADAD;
    color: #111;
}

html[data-theme="dia"] ::placeholder {
    color: #000;
    opacity: 1;
}

html[data-theme="dia"] #cardMapa {
    background: #fff;
    border: 1px solid #ccc;
}


html[data-theme="dia"] #btn-open-delete {
    background-color: #dc2626;
    border-color: #b91c1c;
}

html[data-theme="dia"] #hist-metrics-chips .chip.toggle {
    background-color: #d1d5db;
    color: #111;
    border: 1px solid #9ca3af;
}

html[data-theme="dia"] #hist-chart-open {
    background-color: #2563EB;
    color: #fff;
    border: 1px solid #1d4ed8;
}

html[data-theme="dia"] .parcel-link {
    color: #000;
}

html[data-theme="dia"] .sem-label {
    color: #000 !important;
}

html[data-theme="dia"] .card-kpi {
    background-color: #e5e5e5 !important;
    border: 1px solid #cfcfcf !important;
}

html[data-theme="dia"] .card {
    background-color: #f3f4f6 !important;
    border: 1px solid #d1d5db !important;
}

html[data-theme="dia"] .parcel-card {
    border: none !important;
}

html[data-theme="dia"] .btn.info {
    color: #FFF !important;
}

html[data-theme="dia"] .btn.danger {
    background-color: #dc2626 !important;
}

html[data-theme="dia"] #help-modal {
    background: #ffffff !important;
    color: #111111 !important;
}

html[data-theme="dia"] .sem-card {
    background: #ffffff !important;
    color: #111 !important;
    border: 1px solid #d1d5db !important;
}

html[data-theme="dia"] #help-modal header {
    background: #ffffff !important;
    color: #111 !important;
    border-bottom: 1px solid #d1d5db !important;
}

html[data-theme="dia"] #ep-name {
    background-color: #f3f4f6 !important;
    color: #111 !important;
    border: 1px solid #d1d5db !important;
}

#help-close-btn {
    font-size: 12px;
    padding: 5px 3px !important;
}


html[data-theme="dia"] #history-root .chart-canvas {
    background: radial-gradient(circle at top,
            rgba(220, 235, 255, 0.9),
            rgba(245, 250, 255, 0.95) 45%);
    border: 1px solid #243149;
    border-radius: 12px;
    padding: 14px;
}

html[data-theme="dia"] .toast {
    background: #ffffff !important;
}

html[data-theme="dia"] .toast-msg {
    color: #111 !important;
}

select {
    position: relative;
    z-index: 10;
}

html[data-theme="dia"] h3 a {
    color: #111 !important;
}

html[data-theme="dia"] .label {
    color: #111 !important;
}

html[data-theme="dia"] .dot.green {
    background: #00ff7b !important;
    border: 1px solid;
}

html[data-theme="dia"] .sem-status.ok {
    color: #267b4f;
}

html[data-theme="dia"] .btn.small.btn.success {
    color: #FFF !important;
    background: #228e3d;
}

html[data-theme="dia"] #btn-go-registro {
    color: #FFF !important;
    background: #228e3d;
}

html[data-theme="dia"] #hist-export-dup {
    color: #FFF !important;
    background: #666;
}

html[data-theme="dia"] .field-label {
    color: #666;
}

html[data-theme="dia"] .field-label {
    color: #666;
}

html[data-theme="dia"] #hist-metrics-chips .chip.toggle.active {
    background: #c5f4d1 !important;
}

html[data-theme="dia"] #parcel-meta dt {
    color: #000;
}

html[data-theme="dia"] .kv.kv--x2 dt {
    color: #000;
}

html[data-theme="dia"] .trend-chart.trend-block h4 {
    color: #000;
}

html[data-theme="dia"] .table th {
    color: #000;
}

html[data-theme="dia"] .env-metric-grid.muted.sc-overlay-anchor {
    color: #000;
}

html[data-theme="dia"] .env-metric-grid.muted.sc-overlay-anchor {
    color: #000;
}

html[data-theme="dia"] #env-refresh-soil {
    background-color: #000;
    color: white;
}

html[data-theme="dia"] #env-export {
    background-color: #000;
    color: white;
}

html[data-theme="dia"] .btn.success {
    color: #FFF !important;
    background: #228e3d;
}

html[data-theme="dia"] .state-chips .sem-card,
html[data-theme="dia"] .state-chips .sem-subtitle {
    color: #111;
}

html[data-theme="dia"] .trends-header.chips .chip {
    color: #FFF;
}

html[data-theme="dia"] .trends-header.chips .chip.green {
    background-color: #0b8b5c;
}

html[data-theme="dia"] .trends-header.chips .chip.danger {
    background-color: red;
}


html[data-theme="dia"] .env-status-good {
    border-color: #00000055;
    box-shadow: 0 8px 24px rgba(20, 140, 60, 0.55);
}

html[data-theme="dia"] .env-status-ok {
    border-color: #00000055;
    box-shadow: 0 8px 24px rgba(46, 160, 90, 0.45);
}

html[data-theme="dia"] .env-status-warn {
    border-color: #00000055;
    box-shadow: 0 8px 24px rgba(184, 120, 40, 0.45);
}

html[data-theme="dia"].env-status-bad {
    border-color: #00000055;
    box-shadow: 0 8px 24px rgba(190, 60, 60, 0.45);
}

html[data-theme="dia"] .kpi-label {
    color: #000;
}

html[data-theme="dia"] .env-metric-label {
    color: #000;
}

html[data-theme="dia"] .table.compact {
    color: #000;

}

html[data-theme="dia"] .doc-tag {
    color: white;
}

html[data-theme="dia"] .docs-meta .chip {
    color: #FFF;
}

html[data-theme="dia"] .docs-cat.active a,
html[data-theme="dia"] .docs-cat a,
html[data-theme="dia"] .docs-breadcrumbs a {
    color: #000;
}

html[data-theme="dia"] .count {
    background-color: white;
}

html[data-theme="dia"] .docs-related {
    background-color: #F5F5F5;
}

html[data-theme="dia"] .docs-related a {
    color: #000;
}

html[data-theme="dia"] .docs-list li strong {
    color: #000;
    font-weight: normal;
}

html[data-theme="dia"] .docs-sidebar input,
html[data-theme="dia"] .docs-sidebar button {
    background-color: #FFF;
    font-weight: normal;
}

html[data-theme="dia"] .tab.active {
    background-color: #0ccf87;
}

html[data-theme="dia"] .tab {
    background-color: #cfcfcf;
    color: #000;
}

html[data-theme="dia"] [data-help-key="form-fecha"] input {
    background-color: #cfcfcf !important;
    color: #000 !important;
}

html[data-theme="dia"] .sf-row select {
    background-color: #cfcfcf !important;
    color: #000 !important;
}

html[data-theme="dia"] #create-form-panel textarea[placeholder] {
    background-color: #cfcfcf;
    color: #000;
}

html[data-theme="dia"] #create-form-panel .row.gap button {
    background-color: #111;
}

html[data-theme="dia"] #btn-Cerrar-registro {
    background-color: #111;
    color: white;
}

html[data-theme="dia"] #create-form-panel input,
html[data-theme="dia"] #create-form-panel select {
    background-color: #cfcfcf;
    color: #000;
}

html[data-theme="dia"] #account-password-open {
    background-color: #111;
}

html[data-theme="dia"] .kv dt,
html[data-theme="dia"] .kv dd {
    color: #000;
}

html[data-theme="dia"] .table.compact td {
    color: #000;
}

html[data-theme="dia"] .table tr:hover {
    color: #000;
    transform: none;
    box-shadow: none;
    background-color: inherit;
}

html[data-theme="dia"] .sc-overlay__panel {
    background-color: #FFF !important;
}

html[data-theme="dia"] .sc-overlay__backdrop {
    background-color: transparent !important;
}

html[data-theme="dia"] .dot.amber {
    background-color: rgb(243, 183, 44);
    border: 1px solid black;
}

html[data-theme="dia"] .sem-status.warn {
    color: rgb(243, 183, 44) !important;
}

html[data-theme="dia"] .dot.red {
    background-color: red;
    border: 1px solid black;
}



html[data-theme="dia"] .sem-status.danger {
    color: red !important;
}