/* Accesos de soporte · premium */
.support-access-metric{position:relative;display:flex;align-items:center;gap:12px;min-height:84px;padding:14px 15px;cursor:pointer;overflow:hidden;
  background:var(--surface-1,var(--bg-card,rgba(18,30,50,.92)));transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;--tone:var(--text-muted)}
.support-access-metric.active{--tone:var(--brand)}
.support-access-metric.pending{--tone:#fbbf24}
.support-access-metric.approved{--tone:#38bdf8}
.support-access-metric.finished{--tone:#94a3b8}
.support-access-metric.rejected{--tone:#fb7185}
.support-access-metric{box-shadow:inset 3px 0 0 var(--tone)}
.support-access-metric::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 100% 0,color-mix(in srgb,var(--tone) 14%,transparent),transparent 60%);pointer-events:none}
.support-access-metric:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tone) 55%,var(--border))}
.support-access-metric:focus-visible{outline:2px solid var(--tone);outline-offset:2px}
.support-access-metric.is-selected{border-color:var(--tone);box-shadow:inset 3px 0 0 var(--tone),0 0 0 1px var(--tone),0 8px 22px color-mix(in srgb,var(--tone) 22%,transparent)}
.support-access-metric-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,transparent);border:1px solid color-mix(in srgb,var(--tone) 30%,transparent)}
.support-access-metric-icon svg{width:18px;height:18px}
.support-access-metric>div{position:relative;z-index:1}

.support-access-status{gap:6px;padding:0 10px;min-height:26px;letter-spacing:.02em}
.support-access-status i{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.support-access-status.active i{box-shadow:0 0 0 0 currentColor;animation:sa-pulse 1.8s infinite}
@keyframes sa-pulse{70%{box-shadow:0 0 0 6px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media (prefers-reduced-motion:reduce){.support-access-status.active i{animation:none}.support-access-metric{transition:none}}

.support-access-table tbody tr.support-access-row{transition:background .15s ease;box-shadow:inset 3px 0 0 transparent}
.support-access-table tbody tr.support-access-row:hover{background:rgba(148,163,184,.06)}
.support-access-row.is-activa{box-shadow:inset 3px 0 0 var(--brand)!important}
.support-access-row.is-pendiente{box-shadow:inset 3px 0 0 #fbbf24!important}
.support-access-row.is-aprobada{box-shadow:inset 3px 0 0 #38bdf8!important}
.support-access-row.is-rechazada,.support-access-row.is-expirada,.support-access-row.is-revocada{box-shadow:inset 3px 0 0 #fb7185!important}
.support-access-row.is-finalizada{opacity:.82}
.support-access-table thead th{position:sticky;top:0;background:var(--surface-2,var(--bg-card,#0f1b2e));z-index:1}

.support-access-events summary{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);background:color-mix(in srgb,var(--brand) 8%,transparent);list-style:none}
.support-access-events summary::-webkit-details-marker{display:none}
.support-access-events li{padding-left:14px}
.support-access-events li::before{content:"";position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--brand)}

.support-access-empty .ticket-empty{margin:0 auto}
.support-access-table-wrap{border-radius:var(--r-md)}
@media (max-width:860px){.support-access-metric{min-height:72px}}