:root{--brand:#0aa6a6;--bg:#f5f7fa;--card:#ffffff;--text:#0f172a;--muted:#64748b;--border:rgba(15,23,42,.10);--shadow:0 10px 30px rgba(2,6,23,.06);--radius:16px}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}.topbar{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar-inner{max-width:1200px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;gap:12px}.brand-dot{width:10px;height:10px;border-radius:999px;background:var(--brand);box-shadow:0 0 0 6px rgba(10,166,166,.12)}.wrap{max-width:1200px;margin:0 auto;padding:22px 18px 40px}.cardx{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.filters{padding:14px;margin-bottom:14px}.filters-row{display:flex;gap:10px;align-items:end;flex-wrap:nowrap}.filters-row>div{flex:1 1 auto;min-width:140px}.filters-row>.btn-wrap{flex:0 0 auto}@media (max-width:900px){.filters-row{flex-wrap:wrap}}.form-control,.custom-select{border-radius:12px;height:40px}.table-wrap{overflow:auto;border-radius:var(--radius)}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid rgba(15,23,42,.12)}.pill--ok{background:rgba(16,185,129,.10)}.pill--warn{background:rgba(245,158,11,.12)}.pill--bad{background:rgba(239,68,68,.10)}.pill--info{background:rgba(59,130,246,.10)}.pill--neutral{background:rgba(100,116,139,.10)}.pagination .page-link{border-radius:12px!important;font-weight:800}.login-bg{position:relative;min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:26px 18px 46px}.login-bg::before{content:"";position:absolute;inset:0;background:radial-gradient(800px 380px at 15% 0%,rgba(10,166,166,.14),rgba(10,166,166,0) 60%),radial-gradient(900px 420px at 90% 20%,rgba(15,23,42,.07),rgba(15,23,42,0) 55%);pointer-events:none}.login-card{position:relative;width:100%;max-width:460px;padding:26px 26px 22px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);background:var(--card)}.login-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:rgba(10,166,166,.06);color:rgba(15,23,42,.90);font-weight:800;letter-spacing:.02em;font-size:12px;margin-bottom:16px}.login-chip::before{content:"";width:10px;height:10px;border-radius:999px;background:var(--brand);box-shadow:0 0 0 6px rgba(10,166,166,.12)}.field-label{font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px}.form-control{height:44px;border-radius:12px;border:1px solid rgba(15,23,42,.14);padding-left:44px;transition:box-shadow .15s ease,border-color .15s ease}.form-control:focus{border-color:rgba(10,166,166,.55);box-shadow:0 0 0 4px rgba(10,166,166,.14)}.input-icon{position:relative}.input-icon svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:.55;pointer-events:none}.btn-brand{background:var(--brand);color:#fff;border:0;border-radius:12px;height:44px;font-weight:900;letter-spacing:.02em;box-shadow:0 8px 20px rgba(2,6,23,.06);transition:filter .12s ease,transform .12s ease}.btn-brand:hover{filter:brightness(.96);color:#fff;transform:translateY(-1px)}.btn-brand:active{transform:translateY(0)}.login-footer{margin-top:14px;text-align:center;font-size:12px;color:var(--muted)}@media (max-width:576px){.login-card{padding:22px 18px 18px}}.kpi{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);padding:14px 16px;height:100%}.kpi .label{color:var(--muted);font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px}.kpi .value{font-weight:800;font-size:18px;line-height:1.1}.kpi .sub{color:var(--muted);font-size:12px;font-weight:600;margin-top:6px}.section-title{font-weight:800;margin:0}.timeline{position:relative;padding-left:18px;margin:0;list-style:none}.timeline::before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:rgba(15,23,42,.10);border-radius:999px}.timeline-item{position:relative;padding:12px 0 12px 14px}.timeline-item::before{content:"";position:absolute;left:-1px;top:18px;width:12px;height:12px;border-radius:999px;background:var(--brand);box-shadow:0 0 0 6px rgba(10,166,166,.12);border:1px solid rgba(15,23,42,.06)}.timeline-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--muted);font-size:12px;font-weight:600}.timeline-title{margin:4px 0 2px;font-weight:800;letter-spacing:.2px}.timeline-body{margin:0;font-weight:600;color:rgba(15,23,42,.92)}@media (max-width:576px){.kpi{padding:12px 14px}}

/* ==============================
   Detalle solicitud - helpers UI
   (migrados desde <style> inline)
   ============================== */

.meta-label{
  color: var(--muted);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin: 0;
}

.meta-inline{
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
}

.kpi .value{ white-space: nowrap; }

.header-title{ font-weight: 800; line-height: 1; }

.header-subtitle{ font-size: 12px; color: var(--muted); font-weight: 600; }

.company-name{
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 576px){
  .company-name{ display:none; }
}

/* Tablas: mejor legibilidad */
.table th{ white-space: nowrap; }
.table td{ vertical-align: middle; }