/* ============================================================
   VECTOR · Tablero de equipo (Inversiones AD, jefes de zona y supervisores)
   Puerto del prototipo aprobado por Dany/Darío (30-sep-2026) a la app.
   Fuente original (NO tocar): material/design/tablero_equipos_ad/claude/app.css
   Mismo lenguaje visual que css/sosah_tablero_gerencial.css (.vxtg): acá el
   contenedor propio es .vxte, para no pisar css/main.css, css/identity.css
   ni css/brand_ad.css. Variables scoped con prefijo --vte-.
   ============================================================ */

.vxte{
  --vte-brand:#DA291C;
  --vte-brand-soft:#FBE7E5;
  --vte-ink:#16191D;
  --vte-ink-2:#434A53;
  --vte-muted:#575E67;
  --vte-line:#E5E7EA;
  --vte-bg:#F5F6F7;
  --vte-card:#FFFFFF;
  --vte-slate:#3D4B5C;
  --vte-slate-soft:#DDE2E8;
  --vte-track:#F0F1F3;
  --vte-talk:#B45309;
  --vte-talk-soft:#FDF3E7;
  --vte-good:#1F7A4D;
  --vte-good-soft:#E8F4EE;
  --vte-radius:14px;
  --vte-shadow:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  color:var(--vte-ink);
  font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;
  font-feature-settings:"tnum" 1,"cv11" 1;
}
.vxte, .vxte *{box-sizing:border-box}
.vxte b, .vxte strong{font-weight:600}
.vxte button{font:inherit}
.vxte .wrap{display:flex;flex-direction:column;gap:14px;padding-bottom:8px}

/* Barra de filtros, pegada arriba del contenedor scrolleable (#main) */
.vxte .bar{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.97);backdrop-filter:saturate(1.4) blur(6px);border:1px solid var(--vte-line);border-radius:var(--vte-radius);box-shadow:var(--vte-shadow)}
.vxte .bar__in{display:flex;flex-direction:column;gap:8px;padding:10px 12px}
.vxte .field{display:flex;flex-direction:column;gap:3px;min-width:0}
.vxte .field__lbl{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--vte-muted)}
.vxte .field select{font:inherit;font-size:15px;font-weight:500;color:var(--vte-ink);background:#fff;border:1px solid #D5D9DE;border-radius:10px;padding:9px 34px 9px 12px;min-height:44px;width:100%;
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.5 6 8.5l4-4' fill='none' stroke='%23434A53' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center}
.vxte .field select:focus-visible{outline:2px solid var(--vte-ink);outline-offset:1px}
.vxte .field--team{flex-direction:row;align-items:center;gap:10px}
.vxte .field--team .field__lbl{flex-shrink:0;width:56px}
.vxte .field--fixed{flex-direction:row;align-items:center;gap:10px;font-size:14px;color:var(--vte-ink-2);padding:2px 0}
.vxte .field--fixed b{color:var(--vte-ink)}
.vxte .field--inline{flex-direction:row;align-items:center;gap:8px}
.vxte .field--inline select{min-height:40px;font-size:14px}
.vxte .bar__when{display:flex;gap:8px;align-items:center}

.vxte .seg{display:inline-flex;background:var(--vte-track);border-radius:10px;padding:3px;flex-shrink:0}
.vxte .seg button{font-size:13.5px;font-weight:500;border:0;background:transparent;color:var(--vte-ink-2);padding:8px 12px;border-radius:8px;cursor:pointer;min-height:38px;white-space:nowrap}
.vxte .seg button[aria-selected="true"]{background:#fff;color:var(--vte-ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.vxte .seg button:focus-visible,.vxte .stepper__btn:focus-visible{outline:2px solid var(--vte-ink);outline-offset:1px}
.vxte .seg--sm button{font-size:12.5px;padding:6px 10px;min-height:34px}

.vxte .stepper{flex:1;display:flex;align-items:center;min-width:0;border:1px solid #D5D9DE;border-radius:10px;background:#fff;height:44px}
.vxte .stepper__btn{width:40px;height:100%;border:0;background:transparent;color:var(--vte-ink-2);display:grid;place-items:center;cursor:pointer;flex-shrink:0;border-radius:10px}
.vxte .stepper__btn:disabled{color:#C3C8CE;cursor:default}
.vxte .stepper__date{position:relative;flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--vte-line);border-right:1px solid var(--vte-line);cursor:pointer}
.vxte .stepper__txt{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px}
.vxte .stepper__date input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;border:0}
.vxte .stepper__date:focus-within{outline:2px solid var(--vte-ink);outline-offset:-2px}

/* Tipografía */
.vxte .eyebrow{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vte-brand)}
.vxte .h2{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em}
.vxte .h3{margin:18px 0 4px;font-size:14px;font-weight:600}
.vxte .sub{margin:4px 0 0;font-size:13px;color:var(--vte-muted)}
.vxte .fine{margin:12px 0 0;font-size:12px;color:var(--vte-muted)}
.vxte .takeaway{margin:16px 0 0;font-size:14px;color:var(--vte-ink-2);border-left:3px solid var(--vte-ink);padding:2px 0 2px 12px}
.vxte .takeaway b{color:var(--vte-ink)}
.vxte .secnum{display:inline-block;margin-right:10px;font-variant-numeric:tabular-nums;font-weight:700;color:#B42318;letter-spacing:.02em}
.vxte .eyebrow .secnum{margin-right:8px}

.vxte .card{background:var(--vte-card);border:1px solid var(--vte-line);border-radius:var(--vte-radius);box-shadow:var(--vte-shadow);padding:18px}
.vxte .card__head{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}

/* Miga y aviso */
.vxte .crumb{font-size:13px;color:var(--vte-ink-2);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vxte .crumb button{border:0;background:none;padding:6px 0;color:var(--vte-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:32px}
.vxte .notice{background:#fff;border:1px solid var(--vte-line);border-left:4px solid var(--vte-slate);border-radius:10px;padding:12px 14px;font-size:13.5px;color:var(--vte-ink-2)}
.vxte .notice b{color:var(--vte-ink)}
.vxte .notice__go{margin-top:8px;border:1px solid #D5D9DE;background:#fff;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600;color:var(--vte-ink);cursor:pointer;min-height:36px}

/* Estados: cargando (skeleton), error, sin acceso, sin datos */
.vxte .vte-skel{padding:4px 0 8px;display:flex;flex-direction:column;gap:16px}
.vxte .vte-skel-block{background:linear-gradient(90deg,#EEF0F2 25%,#F7F8F9 37%,#EEF0F2 63%);background-size:400% 100%;animation:vteSkeleton 1.4s ease infinite;border-radius:var(--vte-radius);height:160px}
.vxte .vte-skel-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.vxte .vte-skel-row .vte-skel-block{height:120px}
@keyframes vteSkeleton{0%{background-position:100% 0}100%{background-position:0 0}}
.vxte .vte-retry-btn{margin-top:14px;padding:9px 18px;border-radius:10px;border:none;background:var(--vte-brand,#DA291C);color:#fff;font:inherit;font-weight:600;font-size:13px;cursor:pointer}
.vxte .vte-retry-btn:hover{opacity:.9}

/* 01 · A quién llamar */
.vxte .now__title{margin:0;font-size:25px;line-height:1.18;font-weight:700;letter-spacing:-.022em}
.vxte .now__title em{font-style:normal;color:var(--vte-brand)}
.vxte .now__list{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.vxte .who{border:1px solid var(--vte-line);border-radius:12px;padding:12px 14px;border-left:4px solid var(--vte-talk);background:#fff}
.vxte .who--good{border-left-color:var(--vte-good)}
.vxte .who--sup{border-left-color:var(--vte-slate)}
.vxte .who__top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.vxte .who__name{font-weight:700;font-size:15.5px}
.vxte .who__tag{font-size:12px;color:var(--vte-muted);white-space:nowrap}
.vxte .who__why{margin:4px 0 0;font-size:14px;color:var(--vte-ink)}
.vxte .who__ask{margin:6px 0 0;font-size:13px;color:var(--vte-ink-2)}
.vxte .who__ask b{color:var(--vte-talk);font-weight:600}
.vxte .who--good .who__ask b{color:var(--vte-good)}
.vxte .who__more{margin:2px 0 0;font-size:12.5px;color:var(--vte-muted)}
.vxte .who__go{margin-top:8px;border:0;background:none;padding:4px 0;font-size:13px;font-weight:600;color:var(--vte-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:32px}
.vxte .now__h3{margin:18px 0 8px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--vte-good)}
.vxte .now__rest{margin:10px 0 0;font-size:13px;color:var(--vte-muted)}

/* supervisores (jefe de zona) */
.vxte .sups{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}
.vxte .sup{border:1px solid var(--vte-line);border-radius:12px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:8px}
.vxte .sup__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.vxte .sup__name{font-weight:700;font-size:15.5px}
.vxte .sup__n{font-size:12.5px;color:var(--vte-muted)}
.vxte .sup__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.vxte .sup__stat{font-size:12px;color:var(--vte-muted)}
.vxte .sup__stat b{display:block;font-size:18px;color:var(--vte-ink);letter-spacing:-.01em}
.vxte .sup__line{font-size:13.5px;color:var(--vte-ink-2);margin:0}
.vxte .sup__line b{color:var(--vte-ink)}
.vxte .btn{align-self:flex-start;border:1px solid #D5D9DE;background:#fff;border-radius:9px;padding:8px 14px;font-size:13.5px;font-weight:600;color:var(--vte-ink);cursor:pointer;min-height:40px}
.vxte .btn:hover{border-color:var(--vte-ink-2)}
.vxte .btn:focus-visible{outline:2px solid var(--vte-ink);outline-offset:1px}

/* 02 · KPIs */
.vxte .kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.vxte .kpi{border:1px solid var(--vte-line);border-radius:12px;padding:12px}
.vxte .kpi__l{font-size:12px;color:var(--vte-muted);font-weight:500}
.vxte .kpi__n{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-top:2px}
.vxte .kpi__n small{font-size:14px;font-weight:500;color:var(--vte-muted);letter-spacing:0}
.vxte .kpi__c{font-size:12.5px;color:var(--vte-ink-2);margin-top:2px}
.vxte .kpi--meta{border-style:dashed;background:#FAFAFB}
.vxte .kpi--meta .kpi__n{color:var(--vte-muted);font-size:18px;padding-top:6px}
.vxte .chart{position:relative;height:210px}
.vxte .chart__key{margin:8px 0 0;font-size:12.5px;color:var(--vte-muted);display:flex;flex-wrap:wrap;gap:6px 16px}
.vxte .chart__key span{display:inline-flex;align-items:center;gap:6px}
.vxte .sw{display:inline-block;width:10px;height:10px;border-radius:2px}
.vxte .sw--dash{width:16px;height:0;border-top:2px dashed #9AA1A9;border-radius:0}

/* 03 · Personas */
.vxte .phead{display:none}
.vxte .plist{display:flex;flex-direction:column;gap:8px}
.vxte .p{border:1px solid var(--vte-line);border-radius:12px;background:#fff}
.vxte .p[open]{box-shadow:var(--vte-shadow)}
.vxte .p>summary{list-style:none;cursor:pointer;padding:12px 14px;display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:"name meta" "att trend" "rate rate" "sig sig";
  gap:8px 12px;align-items:center}
.vxte .p>summary::-webkit-details-marker{display:none}
.vxte .p>summary:focus-visible{outline:2px solid var(--vte-ink);outline-offset:-2px;border-radius:12px}
.vxte .p__name{grid-area:name;min-width:0}
.vxte .p__name b{font-size:15px}
.vxte .p__name span{display:block;font-size:12px;color:var(--vte-muted)}
.vxte .p__meta{grid-area:meta;text-align:right;font-size:12px;color:var(--vte-muted);display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.vxte .p__att{grid-area:att;min-width:0}
.vxte .p__rate{grid-area:rate;min-width:0}
.vxte .p__trend{grid-area:trend;justify-self:end;align-self:end;text-align:right}
.vxte .p__trend::before{content:"14 días";display:block;font-size:10px;color:var(--vte-muted);margin-bottom:2px}
.vxte .p__goal{display:none}
.vxte .p__sig{grid-area:sig;display:flex;flex-wrap:wrap;gap:6px}
.vxte .p__sig:empty{display:none}

.vxte .dots{display:flex;gap:4px;align-items:flex-end}
.vxte .dots i{display:flex;flex-direction:column;align-items:center;gap:2px;font-style:normal;font-size:10px;color:var(--vte-muted);width:24px}
.vxte .dots i::before{content:"";width:16px;height:16px;border-radius:50%;background:#EEF0F2;box-sizing:border-box}
.vxte .dots i.c::before{background:var(--vte-slate)}
.vxte .dots i.j::before{background:#fff;border:2px solid var(--vte-talk)}
.vxte .dots i.x::before{background:transparent;border:1px dashed #D5D9DE}
.vxte .dots i.sel{color:var(--vte-ink);font-weight:600}
.vxte .att__txt{font-size:13px;color:var(--vte-ink-2)}
.vxte .att__txt b{color:var(--vte-ink)}
.vxte .att__txt span{display:block}

.vxte .rate{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}
.vxte .rate__n{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1;grid-row:span 2;min-width:44px}
.vxte .rate__n small{display:block;font-size:11px;font-weight:500;color:var(--vte-muted);letter-spacing:0;margin-top:3px}
.vxte .rate__track{position:relative;height:8px;background:var(--vte-track);border-radius:4px}
.vxte .rate__track i{position:absolute;left:0;top:0;bottom:0;background:var(--vte-slate);border-radius:4px}
.vxte .rate__track u{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--vte-ink);border-radius:1px}
.vxte .rate__txt{font-size:12px;color:var(--vte-muted)}
.vxte .rate__txt b{color:var(--vte-ink-2)}

.vxte .chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;border-radius:999px;padding:3px 10px;line-height:1.5}
.vxte .chip--talk{background:var(--vte-talk-soft);color:#8A3F06}
.vxte .chip--good{background:var(--vte-good-soft);color:var(--vte-good)}
.vxte .chip--soft{background:#F1F2F4;color:var(--vte-ink-2)}
.vxte .chip--goal{background:transparent;border:1px dashed #C3C8CE;color:var(--vte-muted);padding:2px 8px;font-size:11.5px}

.vxte .spark{display:block}
.vxte .p__det{padding:0 14px 14px;border-top:1px solid var(--vte-line)}
.vxte .p__det .h3{margin-top:12px}
.vxte .dtable{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:4px}
.vxte .dtable th{text-align:left;font-weight:600;color:var(--vte-muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:6px 6px 6px 0;border-bottom:1px solid var(--vte-line)}
.vxte .dtable td{padding:7px 6px 7px 0;border-bottom:1px dashed var(--vte-line);color:var(--vte-ink-2);vertical-align:top}
.vxte .dtable td b{color:var(--vte-ink)}
.vxte .dtable tr.sel td{background:#FAFAFB}
.vxte .dtable .num{text-align:right}
.vxte .det__sig{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.vxte .det__sig li{font-size:13px;color:var(--vte-ink-2);border-left:3px solid var(--vte-talk);padding-left:10px}
.vxte .det__sig li.good{border-left-color:var(--vte-good)}
.vxte .det__sig li b{color:var(--vte-ink)}
.vxte .det__sig li span{display:block;color:var(--vte-muted)}
.vxte .det__actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}

/* 04 · Señales */
.vxte .sigs{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.vxte .sig{border:1px solid var(--vte-line);border-radius:12px;padding:12px 14px}
.vxte .sig__head{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.vxte .sig__t{font-weight:600;font-size:14.5px}
.vxte .sig__n{font-size:13px;color:var(--vte-muted);white-space:nowrap}
.vxte .sig__n b{color:var(--vte-ink)}
.vxte .sig__why{margin:4px 0 0;font-size:13px;color:var(--vte-ink-2)}
.vxte .sig__ask{margin:6px 0 0;font-size:13px;color:var(--vte-ink-2)}
.vxte .sig__ask b{color:var(--vte-talk)}
.vxte .sig__who{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}
.vxte .sig__pattern{margin:8px 0 0;font-size:12.5px;color:var(--vte-ink);background:#F4F5F7;border-radius:8px;padding:6px 10px}
.vxte .sig--none{color:var(--vte-muted);font-size:14px;border-style:dashed}

/* 05 · Mapa */
.vxte .map-wrap{position:relative}
.vxte .map{height:320px;border-radius:10px;border:1px solid var(--vte-line);background:#EEF0F2}
.vxte .map__empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;background:rgba(245,246,247,.86);border-radius:10px;font-size:14px;color:var(--vte-ink-2);z-index:500}
.vxte .map__empty b{color:var(--vte-ink)}
.vxte .map__legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:12.5px;color:var(--vte-ink-2)}
.vxte .map__legend span{display:inline-flex;align-items:center;gap:6px}
.vxte .dot{display:inline-block;width:10px;height:10px;border-radius:50%}
.vxte .dot--hollow{background:#fff;border:2px solid var(--vte-slate)}
.vxte .leaflet-container{font-family:inherit}

/* 06 · Confiabilidad */
.vxte .trust{padding:16px 2px 0;border-top:1px solid var(--vte-line)}
.vxte .trust .h3{margin-top:0;color:var(--vte-ink-2)}
.vxte .trust__list{margin:8px 0 0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--vte-ink-2)}
.vxte .trust__list b{color:var(--vte-ink)}

/* ---------- Tablet ---------- */
@media (min-width:700px){
  .vxte .bar__in{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
  .vxte .field--team{flex:0 1 380px}
  .vxte .bar__when{flex:0 0 auto}
  .vxte .stepper{width:230px;flex:0 0 auto}
  .vxte .kpis{grid-template-columns:repeat(4,1fr)}
  .vxte .sups{grid-template-columns:1fr 1fr}
  .vxte .card__head{flex-direction:row;justify-content:space-between;align-items:flex-start}
  .vxte .now__list{display:grid;grid-template-columns:1fr 1fr}
  .vxte .sigs{display:grid;grid-template-columns:1fr 1fr}
  .vxte .map{height:400px}
  .vxte .chart{height:240px}
  .vxte .card{padding:22px}
}

/* ---------- Escritorio: la lista se vuelve tabla ---------- */
@media (min-width:1100px){
  .vxte .wrap{gap:20px}
  .vxte .now__title{font-size:30px}
  .vxte .now__list{grid-template-columns:repeat(3,1fr)}
  .vxte .sups{grid-template-columns:repeat(4,1fr)}
  .vxte .sigs{grid-template-columns:repeat(3,1fr)}
  .vxte .phead,.vxte .p>summary{
    grid-template-columns:minmax(150px,1.1fr) minmax(190px,1.3fr) minmax(220px,1.6fr) 120px 92px minmax(200px,1.7fr);
    grid-template-areas:"name att rate trend goal sig";
    gap:0 18px;
  }
  .vxte .phead{display:grid;padding:0 15px 8px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--vte-muted);border-bottom:1px solid var(--vte-line);margin-bottom:8px}
  .vxte .phead span:nth-child(1){grid-area:name}
  .vxte .phead span:nth-child(2){grid-area:att}
  .vxte .phead span:nth-child(3){grid-area:rate}
  .vxte .phead span:nth-child(4){grid-area:trend}
  .vxte .phead span:nth-child(5){grid-area:goal}
  .vxte .phead span:nth-child(6){grid-area:sig}
  .vxte .p__meta{display:none}
  .vxte .p__trend{justify-self:start;align-self:center}
  .vxte .p__trend::before{display:none}
  .vxte .p__goal{display:block;grid-area:goal}
  .vxte .p__sig{align-self:center}
  .vxte .p__sig:empty{display:flex}
  .vxte .p__sig:empty::before{content:"Sin señales";font-size:12.5px;color:var(--vte-muted)}
  .vxte .map{height:460px}
}

/* ============================================================
   00 · Para atender (bandeja de excepciones, arriba de "01 · A quién llamar")
   Clases propias (.atender..., .exc...), todo prefijado .vxte para pesar más que el
   reset global ".shell button" (dos clases > clase+elemento, no hace falta
   repetir ".shell" acá). No hay ranking ni comparación entre personas: cada
   tarjeta es un hecho puntual con su "qué no sabemos" y su siguiente paso.
   ============================================================ */
.vxte .atender{border-color:var(--vte-brand-soft)}
.vxte .atender .eyebrow{margin-bottom:6px}
.vxte .atender .h2{min-height:1.2em}
.vxte .atender__cov{margin-top:10px;border:1px dashed #D5D9DE;border-radius:10px;padding:12px 14px;font-size:13.5px;color:var(--vte-ink-2);background:#FAFAFB}
.vxte .atender__cov p{margin:0}
.vxte .atender__cov b{color:var(--vte-ink)}
.vxte .atender__none{margin:10px 0 0;font-size:13.5px;color:var(--vte-muted)}
.vxte .atender__list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.vxte .atender__group{margin:16px 0 0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--vte-muted)}
.vxte .atender__group:first-child{margin-top:0}
.vxte .exc{border:1px solid var(--vte-line);border-left:4px solid var(--vte-brand);border-radius:12px;padding:12px 14px;background:#fff}
.vxte .exc__top{display:flex;align-items:baseline;gap:8px}
.vxte .exc__name{font-weight:700;font-size:15.5px}
.vxte .exc__list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.vxte .exc__list li{font-size:13.5px;color:var(--vte-ink-2)}
.vxte .exc__list li b{color:var(--vte-ink)}
.vxte .exc__no{display:block;margin-top:3px;font-size:12.5px;color:var(--vte-muted)}
.vxte .exc__next{display:block;margin-top:3px;font-size:12.5px;color:var(--vte-ink-2);font-weight:500}
.vxte .exc__actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}

@media (min-width:1100px){
  .vxte .atender__list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
  .vxte .atender__group{grid-column:1/-1;margin-top:18px}
  .vxte .atender__group:first-child{margin-top:0}
}