/**
 * Temas de interfaz Agronia.
 * Oscuro: estilos base en app.css (sin overrides).
 * Campo: tema claro con tonos verdes para trabajo agrícola.
 */

/* —— Selector de apariencia (config) —— */
.theme-picker-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:1rem;}
.theme-option{display:block;padding:1rem;border:2px solid var(--ui-border,#30363d);border-radius:12px;background:var(--ui-bg-surface,#161b22);cursor:pointer;transition:border-color .15s,box-shadow .15s;}
.theme-option:hover{border-color:var(--ui-link,#58a6ff);}
.theme-option--active{border-color:var(--ui-accent,#238636);box-shadow:0 0 0 1px var(--ui-accent,#238636);}
.theme-option input{position:absolute;opacity:0;pointer-events:none;}
.theme-option strong{display:block;margin:0.65rem 0 0.25rem;font-size:1rem;}
.theme-option-desc{display:block;font-size:0.85rem;color:var(--ui-text-muted,#8b949e);line-height:1.45;}
.theme-option-preview{display:block;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,0.08);height:4.5rem;}
.theme-option-preview-bar{height:28%;display:block;}
.theme-option-preview-body{display:flex;gap:0.35rem;padding:0.35rem;height:72%;box-sizing:border-box;}
.theme-option-preview-card{flex:1;border-radius:4px;display:block;}
.theme-option-preview-card--accent{flex:0.6;}
.theme-option-preview--campo .theme-option-preview-bar{background:#2d6a4f;}
.theme-option-preview--campo .theme-option-preview-body{background:#eef2e8;}
.theme-option-preview--campo .theme-option-preview-card{background:#fff;border:1px solid #d4ddd0;}
.theme-option-preview--campo .theme-option-preview-card--accent{background:#d8f3dc;border:1px solid #95d5b2;}
.theme-option-preview--oscuro .theme-option-preview-bar{background:#161b22;}
.theme-option-preview--oscuro .theme-option-preview-body{background:#0f1419;}
.theme-option-preview--oscuro .theme-option-preview-card{background:#161b22;border:1px solid #30363d;}
.theme-option-preview--oscuro .theme-option-preview-card--accent{background:#23863622;border:1px solid #23863666;}
.theme-picker-submit{width:auto;max-width:16rem;}

/* —— Inicio / resumen —— */
.resumen-hero{
  display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem;
  margin:0 0 1.25rem;padding:1.35rem 1.5rem;border-radius:12px;
  border:1px solid var(--ui-border,#30363d);background:var(--ui-bg-surface,#161b22);
}
.resumen-hero-text{flex:1;min-width:min(100%,16rem);}
.resumen-hero .page-head{margin-bottom:0;}
.resumen-hero-aside{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center;}
.resumen-hero-link{font-size:0.85rem;padding:0.4rem 0.75rem;border-radius:8px;border:1px solid var(--ui-border,#30363d);background:var(--ui-bg-alt,#0d1117);color:var(--ui-link,#58a6ff);text-decoration:none;}
.resumen-hero-link:hover{border-color:var(--ui-link,#58a6ff);}

/* —— Tema Campo (claro) —— */
body.theme-campo{
  --ui-bg-page:#e8efe3;
  --ui-bg-header:#ffffff;
  --ui-bg-surface:#ffffff;
  --ui-bg-alt:#f4f7f0;
  --ui-bg-input:#ffffff;
  --ui-bg-hover:#eef4e8;
  --ui-border:#cfd9c8;
  --ui-border-subtle:#e2e9dc;
  --ui-text:#1a2e1a;
  --ui-text-secondary:#3d5c3d;
  --ui-text-muted:#5a6b55;
  --ui-link:#2d6a4f;
  --ui-link-hover:#1b4332;
  --ui-brand:#1b4332;
  --ui-accent:#40916c;
  --ui-accent-soft:#d8f3dc;
  --ui-kpi:#1b4332;
  --ui-success:#2d6a4f;
  --ui-warn:#9a6700;
  --ui-danger:#9b2226;
  --ui-alert-high-bg:#fde8e8;
  --ui-alert-high-border:#f5c2c2;
  --ui-alert-med-bg:#fef3cd;
  --ui-alert-med-border:#e3b341;
  --ui-shadow:0 1px 3px rgba(26,46,26,0.08),0 4px 12px rgba(26,46,26,0.06);
  background:var(--ui-bg-page);
  color:var(--ui-text);
}

body.theme-campo .top{
  background:var(--ui-bg-header);
  border-bottom:1px solid var(--ui-border);
  box-shadow:var(--ui-shadow);
}
body.theme-campo .brand{color:var(--ui-brand);}
body.theme-campo .brand-mark{
  background:#fff;
  padding:0.25rem 0.55rem;
  box-shadow:0 1px 3px rgba(27,67,50,.1);
}
body.theme-campo .nav-app a,
body.theme-campo nav a{color:var(--ui-text-muted);}
body.theme-campo .nav-app a:hover,
body.theme-campo nav a:hover{color:var(--ui-text);}
body.theme-campo .nav-group{background:var(--ui-bg-alt);border-color:var(--ui-border);}
body.theme-campo .nav-pill{color:var(--ui-link);}
body.theme-campo .nav-link--primary{color:var(--ui-link)!important;}
body.theme-campo .nav-group--home{border-color:#95d5b2;}
body.theme-campo .nav-group--money{border-color:#b7e4c7;}

body.theme-campo .card,
body.theme-campo .tile,
body.theme-campo .login-card,
body.theme-campo .admin-hub-tile,
body.theme-campo .catalog-crop-item,
body.theme-campo .almacen-nav-tile,
body.theme-campo .almacen-card,
body.theme-campo .lcf-action,
body.theme-campo .lcf-kpi,
body.theme-campo .hub-tile{
  background:var(--ui-bg-surface);
  border-color:var(--ui-border);
  box-shadow:var(--ui-shadow);
  color:var(--ui-text);
}
body.theme-campo .hub-tile:hover,
body.theme-campo .admin-hub-tile:hover,
body.theme-campo .almacen-nav-tile:hover,
body.theme-campo .lcf-action:hover{
  background:var(--ui-bg-hover);
  border-color:#95d5b2;
}
body.theme-campo .hub-tile strong,
body.theme-campo .tile h2 a,
body.theme-campo .admin-hub-tile h2,
body.theme-campo .almacen-nav-tile strong{color:var(--ui-link);}
body.theme-campo .hub-tile span,
body.theme-campo .tile-desc,
body.theme-campo .page-lead,
body.theme-campo .hint,
body.theme-campo .hub-section-desc{color:var(--ui-text-muted);}
body.theme-campo .hub-section-title,
body.theme-campo .page-head h1{color:var(--ui-text);}
body.theme-campo .hub-tile--highlight{
  border-color:#95d5b2;
  background:linear-gradient(135deg,#f1f8f4 0%,#d8f3dc 100%);
}
body.theme-campo .hub-tile--highlight strong{color:#1b4332;}

body.theme-campo .resumen-hero{
  background:linear-gradient(135deg,#ffffff 0%,#f1f8f4 55%,#e8f5e9 100%);
  border-color:#b7e4c7;
}
body.theme-campo .resumen-kpi{
  background:var(--ui-bg-surface);
  border:1px solid var(--ui-border);
  border-radius:10px;
  box-shadow:var(--ui-shadow);
}
body.theme-campo .resumen-kpi-value{color:var(--ui-kpi);}
body.theme-campo .resumen-kpi-label{color:var(--ui-text-muted);}
body.theme-campo .resumen-hero-link{background:#fff;border-color:var(--ui-border);color:var(--ui-link);}

body.theme-campo .workflow-steps li{border-bottom-color:var(--ui-border-subtle);}
body.theme-campo .workflow-steps li::before{background:var(--ui-accent-soft);color:var(--ui-link);}
body.theme-campo .workflow-steps a{color:var(--ui-link);}

body.theme-campo .form input,
body.theme-campo .form select,
body.theme-campo .form textarea,
body.theme-campo .form-login input,
body.theme-campo .form-login select,
body.theme-campo .almacen-field input,
body.theme-campo .almacen-field select,
body.theme-campo .almacen-field textarea,
body.theme-campo .geo-textarea,
body.theme-campo .resumen-ai-out{
  background:var(--ui-bg-input);
  border-color:var(--ui-border);
  color:var(--ui-text);
}
body.theme-campo .almacen-line-card,
body.theme-campo .almacen-picker-results{background:var(--ui-bg-alt);border-color:var(--ui-border);color:var(--ui-text);}
body.theme-campo .almacen-line-card summary{color:var(--ui-link);}
body.theme-campo .almacen-picker-item{color:var(--ui-text);}
body.theme-campo .almacen-picker-item:hover{background:var(--ui-bg-hover);}
body.theme-campo .almacen-form-section,
body.theme-campo .almacen-actions{border-color:var(--ui-border-subtle);}
body.theme-campo .almacen-form-section-title,
body.theme-campo .almacen-lines-hint,
body.theme-campo .almacen-field label{color:var(--ui-text-muted);}
body.theme-campo .almacen-lines-head{color:var(--ui-text);}
body.theme-campo .almacen-agenda-notice{background:var(--ui-accent-soft);border-color:#95d5b2;color:var(--ui-text);}
body.theme-campo .table th,
body.theme-campo .table td{border-color:var(--ui-border);}
body.theme-campo .table thead th{background:var(--ui-bg-alt);color:var(--ui-text-secondary);}

body.theme-campo .btn-secondary{background:#fff;color:var(--ui-text);border-color:var(--ui-border);}
body.theme-campo .btn-secondary:hover{background:var(--ui-bg-hover);}
body.theme-campo .btn-primary{background:var(--ui-accent);}
body.theme-campo .btn-primary:hover{background:#2d6a4f;}

body.theme-campo .admin-breadcrumb a,
body.theme-campo .ui-back a,
body.theme-campo .almacen-back-link a{color:var(--ui-link);}
body.theme-campo .admin-breadcrumb-current{color:var(--ui-text-secondary);}
body.theme-campo .settings-group-title{color:var(--ui-text-muted);}

body.theme-campo a.lcf-action,
body.theme-campo a.lcf-action:visited{color:var(--ui-text);}
body.theme-campo a.lcf-action span{color:var(--ui-text-muted);}
body.theme-campo a.lcf-action strong{color:var(--ui-text);}
body.theme-campo a.lcf-action--money,
body.theme-campo a.lcf-action--money:visited{background:#faf6e8;color:var(--ui-text);}
body.theme-campo a.lcf-action--money strong{color:var(--ui-text);}
body.theme-campo a.lcf-action--money span{color:var(--ui-text-muted);}
body.theme-campo a.lcf-action--campo,
body.theme-campo a.lcf-action--consult{background:var(--ui-bg-surface);color:var(--ui-text);}
body.theme-campo a.lcf-action:hover,
body.theme-campo a.lcf-action:hover strong{color:var(--ui-link);}
body.theme-campo a.lcf-action:hover span{color:var(--ui-text-muted);}
body.theme-campo .lcf-money-note{background:var(--ui-bg-alt);border-color:var(--ui-border);}
body.theme-campo .lcf-nav{color:var(--ui-text-muted);}
body.theme-campo .lcf-nav a{color:var(--ui-link);}
body.theme-campo .lcf-nav-btn{color:var(--ui-text-secondary);background:var(--ui-bg-surface);border-color:var(--ui-border);}
body.theme-campo .lcf-nav-btn:hover{color:var(--ui-link);border-color:var(--ui-link);background:var(--ui-bg-hover);}
body.theme-campo .lcf-nav-btn--back{color:var(--ui-text);background:color-mix(in srgb,var(--ui-link) 8%,var(--ui-bg-surface));}
body.theme-campo .lcf-nav-btn--back:hover{color:var(--ui-link);}
body.theme-campo .lcf-details-nested{background:var(--ui-bg-alt);}
body.theme-campo .lcf-details-nested summary,
body.theme-campo details.card summary{color:var(--ui-text);}
body.theme-campo .lcf-hist-tag--mo{background:#dbeafe;border-color:#93c5fd;color:#1e3a5f;}
body.theme-campo .lcf-hist-tag--cost{background:#fef3cd;border-color:#e3b341;color:#7a5c00;}
body.theme-campo .form-section-title{color:var(--ui-text);}

body.theme-campo .flash .success{background:#d8f3dc;border-color:#95d5b2;color:#1b4332;}
body.theme-campo .flash .danger{background:#fde8e8;border-color:#f5c2c2;color:#9b2226;}
body.theme-campo .flash .info{background:#dbeafe;border-color:#93c5fd;color:#1e3a5f;}
body.theme-campo .flash .warning{background:#fef3cd;border-color:#e3b341;color:#7a5c00;}

body.theme-campo .auth-body{background:linear-gradient(160deg,#e8efe3 0%,#d8ead0 100%);}
body.theme-campo .auth-brand{color:var(--ui-brand);}

body.theme-campo .fenologia-tab{background:#fff;border-color:var(--ui-border);color:var(--ui-text-muted);}
body.theme-campo .fenologia-tab.is-active{background:var(--ui-accent-soft);border-color:#95d5b2;color:var(--ui-link);}
body.theme-campo .lcf-main-tabs .fenologia-tab{background:var(--ui-bg-surface);}

body.theme-campo .theme-option{background:#fff;border-color:var(--ui-border);}
body.theme-campo .theme-option--active{border-color:var(--ui-accent);}

/* Reporte de costos */
body.theme-campo .cr-setup-card{
  background:linear-gradient(135deg,#fffef8 0%,#f8faf4 100%);
  border-left-color:#c9a227;
  box-shadow:var(--ui-shadow);
}
body.theme-campo .cr-setup-path{
  background:var(--ui-bg-surface);
  border-color:var(--ui-border);
  box-shadow:var(--ui-shadow);
}
body.theme-campo .cr-setup-path strong{color:var(--ui-text);}
body.theme-campo .cr-cat-row td{background:var(--ui-bg-alt);}
body.theme-campo .cr-concept-row td{color:var(--ui-text-muted);}
body.theme-campo .cr-total-row td{background:var(--ui-bg-alt);color:var(--ui-text);border-top-color:var(--ui-border);}
body.theme-campo .cr-table thead th{background:var(--ui-bg-alt);color:var(--ui-text-secondary);}
body.theme-campo .cr-table-wrap{border-color:var(--ui-border);}
body.theme-campo .cr-bar{background:var(--ui-bg-alt);border-color:var(--ui-border);}
body.theme-campo .cr-bar-fill{background:var(--ui-link);}
body.theme-campo .admin-action-link{
  background:var(--ui-accent-soft);
  border-color:#95d5b2;
  color:var(--ui-link);
}
body.theme-campo .admin-action-link:hover{background:#b7e4c7;color:var(--ui-link-hover);}
body.theme-campo .cr-glossary-list dt{color:var(--ui-text);}
body.theme-campo .cr-glossary-list dd{color:var(--ui-text-muted);}

.cr-setup-actions{margin:0.75rem 0 1rem;}
.cr-setup-note{margin:0 0 0.75rem;padding:0.55rem 0.75rem;border-radius:8px;border:1px solid var(--ui-border,#30363d);background:var(--ui-bg-alt,#0d1117);font-size:0.88rem;line-height:1.45;}
.cr-checklist{margin:0;padding:0;list-style:none;}
.cr-checklist-item{padding:0.75rem 0;border-bottom:1px solid var(--ui-border-subtle,#21262d);}
.cr-checklist-item:last-child{border-bottom:none;padding-bottom:0;}
.cr-checklist-actions{margin-top:0.45rem;display:flex;flex-wrap:wrap;gap:0.4rem;}

/* Oscuro: variables para coherencia en selector y futuras pantallas */
body.theme-oscuro{
  --ui-bg-page:#0f1419;
  --ui-bg-header:#161b22;
  --ui-bg-surface:#161b22;
  --ui-bg-alt:#0d1117;
  --ui-bg-hover:#21262d;
  --ui-bg-input:#0d1117;
  --ui-border:#30363d;
  --ui-border-subtle:#21262d;
  --ui-text:#e6edf3;
  --ui-text-secondary:#c9d1d9;
  --ui-text-muted:#8b949e;
  --ui-link:#58a6ff;
  --ui-link-hover:#79c0ff;
  --ui-brand:#58a6ff;
  --ui-accent:#238636;
  --ui-accent-soft:#388bfd18;
  --ui-kpi:#58a6ff;
  --ui-success:#3fb950;
  --ui-warn:#e3b341;
  --ui-danger:#f85149;
  --ui-alert-high-bg:#da363312;
  --ui-alert-high-border:#da363388;
  --ui-alert-med-bg:#d2992212;
  --ui-alert-med-border:#d2992288;
  --ui-shadow:none;
  background:var(--ui-bg-page);
  color:var(--ui-text);
}