/* Shared module: theme — auto-split from the old single styles.css, 51 rule block(s). Do not duplicate class names across files. */

.appearance-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

.appearance-choice{min-height:145px;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--ink);padding:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;transition:.18s}

.appearance-choice small{color:var(--muted);font-size:10px}

.appearance-preview{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:24px;border:1px solid #ccdbe3}

.light-preview{background:#fff;color:#173042}

.dark-preview{background:#0b2132;color:#fff;border-color:#24475d}

.system-preview{background:linear-gradient(90deg,#fff 50%,#0b2132 50%);color:#13a3cf}

body[data-theme="dark"] .appearance-choice{background:#0c2638;border-color:#29495c;color:#edf7fb}

body[data-theme="dark"] .appearance-choice small{color:#8faabb}

body[data-theme="dark"] .light-preview{background:#f8fbfd;color:#143144}

.dark-preview{background:#071925;color:#fff}

@media (max-width:700px){
.appearance-picker{grid-template-columns:1fr}
}

body.theme-dark .weather-live-card,body.theme-dark .weather-station-hero>div,body.theme-dark .weather-metric-grid>div{background:#122d3d;border-color:#315063}

.theme-dark .wind-compass{background:#183a4e;border-color:#476779;color:#dfeef5}

.theme-dark .wind-compass b{background:#102938;color:#fff}

.theme-dark .weather-risk-banner{background:#4b3515;border-color:#725324;color:#ffe0a3}

body.theme-dark .weather-risk-banner{
  background:#123a4f;
  border-color:#2e718f;
  color:#d8f3ff;
}

body.theme-dark .weather-risk-banner b{color:#ffffff}

body.theme-dark .map-add-instructions{background:#103448;border-color:#31586d;color:#dff2fb}

body.theme-dark .picked-coords{background:#0e3043;border-color:#3c7993;color:#e4f5fc}

body.theme-dark .tunnel-metrics span{background:#0e3043;border-color:#31586d}

body:not(.theme-dark) .mr74-doc-actions button{color:#173242;background:#eef6fa}

body:not(.theme-dark) .mr74-doc-actions button{
  background:#169fca!important;
  border-color:#169fca!important;
  color:#fff!important;
}

body:not(.theme-dark) .mr74-doc-actions button:hover:not(:disabled){
  background:#128db4!important;
  border-color:#128db4!important;
}

body:not(.theme-dark) .mr74-doc-actions button:disabled{
  background:#dce7ed!important;
  border-color:#c7d7df!important;
  color:#829aa6!important;
}

body[data-theme="light"],
body.secura-light,
body.theme-light{
  --bg:#eef4f8;
  --panel:#ffffff;
  --ink:#102a3c;
  --muted:#567183;
  --line:#cedee9;
  --primary:#0d8fcb;
  --primary2:#0a6ea2;
  --shadow:0 10px 26px rgba(12,54,80,.08);
  background:linear-gradient(180deg,#f6fafc 0%,#edf4f8 100%);
  color:var(--ink);
}

body[data-theme="light"] .chart-legend text,
body.secura-light .chart-legend text,
body.theme-light .chart-legend text{fill:#5a798c!important;}

body[data-theme="dark"] .pump-visual-label,
body.theme-dark .pump-visual-label{color:#9fc0cf!important}

body[data-theme="dark"] .report-hero,body.theme-dark .report-hero{background:linear-gradient(135deg,rgba(13,86,112,.28),rgba(4,31,45,.6))}

body[data-theme="dark"] .report-preview-shell,body.theme-dark .report-preview-shell{background:#071925}

body[data-theme="dark"] .report-tabs,body.theme-dark .report-tabs{background:var(--surface,#0d2635)}

body[data-theme="light"] .v151-settings-tabs,body.theme-light .v151-settings-tabs,body.secura-light .v151-settings-tabs,body[data-theme="light"] .v151-settings-cards button,body.theme-light .v151-settings-cards button,body.secura-light .v151-settings-cards button{background:#fff}

body[data-theme="light"] .v151-account-hero,body.theme-light .v151-account-hero,body.secura-light .v151-account-hero,body[data-theme="light"] .v151-channel-line span,body.theme-light .v151-channel-line span,body.secura-light .v151-channel-line span,body[data-theme="light"] .v151-permission-chips span,body.theme-light .v151-permission-chips span,body.secura-light .v151-permission-chips span{background:#f3f8fb}

body[data-theme="dark"] .scada-pump-state-code,body.theme-dark .scada-pump-state-code{background:rgba(12,32,46,.92);color:#d7e5ed}

body[data-theme="dark"] .dash200-performance-card,body.theme-dark .dash200-performance-card{background:rgba(12,36,51,.72);border-color:#27485a}

body[data-theme="dark"] .dash200-performance-head b,body.theme-dark .dash200-performance-head b{color:#edf7fb}

body[data-theme="dark"] .report-form-upload-box,body.theme-dark .report-form-upload-box{background:rgba(14,165,233,.06)}

body[data-theme="dark"] .report-form-file-name,body.theme-dark .report-form-file-name{color:#8ce9a9;background:rgba(34,197,94,.10)}

body:not([data-theme="dark"]) .v151-settings-tab,
body[data-theme="light"] .v151-settings-tab,
body.theme-light .v151-settings-tab,
body.secura-light .v151-settings-tab{
  background:#f8fbfd!important;
  color:#17384c!important;
  border-color:#c8dbe6!important;
  box-shadow:0 2px 7px rgba(20,67,91,.045)!important;
  opacity:1!important;
}

body:not([data-theme="dark"]) .v151-settings-tab:hover,
body[data-theme="light"] .v151-settings-tab:hover,
body.theme-light .v151-settings-tab:hover,
body.secura-light .v151-settings-tab:hover{
  background:#edf8fd!important;
  color:#0b4968!important;
  border-color:#69bddf!important;
}

body[data-theme="dark"] .v151-settings-tab,
body.theme-dark .v151-settings-tab{
  color:#e6f3f9!important;
  opacity:1!important;
}

body:not([data-theme="dark"]) .v154-account-card,
body.theme-light .v154-account-card,
body.secura-light .v154-account-card{
  background:#ffffff!important;
  color:#12364b!important;
  border-color:#cbdde7!important;
  box-shadow:0 4px 12px rgba(18,54,75,.06)!important;
}

body:not([data-theme="dark"]) .v154-account-card:hover,
body.theme-light .v154-account-card:hover,
body.secura-light .v154-account-card:hover{
  background:#f7fbfd!important;
  border-color:#21a6d4!important;
}

body:not([data-theme="dark"]) .v154-account-card strong,
body.theme-light .v154-account-card strong,
body.secura-light .v154-account-card strong{
  color:#0b3047!important;
}

body:not([data-theme="dark"]) .v154-account-card small,
body.theme-light .v154-account-card small,
body.secura-light .v154-account-card small,
body:not([data-theme="dark"]) .v154-account-card span,
body.theme-light .v154-account-card span,
body.secura-light .v154-account-card span{
  color:#526d7e!important;
  opacity:1!important;
}

body:not([data-theme="dark"]) .v154-audit-table thead th,
body.theme-light .v154-audit-table thead th,
body.secura-light .v154-audit-table thead th{
  background:#eaf4f9!important;
  color:#173d54!important;
  border-color:#cfdee7!important;
}

body:not([data-theme="dark"]) .v154-audit-table tbody td,
body.theme-light .v154-audit-table tbody td,
body.secura-light .v154-audit-table tbody td{
  background:#ffffff!important;
  color:#18384c!important;
  border-color:#e1ebf0!important;
}

body:not([data-theme="dark"]) .v154-audit-table tbody tr:nth-child(even) td,
body.theme-light .v154-audit-table tbody tr:nth-child(even) td,
body.secura-light .v154-audit-table tbody tr:nth-child(even) td{
  background:#f8fbfd!important;
}

body:not([data-theme="dark"]) .v154-audit-user small,
body.theme-light .v154-audit-user small,
body.secura-light .v154-audit-user small{
  color:#60798a!important;
  opacity:1!important;
}

body:not([data-theme="dark"]) .v154-timeline-item,
body.theme-light .v154-timeline-item,
body.secura-light .v154-timeline-item{
  background:#ffffff!important;
  color:#17384d!important;
  border-color:#d5e3eb!important;
}

body:not([data-theme="dark"]) .v154-timeline-item small,
body:not([data-theme="dark"]) .v154-timeline-item em,
body.theme-light .v154-timeline-item small,
body.theme-light .v154-timeline-item em,
body.secura-light .v154-timeline-item small,
body.secura-light .v154-timeline-item em{
  color:#5b7485!important;
  opacity:1!important;
}