/* =========================================================================
   CIAE v8.9.25 — Rediseño de marca para TODOS los paneles del
   Panel del Preceptor (Asistencia del día, Notas del día,
   Historial de planillas, Licencias) + mejoras de aspecto móvil.

   Alcance: solo visual (colores, tipografía, spacing, cards, botones).
   No modifica anchos/columnas de grillas ya resueltas contra overflow
   (esas reglas viven en un <style> inline legado y se respetan tal cual
   para no romper el layout responsive ya probado). No toca ningún id,
   name, atributo data-* usado por script.js / ciae-clean-panel.js.
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Open+Sans:wght@400;500;600;700&display=swap');

#ciae-panel-preceptor{
  --ciae-azul:#0D1B2E;
  --ciae-azul-suave:#152943;
  --ciae-dorado:#B8A27A;
  --ciae-dorado-suave:rgba(184,162,122,.28);
  --ciae-beige:#E8E1D5;
  --ciae-gris:#5C5C5C;
  --ciae-marfil:#FAF9F6;
  --ciae-radius:18px;
  font-family:'Open Sans',system-ui,-apple-system,sans-serif;
  color:var(--ciae-azul);
}
#ciae-panel-preceptor h1,
#ciae-panel-preceptor h2,
#ciae-panel-preceptor h3,
#ciae-panel-preceptor h4{
  font-family:'Montserrat',system-ui,-apple-system,sans-serif;
}

/* ---------- Encabezado general ---------- */
#ciae-panel-preceptor .ciae-clean-header h2{
  color:var(--ciae-azul);
  font-weight:800;
  letter-spacing:-.02em;
}
#ciae-panel-preceptor .ciae-clean-subtitle{
  color:var(--ciae-gris)!important;
}
#ciae-panel-preceptor .ciae-clean-badge{
  background:var(--ciae-beige)!important;
  color:var(--ciae-azul)!important;
  border:1px solid var(--ciae-dorado-suave);
  font-family:'Montserrat',sans-serif;
}

/* ---------- Franja de seguridad ---------- */
#ciae-panel-preceptor .ciae-security-pill{
  font-family:'Open Sans',sans-serif;
  font-weight:700;
  border-radius:14px;
}
#ciae-panel-preceptor .ciae-security-pill.ok{background:#eef4ee;border-color:var(--ciae-dorado-suave);color:#3a5a40}
#ciae-panel-preceptor .ciae-security-pill.warn{background:#faf3e6;border-color:var(--ciae-dorado-suave);color:#8a6a1f}
#ciae-panel-preceptor .ciae-security-pill.danger{background:#f8ecec;border-color:#e6c9c9;color:#8a3030}
#ciae-panel-preceptor .ciae-security-pill.neutral{background:var(--ciae-beige);border-color:var(--ciae-dorado-suave);color:var(--ciae-azul)}

/* ---------- Tabs de módulos ---------- */
#ciae-panel-preceptor .ciae-module-tab{
  background:var(--ciae-marfil)!important;
  border:1px solid var(--ciae-beige)!important;
  color:var(--ciae-azul)!important;
  font-family:'Montserrat',sans-serif;
  font-weight:700!important;
  border-radius:999px!important;
}
#ciae-panel-preceptor .ciae-module-tab.is-active{
  background:var(--ciae-azul)!important;
  border-color:var(--ciae-azul)!important;
  color:var(--ciae-dorado)!important;
  box-shadow:0 10px 22px rgba(13,27,46,.18);
}

/* ---------- Cards genéricas (todas las pestañas) ---------- */
#ciae-panel-preceptor .ciae-clean-card,
#ciae-panel-preceptor .ciae-module-card{
  background:var(--ciae-marfil)!important;
  border:1px solid var(--ciae-beige)!important;
  border-radius:22px!important;
  box-shadow:0 16px 36px rgba(13,27,46,.06)!important;
}
#ciae-panel-preceptor .ciae-module-head h3{
  color:var(--ciae-azul);
  font-weight:800;
  font-size:21px;
}
#ciae-panel-preceptor .ciae-module-head p{
  color:var(--ciae-gris)!important;
}

/* ---------- Toolbars (Asistencia del día / Notas del día) ---------- */
#ciae-panel-preceptor .ciae-clean-toolbar label span{
  font-family:'Montserrat',sans-serif;
  font-weight:700;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--ciae-gris)!important;
}
#ciae-panel-preceptor .ciae-clean-toolbar select,
#ciae-panel-preceptor .ciae-clean-toolbar input,
#ciae-panel-preceptor .ciae-clean-obs{
  border:1px solid var(--ciae-beige)!important;
  background:#fff!important;
  border-radius:12px!important;
  color:var(--ciae-azul)!important;
  font-family:'Open Sans',sans-serif;
}
#ciae-panel-preceptor .ciae-clean-toolbar select:focus,
#ciae-panel-preceptor .ciae-clean-toolbar input:focus,
#ciae-panel-preceptor .ciae-clean-obs:focus{
  outline:none;
  border-color:var(--ciae-dorado)!important;
  box-shadow:0 0 0 3px var(--ciae-dorado-suave);
}

/* ---------- Botones ---------- */
#ciae-panel-preceptor .ciae-btn{
  border-radius:12px!important;
  font-family:'Montserrat',sans-serif;
  font-weight:700!important;
  border:none;
  transition:.15s ease;
}
#ciae-panel-preceptor .ciae-btn.primary{
  background:var(--ciae-azul)!important;
  color:var(--ciae-dorado)!important;
  box-shadow:0 10px 20px rgba(13,27,46,.16);
}
#ciae-panel-preceptor .ciae-btn.primary:hover{background:var(--ciae-azul-suave)!important;transform:translateY(-1px)}
#ciae-panel-preceptor .ciae-btn.success{
  background:#3a5a40!important;
  color:#fff!important;
}
#ciae-panel-preceptor .ciae-btn.success:hover{background:#2d4632!important}
#ciae-panel-preceptor .ciae-btn.success:disabled,
#ciae-panel-preceptor .ciae-btn.print:disabled,
#ciae-panel-preceptor .ciae-btn:disabled{
  opacity:.45;
  box-shadow:none;
}
#ciae-panel-preceptor .ciae-btn.print{
  background:transparent!important;
  color:var(--ciae-azul)!important;
  border:1.5px solid var(--ciae-dorado)!important;
}
#ciae-panel-preceptor .ciae-btn.print:hover{background:var(--ciae-dorado-suave)!important}
#ciae-panel-preceptor .ciae-btn.danger{
  background:transparent!important;
  color:#b3261e!important;
  border:1px solid #e6b8b5!important;
}
#ciae-panel-preceptor .ciae-btn.danger:hover{background:#b3261e!important;color:#fff!important}

/* ---------- Tarjetas de estadística (Total / Ya cargados / etc.) ---------- */
#ciae-panel-preceptor .ciae-clean-stat{
  background:var(--ciae-beige)!important;
  border:1px solid var(--ciae-dorado-suave)!important;
  border-radius:16px!important;
}
#ciae-panel-preceptor .ciae-clean-stat strong{color:var(--ciae-azul)!important}
#ciae-panel-preceptor .ciae-clean-stat span{
  color:var(--ciae-gris)!important;
  font-family:'Montserrat',sans-serif;
}

/* ---------- Alertas / modos ---------- */
#ciae-panel-preceptor .ciae-clean-alert.is-error{background:#f8ecec;border-color:#e6c9c9;color:#8a3030}
#ciae-panel-preceptor .ciae-clean-alert.is-success{background:#eef4ee;border-color:var(--ciae-dorado-suave);color:#3a5a40}
#ciae-panel-preceptor .ciae-clean-alert.is-warning,
#ciae-panel-preceptor .ciae-clean-mode.is-warning{background:#faf3e6;border-color:var(--ciae-dorado-suave);color:#8a6a1f}
#ciae-panel-preceptor .ciae-clean-alert.is-info,
#ciae-panel-preceptor .ciae-clean-mode.is-info{background:var(--ciae-beige);border-color:var(--ciae-dorado-suave);color:var(--ciae-azul)}

/* ---------- Barra de búsqueda de alumnos (Asistencia / Notas del día) ---------- */
#ciae-panel-preceptor .ciae-list-search-bar{
  position:relative;
  display:flex;
  align-items:center;
  padding:14px 16px;
  background:var(--ciae-marfil);
  border-bottom:1px solid var(--ciae-beige);
}
#ciae-panel-preceptor .ciae-list-search-icon{
  position:absolute;
  left:30px;
  width:18px;
  height:18px;
  color:var(--ciae-gris);
  pointer-events:none;
}
#ciae-panel-preceptor .ciae-list-search-input{
  width:100%;
  padding:11px 40px 11px 40px;
  border:1px solid var(--ciae-beige)!important;
  border-radius:12px!important;
  font-family:'Open Sans',sans-serif;
  font-size:14px;
  color:var(--ciae-azul);
  background:#fff;
  transition:border-color .15s ease, box-shadow .15s ease;
}
#ciae-panel-preceptor .ciae-list-search-input::placeholder{color:var(--ciae-gris);opacity:.75}
#ciae-panel-preceptor .ciae-list-search-input:focus{
  outline:none;
  border-color:var(--ciae-dorado)!important;
  box-shadow:0 0 0 3px var(--ciae-dorado-suave);
}
#ciae-panel-preceptor .ciae-list-search-clear{
  position:absolute;
  right:26px;
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:none;
  background:transparent;
  color:var(--ciae-gris);
  font-size:18px;
  line-height:1;
  cursor:pointer;
  border-radius:50%;
}
#ciae-panel-preceptor .ciae-list-search-clear:hover{background:var(--ciae-beige);color:var(--ciae-azul)}
#ciae-panel-preceptor .ciae-clean-noresults{
  padding:28px 20px;
  text-align:center;
  color:var(--ciae-gris);
  font-family:'Open Sans',sans-serif;
  font-size:14px;
}

/* ---------- Tabla de carga (Asistencia / Notas del día) ---------- */
#ciae-panel-preceptor .ciae-clean-table-wrap{
  border:1px solid var(--ciae-beige)!important;
  border-radius:var(--ciae-radius)!important;
}
#ciae-panel-preceptor .ciae-clean-table-head{
  background:var(--ciae-azul)!important;
  color:var(--ciae-dorado)!important;
  font-family:'Montserrat',sans-serif;
}
#ciae-panel-preceptor .ciae-clean-table-head>div{border-right-color:rgba(184,162,122,.25)!important}
#ciae-panel-preceptor .ciae-clean-row{border-top-color:var(--ciae-beige)!important;background:#fff!important}
#ciae-panel-preceptor .ciae-clean-row:nth-child(odd){background:rgba(232,225,213,.30)!important}
#ciae-panel-preceptor .ciae-clean-row>div{border-right-color:var(--ciae-beige)!important}
#ciae-panel-preceptor .ciae-clean-index{
  background:var(--ciae-azul)!important;
  color:var(--ciae-dorado)!important;
}
#ciae-panel-preceptor .ciae-clean-dni{color:var(--ciae-gris)!important}
#ciae-panel-preceptor .ciae-clean-current{color:var(--ciae-azul)!important}
#ciae-panel-preceptor .ciae-clean-current .muted{color:var(--ciae-gris)!important}
#ciae-panel-preceptor .ciae-status-btn{
  border:1px solid var(--ciae-beige)!important;
  background:#fff!important;
  color:var(--ciae-azul)!important;
  font-family:'Open Sans',sans-serif;
  font-weight:700!important;
}
#ciae-panel-preceptor .ciae-status-btn.is-active{
  background:var(--ciae-azul)!important;
  border-color:var(--ciae-azul)!important;
  color:var(--ciae-dorado)!important;
  box-shadow:none!important;
}
#ciae-panel-preceptor .ciae-clean-obs{color:var(--ciae-azul)!important}

/* ---------- Vista previa de planilla imprimible ---------- */
#ciae-panel-preceptor .ciae-print-doc{
  border-color:var(--ciae-beige)!important;
  background:#fff!important;
}
#ciae-panel-preceptor .ciae-print-doc__header{border-bottom-color:var(--ciae-dorado-suave)!important}
#ciae-panel-preceptor .ciae-print-doc__kicker{color:var(--ciae-dorado)!important;font-weight:800}
#ciae-panel-preceptor .ciae-print-doc__brand h3{color:var(--ciae-azul)!important}
#ciae-panel-preceptor .ciae-print-doc__sub,
#ciae-panel-preceptor .ciae-print-doc__meta{color:var(--ciae-gris)!important}
#ciae-panel-preceptor .ciae-print-summary>div{
  background:var(--ciae-beige)!important;
  border-color:var(--ciae-dorado-suave)!important;
}
#ciae-panel-preceptor .ciae-print-table th{
  background:var(--ciae-azul)!important;
  color:var(--ciae-dorado)!important;
  border-color:var(--ciae-azul)!important;
}
#ciae-panel-preceptor .ciae-print-table td{border-color:var(--ciae-beige)!important;color:var(--ciae-azul)}

/* ---------- Historial de planillas ---------- */
#ciae-panel-preceptor .ciae-history-hero h3{color:var(--ciae-azul)!important;font-weight:800!important}
#ciae-panel-preceptor .ciae-history-hero p{color:var(--ciae-gris)!important;font-weight:400!important}
#ciae-panel-preceptor .ciae-history-summary-clean>div{
  background:var(--ciae-beige)!important;
  border-color:var(--ciae-dorado-suave)!important;
  box-shadow:none!important;
}
#ciae-panel-preceptor .ciae-history-summary-clean strong{color:var(--ciae-azul)!important}
#ciae-panel-preceptor .ciae-history-summary-clean span{color:var(--ciae-gris)!important;font-weight:700!important}
#ciae-panel-preceptor .ciae-history-filters-clean{
  background:var(--ciae-marfil)!important;
  border-color:var(--ciae-beige)!important;
}
#ciae-panel-preceptor .ciae-history-filters-clean label{color:var(--ciae-gris)!important}
#ciae-panel-preceptor .ciae-history-filters-clean select,
#ciae-panel-preceptor .ciae-history-filters-clean input{
  border-color:var(--ciae-beige)!important;
  color:var(--ciae-azul)!important;
  box-shadow:none!important;
}
#ciae-panel-preceptor .ciae-history-latest h4,
#ciae-panel-preceptor .ciae-history-block h4{color:var(--ciae-azul)!important;font-weight:800!important}
#ciae-panel-preceptor .ciae-history-block-head span{
  background:var(--ciae-beige)!important;
  color:var(--ciae-azul)!important;
  border-color:var(--ciae-dorado-suave)!important;
}
#ciae-panel-preceptor .ciae-history-block{
  border-color:var(--ciae-beige)!important;
  background:var(--ciae-marfil)!important;
  box-shadow:none!important;
}
#ciae-panel-preceptor .ciae-history-card{
  border-color:var(--ciae-beige)!important;
  background:#fff!important;
  box-shadow:0 8px 18px rgba(13,27,46,.05)!important;
}
#ciae-panel-preceptor .ciae-history-card:hover{border-color:var(--ciae-dorado)!important;box-shadow:0 14px 28px rgba(13,27,46,.10)!important}
#ciae-panel-preceptor .ciae-history-card.note,
#ciae-panel-preceptor .ciae-history-card.att{background:#fff!important}
#ciae-panel-preceptor .ciae-history-type{
  border-color:var(--ciae-dorado-suave)!important;
  background:var(--ciae-beige)!important;
  color:var(--ciae-azul)!important;
}
#ciae-panel-preceptor .ciae-history-card.att .ciae-history-type,
#ciae-panel-preceptor .ciae-history-card.note .ciae-history-type{color:var(--ciae-azul)!important}
#ciae-panel-preceptor .ciae-history-date{color:var(--ciae-gris)!important}
#ciae-panel-preceptor .ciae-history-main{color:var(--ciae-azul)!important;font-weight:800!important}
#ciae-panel-preceptor .ciae-history-sub{color:var(--ciae-gris)!important}
#ciae-panel-preceptor .ciae-history-mini span{
  background:var(--ciae-beige)!important;
  color:var(--ciae-azul)!important;
  border-color:var(--ciae-dorado-suave)!important;
}
#ciae-panel-preceptor .ciae-history-detail{border-top-color:var(--ciae-beige)!important;color:var(--ciae-gris)!important}
#ciae-panel-preceptor .ciae-hist-open{
  background:var(--ciae-azul)!important;
  color:var(--ciae-dorado)!important;
  box-shadow:none!important;
  font-family:'Montserrat',sans-serif;
}
#ciae-panel-preceptor .ciae-hist-toggle{
  background:var(--ciae-beige)!important;
  color:var(--ciae-azul)!important;
  border-color:var(--ciae-dorado-suave)!important;
  font-family:'Montserrat',sans-serif;
}
#ciae-panel-preceptor .ciae-hist-empty-card{
  border-color:var(--ciae-dorado-suave)!important;
  background:var(--ciae-marfil)!important;
  color:var(--ciae-gris)!important;
}

/* ---------- Licencias ---------- */
#ciae-panel-preceptor .ciae-lic-pro-top{
  background:var(--ciae-marfil)!important;
  border-color:var(--ciae-beige)!important;
}
#ciae-panel-preceptor .ciae-lic-pro-kicker{color:var(--ciae-dorado)!important;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:12px}
#ciae-panel-preceptor .ciae-lic-pro h4{color:var(--ciae-azul)!important;font-weight:800!important}
#ciae-panel-preceptor .ciae-lic-pro-top p{color:var(--ciae-gris)!important}
#ciae-panel-preceptor .ciae-lic-pro-count{
  background:var(--ciae-azul)!important;
  color:var(--ciae-dorado)!important;
  border-radius:16px;
  padding:10px 16px;
  text-align:center;
}
#ciae-panel-preceptor .ciae-lic-pro-count strong{display:block;font-size:22px;line-height:1}
#ciae-panel-preceptor .ciae-lic-pro-count span{font-size:11px;text-transform:uppercase;letter-spacing:.05em}
#ciae-panel-preceptor .ciae-lic-alert-card{
  background:var(--ciae-marfil)!important;
  border-color:var(--ciae-beige)!important;
  box-shadow:none!important;
}
#ciae-panel-preceptor .ciae-lic-alert-card strong{color:var(--ciae-azul)!important}
#ciae-panel-preceptor .ciae-lic-alert-card span{color:var(--ciae-gris)!important}
#ciae-panel-preceptor .ciae-lic-alert-card.is-warn{background:#faf3e6!important;border-color:var(--ciae-dorado-suave)!important}
#ciae-panel-preceptor .ciae-lic-alert-card.is-warn strong{color:#8a6a1f!important}
#ciae-panel-preceptor .ciae-lic-alert-card.is-aula:hover{border-color:var(--ciae-dorado)!important;background:var(--ciae-beige)!important}
#ciae-panel-preceptor .ciae-lic-pro-filters{
  background:var(--ciae-marfil)!important;
  border-color:var(--ciae-beige)!important;
}
#ciae-panel-preceptor .ciae-lic-pro-filters label{color:var(--ciae-gris)!important}
#ciae-panel-preceptor .ciae-lic-pro-filters input,
#ciae-panel-preceptor .ciae-lic-pro-filters select{
  border-color:var(--ciae-beige)!important;
  color:var(--ciae-azul)!important;
}
#ciae-panel-preceptor .ciae-lic-clear{
  border-color:var(--ciae-dorado)!important;
  color:var(--ciae-azul)!important;
  font-family:'Montserrat',sans-serif;
  font-weight:700!important;
}
#ciae-panel-preceptor .ciae-lic-pro-item{
  background:#fff;
  border:1px solid var(--ciae-beige);
  border-left:5px solid var(--ciae-dorado-suave);
  border-radius:16px;
  padding:14px 16px;
  margin-bottom:12px;
}
#ciae-panel-preceptor .ciae-lic-pro-item[data-estado="revision"],
#ciae-panel-preceptor .ciae-lic-pro-item[data-estado="pendiente"],
#ciae-panel-preceptor .ciae-lic-pro-item[data-estado="correccion"]{border-left-color:#c99a3f}
#ciae-panel-preceptor .ciae-lic-pro-item[data-estado="no_valida"]{border-left-color:#b3261e}
#ciae-panel-preceptor .ciae-lic-pro-item[data-estado="aprobada"]{border-left-color:#3a5a40}
#ciae-panel-preceptor .ciae-lic-line strong{color:var(--ciae-azul)}
#ciae-panel-preceptor .ciae-lic-status{
  display:inline-block;
  padding:3px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}
#ciae-panel-preceptor .ciae-lic-status-pendiente,
#ciae-panel-preceptor .ciae-lic-status-revision{background:var(--ciae-beige);color:var(--ciae-azul)}
#ciae-panel-preceptor .ciae-lic-status-correccion,
#ciae-panel-preceptor .ciae-lic-status-observada{background:#faf3e6;color:#8a6a1f}
#ciae-panel-preceptor .ciae-lic-status-no_valida{background:#f8ecec;color:#8a3030}
#ciae-panel-preceptor .ciae-lic-status-aprobada{background:#eef4ee;color:#3a5a40}
#ciae-panel-preceptor .ciae-lic-periodo{
  background:var(--ciae-beige);
  color:var(--ciae-azul);
  border-radius:10px;
  padding:6px 10px;
  font-size:13px;
}
#ciae-panel-preceptor .ciae-lic-pro-main p{color:var(--ciae-azul);opacity:.85}
#ciae-panel-preceptor .ciae-lic-pro-side a{color:var(--ciae-azul);font-weight:700}
#ciae-panel-preceptor .ciae-lic-empty{
  background:var(--ciae-marfil);
  border:1px dashed var(--ciae-dorado-suave);
  border-radius:16px;
  padding:22px;
  text-align:center;
  color:var(--ciae-gris);
}

/* =========================================================================
   MEJORAS DE ASPECTO MÓVIL (no toca los grid-template-columns / anchos
   ya resueltos contra overflow; solo tipografía, tacto y legibilidad)
   ========================================================================= */
@media (max-width:760px){
  #ciae-panel-preceptor .ciae-clean-header h2{font-size:26px!important}
  #ciae-panel-preceptor .ciae-clean-badge{align-self:flex-start;font-size:12px}
  #ciae-panel-preceptor .ciae-module-tabs{gap:8px!important}
  #ciae-panel-preceptor .ciae-module-tab{font-size:13px!important;padding:12px 14px!important}
  #ciae-panel-preceptor .ciae-security-strip{gap:8px!important}
  #ciae-panel-preceptor .ciae-security-pill{font-size:12px;padding:9px 10px}
  #ciae-panel-preceptor .ciae-clean-stat strong{font-size:30px!important}
  #ciae-panel-preceptor .ciae-clean-row{border-radius:14px;margin-bottom:10px;border:1px solid var(--ciae-beige)!important;overflow:hidden}
  #ciae-panel-preceptor .ciae-clean-row>div{border-right:none!important}
  #ciae-panel-preceptor .ciae-status-btn{min-height:46px}
  #ciae-panel-preceptor .ciae-history-hero{gap:12px}
  #ciae-panel-preceptor .ciae-history-hero button{width:100%;justify-content:center}
  #ciae-panel-preceptor .ciae-lic-pro-top{flex-direction:column;align-items:flex-start!important;gap:10px}
  #ciae-panel-preceptor .ciae-lic-pro-count{align-self:stretch;display:flex;align-items:center;justify-content:space-between;text-align:left}
  #ciae-panel-preceptor .ciae-lic-pro-count strong{font-size:20px}
  #ciae-panel-preceptor .ciae-lic-pro-item{padding:12px 14px}
}
@media (max-width:480px){
  #ciae-panel-preceptor .ciae-clean-card,
  #ciae-panel-preceptor .ciae-module-card{padding:14px!important;border-radius:16px!important}
  #ciae-panel-preceptor .ciae-clean-header h2{font-size:22px!important}
  #ciae-panel-preceptor .ciae-history-main{font-size:16px!important}
}