/* admin-calificaciones.css — Rutas › Análisis › Calificaciones (28-oct-2026).
   Todo scopeado a #cal-ui. Sin diseño propio: la paleta y las piezas de Reservas
   (.sh-phead, .set-btn, los filtros en pastilla), declaradas aquí para este panel
   como hace cada bandeja con las suyas. */

#cal-ui{
  --bg:#F8FAFC; --panel:#FFFFFF; --panel2:#F7F8FA; --ink:#211D18; --ink2:#6B6258; --ink3:#A39A8D;
  --line:#E2E8F0; --line2:#CBD5E1;
  --orange:#F26522; --orange-soft:#FCE4D6;
  --green:#0B7A5C; --green-soft:#E7F8F1;
  --amber:#B45309; --amber-soft:#FEF3C7;
  --red:#C23A2F; --red-soft:#FADFDC;
  --sal:#E2551A; --lle:#16936A;
  --font:"Hanken Grotesk",system-ui,sans-serif; --mono:"Space Mono",ui-monospace,monospace;
  font-family:var(--font); color:var(--ink);
}
#cal-ui *{box-sizing:border-box}
#cal-ui .icon{width:15px;height:15px;flex:0 0 auto;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}
#cal-ui .sh-phead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:16px}
#cal-ui .sh-phead h1{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1;display:flex;align-items:center;gap:11px;color:var(--ink);margin:0}
#cal-ui .sh-phead h1 .sh-ct{font-size:13px;font-weight:800;font-family:var(--mono);background:var(--amber-soft);color:var(--amber);border-radius:999px;padding:3px 11px}
#cal-ui .sh-phead p{font-size:13px;color:var(--ink2);margin:8px 0 0;max-width:660px;line-height:1.5}
#cal-ui .set-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border-radius:11px;border:1px solid var(--line2);background:var(--panel);color:var(--ink);font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer}

/* Filtros: los mismos de Reservas */
#cal-ui .cal-tools{display:flex;gap:10px 14px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
#cal-ui .cal-bar{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;background:var(--panel);border:1px solid var(--line2);border-radius:11px}
#cal-ui .cal-fbtn{height:32px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:var(--ink2);font-family:var(--font);font-size:12.5px;font-weight:700;cursor:pointer}
#cal-ui .cal-fbtn:not(.on):hover{background:var(--panel2);color:var(--ink)}
#cal-ui .cal-fbtn.on{background:var(--ink);color:var(--panel)}

/* Resumen */
#cal-ui .cal-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
#cal-ui .cal-k{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-width:0}
#cal-ui .cal-k span{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3)}
#cal-ui .cal-k b{display:block;font-size:26px;font-weight:800;letter-spacing:-.02em;margin-top:6px;color:var(--ink)}
#cal-ui .cal-k b.cal-k-t{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cal-ui .cal-k small{display:block;font-size:12px;color:var(--ink2);margin-top:2px}
#cal-ui .cal-k.is-bad b{color:var(--red)}

#cal-ui .cal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px;margin-bottom:18px;align-items:start}
#cal-ui .cal-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-width:0}
#cal-ui .cal-card h2,#cal-ui .cal-h{font-size:15px;font-weight:800;margin:0 0 10px;color:var(--ink)}
#cal-ui .cal-h{display:flex;align-items:center;gap:8px}
#cal-ui .cal-h span{font-family:var(--mono);font-size:11px;background:var(--line);color:var(--ink2);border-radius:999px;padding:2px 8px}
#cal-ui .cal-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
#cal-ui .cal-bars li{display:grid;grid-template-columns:30px minmax(0,1fr) 34px;gap:8px;align-items:center;font-size:12.5px}
#cal-ui .cal-bars li span{font-weight:800;color:var(--ink2)}
#cal-ui .cal-bars li i{height:10px;border-radius:999px;background:var(--panel2);overflow:hidden;display:block}
#cal-ui .cal-bars li i b{display:block;height:100%;border-radius:999px;background:var(--green)}
#cal-ui .cal-bars li i b.s3{background:var(--amber)}
#cal-ui .cal-bars li i b.s2,#cal-ui .cal-bars li i b.s1{background:var(--red)}
#cal-ui .cal-bars li em{font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--ink2);text-align:right}
#cal-ui .cal-tab{width:100%;border-collapse:collapse;font-size:13px}
#cal-ui .cal-tab th{text-align:left;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);padding:0 8px 6px 0;border-bottom:1px solid var(--line)}
#cal-ui .cal-tab td{padding:8px 8px 8px 0;border-bottom:1px solid var(--line);color:var(--ink)}
#cal-ui .cal-tab tr:last-child td{border-bottom:0}
#cal-ui .cal-mute{color:var(--ink3)}
#cal-ui .cal-bad{color:var(--red);font-weight:800}

/* Lista */
#cal-ui .cal-list{display:grid;gap:8px}
#cal-ui .cal-row{display:flex;align-items:flex-start;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 16px}
#cal-ui .cal-row.is-bad{border-color:#F6D6D1;background:#FFF9F8}
#cal-ui .cal-stars{flex:0 0 auto;font-size:16px;letter-spacing:1px;color:#E0A100;padding-top:1px}
#cal-ui .cal-stars i{font-style:normal;color:var(--line2)}
#cal-ui .cal-row.is-bad .cal-stars{color:var(--red)}
#cal-ui .cal-main{flex:1 1 auto;min-width:0}
#cal-ui .cal-main b{display:block;font-size:14.5px;font-weight:800;color:var(--ink)}
#cal-ui .cal-main > span{display:block;font-size:12.5px;color:var(--ink2);margin-top:2px;line-height:1.45}
#cal-ui .cal-dir{font-style:normal;font-weight:800}
#cal-ui .cal-dir.sal{color:var(--sal)}
#cal-ui .cal-dir.lle{color:var(--lle)}
#cal-ui .cal-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
#cal-ui .cal-tags span{font-size:11px;font-weight:700;padding:3px 9px;border-radius:7px;background:var(--green-soft);color:var(--green)}
#cal-ui .cal-tags span.bad{background:var(--red-soft);color:var(--red)}
#cal-ui .cal-row > small{flex:0 0 auto;font-size:11.5px;color:var(--ink3);padding-top:3px;white-space:nowrap}
#cal-ui .cal-msg{font-size:13px;color:var(--ink2)}
#cal-ui .cal-msg.bad{color:var(--red)}
#cal-ui .cal-empty{text-align:center;padding:46px 20px;color:var(--ink2)}
#cal-ui .cal-empty .icon{width:34px;height:34px;color:var(--ink3);margin:0 auto 10px;display:block}
#cal-ui .cal-empty h3{font-size:16px;font-weight:800;color:var(--ink);margin:0}
#cal-ui .cal-empty p{font-size:13px;margin:4px 0 0}

@media (max-width:768px){
  #cal-ui .cal-sum{grid-template-columns:repeat(2,minmax(0,1fr))}
  #cal-ui .cal-grid{grid-template-columns:minmax(0,1fr)}
  #cal-ui .cal-row{flex-wrap:wrap;gap:6px 12px}
  #cal-ui .cal-row > small{width:100%;padding-top:0}
  #cal-ui .cal-fbtn{min-height:40px}
}