.page-heading {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-bottom:24px;
}
.page-heading__kicker {
    color:#60a5fa;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.page-heading h1 {
    margin-top:4px;
    color:#f8fafc;
    font-size:30px;
    line-height:1.1;
    font-weight:900;
}
.page-heading p {
    margin-top:6px;
    color:#94a3b8;
    font-size:14px;
}
.metric-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin-bottom:22px;
}
.metric-tile {
    border-radius:16px;
    border:1px solid rgba(148,163,184,.18);
    padding:16px;
    background:#111827;
    box-shadow:0 14px 34px rgba(2,6,23,.22);
}
.metric-tile span {
    display:block;
    color:#cbd5e1;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
}
.metric-tile strong {
    display:block;
    margin-top:8px;
    color:#fff;
    font-size:30px;
    line-height:1;
}
.metric-blue { background:linear-gradient(135deg,#0284c7,#0f172a); }
.metric-green { background:linear-gradient(135deg,#16a34a,#0f172a); }
.metric-yellow { background:linear-gradient(135deg,#ca8a04,#0f172a); }
.metric-red { background:linear-gradient(135deg,#dc2626,#0f172a); }
.modern-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}
.modern-card {
    border-radius:16px;
    border:1px solid rgba(148,163,184,.18);
    background:linear-gradient(180deg,rgba(30,41,59,.92),rgba(15,23,42,.96));
    box-shadow:0 16px 36px rgba(2,6,23,.24);
    padding:18px;
}
.modern-card:hover {
    border-color:rgba(96,165,250,.42);
}
.panel-grid {
    display:grid;
    grid-template-columns:minmax(0,380px) minmax(0,1fr);
    gap:18px;
}
.check-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.check-pill {
    display:flex;
    align-items:center;
    gap:8px;
    border-radius:9px;
    border:1px solid rgba(148,163,184,.18);
    background:#0f172a;
    padding:10px;
    color:#cbd5e1;
    font-size:11px;
    font-weight:700;
}
.responsive-actions {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
@media (max-width:1100px) {
    .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .modern-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .panel-grid { grid-template-columns:1fr; }
}
@media (max-width:640px) {
    .page-heading { align-items:flex-start; flex-direction:column; }
    .metric-grid,.modern-grid,.check-grid { grid-template-columns:1fr; }
    .responsive-actions .app-btn { width:100%; }
}

/* Base visual migrada do layout principal. */
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
    .app-shell {
        background:
            radial-gradient(circle at top left, rgba(37,99,235,.22), transparent 34rem),
            linear-gradient(135deg, #0b1120 0%, #111827 48%, #020617 100%);
        color:#e5edf7;
    }
    .app-card {
        background:linear-gradient(180deg, rgba(30,41,59,.94), rgba(15,23,42,.96));
        border:1px solid rgba(148,163,184,.18);
        border-radius:16px;
        box-shadow:0 18px 45px rgba(0,0,0,.32);
    }
    .app-muted { color:#94a3b8; }
    .app-input { width:100%; border:1px solid rgba(148,163,184,.28); background:#0f172a; color:#e5edf7; border-radius:9px; padding:12px 14px; outline:none; transition:.2s; }
    .app-input::placeholder { color:#64748b; }
    .app-input:focus { border-color:#60a5fa; box-shadow:0 0 0 3px rgba(96,165,250,.18); }
    .app-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:9px; padding:10px 16px; font-weight:700; transition:.2s; }
    .app-btn-primary { background:linear-gradient(135deg,#2563eb,#38bdf8); color:#fff; box-shadow:0 10px 24px rgba(37,99,235,.28); }
    .app-btn-primary:hover { filter:brightness(1.08); transform:translateY(-1px); }
    .app-btn-success { background:#16a34a; color:#fff; box-shadow:0 10px 24px rgba(22,163,74,.18); }
    .app-btn-success:hover { background:#15803d; }
    .app-btn-warning { background:#f59e0b; color:#111827; box-shadow:0 10px 24px rgba(245,158,11,.16); }
    .app-btn-warning:hover { background:#d97706; }
    .app-btn-danger { background:#dc2626; color:#fff; box-shadow:0 10px 24px rgba(220,38,38,.16); }
    .app-btn-danger:hover { background:#b91c1c; }
    .app-btn-secondary { background:#1e293b; color:#cbd5e1; border:1px solid rgba(148,163,184,.18); }
    .app-btn-secondary:hover { background:#334155; color:#fff; }
    .app-alert { border-radius:14px; padding:14px 16px; border:1px solid; font-size:14px; }
    .app-alert-success { background:rgba(22,163,74,.13); border-color:rgba(74,222,128,.32); color:#bbf7d0; }
    .app-alert-error { background:rgba(220,38,38,.14); border-color:rgba(248,113,113,.32); color:#fecaca; }
    .app-alert-info { background:rgba(37,99,235,.16); border-color:rgba(96,165,250,.32); color:#bfdbfe; }
    .table-shell { overflow-x:auto; border-radius:16px; border:1px solid rgba(148,163,184,.18); background:#0f172a; box-shadow:0 18px 45px rgba(0,0,0,.32); }
    .app-table { width:100%; min-width:920px; border-collapse:separate; border-spacing:0; text-align:left; }
    .app-table thead {
        background:linear-gradient(180deg,#1e3a8a,#172554);
        color:#eff6ff;
        font-size:12px;
        text-transform:uppercase;
        letter-spacing:.05em;
        box-shadow:inset 0 -1px 0 rgba(125,211,252,.35);
    }
    .app-table th {
        font-weight:900;
    }
    .app-table th, .app-table td { padding:14px 16px; border-bottom:1px solid rgba(148,163,184,.12); vertical-align:middle; }
    .app-table tbody tr { transition:.2s; }
    .app-table tbody tr:hover { background:rgba(37,99,235,.10); }
    .badge-status {
        display:inline-flex;
        align-items:center;
        min-height:28px;
        border-radius:999px;
        padding:6px 12px;
        font-size:12px;
        font-weight:800;
        border:1px solid;
        white-space:nowrap;
    }
    .badge-status-open { background:#38bdf8; color:#082f49; border-color:#7dd3fc; }
    .badge-status-progress { background:#facc15; color:#422006; border-color:#fde047; }
    .badge-status-waiting { background:#fb923c; color:#431407; border-color:#fdba74; }
    .badge-status-resolved { background:#22c55e; color:#052e16; border-color:#4ade80; }
    .badge-status-late { background:#ef4444; color:#450a0a; border-color:#f87171; }
    .badge-status-neutral { background:#94a3b8; color:#0f172a; border-color:#cbd5e1; }
    .topic-badge {
        display:inline-flex;
        align-items:center;
        min-height:28px;
        border-radius:999px;
        background:#2563eb;
        color:#eff6ff;
        border:1px solid #60a5fa;
        padding:6px 12px;
        font-size:12px;
        font-weight:800;
    }
    .ticket-number {
        color:#2563eb;
        font-weight:900;
        letter-spacing:.04em;
        font-variant-numeric:tabular-nums;
        text-shadow:none;
        white-space:nowrap;
    }
    .ticket-number-lg {
        font-size:.9em;
        vertical-align:middle;
    }
    .ticket-description {
        color:#e2e8f0 !important;
        line-height:1.45;
    }
    .app-shell span.bg-blue-600,
    .app-shell span.bg-green-600,
    .app-shell span.bg-yellow-500,
    .app-shell span.bg-red-600,
    .app-shell span.bg-gray-600,
    .app-shell span.bg-gray-500 {
        display:inline-flex;
        align-items:center;
        min-height:28px;
        border-radius:999px !important;
        padding:6px 12px !important;
        font-size:12px;
        font-weight:800;
        border:1px solid rgba(255,255,255,.16);
    }
    .app-shell span.bg-blue-600 { background:#2563eb !important; color:#eff6ff !important; border-color:#60a5fa !important; }
    .app-shell span.bg-green-600 { background:#22c55e !important; color:#052e16 !important; }
    .app-shell span.bg-yellow-500 { background:#facc15 !important; color:#422006 !important; }
    .app-shell span.bg-red-600 { background:#ef4444 !important; color:#450a0a !important; }
    .app-shell span.bg-gray-600,
    .app-shell span.bg-gray-500 { background:#94a3b8 !important; color:#0f172a !important; }
    /* Compatibilidade visual para views antigas e para utilitarios claros usados nas telas novas. */
    .app-shell .bg-white,
    .app-shell .bg-slate-50,
    .app-shell .bg-slate-100,
    .app-shell .bg-gray-800,
    .app-shell .bg-gray-900,
    .app-shell .bg-gray-950 { background-color:#111827 !important; color:#e5edf7; }
    .app-shell .border-slate-100,
    .app-shell .border-slate-200,
    .app-shell .border-slate-300,
    .app-shell .border-gray-700,
    .app-shell .border-gray-800 { border-color:rgba(148,163,184,.18) !important; }
    .app-shell .text-slate-950,
    .app-shell .text-slate-900,
    .app-shell .text-slate-800,
    .app-shell .text-slate-700 { color:#f8fafc !important; }
    .app-shell .text-slate-600,
    .app-shell .text-slate-500,
    .app-shell .text-gray-300,
    .app-shell .text-gray-400,
    .app-shell .text-gray-500 { color:#94a3b8 !important; }
    .app-shell .text-blue-700 { color:#60a5fa !important; }
    .app-shell .text-blue-600 { color:#93c5fd !important; }
    .app-shell .text-green-600,
    .app-shell .text-green-700 { color:#86efac !important; }
    .app-shell .text-red-600,
    .app-shell .text-red-700 { color:#fca5a5 !important; }
    .app-shell .text-amber-500,
    .app-shell .text-amber-600,
    .app-shell .text-yellow-400 { color:#fde68a !important; }
    .app-shell .bg-red-50,
    .app-shell .bg-red-50\/60 { background-color:rgba(127,29,29,.28) !important; }
    .app-shell .bg-blue-50 { background-color:rgba(30,64,175,.25) !important; }
    .app-shell .bg-green-50 { background-color:rgba(20,83,45,.25) !important; }
    .app-shell .ring-slate-200 { --tw-ring-color:rgba(148,163,184,.18) !important; }
    .app-shell .ring-red-100 { --tw-ring-color:rgba(248,113,113,.24) !important; }
    .app-shell .ring-blue-200 { --tw-ring-color:rgba(96,165,250,.24) !important; }
    .app-shell .ring-green-200 { --tw-ring-color:rgba(74,222,128,.24) !important; }
    .app-shell .divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-color:rgba(148,163,184,.14) !important; }
    .app-shell input.bg-gray-900,
    .app-shell select.bg-gray-900,
    .app-shell textarea.bg-gray-900,
    .app-shell input.bg-gray-950,
    .app-shell textarea.bg-gray-950 { background:#0f172a !important; color:#e5edf7 !important; border-color:rgba(148,163,184,.28) !important; }
    .app-sidebar { transform:translateX(-100%); }
    .app-sidebar.is-open { transform:translateX(0); }
    .mobile-overlay { display:none; }
    .mobile-overlay.is-open { display:block; }
    .pagination-btn { border:1px solid rgba(148,163,184,.28); background:#1e293b; color:#cbd5e1; border-radius:10px; padding:8px 12px; font-weight:700; }
    .pagination-btn:disabled { opacity:.45; cursor:not-allowed; }
    @media (max-width: 1024px) {
        .app-content { margin-left:0; }
        .app-main { padding:16px; }
    }
    @media (max-width: 760px) {
        .table-shell {
            overflow:visible;
            border:none;
            background:transparent;
            box-shadow:none;
        }
        .app-table {
            min-width:0;
            border-spacing:0 12px;
        }
        .app-table thead {
            display:none;
        }
        .app-table,
        .app-table tbody,
        .app-table tr,
        .app-table td {
            display:block;
            width:100%;
        }
        .app-table tbody tr {
            overflow:hidden;
            border:1px solid rgba(148,163,184,.18);
            border-radius:16px;
            background:linear-gradient(180deg, rgba(30,41,59,.96), rgba(15,23,42,.98));
            box-shadow:0 14px 32px rgba(0,0,0,.22);
        }
        .app-table tbody tr:hover {
            background:linear-gradient(180deg, rgba(30,64,175,.50), rgba(15,23,42,.98));
        }
        .app-table td {
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:10px;
            padding:12px 14px;
            border-bottom:1px solid rgba(148,163,184,.12);
            text-align:right;
        }
        .app-table td:last-child {
            border-bottom:none;
        }
        .app-table td::before {
            content:attr(data-label);
            flex:0 0 42%;
            color:#94a3b8;
            text-align:left;
            font-size:11px;
            font-weight:900;
            text-transform:uppercase;
            letter-spacing:.04em;
        }
        .app-table td > * {
            min-width:0;
        }
        .app-table td.text-right {
            text-align:right;
        }
        .app-table td[colspan] {
            display:block;
            text-align:center;
        }
        .app-table td[colspan]::before {
            content:'';
            display:none;
        }
    }

/* Estilos migrados de views\auth\login.php. */
@keyframes spin { to { transform: rotate(360deg); } }
.loader { animation: spin 1s linear infinite; }
.brand-logo-tile {
    width:86px;
    height:86px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:22px;
    background:linear-gradient(145deg,#0f172a,#1d4ed8);
    border:1px solid rgba(125,211,252,.45);
    box-shadow:0 18px 45px rgba(15,23,42,.38), inset 0 1px 0 rgba(255,255,255,.12);
    padding:7px;
}
.brand-logo-img {
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}
.brand-title {
    font-weight:900;
    line-height:1;
    letter-spacing:0;
    color:#fff;
    text-shadow:0 8px 22px rgba(15,23,42,.28);
}
.login-logo-tile {
    width:132px;
    height:132px;
    border-radius:32px;
    padding:12px;
    background:
        linear-gradient(145deg,rgba(15,23,42,.96),rgba(29,78,216,.92)),
        radial-gradient(circle at 30% 20%,rgba(125,211,252,.30),transparent 50%);
    border:1px solid rgba(125,211,252,.62);
    box-shadow:0 24px 58px rgba(2,6,23,.42), 0 0 0 8px rgba(37,99,235,.10), inset 0 1px 0 rgba(255,255,255,.16);
}
@media (max-width:640px) {
    .login-logo-tile {
        width:112px;
        height:112px;
        border-radius:28px;
        padding:10px;
    }
}


/* Estilos migrados de views\auth\cadastro.php. */
.brand-logo-tile {
    width:86px;
    height:86px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:22px;
    background:linear-gradient(145deg,#0f172a,#1d4ed8);
    border:1px solid rgba(125,211,252,.45);
    box-shadow:0 18px 45px rgba(15,23,42,.38), inset 0 1px 0 rgba(255,255,255,.12);
    padding:7px;
}
.brand-logo-img {
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}
.brand-title {
    font-weight:900;
    line-height:1;
    letter-spacing:0;
    color:#fff;
    text-shadow:0 8px 22px rgba(15,23,42,.28);
}


/* Estilos migrados de views\auth\redefinir_senha.php. */
.brand-logo-tile {
    width:86px;
    height:86px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:22px;
    background:linear-gradient(145deg,#0f172a,#1d4ed8);
    border:1px solid rgba(125,211,252,.45);
    box-shadow:0 18px 45px rgba(15,23,42,.38), inset 0 1px 0 rgba(255,255,255,.12);
    padding:7px;
}
.brand-logo-img {
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
}
.brand-title {
    font-weight:900;
    line-height:1;
    letter-spacing:0;
    color:#fff;
    text-shadow:0 8px 22px rgba(15,23,42,.28);
}


/* Estilos migrados de views\chamados\create.php. */
.ticket-wizard { background:#111827; color:#e5edf8; }
.wizard-progress { display:flex; align-items:center; gap:10px; margin-bottom:28px; }
.wizard-track { flex:1; height:9px; overflow:hidden; border-radius:999px; background:#263247; }
.wizard-track div { height:100%; border-radius:999px; background:#2563eb; transition:.25s ease; }
.wizard-progress span { color:#94a3b8; font-size:12px; font-weight:900; }
.wizard-step h2 { color:#fff; font-size:22px; font-weight:900; }
.wizard-step p { margin:4px 0 20px; color:#94a3b8; font-size:14px; }
.requester-card,.wizard-summary {
    border:1px solid rgba(148,163,184,.18);
    background:#0f172a;
    border-radius:16px;
    padding:16px;
    margin-bottom:18px;
}
.requester-card span,.wizard-summary span,label span { display:block; color:#94a3b8; font-size:12px; font-weight:900; text-transform:uppercase; }
.requester-card strong { display:block; margin-top:4px; color:#fff; }
.requester-card small,label small { display:block; margin-top:4px; color:#94a3b8; }
.wizard-input {
    width:100%;
    margin-top:7px;
    border-radius:9px;
    border:1px solid rgba(148,163,184,.28);
    background:#0f172a;
    color:#e5edf8;
    padding:13px 14px;
    outline:none;
}
.wizard-input:focus { border-color:#60a5fa; box-shadow:0 0 0 3px rgba(37,99,235,.24); }
.topic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.topic-card {
    min-height:76px;
    border-radius:16px;
    border:1px solid rgba(148,163,184,.20);
    background:#0f172a;
    color:#dbeafe;
    padding:14px;
    font-weight:900;
    text-align:center;
    transition:.18s ease;
}
.topic-card:hover,.topic-card.active { background:#2563eb; border-color:#60a5fa; color:#fff; transform:translateY(-1px); }
.wizard-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.wizard-summary div { border-radius:9px; background:#182235; padding:12px; }
.wizard-summary strong { display:block; margin-top:5px; color:#fff; word-break:break-word; }
@media (max-width:760px) {
    .topic-grid,.wizard-summary { grid-template-columns:1fr; }
}


/* Estilos migrados de views\chamados\show.php. */
.ticket-chat-card {
    background:#172033;
    box-shadow:0 18px 42px rgba(0,0,0,.22);
}
.ticket-chat-body {
    background:#1f2a3d;
}
.chat-author {
    color:#60a5fa;
}
.chat-message-list {
    display:grid;
    gap:10px;
}
.chat-empty-state {
    display:flex;
    min-height:150px;
    align-items:center;
    justify-content:center;
    border:1px dashed rgba(148,163,184,.28);
    border-radius:9px;
    color:#94a3b8;
    font-size:.85rem;
    text-align:center;
    padding:16px;
}
.chat-message {
    display:flex;
}
.chat-message-mine {
    justify-content:flex-end;
}
.chat-message-other,
.chat-message-system {
    justify-content:flex-start;
}
.chat-bubble {
    max-width:min(82%, 680px);
    border-radius:14px;
    padding:9px 11px;
    box-shadow:0 8px 18px rgba(0,0,0,.14);
}
.chat-message-mine .chat-bubble {
    background:#2563eb;
    color:#fff;
    border-bottom-right-radius:6px;
}
.chat-message-other .chat-bubble {
    background:#111827;
    color:#e5edf7;
    border:1px solid rgba(148,163,184,.22);
    border-bottom-left-radius:6px;
}
.chat-message-system .chat-bubble {
    background:#172554;
    color:#dbeafe;
    border:1px solid rgba(96,165,250,.28);
}
.chat-meta {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:5px 10px;
    margin-bottom:5px;
    font-size:.68rem;
    color:#cbd5e1;
}
.chat-message-mine .chat-meta {
    color:#dbeafe;
}
.chat-author-line {
    display:inline-flex;
    flex-wrap:wrap;
    align-items:center;
    gap:5px;
    font-weight:800;
}
.chat-role {
    border-radius:999px;
    background:rgba(255,255,255,.12);
    padding:1px 6px;
    font-size:.62rem;
    text-transform:uppercase;
    letter-spacing:.03em;
}
.chat-text {
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    font-size:.88rem;
    line-height:1.45;
}
.chat-attachments {
    display:grid;
    gap:7px;
    margin-top:8px;
}
.chat-attachment-item {
    display:grid;
    gap:6px;
}
.chat-image-link {
    display:block;
}
.chat-image-preview {
    max-height:130px;
    max-width:100%;
    border-radius:9px;
    border:1px solid rgba(255,255,255,.14);
    object-fit:contain;
}
.chat-attachment-link {
    display:inline-flex;
    width:fit-content;
    max-width:100%;
    align-items:center;
    gap:6px;
    border-radius:9px;
    background:rgba(15,23,42,.62);
    color:#bfdbfe;
    padding:6px 8px;
    font-size:.78rem;
    font-weight:800;
    overflow-wrap:anywhere;
}
.chat-attachment-link span {
    flex:0 0 auto;
    border-radius:7px;
    background:rgba(15,23,42,.78);
    padding:3px 6px;
    font-size:.66rem;
    color:#dbeafe;
}
.chat-new-indicator {
    position:sticky;
    bottom:14px;
    z-index:4;
    width:max-content;
    margin:-46px auto 14px;
    cursor:pointer;
    border-radius:999px;
    background:#2563eb;
    color:#fff;
    padding:8px 14px;
    font-size:.8rem;
    font-weight:900;
    box-shadow:0 12px 26px rgba(37,99,235,.28);
}
.chat-compose .app-input {
    font-size:.86rem;
}
.chat-send-btn {
    min-height:38px;
    white-space:nowrap;
}
@media (max-width:760px) {
    .ticket-chat-body {
        height:50vh !important;
        padding:12px !important;
    }
    .chat-bubble {
        max-width:94%;
    }
    .chat-meta {
        align-items:flex-start;
        flex-direction:column;
    }
}
.ticket-timeline {
    position:relative;
    display:grid;
    gap:16px;
}
.ticket-timeline::before {
    content:"";
    position:absolute;
    left:17px;
    top:4px;
    bottom:4px;
    width:2px;
    background:rgba(96,165,250,.25);
}
.timeline-item {
    position:relative;
    display:grid;
    grid-template-columns:36px 1fr;
    gap:12px;
}
.timeline-dot {
    z-index:1;
    width:36px;
    height:36px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #111827;
    color:#fff;
    font-size:10px;
    font-weight:900;
    box-shadow:0 10px 24px rgba(2,6,23,.28);
}
.timeline-content {
    border-radius:14px;
    border:1px solid rgba(148,163,184,.16);
    background:#0f172a;
    padding:12px;
}
.timeline-title {
    color:#fff;
    font-size:14px;
    font-weight:900;
}
.timeline-user {
    margin-top:2px;
    color:#60a5fa;
    font-size:12px;
    font-weight:700;
}
.timeline-desc {
    margin-top:7px;
    color:#cbd5e1;
    font-size:11px;
    line-height:1.45;
}
.timeline-blue { background:#2563eb; }
.timeline-yellow { background:#ca8a04; }
.timeline-orange { background:#f97316; }
.timeline-green { background:#16a34a; }
.timeline-red { background:#dc2626; }
.timeline-slate { background:#475569; }


/* Estilos migrados de views\chamados\content.php. */
.ticket-stats {
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:12px;
}
.ticket-stat-card {
    display:block;
    border-radius:16px;
    padding:16px;
    border:1px solid rgba(148,163,184,.22);
    background:#111827;
    box-shadow:0 12px 28px rgba(2,6,23,.18);
    transition:.18s ease;
}
.ticket-stat-card:hover {
    transform:translateY(-2px);
    border-color:rgba(96,165,250,.55);
}
.ticket-stat-card span {
    display:block;
    font-size:12px;
    font-weight:900;
    color:#cbd5e1;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.ticket-stat-card strong {
    display:block;
    margin-top:8px;
    font-size:30px;
    line-height:1;
    color:#fff;
}
.ticket-stat-blue { background:linear-gradient(135deg,#0284c7,#0f172a); }
.ticket-stat-yellow { background:linear-gradient(135deg,#ca8a04,#0f172a); }
.ticket-stat-green { background:linear-gradient(135deg,#16a34a,#0f172a); }
.ticket-stat-red { background:linear-gradient(135deg,#dc2626,#0f172a); }
.ticket-stat-slate { background:linear-gradient(135deg,#475569,#0f172a); }
@media (max-width: 1024px) {
    .ticket-stats { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
    .ticket-stats { grid-template-columns:1fr; }
}


/* Estilos migrados de views\chamados\sucesso.php. */
.ticket-success-hero {
    padding:34px 24px;
    text-align:center;
    background:linear-gradient(135deg,#2563eb,#0f172a);
    color:#fff;
}
.ticket-success-hero p {
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    color:#bfdbfe;
}
.ticket-success-hero h1 {
    margin-top:6px;
    font-size:44px;
    font-weight:900;
}
.ticket-success-hero span {
    display:block;
    margin-top:8px;
    color:#dbeafe;
}
.success-info {
    border-radius:14px;
    border:1px solid rgba(148,163,184,.18);
    background:#0f172a;
    padding:14px;
}
.success-info span {
    display:block;
    color:#94a3b8;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
}
.success-info strong {
    display:block;
    margin-top:6px;
    color:#fff;
    word-break:break-word;
}


/* Estilos migrados de views\dashboard\content.php. */
.helpdesk-dashboard { color:#e5edf8; }
.dash-hero {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    padding:26px;
    border-radius:22px;
    border:1px solid rgba(147,197,253,.36);
    background:
        radial-gradient(circle at top left,rgba(125,211,252,.24),transparent 22rem),
        linear-gradient(135deg,#0b4db3,#0f67d6 56%,#1d8cff);
    box-shadow:0 20px 46px rgba(2,6,23,.30), inset 0 1px 0 rgba(255,255,255,.16);
    overflow:hidden;
}
.dash-hero::after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 58%);
    pointer-events:none;
}
.dash-hero-main,.dash-today { position:relative; z-index:1; }
.dash-hero p {
    width:fit-content;
    margin:0 0 9px;
    padding:6px 11px;
    border-radius:999px;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.26);
    color:#ffffff;
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    text-shadow:0 1px 2px rgba(15,23,42,.18);
}
.dash-hero h1 { margin:0; font-size:31px; line-height:1.1; font-weight:950; color:#fff; text-shadow:0 1px 2px rgba(15,23,42,.18); }
.dash-hero span { display:block; margin-top:7px; color:rgba(255,255,255,.92); font-size:14px; font-weight:700; }
.dash-today {
    min-width:188px;
    border-radius:18px;
    padding:15px 16px;
    background:rgba(15,23,42,.28);
    border:1px solid rgba(255,255,255,.26);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.dash-today small,.dash-today span { display:block; color:rgba(255,255,255,.86); font-size:12px; font-weight:800; }
.dash-today strong { display:block; margin:4px 0; color:#fff; font-size:23px; line-height:1; font-weight:950; }
html[data-theme="light"] .dash-hero {
    border-color:rgba(29,78,216,.22) !important;
    background:
        radial-gradient(circle at top left,rgba(125,211,252,.28),transparent 20rem),
        linear-gradient(135deg,#0b5ed7,#1877f2 58%,#38a3ff) !important;
    box-shadow:0 18px 36px rgba(37,99,235,.22), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.dash-actions { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; }
.dash-cards {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    margin:12px 0 16px;
}
.dash-card {
    position:relative;
    min-height:104px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:6px;
    border-radius:14px;
    padding:12px;
    border:1px solid rgba(147,197,253,.18);
    box-shadow:0 16px 34px rgba(2,6,23,.22), inset 0 1px 0 rgba(255,255,255,.08);
    overflow:hidden;
    text-decoration:none;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.dash-card::before {
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at top right,rgba(255,255,255,.16),transparent 58%);
    pointer-events:none;
}
.dash-card:hover {
    transform:translateY(-2px);
    border-color:rgba(191,219,254,.38);
    box-shadow:0 22px 44px rgba(2,6,23,.28), inset 0 1px 0 rgba(255,255,255,.10);
}
.dash-card > * { position:relative; z-index:1; }
.dash-card-top {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    margin:0;
}
.dash-card-title { color:rgba(255,255,255,.92); font-size:11px; font-weight:950; line-height:1.2; text-transform:uppercase; }
.dash-card-icon {
    width:26px;
    height:26px;
    flex:0 0 26px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.24);
    color:#ffffff;
    font-size:11px;
    font-weight:950;
}
.dash-card strong { display:block; color:#fff; font-size:30px; line-height:.95; font-weight:950; letter-spacing:0; }
.dash-card-meta { display:block; min-height:18px; color:rgba(255,255,255,.76); font-size:11px; font-weight:750; line-height:1.35; }
.dash-card-link {
    display:inline-flex;
    width:fit-content;
    align-items:center;
    border-radius:999px;
    padding:4px 8px;
    background:rgba(255,255,255,.14);
    color:#ffffff;
    font-size:10px;
    font-weight:900;
}
.dash-blue { background:linear-gradient(135deg,#0284c7,#0f4fb8 56%,#0f172a); }
.dash-yellow { background:linear-gradient(135deg,#eab308,#b77905 52%,#0f172a); }
.dash-green { background:linear-gradient(135deg,#22c55e,#15803d 54%,#0f172a); }
.dash-red { background:linear-gradient(135deg,#ef4444,#b91c1c 54%,#0f172a); }
.dash-slate { background:linear-gradient(135deg,#64748b,#334155 54%,#0f172a); }
.dash-chart-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.dash-bottom-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-top:16px;
}
.dash-team { grid-column:1 / -1; }
.dash-panel {
    border-radius:18px;
    border:1px solid rgba(148,163,184,.18);
    background:#111827;
    padding:14px;
    box-shadow:0 16px 36px rgba(2,6,23,.22);
}
.dash-chart-grid .dash-panel {
    min-height:230px;
}
.dash-chart-grid canvas {
    max-height:150px;
}
.dash-panel-title {
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
}
.dash-panel-title h2 { color:#fff; font-size:16px; font-weight:900; }
.dash-panel-title p { color:#94a3b8; font-size:12px; }
.dash-empty {
    min-height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px dashed rgba(148,163,184,.26);
    border-radius:14px;
    color:#94a3b8;
    font-weight:700;
}
.dash-list { display:grid; gap:10px; }
.dash-row,.dash-team-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px;
    border-radius:14px;
    border:1px solid rgba(148,163,184,.16);
    background:#0f172a;
}
.dash-row-danger { border-color:rgba(248,113,113,.35); }
.dash-row strong { color:#fff; }
.dash-row span,.dash-row em { display:block; color:#94a3b8; font-size:12px; font-style:normal; }
.dash-team-row span { color:#e2e8f0; font-weight:800; }
.dash-team-row strong {
    min-width:42px;
    border-radius:999px;
    padding:5px 10px;
    background:#2563eb;
    color:#fff;
    text-align:center;
}
@media (max-width: 1100px) {
    .dash-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .dash-chart-grid,.dash-bottom-grid { grid-template-columns:1fr; }
}
@media (max-width: 640px) {
    .dash-hero { flex-direction:column; }
    .dash-cards { grid-template-columns:1fr; }
}


/* Ajuste visual. */
.theme-toggle {
    background:#1e293b;
    color:#cbd5e1;
    border:1px solid rgba(148,163,184,.22);
}
.theme-toggle:hover {
    background:#334155;
    color:#fff;
}

html[data-theme="light"] .app-shell {
    background:
        radial-gradient(circle at top left, rgba(37,99,235,.12), transparent 34rem),
        linear-gradient(135deg, #f8fafc 0%, #eef5ff 48%, #ffffff 100%);
    color:#0f172a;
}
html[data-theme="light"] .app-sidebar {
    background:#ffffff !important;
    border-color:#dbeafe !important;
    box-shadow:0 20px 45px rgba(15,23,42,.10) !important;
}
html[data-theme="light"] header {
    background:rgba(255,255,255,.86) !important;
    border-color:#dbeafe !important;
    box-shadow:0 14px 32px rgba(15,23,42,.08) !important;
}
html[data-theme="light"] .app-card,
html[data-theme="light"] .modern-card,
html[data-theme="light"] .dash-panel,
html[data-theme="light"] .ticket-wizard,
html[data-theme="light"] .ticket-stat-card,
html[data-theme="light"] .metric-tile {
    background:#ffffff !important;
    border-color:#dbeafe !important;
    color:#0f172a !important;
    box-shadow:0 16px 36px rgba(15,23,42,.08) !important;
}
html[data-theme="light"] .table-shell {
    background:#ffffff !important;
    border-color:#dbeafe !important;
    box-shadow:0 16px 36px rgba(15,23,42,.08) !important;
}
html[data-theme="light"] .app-table th,
html[data-theme="light"] .app-table td {
    border-color:#e2e8f0 !important;
}
html[data-theme="light"] .app-table tbody tr:hover {
    background:#eff6ff !important;
}
html[data-theme="light"] .app-input,
html[data-theme="light"] .wizard-input,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
    background:#ffffff !important;
    color:#0f172a !important;
    border-color:#cbd5e1 !important;
}
html[data-theme="light"] .app-input::placeholder,
html[data-theme="light"] .wizard-input::placeholder {
    color:#94a3b8 !important;
}
html[data-theme="light"] .app-btn-secondary,
html[data-theme="light"] .pagination-btn {
    background:#f1f5f9 !important;
    color:#1e293b !important;
    border-color:#cbd5e1 !important;
}
html[data-theme="light"] .app-btn-secondary:hover,
html[data-theme="light"] .pagination-btn:hover {
    background:#e0f2fe !important;
    color:#075985 !important;
}
html[data-theme="light"] .theme-toggle {
    background:#eff6ff;
    color:#1d4ed8;
    border-color:#bfdbfe;
}
html[data-theme="light"] .theme-toggle:hover {
    background:#dbeafe;
    color:#1e40af;
}
html[data-theme="light"] .app-sidebar a:not(.bg-blue-600):not([href*="logout"]) {
    color:#334155 !important;
}
html[data-theme="light"] .app-sidebar a:not(.bg-blue-600):not([href*="logout"]):hover {
    background:#eff6ff !important;
    color:#1d4ed8 !important;
}
html[data-theme="light"] .app-sidebar .bg-slate-900,
html[data-theme="light"] .app-sidebar .bg-slate-900\/70 {
    background:#f8fafc !important;
    color:#0f172a !important;
    border-color:#dbeafe !important;
    --tw-ring-color:#dbeafe !important;
}
html[data-theme="light"] .app-sidebar .sidebar-logo-tile,
html[data-theme="light"] .app-sidebar .sidebar-logo-tile.bg-slate-900 {
    background:linear-gradient(145deg,#0f172a,#1d4ed8) !important;
    border:1px solid rgba(37,99,235,.35) !important;
    box-shadow:0 14px 30px rgba(37,99,235,.20) !important;
    --tw-ring-color:rgba(96,165,250,.55) !important;
}
html[data-theme="light"] .app-sidebar .sidebar-logo-img {
    opacity:1 !important;
    filter:drop-shadow(0 2px 5px rgba(15,23,42,.25));
}
html[data-theme="light"] .app-shell .bg-white,
html[data-theme="light"] .app-shell .bg-slate-50,
html[data-theme="light"] .app-shell .bg-slate-100,
html[data-theme="light"] .app-shell .bg-gray-800,
html[data-theme="light"] .app-shell .bg-gray-900,
html[data-theme="light"] .app-shell .bg-gray-950,
html[data-theme="light"] .app-shell .bg-slate-900,
html[data-theme="light"] .app-shell .bg-slate-900\/70,
html[data-theme="light"] .app-shell .bg-slate-950,
html[data-theme="light"] .app-shell .bg-slate-950\/70,
html[data-theme="light"] .app-shell .bg-slate-950\/80 {
    background-color:#ffffff !important;
    color:#0f172a !important;
}
html[data-theme="light"] .app-shell .bg-slate-950\/70,
html[data-theme="light"] .app-shell .bg-slate-900\/70 {
    background-color:#f8fafc !important;
}
html[data-theme="light"] .app-shell .text-white,
html[data-theme="light"] .app-shell .text-slate-950,
html[data-theme="light"] .app-shell .text-slate-900,
html[data-theme="light"] .app-shell .text-slate-800,
html[data-theme="light"] .app-shell .text-slate-700,
html[data-theme="light"] .app-shell .text-slate-100 {
    color:#0f172a !important;
}
html[data-theme="light"] .app-shell .text-slate-600,
html[data-theme="light"] .app-shell .text-slate-500,
html[data-theme="light"] .app-shell .text-slate-400,
html[data-theme="light"] .app-shell .text-gray-300,
html[data-theme="light"] .app-shell .text-gray-400,
html[data-theme="light"] .app-shell .text-gray-500 {
    color:#64748b !important;
}
html[data-theme="light"] .app-shell .text-blue-700,
html[data-theme="light"] .app-shell .text-blue-600,
html[data-theme="light"] .app-shell .text-blue-300 {
    color:#2563eb !important;
}
html[data-theme="light"] .app-btn-primary,
html[data-theme="light"] .app-btn-success,
html[data-theme="light"] .app-btn-danger,
html[data-theme="light"] .app-shell a.bg-blue-600,
html[data-theme="light"] .app-shell .bg-blue-600,
html[data-theme="light"] .app-shell .bg-red-600,
html[data-theme="light"] .dash-hero,
html[data-theme="light"] .dash-hero *,
html[data-theme="light"] .dash-card,
html[data-theme="light"] .dash-card *,
html[data-theme="light"] .ticket-success-hero,
html[data-theme="light"] .ticket-success-hero *,
html[data-theme="light"] .ticket-stat-card,
html[data-theme="light"] .ticket-stat-card *,
html[data-theme="light"] .metric-tile,
html[data-theme="light"] .metric-tile * {
    color:#ffffff !important;
}
html[data-theme="light"] .app-btn-warning {
    color:#111827 !important;
}
html[data-theme="light"] .app-shell .border-slate-700,
html[data-theme="light"] .app-shell .border-slate-700\/60,
html[data-theme="light"] .app-shell .border-slate-700\/70,
html[data-theme="light"] .app-shell .border-slate-800,
html[data-theme="light"] .app-shell .border-gray-700,
html[data-theme="light"] .app-shell .border-gray-800 {
    border-color:#dbeafe !important;
}
html[data-theme="light"] .requester-card,
html[data-theme="light"] .wizard-summary,
html[data-theme="light"] .wizard-summary div,
html[data-theme="light"] .topic-card,
html[data-theme="light"] .success-info,
html[data-theme="light"] .timeline-content,
html[data-theme="light"] .dash-row,
html[data-theme="light"] .dash-team-row,
html[data-theme="light"] .check-pill {
    background:#f8fafc !important;
    border-color:#dbeafe !important;
    color:#0f172a !important;
}
html[data-theme="light"] .topic-card:hover,
html[data-theme="light"] .topic-card.active {
    background:#2563eb !important;
    border-color:#60a5fa !important;
    color:#ffffff !important;
}
html[data-theme="light"] .ticket-chat-card,
html[data-theme="light"] .ticket-chat-body {
    background:#ffffff !important;
    border-color:#dbeafe !important;
}
html[data-theme="light"] .ticket-chat-card {
    box-shadow:0 18px 38px rgba(15,23,42,.12) !important;
}
html[data-theme="light"] .ticket-chat-body {
    background:#eef4ff !important;
}
html[data-theme="light"] .ticket-chat-body .bg-blue-600 {
    background:#2563eb !important;
    color:#ffffff !important;
    border:1px solid #1d4ed8 !important;
    box-shadow:0 10px 22px rgba(37,99,235,.18) !important;
}
html[data-theme="light"] .ticket-chat-body .bg-slate-900 {
    background:#ffffff !important;
    color:#0f172a !important;
    border:1px solid #bfdbfe !important;
    box-shadow:0 10px 22px rgba(15,23,42,.08) !important;
}
html[data-theme="light"] .ticket-chat-body .text-slate-400,
html[data-theme="light"] .ticket-chat-body .text-blue-100 {
    color:#475569 !important;
}
html[data-theme="light"] .ticket-chat-body .chat-author {
    color:#1d4ed8 !important;
    font-weight:800;
}
html[data-theme="light"] .ticket-chat-body p,
html[data-theme="light"] .ticket-chat-body span {
    text-shadow:none !important;
}
html[data-theme="light"] .ticket-chat-body .bg-slate-800 {
    background:#e0ecff !important;
    color:#1d4ed8 !important;
    border:1px solid #bfdbfe !important;
}
html[data-theme="light"] .ticket-chat-body .bg-slate-950\/40 {
    background:#dbeafe !important;
    color:#1e3a8a !important;
}
html[data-theme="light"] .ticket-chat-card form {
    background:#f8fbff !important;
    border-color:#bfdbfe !important;
}
html[data-theme="light"] .chat-empty-state {
    border-color:#bfdbfe !important;
    color:#475569 !important;
    background:#f8fbff !important;
}
html[data-theme="light"] .chat-message-mine .chat-bubble {
    background:#2563eb !important;
    color:#ffffff !important;
    border:1px solid #1d4ed8 !important;
    box-shadow:0 10px 22px rgba(37,99,235,.18) !important;
}
html[data-theme="light"] .chat-message-other .chat-bubble {
    background:#ffffff !important;
    color:#0f172a !important;
    border:1px solid #bfdbfe !important;
    box-shadow:0 10px 22px rgba(15,23,42,.08) !important;
}
html[data-theme="light"] .chat-message-system .chat-bubble {
    background:#e0ecff !important;
    color:#1e3a8a !important;
    border:1px solid #93c5fd !important;
}
html[data-theme="light"] .chat-meta {
    color:#475569 !important;
}
html[data-theme="light"] .chat-message-mine .chat-meta {
    color:#dbeafe !important;
}
html[data-theme="light"] .chat-author {
    color:#1d4ed8 !important;
}
html[data-theme="light"] .chat-message-mine .chat-author {
    color:#ffffff !important;
}
html[data-theme="light"] .chat-role {
    background:rgba(37,99,235,.12) !important;
    color:#1e3a8a !important;
}
html[data-theme="light"] .chat-message-mine .chat-role {
    background:rgba(255,255,255,.22) !important;
    color:#eff6ff !important;
}
html[data-theme="light"] .chat-attachment-link {
    background:#e0ecff !important;
    color:#1d4ed8 !important;
    border:1px solid #bfdbfe !important;
}
html[data-theme="light"] .chat-attachment-link span {
    background:#dbeafe !important;
    color:#1e3a8a !important;
}
html[data-theme="light"] .chat-image-preview {
    border-color:#bfdbfe !important;
}
html[data-theme="light"] .ticket-timeline::before {
    background:#bfdbfe;
}
html[data-theme="light"] .timeline-dot {
    border-color:#ffffff;
}
html[data-theme="light"] .dash-hero,
html[data-theme="light"] .ticket-success-hero {
    border-color:rgba(29,78,216,.22) !important;
    background:
        radial-gradient(circle at top left,rgba(125,211,252,.28),transparent 20rem),
        linear-gradient(135deg,#0b5ed7,#1877f2 58%,#38a3ff) !important;
    box-shadow:0 18px 36px rgba(37,99,235,.22), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
html[data-theme="light"] .dash-today {
    background:rgba(255,255,255,.18);
    border-color:rgba(255,255,255,.35);
}
html[data-theme="light"] .helpdesk-dashboard {
    color:#0f172a !important;
}
html[data-theme="light"] .dash-panel-title h2 {
    color:#0f172a !important;
}
html[data-theme="light"] .dash-panel-title p,
html[data-theme="light"] .dash-row span,
html[data-theme="light"] .dash-row em {
    color:#475569 !important;
}
html[data-theme="light"] .dash-row strong {
    color:#0f172a !important;
}
html[data-theme="light"] .dash-empty {
    background:#f8fafc !important;
    border-color:#bfdbfe !important;
    color:#475569 !important;
}
html[data-theme="light"] .dash-row,
html[data-theme="light"] .dash-team-row {
    background:#f8fafc !important;
    border-color:#dbeafe !important;
}
html[data-theme="light"] .dash-row:hover,
html[data-theme="light"] .dash-team-row:hover {
    background:#eff6ff !important;
    border-color:#93c5fd !important;
}
html[data-theme="light"] .dash-row-danger {
    border-color:#fca5a5 !important;
    background:#fff7f7 !important;
}
html[data-theme="light"] .dash-team-row span {
    color:#0f172a !important;
}
html[data-theme="light"] .dash-card,
html[data-theme="light"] .ticket-stat-blue,
html[data-theme="light"] .ticket-stat-yellow,
html[data-theme="light"] .ticket-stat-green,
html[data-theme="light"] .ticket-stat-red,
html[data-theme="light"] .ticket-stat-slate,
html[data-theme="light"] .metric-blue,
html[data-theme="light"] .metric-green,
html[data-theme="light"] .metric-yellow,
html[data-theme="light"] .metric-red {
    box-shadow:0 16px 34px rgba(15,23,42,.10) !important;
}
html[data-theme="light"] .mobile-overlay {
    background:rgba(15,23,42,.35) !important;
}
@media (max-width: 760px) {
    html[data-theme="light"] .app-table tbody tr {
        background:#ffffff !important;
        border-color:#dbeafe !important;
        box-shadow:0 14px 28px rgba(15,23,42,.08) !important;
    }
}

/* Deve ficar depois de todas as regras do tema claro para os cards nao sumirem. */
html[data-theme="light"] .ticket-stat-card.ticket-stat-blue,
html[data-theme="light"] .metric-tile.metric-blue,
html[data-theme="light"] .dash-card.dash-blue {
    background:linear-gradient(135deg,#0284c7,#0f67d6 58%,#0757bd) !important;
    border-color:#7dd3fc !important;
}
html[data-theme="light"] .ticket-stat-card.ticket-stat-yellow,
html[data-theme="light"] .metric-tile.metric-yellow,
html[data-theme="light"] .dash-card.dash-yellow {
    background:linear-gradient(135deg,#f59e0b,#ca8a04 58%,#92400e) !important;
    border-color:#fde68a !important;
}
html[data-theme="light"] .ticket-stat-card.ticket-stat-green,
html[data-theme="light"] .metric-tile.metric-green,
html[data-theme="light"] .dash-card.dash-green {
    background:linear-gradient(135deg,#22c55e,#15803d 58%,#166534) !important;
    border-color:#86efac !important;
}
html[data-theme="light"] .ticket-stat-card.ticket-stat-red,
html[data-theme="light"] .metric-tile.metric-red,
html[data-theme="light"] .dash-card.dash-red {
    background:linear-gradient(135deg,#ef4444,#b91c1c 58%,#7f1d1d) !important;
    border-color:#fca5a5 !important;
}
html[data-theme="light"] .ticket-stat-card.ticket-stat-slate,
html[data-theme="light"] .dash-card.dash-slate {
    background:linear-gradient(135deg,#64748b,#334155 58%,#0f172a) !important;
    border-color:#cbd5e1 !important;
}
html[data-theme="light"] .ticket-stat-card span,
html[data-theme="light"] .ticket-stat-card strong,
html[data-theme="light"] .metric-tile span,
html[data-theme="light"] .metric-tile strong,
html[data-theme="light"] .dash-card span,
html[data-theme="light"] .dash-card strong {
    color:#ffffff !important;
}
html[data-theme="light"] .ticket-card.modern-card {
    background:#ffffff !important;
    border-color:#dbeafe !important;
}
html[data-theme="light"] .ticket-description {
    color:#1e293b !important;
    font-weight:700;
}
html[data-theme="light"] .ticket-card .text-slate-400,
html[data-theme="light"] .ticket-card .text-slate-500 {
    color:#475569 !important;
}

/* Abertura de ticket no tema claro. */
html[data-theme="light"] .ticket-wizard {
    background:#ffffff !important;
    color:#0f172a !important;
    border-color:#bfdbfe !important;
}
html[data-theme="light"] .wizard-step h2 {
    color:#0f172a !important;
}
html[data-theme="light"] .wizard-step p {
    color:#475569 !important;
    font-weight:600;
}
html[data-theme="light"] .wizard-progress span,
html[data-theme="light"] .requester-card span,
html[data-theme="light"] .wizard-summary span,
html[data-theme="light"] .ticket-wizard label span {
    color:#2563eb !important;
}
html[data-theme="light"] .wizard-track {
    background:#dbeafe !important;
}
html[data-theme="light"] .requester-card,
html[data-theme="light"] .wizard-summary {
    background:#f8fafc !important;
    border-color:#bfdbfe !important;
}
html[data-theme="light"] .requester-card strong,
html[data-theme="light"] .wizard-summary strong {
    color:#0f172a !important;
}
html[data-theme="light"] .requester-card small,
html[data-theme="light"] .ticket-wizard label small {
    color:#475569 !important;
    font-weight:600;
}
html[data-theme="light"] .wizard-summary div {
    background:#eff6ff !important;
    border:1px solid #dbeafe;
}
html[data-theme="light"] .topic-card {
    background:#f8fafc !important;
    color:#1e293b !important;
    border-color:#bfdbfe !important;
    box-shadow:0 10px 24px rgba(15,23,42,.06);
}
html[data-theme="light"] .topic-card:hover,
html[data-theme="light"] .topic-card.active {
    background:#2563eb !important;
    border-color:#1d4ed8 !important;
    color:#ffffff !important;
}
html[data-theme="light"] .wizard-input {
    background:#ffffff !important;
    color:#0f172a !important;
    border-color:#94a3b8 !important;
}
html[data-theme="light"] .wizard-input:focus {
    border-color:#2563eb !important;
    box-shadow:0 0 0 3px rgba(37,99,235,.16) !important;
}
html[data-theme="light"] .wizard-input::placeholder {
    color:#64748b !important;
}


/* Ajuste visual. */
html[data-theme="light"] .users-list-meta,html[data-theme="light"] .users-list-meta p {
    color:#475569 !important;
    font-weight:600;
}
html[data-theme="light"] .users-list-meta .text-slate-200 {
    color:#0f172a !important;
}
html[data-theme="light"] .app-table .user-email,
html[data-theme="light"] .app-table .user-sector {
    color:#1e293b !important;
}
html[data-theme="light"] .app-table .user-date,
html[data-theme="light"] .app-table td .text-slate-500 {
    color:#475569 !important;
}
.user-password-summary {
    background:#2563eb;
    color:#ffffff;
    box-shadow:0 8px 18px rgba(37,99,235,.18);
}
.user-password-summary:hover {
    background:#1d4ed8;
}
html[data-theme="light"] .user-password-summary {
    background:#2563eb !important;
    color:#ffffff !important;
}
html[data-theme="light"] .user-password-form {
    background:#eff6ff !important;
    border:1px solid #bfdbfe;
    --tw-ring-color:#bfdbfe !important;
}
html[data-theme="light"] .user-password-form input {
    background:#ffffff !important;
    color:#0f172a !important;
    border-color:#93c5fd !important;
}
html[data-theme="light"] .user-password-form input::placeholder {
    color:#64748b !important;
}


/* Ajuste visual. */
html[data-theme="light"] .app-footer {
    color:#334155 !important;
}
html[data-theme="light"] .app-footer p:first-child {
    color:#1d4ed8 !important;
    font-weight:900;
}
html[data-theme="light"] .app-footer p:last-child {
    color:#475569 !important;
    font-weight:700;
}
html[data-theme="light"] .institutional-footer {
    background:#eff6ff !important;
    border:1px solid #bfdbfe;
    color:#475569 !important;
    --tw-ring-color:#bfdbfe !important;
}
html[data-theme="light"] .institutional-footer p:first-child {
    color:#1d4ed8 !important;
    font-weight:900;
}
html[data-theme="light"] .institutional-footer p:last-child {
    color:#334155 !important;
    font-weight:700;
}

/* Refinamento final do tema claro. */
html[data-theme="light"] {
    color-scheme:light;
}
html[data-theme="light"] body {
    background:#f3f7fc !important;
    color:#0f172a !important;
}
html[data-theme="light"] .app-shell {
    background:
        radial-gradient(circle at top left, rgba(59,130,246,.16), transparent 30rem),
        radial-gradient(circle at bottom right, rgba(14,165,233,.10), transparent 28rem),
        linear-gradient(135deg,#f8fbff 0%,#eef6ff 46%,#ffffff 100%) !important;
}
html[data-theme="light"] header,
html[data-theme="light"] .app-topbar {
    background:rgba(255,255,255,.92) !important;
    border-color:#c7ddff !important;
    color:#0f172a !important;
    backdrop-filter:blur(14px);
}
html[data-theme="light"] .app-sidebar {
    background:linear-gradient(180deg,#ffffff 0%,#f6faff 100%) !important;
    border-color:#c7ddff !important;
}
html[data-theme="light"] .app-sidebar,
html[data-theme="light"] .app-sidebar p,
html[data-theme="light"] .app-sidebar span {
    color:#334155 !important;
}
html[data-theme="light"] .app-sidebar strong,
html[data-theme="light"] .app-sidebar h1,
html[data-theme="light"] .app-sidebar h2,
html[data-theme="light"] .app-sidebar .font-bold,
html[data-theme="light"] .app-sidebar .font-extrabold {
    color:#0f172a !important;
}
html[data-theme="light"] .app-sidebar a.bg-blue-600,
html[data-theme="light"] .app-sidebar .bg-blue-600 {
    background:linear-gradient(135deg,#2563eb,#0ea5e9) !important;
    color:#ffffff !important;
    box-shadow:0 10px 22px rgba(37,99,235,.24) !important;
}
html[data-theme="light"] .app-card,
html[data-theme="light"] .modern-card,
html[data-theme="light"] .table-shell,
html[data-theme="light"] .dash-panel,
html[data-theme="light"] .ticket-wizard {
    background:rgba(255,255,255,.96) !important;
    border:1px solid #cfe2ff !important;
    box-shadow:0 14px 32px rgba(15,23,42,.08) !important;
}
html[data-theme="light"] .app-card h1,
html[data-theme="light"] .app-card h2,
html[data-theme="light"] .app-card h3,
html[data-theme="light"] .modern-card h1,
html[data-theme="light"] .modern-card h2,
html[data-theme="light"] .modern-card h3,
html[data-theme="light"] .dash-panel h1,
html[data-theme="light"] .dash-panel h2,
html[data-theme="light"] .dash-panel h3 {
    color:#0f172a !important;
}
html[data-theme="light"] .app-card p,
html[data-theme="light"] .modern-card p,
html[data-theme="light"] .dash-panel p,
html[data-theme="light"] .ticket-wizard p {
    color:#475569 !important;
}
html[data-theme="light"] .app-card strong,
html[data-theme="light"] .modern-card strong,
html[data-theme="light"] .dash-panel strong,
html[data-theme="light"] .ticket-wizard strong {
    color:#111827 !important;
}
html[data-theme="light"] .app-shell .text-slate-500,
html[data-theme="light"] .app-shell .text-slate-400,
html[data-theme="light"] .app-shell .text-gray-400,
html[data-theme="light"] .app-shell .text-gray-500 {
    color:#52637a !important;
}
html[data-theme="light"] .app-shell .text-slate-300,
html[data-theme="light"] .app-shell .text-slate-200 {
    color:#334155 !important;
}
html[data-theme="light"] .app-input,
html[data-theme="light"] .wizard-input,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
    background:#ffffff !important;
    color:#0f172a !important;
    border-color:#9fb9dc !important;
    box-shadow:0 1px 0 rgba(15,23,42,.03) !important;
}
html[data-theme="light"] .app-input:focus,
html[data-theme="light"] .wizard-input:focus,
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus {
    border-color:#2563eb !important;
    box-shadow:0 0 0 3px rgba(37,99,235,.16) !important;
    outline:none !important;
}
html[data-theme="light"] .app-input::placeholder,
html[data-theme="light"] .wizard-input::placeholder,
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
    color:#64748b !important;
}
html[data-theme="light"] .app-table {
    color:#0f172a !important;
}
html[data-theme="light"] .app-table thead,
html[data-theme="light"] .app-table th {
    background:#eaf3ff !important;
    color:#17345f !important;
    border-color:#bfdbfe !important;
}
html[data-theme="light"] .app-table td {
    color:#1e293b !important;
}
html[data-theme="light"] .app-table tbody tr {
    background:#ffffff !important;
}
html[data-theme="light"] .app-table tbody tr:nth-child(even) {
    background:#f8fbff !important;
}
html[data-theme="light"] .app-table tbody tr:hover {
    background:#eaf3ff !important;
}
html[data-theme="light"] .ticket-number {
    color:#0ea5e9 !important;
    text-shadow:none !important;
}
html[data-theme="light"] .topic-badge {
    background:#eaf3ff !important;
    border:1px solid #bfdbfe !important;
    color:#1d4ed8 !important;
}
html[data-theme="light"] .ticket-description,
html[data-theme="light"] .ticket-card p,
html[data-theme="light"] .ticket-card td,
html[data-theme="light"] .ticket-card span:not(.badge-status):not(.topic-badge) {
    text-shadow:none !important;
}
html[data-theme="light"] .ticket-description {
    color:#1e293b !important;
    font-weight:700 !important;
}
html[data-theme="light"] .ticket-chat-card {
    background:#ffffff !important;
    border-color:#bfd7fb !important;
    box-shadow:0 16px 34px rgba(15,23,42,.10) !important;
}
html[data-theme="light"] .ticket-chat-card > .flex {
    background:#f8fbff !important;
    border-color:#cfe2ff !important;
}
html[data-theme="light"] .ticket-chat-card h2 {
    color:#0f172a !important;
}
html[data-theme="light"] .ticket-chat-card p,
html[data-theme="light"] .ticket-chat-card label span {
    color:#475569 !important;
}
html[data-theme="light"] .ticket-chat-body {
    background:#eef5ff !important;
}
html[data-theme="light"] .chat-message-other .chat-bubble {
    background:#ffffff !important;
    color:#0f172a !important;
    border-color:#b8d5fb !important;
}
html[data-theme="light"] .chat-message-other .chat-text,
html[data-theme="light"] .chat-message-system .chat-text {
    color:#172033 !important;
}
html[data-theme="light"] .chat-message-mine .chat-text,
html[data-theme="light"] .chat-message-mine .chat-meta,
html[data-theme="light"] .chat-message-mine .chat-author {
    color:#ffffff !important;
}
html[data-theme="light"] .chat-compose {
    background:#f8fbff !important;
}
html[data-theme="light"] .timeline-content,
html[data-theme="light"] .success-info,
html[data-theme="light"] .dash-row,
html[data-theme="light"] .dash-team-row,
html[data-theme="light"] .requester-card,
html[data-theme="light"] .wizard-summary,
html[data-theme="light"] .wizard-summary div {
    background:#f8fbff !important;
    border-color:#cfe2ff !important;
}
html[data-theme="light"] .timeline-desc,
html[data-theme="light"] .timeline-user,
html[data-theme="light"] .dash-row span,
html[data-theme="light"] .dash-row em {
    color:#475569 !important;
}
html[data-theme="light"] .app-alert {
    box-shadow:0 10px 24px rgba(15,23,42,.08) !important;
}
html[data-theme="light"] .app-alert-success {
    background:#ecfdf5 !important;
    border-color:#86efac !important;
    color:#166534 !important;
}
html[data-theme="light"] .app-alert-error {
    background:#fef2f2 !important;
    border-color:#fca5a5 !important;
    color:#991b1b !important;
}
html[data-theme="light"] .app-alert-warning {
    background:#fffbeb !important;
    border-color:#fcd34d !important;
    color:#92400e !important;
}
html[data-theme="light"] .pagination-btn {
    background:#ffffff !important;
    color:#1e293b !important;
    border-color:#b8d5fb !important;
}
html[data-theme="light"] .pagination-btn.bg-blue-600,
html[data-theme="light"] .pagination-btn[aria-current="page"] {
    background:#2563eb !important;
    color:#ffffff !important;
    border-color:#2563eb !important;
}


/* Ajuste visual. */
.app-table thead,
.app-table th,
html[data-theme="light"] .app-table thead,
html[data-theme="light"] .app-table th {
    background:linear-gradient(135deg,#2563eb,#0ea5e9) !important;
    color:#ffffff !important;
    border-color:#1d4ed8 !important;
}
.app-table th,
html[data-theme="light"] .app-table th {
    font-weight:900 !important;
    letter-spacing:.04em;
    text-shadow:0 1px 1px rgba(15,23,42,.18);
}
.app-table thead th:first-child {
    border-top-left-radius:14px;
}
.app-table thead th:last-child {
    border-top-right-radius:14px;
}

/* Login no tema claro. */
html[data-theme="light"] body.login-theme {
    background:
        radial-gradient(circle at top left, rgba(37,99,235,.20), transparent 28rem),
        radial-gradient(circle at bottom right, rgba(14,165,233,.16), transparent 26rem),
        linear-gradient(135deg,#f8fbff 0%,#eaf3ff 48%,#ffffff 100%) !important;
    color:#0f172a !important;
}
html[data-theme="light"] body.login-theme > div {
    background:
        radial-gradient(circle at 50% 0%, rgba(37,99,235,.18), transparent 30rem),
        linear-gradient(135deg,#f8fbff 0%,#edf6ff 52%,#ffffff 100%) !important;
}
html[data-theme="light"] body.login-theme main > div {
    filter:none;
}
html[data-theme="light"] body.login-theme .brand-logo-tile {
    width:96px;
    height:96px;
    background:linear-gradient(145deg,#ffffff,#eaf3ff) !important;
    border:1px solid #bfdbfe !important;
    box-shadow:0 18px 38px rgba(37,99,235,.18), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
html[data-theme="light"] body.login-theme .login-logo-tile {
    width:142px;
    height:142px;
    border-radius:34px;
    padding:13px;
    background:
        radial-gradient(circle at 35% 22%,rgba(125,211,252,.30),transparent 44%),
        linear-gradient(145deg,#0f172a 0%,#1d4ed8 62%,#0ea5e9 100%) !important;
    border:1px solid rgba(125,211,252,.78) !important;
    box-shadow:0 26px 54px rgba(37,99,235,.24), 0 0 0 9px rgba(37,99,235,.08), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
html[data-theme="light"] body.login-theme .brand-logo-img {
    opacity:1 !important;
    filter:drop-shadow(0 5px 10px rgba(15,23,42,.18));
}
html[data-theme="light"] body.login-theme .login-logo-tile .brand-logo-img {
    filter:brightness(1.08) contrast(1.16) saturate(1.08) drop-shadow(0 8px 14px rgba(2,6,23,.32));
}
html[data-theme="light"] body.login-theme .brand-title {
    color:#0f3d86 !important;
    text-shadow:none !important;
}
html[data-theme="light"] body.login-theme .text-blue-700 {
    color:#1d4ed8 !important;
}
html[data-theme="light"] body.login-theme .rounded-3xl {
    background:rgba(255,255,255,.94) !important;
    border-color:#bfdbfe !important;
    box-shadow:0 24px 60px rgba(37,99,235,.18), 0 8px 24px rgba(15,23,42,.08) !important;
}
html[data-theme="light"] body.login-theme .rounded-3xl h2 {
    color:#0f172a !important;
}
html[data-theme="light"] body.login-theme .rounded-3xl p {
    color:#475569 !important;
}
html[data-theme="light"] body.login-theme label {
    color:#1e3a8a !important;
}
html[data-theme="light"] body.login-theme input[type="email"],
html[data-theme="light"] body.login-theme input[type="password"] {
    background:#f8fbff !important;
    border-color:#a9c8f5 !important;
    color:#0f172a !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9) !important;
}
html[data-theme="light"] body.login-theme input[type="email"]:focus,
html[data-theme="light"] body.login-theme input[type="password"]:focus {
    background:#ffffff !important;
    border-color:#2563eb !important;
    box-shadow:0 0 0 4px rgba(37,99,235,.15) !important;
}
html[data-theme="light"] body.login-theme input[type="checkbox"] {
    accent-color:#2563eb;
}
html[data-theme="light"] body.login-theme button#btn {
    background:linear-gradient(135deg,#2563eb,#0ea5e9) !important;
    color:#ffffff !important;
    box-shadow:0 16px 34px rgba(37,99,235,.30) !important;
}
html[data-theme="light"] body.login-theme button#btn:hover {
    filter:brightness(1.05);
    transform:translateY(-1px);
}
html[data-theme="light"] body.login-theme a {
    color:#1d4ed8 !important;
}
html[data-theme="light"] body.login-theme a:hover {
    color:#0f3d86 !important;
}
html[data-theme="light"] body.login-theme .mt-6.text-center.text-xs {
    color:#334155 !important;
}
html[data-theme="light"] body.login-theme .mt-6.text-center.text-xs p:first-child {
    color:#1d4ed8 !important;
    font-weight:900 !important;
}
html[data-theme="light"] body.login-theme .mt-6.text-center.text-xs p:last-child {
    color:#475569 !important;
    font-weight:700 !important;
}


/* Ajuste visual. */
.menu-toggle-btn,
html[data-theme="light"] .menu-toggle-btn {
    min-width:44px;
    min-height:42px;
    background:linear-gradient(135deg,#2563eb,#0ea5e9) !important;
    color:#ffffff !important;
    border:1px solid rgba(125,211,252,.55) !important;
    box-shadow:0 12px 26px rgba(37,99,235,.28) !important;
}
.menu-toggle-btn:hover,
html[data-theme="light"] .menu-toggle-btn:hover {
    filter:brightness(1.08);
    transform:translateY(-1px);
}
.menu-toggle-btn svg {
    color:#ffffff !important;
}


/* Ajuste visual. */
html[data-theme="light"] body.login-theme,
html[data-theme="light"] body.auth-dark-theme {
    background:#020617 !important;
    color:#f8fafc !important;
}
html[data-theme="light"] body.login-theme > div,
html[data-theme="light"] body.auth-dark-theme > main {
    background:radial-gradient(circle at top,rgba(37,99,235,.30),transparent 34rem) !important;
}
html[data-theme="light"] body.login-theme .brand-logo-tile,
html[data-theme="light"] body.auth-dark-theme .brand-logo-tile {
    background:linear-gradient(145deg,#0f172a,#1d4ed8) !important;
    border:1px solid rgba(125,211,252,.45) !important;
    box-shadow:0 18px 45px rgba(15,23,42,.38), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
html[data-theme="light"] body.login-theme .login-logo-tile {
    width:132px;
    height:132px;
    border-radius:32px;
    padding:12px;
    box-shadow:0 24px 58px rgba(2,6,23,.42), 0 0 0 8px rgba(37,99,235,.10), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
html[data-theme="light"] body.login-theme .brand-logo-img,
html[data-theme="light"] body.auth-dark-theme .brand-logo-img {
    filter:none !important;
    opacity:1 !important;
}
html[data-theme="light"] body.login-theme .brand-title,
html[data-theme="light"] body.auth-dark-theme .brand-title {
    color:#ffffff !important;
    text-shadow:0 8px 22px rgba(15,23,42,.28) !important;
}
html[data-theme="light"] body.login-theme .rounded-3xl,
html[data-theme="light"] body.auth-dark-theme .rounded-3xl {
    background:rgba(15,23,42,.90) !important;
    border-color:rgba(51,65,85,.60) !important;
    color:#f8fafc !important;
    box-shadow:0 25px 50px -12px rgba(0,0,0,.40) !important;
}
html[data-theme="light"] body.login-theme .rounded-3xl h2,
html[data-theme="light"] body.auth-dark-theme .rounded-3xl h2,
html[data-theme="light"] body.login-theme .rounded-3xl .text-white,
html[data-theme="light"] body.auth-dark-theme .rounded-3xl .text-white {
    color:#ffffff !important;
}
html[data-theme="light"] body.login-theme .rounded-3xl p,
html[data-theme="light"] body.auth-dark-theme .rounded-3xl p,
html[data-theme="light"] body.login-theme .text-slate-400,
html[data-theme="light"] body.auth-dark-theme .text-slate-400,
html[data-theme="light"] body.login-theme .text-slate-500,
html[data-theme="light"] body.auth-dark-theme .text-slate-500 {
    color:#94a3b8 !important;
}
html[data-theme="light"] body.login-theme label,
html[data-theme="light"] body.auth-dark-theme label,
html[data-theme="light"] body.login-theme .text-slate-300,
html[data-theme="light"] body.auth-dark-theme .text-slate-300 {
    color:#cbd5e1 !important;
}
html[data-theme="light"] body.login-theme input,
html[data-theme="light"] body.auth-dark-theme input {
    background:#020617 !important;
    border-color:#334155 !important;
    color:#ffffff !important;
    box-shadow:none !important;
}
html[data-theme="light"] body.login-theme input:focus,
html[data-theme="light"] body.auth-dark-theme input:focus {
    border-color:#3b82f6 !important;
    box-shadow:0 0 0 4px rgba(59,130,246,.20) !important;
}
html[data-theme="light"] body.login-theme button,
html[data-theme="light"] body.auth-dark-theme button {
    color:#ffffff !important;
}
html[data-theme="light"] body.login-theme button#btn,
html[data-theme="light"] body.auth-dark-theme button {
    background:linear-gradient(to right,#2563eb,#06b6d4) !important;
    box-shadow:0 10px 15px -3px rgba(23,37,84,.40), 0 4px 6px -4px rgba(23,37,84,.40) !important;
}
html[data-theme="light"] body.login-theme a,
html[data-theme="light"] body.auth-dark-theme a {
    color:#60a5fa !important;
}
html[data-theme="light"] body.login-theme .text-blue-700,
html[data-theme="light"] body.auth-dark-theme .text-blue-700 {
    color:#60a5fa !important;
}
html[data-theme="light"] body.login-theme .mt-6.text-center.text-xs,
html[data-theme="light"] body.auth-dark-theme .mt-6.text-center.text-xs {
    color:#64748b !important;
}

/* Tela de detalhes do ticket no tema claro. */
html[data-theme="light"] .ticket-detail-page {
    color:#0f172a;
}
html[data-theme="light"] .ticket-detail-page > .mb-6 {
    border:1px solid #bfdbfe;
    border-radius:18px;
    background:
        linear-gradient(135deg,rgba(239,246,255,.96),rgba(255,255,255,.98)),
        radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 24rem);
    box-shadow:0 16px 34px rgba(37,99,235,.10);
    padding:18px;
}
html[data-theme="light"] .ticket-detail-page > .mb-6 .text-blue-700 {
    color:#1d4ed8 !important;
}
html[data-theme="light"] .ticket-detail-page .app-card {
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
    border-color:#bfdbfe !important;
    box-shadow:0 14px 30px rgba(37,99,235,.09) !important;
}
html[data-theme="light"] .ticket-detail-page .app-card h1,
html[data-theme="light"] .ticket-detail-page .app-card h2,
html[data-theme="light"] .ticket-detail-page .app-card h3 {
    color:#0f2d5c !important;
}
html[data-theme="light"] .ticket-detail-page section .app-card .rounded-md,
html[data-theme="light"] .ticket-detail-page aside .app-card .rounded-xl,
html[data-theme="light"] .ticket-detail-page .grid.gap-3 > .rounded-xl {
    background:#eff6ff !important;
    border-color:#bfdbfe !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.70);
}
html[data-theme="light"] .ticket-detail-page section .app-card .rounded-md p:first-child,
html[data-theme="light"] .ticket-detail-page aside .app-card .rounded-xl p:first-child,
html[data-theme="light"] .ticket-detail-page .font-bold.text-slate-400 {
    color:#1d4ed8 !important;
}
html[data-theme="light"] .ticket-detail-page section .app-card .rounded-md p:not(:first-child),
html[data-theme="light"] .ticket-detail-page .text-slate-100,
html[data-theme="light"] .ticket-detail-page .font-semibold.text-slate-100 {
    color:#10213f !important;
}
html[data-theme="light"] .ticket-detail-page .topic-badge {
    background:#dbeafe !important;
    border-color:#93c5fd !important;
    color:#1e40af !important;
}
html[data-theme="light"] .ticket-detail-page .ticket-number {
    color:#0284c7 !important;
}
html[data-theme="light"] .ticket-detail-page .ticket-chat-card {
    background:linear-gradient(180deg,#ffffff,#eef6ff) !important;
    border-color:#93c5fd !important;
    box-shadow:0 18px 38px rgba(37,99,235,.13) !important;
}
html[data-theme="light"] .ticket-detail-page .ticket-chat-card > .flex {
    background:linear-gradient(135deg,#2563eb,#0ea5e9) !important;
    border-color:#1d4ed8 !important;
}
html[data-theme="light"] .ticket-detail-page .ticket-chat-card > .flex h2,
html[data-theme="light"] .ticket-detail-page .ticket-chat-card > .flex p {
    color:#ffffff !important;
}
html[data-theme="light"] .ticket-detail-page .ticket-chat-card > .flex span {
    background:rgba(255,255,255,.18) !important;
    border-color:rgba(255,255,255,.38) !important;
    color:#ffffff !important;
}
html[data-theme="light"] .ticket-detail-page .ticket-chat-body {
    background:
        linear-gradient(180deg,#eaf3ff,#f8fbff) !important;
}
html[data-theme="light"] .ticket-detail-page .chat-compose {
    background:#f8fbff !important;
    border-color:#bfdbfe !important;
}
html[data-theme="light"] .ticket-detail-page .timeline-content {
    background:#eff6ff !important;
    border-color:#bfdbfe !important;
    box-shadow:0 10px 22px rgba(37,99,235,.08);
}
html[data-theme="light"] .ticket-detail-page .timeline-title {
    color:#0f2d5c !important;
}
html[data-theme="light"] .ticket-detail-page .timeline-user,
html[data-theme="light"] .ticket-detail-page .timeline-desc {
    color:#475569 !important;
}
html[data-theme="light"] .ticket-detail-page .ticket-timeline::before {
    background:#93c5fd !important;
}

/* Tela de detalhes do ticket no tema escuro. */
html[data-theme="dark"] .ticket-detail-page {
    color:#e5edf7;
}
html[data-theme="dark"] .ticket-detail-page > .mb-6 {
    border:1px solid rgba(96,165,250,.26);
    border-radius:20px;
    background:
        radial-gradient(circle at top left,rgba(37,99,235,.24),transparent 28rem),
        linear-gradient(135deg,rgba(15,23,42,.94),rgba(17,24,39,.98));
    box-shadow:0 20px 46px rgba(2,6,23,.36), inset 0 1px 0 rgba(255,255,255,.06);
    padding:18px;
}
html[data-theme="dark"] .ticket-detail-page .app-card {
    background:
        linear-gradient(180deg,rgba(30,41,59,.96),rgba(15,23,42,.98)) !important;
    border-color:rgba(96,165,250,.20) !important;
    box-shadow:0 18px 42px rgba(2,6,23,.34), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html[data-theme="dark"] .ticket-detail-page .app-card h1,
html[data-theme="dark"] .ticket-detail-page .app-card h2,
html[data-theme="dark"] .ticket-detail-page .app-card h3 {
    color:#f8fafc !important;
}
html[data-theme="dark"] .ticket-detail-page section .app-card .rounded-md,
html[data-theme="dark"] .ticket-detail-page aside .app-card .rounded-xl,
html[data-theme="dark"] .ticket-detail-page .grid.gap-3 > .rounded-xl {
    background:linear-gradient(180deg,rgba(15,23,42,.82),rgba(15,23,42,.64)) !important;
    border-color:rgba(96,165,250,.18) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
html[data-theme="dark"] .ticket-detail-page section .app-card .rounded-md p:first-child,
html[data-theme="dark"] .ticket-detail-page aside .app-card .rounded-xl p:first-child,
html[data-theme="dark"] .ticket-detail-page .font-bold.text-slate-400 {
    color:#93c5fd !important;
}
html[data-theme="dark"] .ticket-detail-page section .app-card .rounded-md p:not(:first-child),
html[data-theme="dark"] .ticket-detail-page .text-slate-100,
html[data-theme="dark"] .ticket-detail-page .font-semibold.text-slate-100 {
    color:#f8fafc !important;
}
html[data-theme="dark"] .ticket-detail-page .topic-badge {
    background:rgba(37,99,235,.18) !important;
    border:1px solid rgba(96,165,250,.34) !important;
    color:#bfdbfe !important;
}
html[data-theme="dark"] .ticket-detail-page .ticket-number {
    color:#38bdf8 !important;
}
html[data-theme="dark"] .ticket-detail-page .ticket-chat-card {
    background:
        linear-gradient(180deg,rgba(15,23,42,.98),rgba(17,24,39,.96)) !important;
    border-color:rgba(96,165,250,.28) !important;
    box-shadow:0 22px 48px rgba(2,6,23,.42), 0 0 0 1px rgba(37,99,235,.08) !important;
}
html[data-theme="dark"] .ticket-detail-page .ticket-chat-card > .flex {
    background:
        radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 18rem),
        linear-gradient(135deg,#172554,#1d4ed8) !important;
    border-color:rgba(125,211,252,.30) !important;
}
html[data-theme="dark"] .ticket-detail-page .ticket-chat-card > .flex h2,
html[data-theme="dark"] .ticket-detail-page .ticket-chat-card > .flex p {
    color:#ffffff !important;
}
html[data-theme="dark"] .ticket-detail-page .ticket-chat-card > .flex span {
    background:rgba(15,23,42,.38) !important;
    border-color:rgba(191,219,254,.24) !important;
    color:#dbeafe !important;
}
html[data-theme="dark"] .ticket-detail-page .ticket-chat-body {
    background:
        radial-gradient(circle at top,rgba(37,99,235,.16),transparent 24rem),
        linear-gradient(180deg,#172033,#111827) !important;
}
html[data-theme="dark"] .ticket-detail-page .chat-compose {
    background:#0f172a !important;
    border-color:rgba(96,165,250,.20) !important;
}
html[data-theme="dark"] .ticket-detail-page .chat-message-other .chat-bubble {
    background:#0f172a !important;
    border-color:rgba(96,165,250,.22) !important;
}
html[data-theme="dark"] .ticket-detail-page .chat-message-system .chat-bubble {
    background:#172554 !important;
    border-color:rgba(96,165,250,.32) !important;
}
html[data-theme="dark"] .ticket-detail-page .timeline-content {
    background:
        linear-gradient(180deg,rgba(30,41,59,.96),rgba(15,23,42,.88)) !important;
    border-color:rgba(96,165,250,.20) !important;
    box-shadow:0 12px 26px rgba(2,6,23,.28);
}
html[data-theme="dark"] .ticket-detail-page .timeline-title {
    color:#f8fafc !important;
}
html[data-theme="dark"] .ticket-detail-page .timeline-user,
html[data-theme="dark"] .ticket-detail-page .timeline-desc {
    color:#cbd5e1 !important;
}
html[data-theme="dark"] .ticket-detail-page .ticket-timeline::before {
    background:linear-gradient(180deg,rgba(96,165,250,.50),rgba(37,99,235,.12)) !important;
}

/* Tela Meus dados. */
.meus-dados-page > .mb-6 {
    border-radius:20px;
    padding:18px;
}
.meus-dados-page form.app-card {
    overflow:hidden;
}
.meus-dados-page form.app-card section {
    border-radius:16px;
    padding:16px;
}
.meus-dados-page form.app-card section + section {
    margin-top:6px;
}
.meus-dados-page label span {
    letter-spacing:.01em;
}
.meus-dados-page .app-input {
    min-height:46px;
}
html[data-theme="dark"] .meus-dados-page > .mb-6 {
    border:1px solid rgba(147,197,253,.38);
    background:
        radial-gradient(circle at top left,rgba(125,211,252,.24),transparent 20rem),
        linear-gradient(135deg,#0b4db3,#0f67d6 55%,#1d8cff);
    box-shadow:0 18px 40px rgba(2,6,23,.34), inset 0 1px 0 rgba(255,255,255,.14);
}
html[data-theme="dark"] .meus-dados-page > .mb-6 h1,
html[data-theme="dark"] .meus-dados-page > .mb-6 p:first-child,
html[data-theme="dark"] .meus-dados-page > .mb-6 p:last-child {
    color:#ffffff !important;
    text-shadow:0 1px 2px rgba(15,23,42,.20);
}
html[data-theme="dark"] .meus-dados-page > .mb-6 p:last-child {
    opacity:.92;
}
html[data-theme="dark"] .meus-dados-page form.app-card {
    background:
        linear-gradient(180deg,rgba(30,41,59,.96),rgba(15,23,42,.98)) !important;
    border-color:rgba(96,165,250,.22) !important;
    box-shadow:0 20px 44px rgba(2,6,23,.34), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html[data-theme="dark"] .meus-dados-page form.app-card section {
    background:linear-gradient(180deg,rgba(15,23,42,.74),rgba(15,23,42,.52));
    border:1px solid rgba(96,165,250,.16);
}
html[data-theme="dark"] .meus-dados-page form.app-card section.border-t {
    border-top:1px solid rgba(96,165,250,.20) !important;
}
html[data-theme="dark"] .meus-dados-page h2 {
    color:#f8fafc !important;
}
html[data-theme="dark"] .meus-dados-page label span {
    color:#93c5fd !important;
}
html[data-theme="dark"] .meus-dados-page section p {
    color:#cbd5e1 !important;
}
html[data-theme="light"] .meus-dados-page > .mb-6 {
    border:1px solid rgba(29,78,216,.22);
    background:
        radial-gradient(circle at top left,rgba(125,211,252,.28),transparent 20rem),
        linear-gradient(135deg,#0b5ed7,#1877f2 58%,#38a3ff);
    box-shadow:0 18px 36px rgba(37,99,235,.22), inset 0 1px 0 rgba(255,255,255,.18);
}
html[data-theme="light"] .meus-dados-page > .mb-6 h1,
html[data-theme="light"] .meus-dados-page > .mb-6 p:first-child,
html[data-theme="light"] .meus-dados-page > .mb-6 p:last-child {
    color:#ffffff !important;
    text-shadow:0 1px 2px rgba(15,23,42,.16);
}
html[data-theme="light"] .meus-dados-page > .mb-6 p:last-child {
    opacity:.92;
}
html[data-theme="light"] .meus-dados-page form.app-card {
    background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
    border-color:#bfdbfe !important;
    box-shadow:0 18px 38px rgba(37,99,235,.11) !important;
}
html[data-theme="light"] .meus-dados-page form.app-card section {
    background:#eff6ff;
    border:1px solid #bfdbfe;
}
html[data-theme="light"] .meus-dados-page form.app-card section.border-t {
    border-top:1px solid #bfdbfe !important;
}
html[data-theme="light"] .meus-dados-page h2 {
    color:#0f2d5c !important;
}
html[data-theme="light"] .meus-dados-page label span {
    color:#1d4ed8 !important;
}
html[data-theme="light"] .meus-dados-page section p {
    color:#475569 !important;
}
html[data-theme="light"] .meus-dados-page .app-input {
    background:#ffffff !important;
    border-color:#9fc4f5 !important;
}


/* Ajuste visual. */
html[data-theme="light"] .app-sidebar {
    background: linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%) !important;
    border-color: #bfdbfe !important;
}

/* Links normais do menu */
html[data-theme="light"] .app-sidebar nav a:not(.bg-blue-600):not([href*="logout"]) {
    color: #1e293b !important;
    font-weight: 800 !important;
}

/* Texto dentro dos links normais */
html[data-theme="light"] .app-sidebar nav a:not(.bg-blue-600):not([href*="logout"]) span {
    color: #1e293b !important;
}


/* Ajuste visual. */
html[data-theme="light"] .app-sidebar nav a:not(.bg-blue-600):not([href*="logout"]) svg {
    color: #2563eb !important;
    stroke: currentColor !important;
}

/* Hover dos links */
html[data-theme="light"] .app-sidebar nav a:not(.bg-blue-600):not([href*="logout"]):hover {
    background: #e0f2fe !important;
    color: #0f172a !important;
}

/* Texto no hover */
html[data-theme="light"] .app-sidebar nav a:not(.bg-blue-600):not([href*="logout"]):hover span {
    color: #0f172a !important;
}


/* Ajuste visual. */
html[data-theme="light"] .app-sidebar nav a:not(.bg-blue-600):not([href*="logout"]):hover svg {
    color: #1d4ed8 !important;
}

/* Link ativo do menu */
html[data-theme="light"] .app-sidebar nav a.bg-blue-600 {
    background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(37, 99, 235, .28) !important;
}

/* Texto do link ativo */
html[data-theme="light"] .app-sidebar nav a.bg-blue-600 span {
    color: #ffffff !important;
}


/* Ajuste visual. */
html[data-theme="light"] .app-sidebar nav a.bg-blue-600 svg {
    color: #ffffff !important;
    stroke: currentColor !important;
}


/* Ajuste visual. */
html[data-theme="light"] .app-sidebar h2 {
    color: #0f172a !important;
    font-weight: 900 !important;
}


/* Ajuste visual. */
html[data-theme="light"] .app-sidebar h2 + p {
    color: #475569 !important;
    font-weight: 700 !important;
}


/* Ajuste visual. */
html[data-theme="light"] .app-sidebar nav p {
    color: #1d4ed8 !important;
    font-weight: 900 !important;
}


/* Ajuste visual. */
html[data-theme="light"] .app-sidebar .mt-auto .bg-slate-900 {
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
}


/* Ajuste visual. */
html[data-theme="light"] .app-sidebar .mt-auto .text-white {
    color: #0f172a !important;
}


/* Ajuste visual. */
html[data-theme="light"] .app-sidebar .mt-auto .text-slate-400 {
    color: #475569 !important;
}


/* Ajuste visual. */
html[data-theme="light"] .institutional-footer {
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
}

html[data-theme="light"] .institutional-footer p:first-child {
    color: #1d4ed8 !important;
}

html[data-theme="light"] .institutional-footer p:last-child {
    color: #334155 !important;
}

.sidebar-account-card {
    margin-top: auto;
    margin-bottom: 18px;
    border-radius: 20px;
    padding: 14px;
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, .24), transparent 44%),
        linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(30, 41, 59, .92));
    border: 1px solid rgba(96, 165, 250, .26);
    box-shadow: 0 18px 36px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .05);
}

.sidebar-account-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sidebar-user-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: linear-gradient(135deg, #2563eb, #0ea5e9);
    color: #ffffff;
    border: 1px solid rgba(191, 219, 254, .35);
    box-shadow: 0 12px 24px rgba(37, 99, 235, .34);
}

.sidebar-user-icon span {
    color: #ffffff;
    font-size: 13px;
    font-weight: 950;
    letter-spacing: .04em;
}

.sidebar-account-label {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border-radius: 999px;
    padding: 3px 7px;
    background: rgba(37, 99, 235, .18);
    border: 1px solid rgba(96, 165, 250, .24);
    font-size: 9px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #bfdbfe;
}

.sidebar-user-name {
    margin-top: 7px;
    max-width: 162px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 950;
    color: #ffffff;
}

.sidebar-user-meta {
    margin-top: 3px;
    max-width: 162px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 700;
    color: #cbd5e1;
}

.sidebar-account-actions {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(148, 163, 184, .16);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
}

.sidebar-theme-btn,
.sidebar-logout-btn {
    min-height: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 10px;
    padding: 6px 8px;
    font-size: 11px;
    font-weight: 900;
    transition: .18s ease;
}

.sidebar-theme-btn {
    background: rgba(37, 99, 235, .18);
    color: #dbeafe;
    border: 1px solid rgba(96, 165, 250, .30);
}

.sidebar-theme-btn:hover {
    background: rgba(37, 99, 235, .28);
    color: #ffffff;
}

.sidebar-theme-btn svg,
.sidebar-logout-btn svg {
    width: 14px;
    height: 14px;
    stroke: currentColor;
}

.sidebar-theme-btn:hover,
.sidebar-logout-btn:hover {
    transform: translateY(-1px);
}

.sidebar-logout-btn {
    background: rgba(15, 23, 42, .42);
    color: #fecaca;
    border: 1px solid rgba(248, 113, 113, .28);
}

.sidebar-logout-btn:hover {
    background: rgba(220, 38, 38, .22);
    color: #ffffff;
}

html[data-theme="light"] .sidebar-account-card {
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, .16), transparent 48%),
        linear-gradient(180deg, #ffffff 0%, #eff6ff 100%) !important;
    border: 1px solid #bfdbfe !important;
    box-shadow: 0 18px 32px rgba(37, 99, 235, .12), inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

html[data-theme="light"] .sidebar-user-icon {
    background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
    color: #ffffff !important;
    border-color: #bfdbfe !important;
    box-shadow: 0 12px 24px rgba(37, 99, 235, .24) !important;
}

html[data-theme="light"] .sidebar-user-icon span {
    color: #ffffff !important;
}

html[data-theme="light"] .sidebar-account-label {
    background: #dbeafe !important;
    border-color: #bfdbfe !important;
    color: #1d4ed8 !important;
}

html[data-theme="light"] .sidebar-user-name {
    color: #0f172a !important;
}

html[data-theme="light"] .sidebar-user-meta {
    color: #475569 !important;
}

html[data-theme="light"] .sidebar-account-actions {
    margin-top: 10px !important;
    padding-top: 10px !important;
    gap: 7px !important;
    border-top-color: #dbeafe !important;
}

html[data-theme="light"] .sidebar-theme-btn,
html[data-theme="light"] .sidebar-logout-btn {
    min-height: 30px !important;
    gap: 5px !important;
    border-radius: 10px !important;
    padding: 6px 8px !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

html[data-theme="light"] .sidebar-theme-btn svg,
html[data-theme="light"] .sidebar-logout-btn svg {
    width: 14px !important;
    height: 14px !important;
}

html[data-theme="light"] .sidebar-theme-btn {
    background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
    color: #ffffff !important;
    border: 1px solid rgba(37, 99, 235, .22) !important;
    box-shadow: 0 10px 20px rgba(37, 99, 235, .16) !important;
}

html[data-theme="light"] .sidebar-theme-btn:hover {
    filter: brightness(1.05);
    color: #ffffff !important;
}

html[data-theme="light"] .sidebar-logout-btn {
    background: #ffffff !important;
    color: #be123c !important;
    border: 1px solid #fecdd3 !important;
    box-shadow: 0 8px 18px rgba(190, 18, 60, .08) !important;
}

html[data-theme="light"] .sidebar-logout-btn:hover {
    background: #fff1f2 !important;
    color: #9f1239 !important;
}


/* Ajuste visual. */
.app-sidebar .sidebar-account-card .sidebar-theme-btn,
.app-sidebar .sidebar-account-card .sidebar-logout-btn,
html[data-theme="light"] .app-sidebar .sidebar-account-card .sidebar-theme-btn,
html[data-theme="light"] .app-sidebar .sidebar-account-card .sidebar-logout-btn {
    box-sizing: border-box !important;
    min-height: 30px !important;
    height: 30px !important;
    max-height: 30px !important;
    padding: 6px 8px !important;
    gap: 5px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.app-sidebar .sidebar-account-card .sidebar-theme-btn span,
.app-sidebar .sidebar-account-card .sidebar-logout-btn span,
html[data-theme="light"] .app-sidebar .sidebar-account-card .sidebar-theme-btn span,
html[data-theme="light"] .app-sidebar .sidebar-account-card .sidebar-logout-btn span {
    display: inline-block !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

.app-sidebar .sidebar-account-card .sidebar-theme-btn svg,
.app-sidebar .sidebar-account-card .sidebar-logout-btn svg,
html[data-theme="light"] .app-sidebar .sidebar-account-card .sidebar-theme-btn svg,
html[data-theme="light"] .app-sidebar .sidebar-account-card .sidebar-logout-btn svg {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
}


/* Ajuste visual. */
.system-check-notice {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 20px;
    border-radius: 18px;
    background:
        radial-gradient(circle at top left, rgba(59, 130, 246, .26), transparent 45%),
        linear-gradient(135deg, rgba(30, 64, 175, .22), rgba(15, 23, 42, .96));
    border: 1px solid rgba(96, 165, 250, .48);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .28);
}

.system-check-notice-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, #2563eb, #0ea5e9);
    color: #ffffff;
    box-shadow: 0 12px 26px rgba(37, 99, 235, .32);
}

.system-check-notice-icon svg {
    width: 24px;
    height: 24px;
    stroke: currentColor;
}

.system-check-notice-title {
    margin: 0;
    font-size: 15px;
    font-weight: 900;
    color: #ffffff;
}

.system-check-notice-text {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;
    color: #bfdbfe;
}

.system-check-notice-text strong {
    display: inline-flex;
    margin-left: 4px;
    padding: 3px 8px;
    border-radius: 9px;
    background: rgba(15, 23, 42, .75);
    color: #ffffff;
    font-weight: 900;
    border: 1px solid rgba(147, 197, 253, .28);
}


/* Ajuste visual. */
html[data-theme="light"] .system-check-notice {
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, .16), transparent 45%),
        linear-gradient(135deg, #eff6ff, #ffffff) !important;
    border: 1px solid #93c5fd !important;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .10) !important;
}

html[data-theme="light"] .system-check-notice-icon {
    background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
    color: #ffffff !important;
}

html[data-theme="light"] .system-check-notice-title {
    color: #0f172a !important;
}

html[data-theme="light"] .system-check-notice-text {
    color: #334155 !important;
}

html[data-theme="light"] .system-check-notice-text strong {
    background: #dbeafe !important;
    color: #1d4ed8 !important;
    border: 1px solid #93c5fd !important;
}

/* =========================================================
   Tela Equipe de TI - melhorias no tema claro
   Arquivo: views/ti/membros.php
========================================================= */

html[data-theme="light"] .panel-grid {
    align-items: start;
}

/* Cards principais da tela Equipe de TI */
html[data-theme="light"] .panel-grid > .app-card {
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, .10), transparent 44%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    border: 1px solid #bfdbfe !important;
    box-shadow: 0 18px 38px rgba(15, 23, 42, .10) !important;
}


/* Ajuste visual. */
html[data-theme="light"] .panel-grid > .app-card h2 {
    color: #0f172a !important;
    font-weight: 900 !important;
}

/* Textos menores dos cards */
html[data-theme="light"] .panel-grid > .app-card p,
html[data-theme="light"] .panel-grid > .app-card .text-slate-400,
html[data-theme="light"] .panel-grid > .app-card .text-slate-500 {
    color: #475569 !important;
    font-weight: 600 !important;
}


/* Ajuste visual. */
html[data-theme="light"] .panel-grid label span,
html[data-theme="light"] .panel-grid .text-slate-300 {
    color: #1e3a8a !important;
    font-weight: 900 !important;
}

/* Inputs da tela Equipe de TI */
html[data-theme="light"] .panel-grid .app-input {
    background: #ffffff !important;
    border: 1px solid #b8d5fb !important;
    color: #0f172a !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

html[data-theme="light"] .panel-grid .app-input::placeholder {
    color: #64748b !important;
}

html[data-theme="light"] .panel-grid .app-input:focus {
    background: #ffffff !important;
    border-color: #2563eb !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .14) !important;
}


/* Ajuste visual. */
html[data-theme="light"] .panel-grid .check-grid {
    gap: 10px;
}


/* Ajuste visual. */
html[data-theme="light"] .panel-grid .check-pill {
    background: #ffffff !important;
    border: 1px solid #bfdbfe !important;
    color: #1e293b !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .05) !important;
    transition: .18s ease !important;
}


/* Ajuste visual. */
html[data-theme="light"] .panel-grid .check-pill span {
    color: #1e293b !important;
    font-weight: 800 !important;
}

/* Checkbox */
html[data-theme="light"] .panel-grid .check-pill input {
    accent-color: #2563eb;
}


/* Ajuste visual. */
html[data-theme="light"] .panel-grid .check-pill:hover {
    background: #eff6ff !important;
    border-color: #60a5fa !important;
    transform: translateY(-1px);
}


/* Ajuste visual. */
html[data-theme="light"] .panel-grid .check-pill:has(input:checked) {
    background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
    border-color: #1d4ed8 !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(37, 99, 235, .20) !important;
}

html[data-theme="light"] .panel-grid .check-pill:has(input:checked) span {
    color: #ffffff !important;
}


/* Ajuste visual. */
html[data-theme="light"] .panel-grid > .app-card .border-b {
    border-color: #bfdbfe !important;
    background: linear-gradient(135deg, rgba(37, 99, 235, .08), rgba(14, 165, 233, .04)) !important;
}


/* Ajuste visual. */
html[data-theme="light"] .panel-grid article {
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, .10), transparent 52%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .08) !important;
    overflow: hidden;
}


/* Ajuste visual. */
html[data-theme="light"] .panel-grid article h3 {
    color: #0f172a !important;
    font-weight: 900 !important;
}


/* Ajuste visual. */
html[data-theme="light"] .panel-grid article p {
    color: #475569 !important;
    font-weight: 600 !important;
}


/* Ajuste visual. */
html[data-theme="light"] .panel-grid article .topic-badge {
    background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
    color: #ffffff !important;
    border: 1px solid #1d4ed8 !important;
    box-shadow: 0 8px 18px rgba(37, 99, 235, .18) !important;
}


/* Ajuste visual. */
html[data-theme="light"] .panel-grid article .uppercase {
    color: #1d4ed8 !important;
    font-weight: 900 !important;
    letter-spacing: .06em !important;
}


/* Ajuste visual. */
html[data-theme="light"] .panel-grid article .badge-status-open {
    background: #dbeafe !important;
    color: #1e3a8a !important;
    border-color: #93c5fd !important;
    font-weight: 900 !important;
}

html[data-theme="light"] .panel-grid article .badge-status-neutral {
    background: #f1f5f9 !important;
    color: #334155 !important;
    border-color: #cbd5e1 !important;
    font-weight: 900 !important;
}

/* Linha do editar dados */
html[data-theme="light"] .panel-grid details {
    border-color: #bfdbfe !important;
    background: #ffffff !important;
}


/* Ajuste visual. */
html[data-theme="light"] .panel-grid summary {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    font-weight: 900 !important;
    border-top: 1px solid #dbeafe !important;
    transition: .18s ease !important;
}

html[data-theme="light"] .panel-grid summary:hover {
    background: #dbeafe !important;
    color: #1e40af !important;
}


/* Ajuste visual. */
html[data-theme="light"] .panel-grid details[open] > div {
    background: #f8fbff !important;
}


/* Ajuste visual. */
html[data-theme="light"] .panel-grid .border-t {
    border-color: #bfdbfe !important;
}

/* Card vazio: nenhum membro cadastrado */
html[data-theme="light"] .panel-grid .border-dashed {
    background: #f8fbff !important;
    border-color: #93c5fd !important;
    color: #475569 !important;
    font-weight: 700 !important;
}


/* Ajuste visual. */
html[data-theme="light"] .panel-grid .app-btn-primary {
    background: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(37, 99, 235, .22) !important;
}

html[data-theme="light"] .panel-grid .app-btn-warning {
    background: linear-gradient(135deg, #f59e0b, #fbbf24) !important;
    color: #111827 !important;
    box-shadow: 0 12px 24px rgba(245, 158, 11, .18) !important;
}

html[data-theme="light"] .panel-grid .app-btn-danger {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 24px rgba(220, 38, 38, .20) !important;
}

/* Responsividade da tela Equipe de TI */
@media (max-width: 640px) {
    html[data-theme="light"] .panel-grid > .app-card {
        border-radius: 16px !important;
    }

    html[data-theme="light"] .panel-grid article {
        border-radius: 16px !important;
    }
}


/* Ajuste visual. */
.ti-members-heading {
    position: relative;
    padding: 22px 24px;
    border-radius: 22px;
    background:
        radial-gradient(circle at top left, rgba(125, 211, 252, .24), transparent 20rem),
        linear-gradient(135deg, #0b4db3, #0f67d6 55%, #1d8cff);
    border: 1px solid rgba(147, 197, 253, .38);
    box-shadow: 0 18px 42px rgba(2, 6, 23, .26), inset 0 1px 0 rgba(255, 255, 255, .14);
    overflow: hidden;
}

.ti-members-heading::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(255, 255, 255, .12), transparent 55%);
}

.ti-members-heading > div {
    position: relative;
    z-index: 1;
}

.ti-members-heading .ti-members-kicker {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin: 0 0 8px 0;
    padding: 6px 11px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .30);
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.ti-members-heading h1 {
    margin: 0;
    color: #ffffff;
    font-size: 32px;
    line-height: 1.1;
    font-weight: 950;
}

.ti-members-heading .ti-members-description {
    max-width: 720px;
    margin-top: 8px;
    color: rgba(255, 255, 255, .92);
    font-size: 15px;
    line-height: 1.6;
    font-weight: 600;
}


/* Ajuste visual. */
html[data-theme="light"] .ti-members-heading {
    background:
        radial-gradient(circle at top left, rgba(125, 211, 252, .28), transparent 20rem),
        linear-gradient(135deg, #0b5ed7, #1877f2 58%, #38a3ff) !important;
    border: 1px solid rgba(29, 78, 216, .22) !important;
    box-shadow: 0 18px 36px rgba(37, 99, 235, .22), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

html[data-theme="light"] .ti-members-heading::before {
    background: linear-gradient(90deg, rgba(255, 255, 255, .14), transparent 58%) !important;
}

html[data-theme="light"] .ti-members-heading .ti-members-kicker {
    background: rgba(255, 255, 255, .18) !important;
    border: 1px solid rgba(255, 255, 255, .34) !important;
    color: #ffffff !important;
}

html[data-theme="light"] .ti-members-heading h1 {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(15, 23, 42, .16);
}

html[data-theme="light"] .ti-members-heading .ti-members-description {
    color: rgba(255, 255, 255, .92) !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 2px rgba(15, 23, 42, .12);
}


/* Ajuste visual. */
html[data-theme="light"] body.login-theme input,
html[data-theme="light"] body.login-theme input[type="email"],
html[data-theme="light"] body.login-theme input[type="password"],
html[data-theme="light"] body.auth-dark-theme input,
html[data-theme="light"] body.auth-dark-theme input[type="email"],
html[data-theme="light"] body.auth-dark-theme input[type="password"],
html[data-theme="light"] body.auth-dark-theme input[type="text"],
html[data-theme="light"] body.auth-dark-theme input[type="tel"] {
    background-color: #020617 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #60a5fa !important;
    border-color: #334155 !important;
    box-shadow: none !important;
}

html[data-theme="light"] body.login-theme input::placeholder,
html[data-theme="light"] body.auth-dark-theme input::placeholder {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
    opacity: 1 !important;
}

html[data-theme="light"] body.login-theme input:focus,
html[data-theme="light"] body.auth-dark-theme input:focus {
    background-color: #020617 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, .20) !important;
    outline: none !important;
}

html[data-theme="light"] body.login-theme input:-webkit-autofill,
html[data-theme="light"] body.login-theme input:-webkit-autofill:hover,
html[data-theme="light"] body.login-theme input:-webkit-autofill:focus,
html[data-theme="light"] body.auth-dark-theme input:-webkit-autofill,
html[data-theme="light"] body.auth-dark-theme input:-webkit-autofill:hover,
html[data-theme="light"] body.auth-dark-theme input:-webkit-autofill:focus {
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 0 0 1000px #020617 inset !important;
    transition: background-color 9999s ease-in-out 0s !important;
    caret-color: #60a5fa !important;
}

/* Aviso obrigatorio de remodelacao exibido antes do login. */
.login-gate-pending {
    overflow:hidden;
}
.login-gate-pending [data-login-panel] {
    visibility:hidden;
}
.login-remodel-overlay {
    position:fixed;
    inset:0;
    z-index:100;
    display:grid;
    place-items:center;
    overflow-y:auto;
    padding:24px;
    background:rgba(2,6,23,.82);
    backdrop-filter:blur(12px);
}
.login-remodel-card {
    width:min(100%,620px);
    border:1px solid rgba(96,165,250,.38);
    border-radius:24px;
    padding:30px;
    color:#e2e8f0;
    background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(17,35,71,.98));
    box-shadow:0 32px 80px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08);
}
.login-remodel-icon {
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    margin-bottom:18px;
    border:1px solid rgba(125,211,252,.45);
    border-radius:14px;
    color:#bfdbfe;
    background:#2563eb;
    box-shadow:0 12px 30px rgba(37,99,235,.32);
}
.login-remodel-icon svg {
    width:24px;
    height:24px;
}
.login-remodel-kicker {
    margin:0 0 5px;
    color:#60a5fa;
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.login-remodel-heading h2 {
    margin:0;
    color:#fff;
    font-size:clamp(24px,4vw,32px);
    font-weight:900;
    line-height:1.15;
}
.login-remodel-copy {
    display:grid;
    gap:10px;
    margin-top:20px;
    color:#cbd5e1;
    font-size:15px;
    line-height:1.6;
}
.login-remodel-copy p {
    margin:0;
}
.login-remodel-check {
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:24px;
    padding:14px 16px;
    border:1px solid #334155;
    border-radius:12px;
    color:#f8fafc;
    font-size:14px;
    font-weight:700;
    background:rgba(2,6,23,.55);
    cursor:pointer;
}
.login-remodel-check input {
    flex:0 0 auto;
    width:18px;
    height:18px;
    accent-color:#3b82f6;
}
.login-remodel-actions {
    display:grid;
    grid-template-columns:1fr 1.25fr;
    gap:12px;
    margin-top:18px;
}
.login-remodel-register,
.login-remodel-continue {
    display:flex;
    min-height:48px;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    padding:12px 16px;
    font-size:14px;
    font-weight:800;
    text-align:center;
    transition:transform .2s ease,filter .2s ease,opacity .2s ease;
}
.login-remodel-register {
    border:1px solid #3b82f6;
    color:#bfdbfe !important;
    background:rgba(37,99,235,.14);
}
.login-remodel-continue {
    border:0;
    color:#fff;
    background:linear-gradient(90deg,#2563eb,#0891b2);
    box-shadow:0 10px 24px rgba(37,99,235,.28);
    cursor:pointer;
}
.login-remodel-register:hover,
.login-remodel-continue:not(:disabled):hover {
    filter:brightness(1.12);
    transform:translateY(-1px);
}
.login-remodel-continue:disabled {
    opacity:.42;
    box-shadow:none;
    cursor:not-allowed;
}
html[data-theme="light"] .login-remodel-overlay {
    background:rgba(2,6,23,.82);
}
html[data-theme="light"] .login-remodel-card {
    color:#e2e8f0 !important;
    background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(17,35,71,.98)) !important;
}
html[data-theme="light"] .login-remodel-copy {
    color:#cbd5e1 !important;
}
html[data-theme="light"] .login-remodel-check {
    color:#f8fafc !important;
    background:rgba(2,6,23,.55) !important;
}
html[data-theme="light"] .login-remodel-continue {
    color:#fff !important;
}
@media (max-width:640px) {
    .login-remodel-overlay {
        align-items:start;
        padding:16px;
    }
    .login-remodel-card {
        margin:auto 0;
        border-radius:20px;
        padding:22px;
    }
    .login-remodel-actions {
        grid-template-columns:1fr;
    }