/*
 * =====================================================
 * Tenant CSS: Grupo Hasten (soporte.grupohasten.com)
 * =====================================================
 * Capa de "pulido" tipo SaaS moderno (cards, badges, tablas,
 * FAQ/KB) que complementa a hasten-modern-theme.css (estructura).
 * Adaptado del patron usado en soporte.miescritorio.net
 * (assets/css/tenant-miescritorio.css), re-coloreado con la
 * paleta real de Hasten via las variables --tenant-* definidas
 * en hasten-modern-theme.css (cargado antes que este fichero).
 * Instalado 2026-09-08. Ver README-tema-hasten.md para revertir.
 * =====================================================
 */

/* ─── FORMULARIOS — tarjeta limpia ─── */

.form_table {
    background: #ffffff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    border: 1px solid #f0f0f0;
}

.form_table th {
    color: #555;
    font-weight: 500;
    font-size: 0.9em;
    padding-bottom: 4px;
}

/* ─── TABLAS DE TICKETS — estilo tarjeta ─── */

.ticketTable,
table.list {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    border: 1px solid #f0f0f0;
    background: #ffffff;
}

.ticketTable th,
table.list th,
table.list thead th {
    background: #f8f9fb;
    color: var(--tenant-primary);
    font-weight: 600;
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 12px 16px;
    border-bottom: 1px solid #eee;
}

.ticketTable td,
table.list td {
    padding: 12px 16px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 0.95em;
}

.ticketTable tr:hover td,
table.list tr:hover td {
    background: rgba(var(--tenant-accent-rgb), 0.04);
}

.ticketTable tr:last-child td,
table.list tr:last-child td { border-bottom: none; }

table.list a.ticketlink,
table.list a.preview {
    color: var(--tenant-accent);
}

/* ─── BADGES DE ESTADO ─── */

.label,
.badge {
    border-radius: 12px;
    font-weight: 600;
    font-size: 0.75em;
    padding: 3px 10px;
    letter-spacing: 0.2px;
}

/* ─── PANELES / CARDS GENERICOS ─── */

.panel,
.box,
fieldset {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    padding: 20px;
}

/* ─── FAQ / BASE DE CONOCIMIENTO ─── */

.faq-category h3,
.kb-category h3 {
    color: var(--tenant-primary);
    border-bottom: 2px solid var(--tenant-accent);
    padding-bottom: 8px;
    font-size: 1.1em;
}

.faq-item,
.kb-item {
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 8px;
    transition: background 0.15s;
}

.faq-item:hover,
.kb-item:hover { background: #f8f9fa; }

/* ─── SCROLLBAR (Webkit) ─── */

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f5f5f5; }
::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #9ca3af; }

/* ─── Placeholder ─── */
::placeholder { color: #bbb; font-style: normal; }

/* fix-icono-nav 2026-09-08: reservar sitio al icono (el padding con !important del tema base lo pisaba) */
#nav li a { padding: 8px 14px 8px 38px !important; }
@media (max-width: 768px) { #nav li a { padding-left: 34px !important; } }