* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --bg: #050608;
    --bg-2: #0b0d10;
    --panel: rgba(16, 18, 24, 0.82);
    --panel-strong: rgba(18, 20, 27, 0.96);
    --panel-soft: rgba(255, 255, 255, 0.03);
    --line: rgba(255, 255, 255, 0.08);
    --line-strong: rgba(255, 255, 255, 0.14);
    --text: #f5f7fb;
    --muted: #9ea6b4;
    --muted-2: #7d8595;
    --primary: #ff2800;
    --primary-2: #ff4d2d;
    --primary-soft: rgba(255, 40, 0, 0.12);
    --green: #86efac;
    --green-soft: rgba(34, 197, 94, 0.14);
    --danger: #ff8b75;
    --danger-soft: rgba(255, 40, 0, 0.12);
    --shadow-xl: 0 24px 70px rgba(0, 0, 0, 0.45);
    --shadow-md: 0 12px 30px rgba(0, 0, 0, 0.28);
    --radius-xl: 28px;
    --radius-lg: 22px;
    --radius-md: 16px;
    --radius-sm: 12px;
}

html, body {
    min-height: 100%;
}

body {
    font-family: Inter, Arial, sans-serif;
    background:
        radial-gradient(circle at top center, rgba(255, 40, 0, 0.14), transparent 28%),
        radial-gradient(circle at top left, rgba(255, 80, 40, 0.06), transparent 24%),
        linear-gradient(180deg, #050608 0%, #07090c 100%);
    color: var(--text);
    line-height: 1.45;
}

a {
    text-decoration: none;
    color: inherit;
}

button,
input,
select,
textarea {
    font: inherit;
}

/* LOGIN */
.login-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
}

.card {
    width: 100%;
    max-width: 500px;
    background: linear-gradient(180deg, rgba(20, 22, 28, 0.96) 0%, rgba(12, 14, 19, 0.96) 100%);
    border: 1px solid var(--line);
    border-radius: 30px;
    padding: 34px;
    box-shadow: var(--shadow-xl);
    backdrop-filter: blur(14px);
}

.card h1,
.card h2 {
    font-size: 2rem;
    line-height: 1.05;
    margin-bottom: 10px;
    letter-spacing: -0.03em;
}

.subtitle {
    color: var(--muted);
    margin-bottom: 28px;
    font-size: 1rem;
    line-height: 1.6;
}

/* ESTRUTURA DO PAINEL */
.admin-shell {
    display: flex;
    min-height: 100vh;
}

.sidebar {
    width: 290px;
    padding: 22px;
    background: linear-gradient(180deg, rgba(10, 11, 15, 0.98) 0%, rgba(8, 10, 14, 0.98) 100%);
    border-right: 1px solid var(--line);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: sticky;
    top: 0;
    height: 100vh;
    backdrop-filter: blur(16px);
}

.sidebar-top {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.brand-block {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 6px 6px;
}

.brand-mark {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    font-weight: 800;
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-2) 100%);
    color: #fff;
    box-shadow: 0 12px 30px rgba(255, 40, 0, 0.28);
}

.brand-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.brand-text strong {
    font-size: 1.08rem;
    letter-spacing: -0.02em;
}

.brand-text span {
    color: var(--muted-2);
    font-size: 0.88rem;
}

.sidebar-section-label {
    padding: 0 8px;
    color: var(--muted-2);
    text-transform: uppercase;
    font-size: 0.74rem;
    letter-spacing: 0.14em;
    font-weight: 700;
}

.sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sidebar-nav a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid transparent;
    color: #dde3ee;
    transition: all 0.22s ease;
    font-weight: 600;
}

.sidebar-nav a:hover {
    border-color: rgba(255, 40, 0, 0.18);
    background: rgba(255, 255, 255, 0.04);
    transform: translateX(2px);
}

.sidebar-nav a.active {
    background: linear-gradient(180deg, rgba(255, 40, 0, 0.18) 0%, rgba(255, 40, 0, 0.08) 100%);
    border-color: rgba(255, 40, 0, 0.28);
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 40, 0, 0.08);
}

.nav-dot {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.3);
}

.sidebar-nav a.active .nav-dot {
    background: var(--primary);
    box-shadow: 0 0 12px rgba(255, 40, 0, 0.45);
}

.sidebar-bottom {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sidebar-user-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--line);
}

.sidebar-user-avatar {
    overflow: hidden;
}

.sidebar-user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar-user-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.sidebar-user-info strong {
    font-size: 0.98rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-user-info span {
    color: var(--muted);
    font-size: 0.84rem;
    text-transform: capitalize;
}

.sidebar-logout-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 18px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-2) 100%);
    color: #fff;
    font-weight: 700;
    box-shadow: 0 14px 32px rgba(255, 40, 0, 0.18);
    transition: transform 0.18s ease, opacity 0.18s ease;
}

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

.admin-main {
    flex: 1;
    padding: 22px;
    min-width: 0;
}

.topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 20px 24px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--line);
    border-radius: 24px;
    backdrop-filter: blur(12px);
    box-shadow: var(--shadow-md);
    margin-bottom: 22px;
}

.topbar-left h1 {
    font-size: 1.5rem;
    line-height: 1.1;
    letter-spacing: -0.03em;
    margin-bottom: 4px;
}

.topbar-left p {
    color: var(--muted);
    font-size: 0.95rem;
}

.topbar-right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.topbar-badge {
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--line);
    color: #dce2ee;
    font-weight: 700;
    font-size: 0.9rem;
}

/* PÁGINAS */
.page-content:not(.fire-dashboard-page) {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 2px;
}

.page-header h2 {
    font-size: 2.1rem;
    letter-spacing: -0.04em;
    line-height: 1;
    margin-bottom: 6px;
}

.page-header p {
    color: var(--muted);
    font-size: 1rem;
    line-height: 1.6;
}

.content-card {
    background: linear-gradient(180deg, rgba(17, 19, 25, 0.94) 0%, rgba(12, 14, 19, 0.96) 100%);
    border: 1px solid var(--line);
    border-radius: var(--radius-xl);
    padding: 24px;
    box-shadow: var(--shadow-md);
    backdrop-filter: blur(14px);
}

.content-card .content-card {
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.dashboard-box {
    background: linear-gradient(180deg, rgba(17, 19, 25, 0.94) 0%, rgba(12, 14, 19, 0.96) 100%);
    border: 1px solid var(--line);
    border-radius: var(--radius-xl);
    padding: 24px;
    box-shadow: var(--shadow-md);
}

.dashboard-box h2 {
    margin-bottom: 10px;
    font-size: 1.35rem;
}

.dashboard-box p {
    color: #cfd5df;
    line-height: 1.7;
}

/* FORMULÁRIOS */
.form-group {
    margin-bottom: 18px;
}

.form-group label {
    display: block;
    margin-bottom: 9px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #eef2fa;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    min-height: 52px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    color: #fff;
    outline: none;
    transition: all 0.18s ease;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.form-group textarea {
    min-height: 120px;
    resize: vertical;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #7d8595;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color: rgba(255, 40, 0, 0.4);
    box-shadow: 0 0 0 4px rgba(255, 40, 0, 0.08);
}

input[type="checkbox"] {
    width: auto;
    min-height: auto;
    margin-right: 8px;
    accent-color: var(--primary);
}

/* BOTÕES */
.btn {
    width: 100%;
    min-height: 52px;
    border: none;
    border-radius: 16px;
    padding: 0 18px;
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-2) 100%);
    color: #fff;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.18s ease, opacity 0.18s ease, box-shadow 0.18s ease;
    box-shadow: 0 16px 34px rgba(255, 40, 0, 0.18);
    text-align: center;
}

.btn:hover {
    transform: translateY(-1px);
    opacity: 0.96;
}

.btn-inline {
    width: auto;
    min-width: 96px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    text-align: center;
}

.btn-danger {
    background: linear-gradient(135deg, #8f1800 0%, #bf2500 100%);
}

.btn-danger:hover {
    opacity: 0.95;
}

/* ALERTAS */
.error,
.success {
    padding: 14px 16px;
    border-radius: 16px;
    margin-bottom: 18px;
    font-size: 0.95rem;
    border: 1px solid transparent;
}

.error {
    background: rgba(255, 40, 0, 0.12);
    border-color: rgba(255, 40, 0, 0.22);
    color: #ff9c88;
}

.success {
    background: rgba(34, 197, 94, 0.10);
    border-color: rgba(34, 197, 94, 0.24);
    color: #8ff0b1;
}

/* TABELAS */
.table-wrap {
    width: 100%;
    overflow-x: auto;
    border-radius: 20px;
}

.table {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

.table th,
.table td {
    padding: 16px 14px;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    vertical-align: middle;
}

.table th {
    color: #f6f8fc;
    font-size: 0.95rem;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.015);
}

.table td {
    color: #d6dce6;
    font-size: 0.95rem;
}

.table tr:hover td {
    background: rgba(255, 255, 255, 0.018);
}

/* BADGES */
.badge,
.status-pill,
.task-status,
.finance-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 800;
    border: 1px solid rgba(255, 255, 255, 0.08);
    white-space: nowrap;
}

.badge {
    background: rgba(255, 40, 0, 0.08);
    border-color: rgba(255, 40, 0, 0.18);
    color: #ff9c88;
}

.status-pill,
.task-status {
    background: rgba(255, 255, 255, 0.03);
    color: #eef2fa;
}

.priority-alta,
.priority-urgente {
    background: rgba(255, 40, 0, 0.12);
    border-color: rgba(255, 40, 0, 0.24);
    color: #ff9c88;
}

.priority-media {
    background: rgba(255, 153, 0, 0.12);
    border-color: rgba(255, 153, 0, 0.24);
    color: #ffd08b;
}

.priority-baixa {
    background: rgba(34, 197, 94, 0.10);
    border-color: rgba(34, 197, 94, 0.24);
    color: #98efb7;
}

.finance-in {
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.24);
    color: #8ff0b1;
}

.finance-out {
    background: rgba(255, 40, 0, 0.12);
    border-color: rgba(255, 40, 0, 0.24);
    color: #ff9c88;
}

/* GRIDS */
.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

/* CARDS DE ÁREA */
.area-card {
    margin-bottom: 2px;
}

.area-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.area-card-header h3 {
    font-size: 1.35rem;
    margin-bottom: 6px;
    letter-spacing: -0.03em;
}

.area-card-header p {
    color: var(--muted);
    font-size: 0.92rem;
}

.area-title {
    font-size: 1.35rem;
    margin-bottom: 6px;
}

.area-gestao {
    color: #ff6d4d;
}

.area-marketing {
    color: #ff8759;
}

.area-empreendimento {
    color: #ffa167;
}

.area-engenharia {
    color: #ff7a4d;
}

.area-projeto-social {
    color: #ff9d82;
}

/* FINANCEIRO */
.finance-summary-grid {
    margin-bottom: 2px;
}

.finance-summary-card {
    position: relative;
    overflow: hidden;
}

.finance-summary-card::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, var(--primary) 0%, transparent 100%);
    opacity: 0.85;
}

.finance-summary-card h3 {
    margin-bottom: 10px;
    font-size: 1rem;
    color: #eef2fa;
}

.finance-value {
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0.03em;
}

.finance-value.positive {
    color: #8ff0b1;
}

.finance-value.negative {
    color: #ff9c88;
}

.finance-total-caixa {
    color: #ffffff !important;
}

.finance-layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 22px;
    align-items: start;
}

.finance-calendar-card {
    padding: 22px;
}

.finance-side-panel {
    position: sticky;
    top: 22px;
}

.finance-side-header {
    margin-bottom: 16px;
}

.finance-side-header h3 {
    font-size: 1.5rem;
    margin-bottom: 6px;
    letter-spacing: -0.03em;
}

.finance-side-header p {
    color: var(--muted);
    font-size: 0.92rem;
}

.finance-side-actions {
    margin-bottom: 18px;
}

.finance-day-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.finance-day-item {
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 20px;
    padding: 16px;
}

.finance-day-item.entry-in {
    border-left: 4px solid #22c55e;
}

.finance-day-item.entry-out {
    border-left: 4px solid var(--primary);
}

.finance-day-item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.finance-day-item h4 {
    font-size: 1.08rem;
    margin-bottom: 8px;
}

.finance-day-meta {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: var(--muted);
    font-size: 0.86rem;
    margin-bottom: 10px;
}

.finance-day-item p {
    color: #d7dde7;
    line-height: 1.65;
    margin-bottom: 12px;
}

.finance-day-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.finance-empty-state {
    background: rgba(255, 255, 255, 0.02);
    border: 1px dashed rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 24px;
    text-align: center;
    color: var(--muted);
}

.calendar-toolbar {
    margin-bottom: 18px;
}

.calendar-toolbar h3 {
    font-size: 1.45rem;
    margin-bottom: 6px;
    letter-spacing: -0.03em;
}

.calendar-toolbar p {
    color: var(--muted);
    font-size: 0.92rem;
}


/* ===============================
   CALENDÁRIO PREMIUM FINAL
================================ */

.calendar-header {
    margin-bottom: 18px;
}

.calendar-header h3 {
    margin-bottom: 6px;
    font-size: 1.35rem;
    letter-spacing: -0.03em;
}

.calendar-header p {
    color: var(--muted);
    font-size: 0.92rem;
}

.finance-calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
    background: rgba(255, 255, 255, 0.02);
    padding: 12px;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.calendar-weekday {
    text-align: center;
    padding: 12px;
    font-weight: 700;
    font-size: 0.85rem;
    color: #8e97a6;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
}

.calendar-day {
    min-height: 140px;
    background: linear-gradient(180deg, rgba(20, 22, 28, 0.90), rgba(12, 14, 18, 0.95));
    border-radius: 16px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: all 0.2s ease;
    border: 1px solid rgba(255, 255, 255, 0.04);
    position: relative;
    color: #fff;
}

.calendar-day:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 40, 0, 0.20);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.40);
}

.calendar-day.selected {
    border: 1px solid rgba(255, 40, 0, 0.40);
    box-shadow: 0 0 0 1px rgba(255, 40, 0, 0.15);
}

.calendar-day.today {
    background: linear-gradient(180deg, rgba(255, 40, 0, 0.08), rgba(20, 22, 28, 0.95));
    border: 1px solid rgba(255, 40, 0, 0.25);
}

.calendar-day.today::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    box-shadow: 0 0 20px rgba(255, 40, 0, 0.15);
    pointer-events: none;
}

.calendar-day.empty {
    background: transparent;
    border: 1px dashed rgba(255, 255, 255, 0.05);
}

.calendar-day-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.calendar-day-number {
    font-size: 0.95rem;
    font-weight: 700;
    color: #dce2ec;
}

.calendar-day-items {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.calendar-mini-badge {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    width: fit-content;
}

.calendar-mini-badge.income {
    background: rgba(34, 197, 94, 0.12);
    color: #7ef2a7;
}

.calendar-mini-badge.expense {
    background: rgba(255, 40, 0, 0.12);
    color: #ff8b75;
}

.calendar-mini-count {
    font-size: 0.70rem;
    color: #7d8595;
}

.calendar-empty-text {
    margin-top: auto;
    font-size: 0.70rem;
    color: #5c6472;
}


/* =========================================
   LOGIN FIRE APP - BLOCO ISOLADO
========================================= */

body:has(.fire-login-page) {
    overflow: hidden;
}

.fire-login-page {
    min-height: 100vh;
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background:
        radial-gradient(circle at top center, rgba(255, 40, 0, 0.14), transparent 28%),
        radial-gradient(circle at left top, rgba(255, 80, 40, 0.08), transparent 22%),
        linear-gradient(180deg, #050608 0%, #07090c 100%);
}

.fire-login-glow {
    position: absolute;
    border-radius: 999px;
    filter: blur(100px);
    pointer-events: none;
}

.fire-login-glow-1 {
    width: 320px;
    height: 320px;
    top: -60px;
    left: -40px;
    background: rgba(255, 40, 0, 0.12);
}

.fire-login-glow-2 {
    width: 300px;
    height: 300px;
    right: -40px;
    bottom: -50px;
    background: rgba(255, 60, 30, 0.08);
}

.fire-login-shell {
    width: 100%;
    max-width: 1120px;
    position: relative;
    z-index: 2;
}

.fire-login-card {
    width: 100%;
    min-height: 640px;
    max-height: calc(100vh - 48px);
    display: grid;
    grid-template-columns: 1.02fr 0.98fr;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(135deg, rgba(255, 40, 0, 0.06) 0%, transparent 35%),
        linear-gradient(180deg, rgba(18, 20, 27, 0.96) 0%, rgba(10, 12, 16, 0.98) 100%);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.42);
    backdrop-filter: blur(18px);
}

.fire-login-left {
    padding: 38px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        radial-gradient(circle at top left, rgba(255, 40, 0, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.02) 0%, transparent 100%);
}

.fire-login-right {
    padding: 38px 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.015) 100%);
    border-left: 1px solid rgba(255, 255, 255, 0.06);
}

.fire-login-logo-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.fire-login-logo {
    display: block;
    max-width: 170px;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.fire-login-badge {
    width: fit-content;
    min-height: 34px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255, 40, 0, 0.12);
    border: 1px solid rgba(255, 40, 0, 0.20);
    color: #ffad9a;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.fire-login-title {
    font-size: 2.8rem;
    line-height: 0.98;
    letter-spacing: -0.05em;
    margin-bottom: 16px;
    color: #ffffff;
}

.fire-login-title span {
    color: #ff5e3f;
}

.fire-login-text {
    max-width: 470px;
    font-size: 1rem;
    line-height: 1.7;
    color: #c8cfda;
    margin-bottom: 24px;
}

.fire-login-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.fire-login-list-item {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #eef2fa;
    font-size: 0.95rem;
    line-height: 1.5;
}

.fire-login-list-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff2800 0%, #ff5e3f 100%);
    box-shadow: 0 0 14px rgba(255, 40, 0, 0.34);
    flex-shrink: 0;
}

.fire-login-form-header {
    margin-bottom: 24px;
}

.fire-login-form-header h2 {
    font-size: 1.9rem;
    line-height: 1;
    letter-spacing: -0.04em;
    margin-bottom: 8px;
    color: #fff;
}

.fire-login-form-header p {
    color: #9ea6b4;
    font-size: 0.96rem;
    line-height: 1.6;
}

.fire-login-form .form-group {
    margin-bottom: 16px;
}

.fire-login-form .form-group input {
    min-height: 50px;
}

.fire-login-submit {
    margin-top: 8px;
    min-height: 52px;
}

@media (max-width: 1080px) {
    body:has(.fire-login-page) {
        overflow: auto;
    }

    .fire-login-page {
        height: auto;
        min-height: 100vh;
        padding: 18px;
    }

    .fire-login-card {
        min-height: auto;
        max-height: none;
        grid-template-columns: 1fr;
    }

    .fire-login-left,
    .fire-login-right {
        padding: 28px 24px;
    }

    .fire-login-right {
        border-left: none;
        border-top: 1px solid rgba(255,255,255,0.06);
    }

    .fire-login-title {
        font-size: 2.2rem;
    }

    .fire-login-logo {
        max-width: 145px;
    }
}

@media (max-width: 640px) {
    .fire-login-page {
        padding: 12px;
    }

    .fire-login-left,
    .fire-login-right {
        padding: 22px 18px;
    }

    .fire-login-title {
        font-size: 1.8rem;
    }

    .fire-login-text,
    .fire-login-list-item,
    .fire-login-form-header p {
        font-size: 0.9rem;
    }

    .fire-login-logo {
        max-width: 125px;
    }
}


@media (max-width: 900px) {
    .finance-calendar {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .finance-calendar {
        grid-template-columns: 1fr;
    }

    .calendar-weekday {
        display: none;
    }
}
/* =========================================
   PATCH FINAL - FINANCEIRO / CALENDÁRIO / MODAIS
========================================= */
 
/* garante que os modais fiquem realmente escondidos */
.finance-modal,
.finance-form-modal {
    position: fixed !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 10001 !important;
}
 
/* modal de detalhes */
.finance-modal {
    top: 50% !important;
    right: 24px !important;
    left: auto !important;
    bottom: auto !important;
    width: min(460px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 48px) !important;
    overflow: auto !important;
    transform: translateY(-50%) translateX(30px) !important;
    background: linear-gradient(180deg, rgba(17, 19, 25, 0.98), rgba(10, 12, 16, 0.98)) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 26px !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45) !important;
    padding: 22px !important;
}
 
/* modal de formulário */
.finance-form-modal {
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: min(720px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 48px) !important;
    overflow: auto !important;
    transform: translate(-50%, -50%) scale(0.96) !important;
    background: linear-gradient(180deg, rgba(17, 19, 25, 0.98), rgba(10, 12, 16, 0.98)) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 28px !important;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.5) !important;
    padding: 22px !important;
}
 
/* quando abrir */
.finance-modal.open {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(-50%) translateX(0) !important;
}
 
.finance-form-modal.open {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate(-50%, -50%) scale(1) !important;
}
 
/* backdrop */
.finance-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: blur(6px) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: 0.2s ease !important;
    z-index: 9998 !important;
}
 
.finance-modal-backdrop.open {
    opacity: 1 !important;
    pointer-events: auto !important;
}
 
body.modal-open {
    overflow: hidden !important;
}
 
/* cabeçalhos dos modais */
.finance-modal-header,
.finance-form-modal-header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 18px !important;
}
 
.finance-modal-header h3,
.finance-form-modal-header h3 {
    font-size: 1.5rem !important;
    margin-bottom: 6px !important;
    letter-spacing: -0.03em !important;
}
 
.finance-modal-header p,
.finance-form-modal-header p {
    color: var(--muted) !important;
    font-size: 0.92rem !important;
}
 
.finance-modal-close {
    width: 42px !important;
    height: 42px !important;
    border: none !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: #fff !important;
    font-size: 1.5rem !important;
    cursor: pointer !important;
    transition: 0.18s ease !important;
}
 
.finance-modal-close:hover {
    background: rgba(255, 40, 0, 0.14) !important;
}
 
.finance-modal-actions {
    margin-bottom: 18px !important;
}
 
.finance-modal-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}
 
/* formulário do modal */
.finance-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
}
 
.finance-form-full {
    grid-column: 1 / -1 !important;
}
 
.finance-form-actions {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 6px !important;
    flex-wrap: wrap !important;
}
 
/* fullcalendar mais bonito */
#finance-calendar {
    width: 100% !important;
}
 
#finance-calendar .fc {
    --fc-border-color: rgba(255, 255, 255, 0.08);
    --fc-page-bg-color: transparent;
    --fc-neutral-bg-color: transparent;
    --fc-list-event-hover-bg-color: rgba(255, 255, 255, 0.04);
    --fc-today-bg-color: rgba(255, 40, 0, 0.08);
    color: #fff !important;
}
 
#finance-calendar .fc-toolbar {
    margin-bottom: 18px !important;
}
 
#finance-calendar .fc-toolbar-title {
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    color: #fff !important;
    letter-spacing: -0.03em !important;
}
 
#finance-calendar .fc-button {
    background: linear-gradient(135deg, var(--primary) 0%, #ff4d2d 100%) !important;
    border: none !important;
    border-radius: 14px !important;
    padding: 10px 14px !important;
    box-shadow: none !important;
    font-weight: 800 !important;
}
 
#finance-calendar .fc-button:hover {
    opacity: 0.96 !important;
}
 
#finance-calendar .fc-button:disabled {
    opacity: 0.55 !important;
}
 
#finance-calendar .fc-scrollgrid,
#finance-calendar .fc-theme-standard td,
#finance-calendar .fc-theme-standard th {
    border-color: rgba(255, 255, 255, 0.08) !important;
}
 
#finance-calendar .fc-col-header-cell {
    background: rgba(255, 255, 255, 0.025) !important;
    padding: 10px 0 !important;
}
 
#finance-calendar .fc-col-header-cell-cushion {
    color: #cfd6e2 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-transform: lowercase !important;
}
 
#finance-calendar .fc-daygrid-day {
    background: rgba(255, 255, 255, 0.02) !important;
    transition: background 0.18s ease !important;
}
 
#finance-calendar .fc-daygrid-day:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}
 
#finance-calendar .fc-daygrid-day.fc-day-today {
    background: rgba(255, 40, 0, 0.07) !important;
}
 
#finance-calendar .fc-daygrid-day-number {
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    padding: 10px !important;
}
 
#finance-calendar .fc-daygrid-day-frame {
    min-height: 135px !important;
}
 
#finance-calendar .fc-daygrid-event {
    border: none !important;
    border-radius: 10px !important;
    padding: 3px 8px !important;
    margin: 2px 6px !important;
    font-size: 0.76rem !important;
    font-weight: 800 !important;
}
 
#finance-calendar .fc-finance-in {
    background: rgba(34, 197, 94, 0.16) !important;
    color: #8ff0b1 !important;
}
 
#finance-calendar .fc-finance-out {
    background: rgba(255, 40, 0, 0.16) !important;
    color: #ff9c88 !important;
}
 
#finance-calendar .fc-daygrid-more-link {
    color: var(--primary) !important;
    font-weight: 800 !important;
}
 
/* detalhes do dia */
.finance-day-item {
    background: rgba(255, 255, 255, 0.025) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 20px !important;
    padding: 16px !important;
}
 
.finance-day-item.entry-in {
    border-left: 4px solid #22c55e !important;
}
 
.finance-day-item.entry-out {
    border-left: 4px solid var(--primary) !important;
}
 
.finance-day-item-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 10px !important;
}
 
.finance-day-item h4 {
    font-size: 1.08rem !important;
    margin-bottom: 8px !important;
}
 
.finance-day-meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    color: var(--muted) !important;
    font-size: 0.86rem !important;
    margin-bottom: 10px !important;
}
 
.finance-day-item p {
    color: #d7dde7 !important;
    line-height: 1.65 !important;
    margin-bottom: 12px !important;
}
 
.finance-day-buttons {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}
 
/* responsivo */
@media (max-width: 980px) {
    .finance-modal {
        left: 12px !important;
        right: 12px !important;
        top: auto !important;
        bottom: 12px !important;
        width: auto !important;
        max-height: 72vh !important;
        transform: translateY(30px) !important;
    }
 
    .finance-modal.open {
        transform: translateY(0) !important;
    }
}
 
@media (max-width: 760px) {
    .finance-form-grid {
        grid-template-columns: 1fr !important;
    }
 
    .finance-form-modal {
        width: calc(100vw - 16px) !important;
        max-height: calc(100vh - 16px) !important;
        padding: 18px !important;
    }
}
/* PATCH FINAL DOS MODAIS */
.finance-modal-backdrop {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: blur(6px) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease !important;
    z-index: 9998 !important;
}

.finance-modal-backdrop.open {
    display: block !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.finance-modal {
    display: none !important;
    position: fixed !important;
    top: 50% !important;
    right: 24px !important;
    left: auto !important;
    bottom: auto !important;
    width: min(460px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 48px) !important;
    overflow: auto !important;
    transform: translateY(-50%) translateX(30px) !important;
    background: linear-gradient(180deg, rgba(17, 19, 25, 0.98), rgba(10, 12, 16, 0.98)) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 26px !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45) !important;
    padding: 22px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease, transform 0.22s ease !important;
    z-index: 9999 !important;
}

.finance-modal.open {
    display: block !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(-50%) translateX(0) !important;
}

.finance-form-modal {
    display: none !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: min(720px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 48px) !important;
    overflow: auto !important;
    transform: translate(-50%, -50%) scale(0.96) !important;
    background: linear-gradient(180deg, rgba(17, 19, 25, 0.98), rgba(10, 12, 16, 0.98)) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 28px !important;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.5) !important;
    padding: 22px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease, transform 0.22s ease !important;
    z-index: 10001 !important;
}

.finance-form-modal.open {
    display: block !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

body.modal-open {
    overflow: hidden !important;
}

@media (max-width: 980px) {
    .finance-modal {
        left: 12px !important;
        right: 12px !important;
        top: auto !important;
        bottom: 12px !important;
        width: auto !important;
        max-height: 72vh !important;
        transform: translateY(30px) !important;
    }

    .finance-modal.open {
        transform: translateY(0) !important;
    }
}

@media (max-width: 760px) {
    .finance-form-modal {
        width: calc(100vw - 16px) !important;
        max-height: calc(100vh - 16px) !important;
        padding: 18px !important;
    }
}
[hidden] {
    display: none !important;
}

.finance-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: blur(6px) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease !important;
    z-index: 9998 !important;
}

.finance-modal-backdrop.open {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.finance-modal {
    position: fixed !important;
    top: 50% !important;
    right: 24px !important;
    left: auto !important;
    bottom: auto !important;
    width: min(460px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 48px) !important;
    overflow: auto !important;
    transform: translateY(-50%) translateX(30px) !important;
    background: linear-gradient(180deg, rgba(17, 19, 25, 0.98), rgba(10, 12, 16, 0.98)) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 26px !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45) !important;
    padding: 22px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease, transform 0.22s ease !important;
    z-index: 9999 !important;
}

.finance-modal.open {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(-50%) translateX(0) !important;
}

.finance-form-modal {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: min(720px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 48px) !important;
    overflow: auto !important;
    transform: translate(-50%, -50%) scale(0.96) !important;
    background: linear-gradient(180deg, rgba(17, 19, 25, 0.98), rgba(10, 12, 16, 0.98)) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 28px !important;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.5) !important;
    padding: 22px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease, transform 0.22s ease !important;
    z-index: 10001 !important;
}

.finance-form-modal.open {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

body.modal-open {
    overflow: hidden !important;
}
.finance-summary-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

@media (max-width: 1200px) {
    .finance-summary-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .finance-summary-grid-4 {
        grid-template-columns: 1fr;
    }
}
/* ===== CORREÇÃO FINAL DO FINANCEIRO ===== */

[hidden] {
    display: none !important;
}

/* cards em linha */
.finance-summary-grid-4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin-bottom: 18px !important;
}

@media (max-width: 1200px) {
    .finance-summary-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    .finance-summary-grid-4 {
        grid-template-columns: 1fr !important;
    }
}

/* backdrop */
.finance-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: blur(6px) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease !important;
    z-index: 9998 !important;
}

.finance-modal-backdrop.open {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* modal detalhe */
.finance-modal {
    position: fixed !important;
    top: 50% !important;
    right: 24px !important;
    left: auto !important;
    bottom: auto !important;
    width: min(460px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 48px) !important;
    overflow: auto !important;
    transform: translateY(-50%) translateX(30px) !important;
    background: linear-gradient(180deg, rgba(17, 19, 25, 0.98), rgba(10, 12, 16, 0.98)) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 26px !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45) !important;
    padding: 22px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease, transform 0.22s ease !important;
    z-index: 9999 !important;
}

.finance-modal.open {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(-50%) translateX(0) !important;
}

/* modal formulário */
.finance-form-modal {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: min(720px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 48px) !important;
    overflow: auto !important;
    transform: translate(-50%, -50%) scale(0.96) !important;
    background: linear-gradient(180deg, rgba(17, 19, 25, 0.98), rgba(10, 12, 16, 0.98)) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 28px !important;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.5) !important;
    padding: 22px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease, transform 0.22s ease !important;
    z-index: 10001 !important;
}

.finance-form-modal.open {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

/* estrutura dos modais */
.finance-modal-header,
.finance-form-modal-header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 18px !important;
}

.finance-modal-actions {
    margin-bottom: 18px !important;
}

.finance-modal-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

.finance-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

.finance-form-full {
    grid-column: 1 / -1 !important;
}

.finance-form-actions {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 6px !important;
    flex-wrap: wrap !important;
}

body.modal-open {
    overflow: hidden !important;
}

@media (max-width: 980px) {
    .finance-modal {
        left: 12px !important;
        right: 12px !important;
        top: auto !important;
        bottom: 12px !important;
        width: auto !important;
        max-height: 72vh !important;
        transform: translateY(30px) !important;
    }

    .finance-modal.open {
        transform: translateY(0) !important;
    }
}

@media (max-width: 760px) {
    .finance-form-grid {
        grid-template-columns: 1fr !important;
    }

    .finance-form-modal {
        width: calc(100vw - 16px) !important;
        max-height: calc(100vh - 16px) !important;
        padding: 18px !important;
    }
}
/* =========================================
   AJUSTE FINAL DE TIPOGRAFIA + CALENDÁRIO + SELECTS
========================================= */

/* valores dos cards mais finos */
.finance-value {
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
}

/* títulos dos cards um pouco mais limpos */
.finance-summary-card h3 {
    font-weight: 700 !important;
}

/* botões menos pesados */
.btn,
.btn-inline,
.sidebar-logout-btn,
.fc .fc-button {
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
}

/* botões do topo do calendário */
#finance-calendar .fc-button {
    min-height: 54px !important;
    padding: 0 18px !important;
    font-size: 0.98rem !important;
}

/* título do mês */
#finance-calendar .fc-toolbar-title {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
}

/* remove branco do cabeçalho do calendário */
#finance-calendar .fc-col-header-cell {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

#finance-calendar .fc-col-header-cell-cushion {
    color: #aeb7c6 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* linhas do calendário mais suaves */
#finance-calendar .fc-scrollgrid,
#finance-calendar .fc-theme-standard td,
#finance-calendar .fc-theme-standard th {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* fundo dos dias */
#finance-calendar .fc-daygrid-day {
    background: linear-gradient(180deg, rgba(14, 17, 24, 0.96), rgba(10, 12, 18, 0.98)) !important;
}

#finance-calendar .fc-daygrid-day:hover {
    background: linear-gradient(180deg, rgba(18, 22, 30, 0.98), rgba(12, 14, 20, 1)) !important;
}

/* dia atual */
#finance-calendar .fc-daygrid-day.fc-day-today {
    background: linear-gradient(180deg, rgba(255, 40, 0, 0.08), rgba(16, 18, 24, 0.98)) !important;
}

/* número do dia */
#finance-calendar .fc-daygrid-day-number {
    color: #f3f5f9 !important;
    font-weight: 700 !important;
}

/* eventos */
#finance-calendar .fc-daygrid-event {
    font-weight: 700 !important;
}

/* ===== SELECTS ESCUROS EM TODO O SITE ===== */
select,
.form-group select,
#finance_type,
#financeForm select {
    background-color: #12151c !important;
    color: #f5f7fb !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    appearance: auto;
}

/* opções dentro do select */
select option,
.form-group select option {
    background: #0f1319 !important;
    color: #f5f7fb !important;
}

/* option ao passar ou selecionar em alguns navegadores */
select option:hover,
select option:checked,
select option:focus {
    background: #1a2230 !important;
    color: #ffffff !important;
}

/* placeholder visual do select */
select:invalid {
    color: #cdd5e1 !important;
}

/* seta e área interna em navegadores webkit */
select::-ms-expand {
    background: #12151c !important;
    color: #ffffff !important;
}

/* inputs do modal financeiro mais consistentes */
.finance-form-modal input,
.finance-form-modal select,
.finance-form-modal textarea {
    background: #12151c !important;
    color: #f5f7fb !important;
}

/* campo focado */
.finance-form-modal input:focus,
.finance-form-modal select:focus,
.finance-form-modal textarea:focus,
.form-group select:focus {
    border-color: rgba(255, 40, 0, 0.38) !important;
    box-shadow: 0 0 0 4px rgba(255, 40, 0, 0.08) !important;
}

/* ===== SELECT CUSTOM DO NAVEGADOR NO MODO ESCURO ===== */
html {
    color-scheme: dark;
}
/* =========================================
   MELHORIA DO CABEÇALHO DOS DIAS DO CALENDÁRIO
========================================= */

#finance-calendar .fc-col-header {
    background: transparent !important;
}

#finance-calendar .fc-col-header-cell {
    background: linear-gradient(180deg, rgba(18, 22, 30, 0.98), rgba(12, 16, 22, 0.98)) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    padding: 0 !important;
    height: 58px !important;
    vertical-align: middle !important;
}

#finance-calendar .fc-col-header-cell:first-child {
    border-top-left-radius: 16px !important;
}

#finance-calendar .fc-col-header-cell:last-child {
    border-top-right-radius: 16px !important;
}

#finance-calendar .fc-col-header-cell-cushion {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 58px !important;
    width: 100% !important;
    color: #7f8da3 !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    text-decoration: none !important;
    text-transform: lowercase !important;
}

/* deixa a linha entre header e dias mais suave */
#finance-calendar .fc-theme-standard thead tr th {
    border-color: rgba(255, 255, 255, 0.06) !important;
}

/* remove aquele aspecto acinzentado forte */
#finance-calendar .fc-scrollgrid-section-header > th {
    background: transparent !important;
}

/* ajuste fino no bloco inteiro do topo */
#finance-calendar .fc-scrollgrid {
    border-radius: 18px !important;
    overflow: hidden !important;
}

/* hover sutil no nome do dia */
#finance-calendar .fc-col-header-cell:hover .fc-col-header-cell-cushion {
    color: #c7d0dc !important;
}
.logo-icon {
    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;
    background: linear-gradient(135deg, #ff3b1f, #ff1a00);

    overflow: hidden;
}

/* imagem dentro */
.logo-icon img {
    width: 70%;
    height: 70%;
    object-fit: contain;

    filter: brightness(0) invert(1); /* deixa branco */
}

/* =========================================
   PERFIL - BLOCO FINAL CONSOLIDADO
========================================= */

[hidden] {
    display: none !important;
}

body.modal-open {
    overflow: hidden !important;
}

.sidebar-user-card {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sidebar-user-avatar {
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    border-radius: 18px !important;
    flex-shrink: 0 !important;
    font-size: 1.3rem !important;
}

.sidebar-user-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.sidebar-user-info {
    min-width: 0;
}

.sidebar-user-info strong,
.sidebar-user-info span {
    display: block;
    line-height: 1.2;
}

.sidebar-user-info strong {
    font-size: 0.98rem;
}

.sidebar-user-info span {
    font-size: 0.86rem;
    color: #9ea6b4;
}

.profile-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.58) !important;
    backdrop-filter: blur(6px) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.18s ease !important;
    z-index: 9998 !important;
}

.profile-modal-backdrop.open {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.profile-modal {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) scale(0.96) !important;
    width: min(1120px, calc(100vw - 24px)) !important;
    max-height: 92vh !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.18s ease, transform 0.18s ease !important;
    z-index: 9999 !important;
    background: linear-gradient(180deg, rgba(17, 19, 25, 0.98), rgba(10, 12, 16, 0.98)) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 28px !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45) !important;
    padding: 24px !important;
}

.profile-modal.open {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

.profile-modal-header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 18px !important;
}

.profile-modal-header h3 {
    color: #fff !important;
    font-size: 1.65rem !important;
    margin: 0 0 6px !important;
}

.profile-modal-header p {
    color: #9ea6b4 !important;
    margin: 0 !important;
}

.profile-modal-close {
    width: 48px !important;
    height: 48px !important;
    border: none !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: #fff !important;
    font-size: 1.7rem !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

.profile-modal-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    overflow: hidden !important;
    min-height: 0 !important;
}

.profile-user-top,
.profile-section {
    padding: 18px !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.profile-user-top {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    min-height: 145px !important;
}

.profile-avatar-large {
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    min-height: 84px !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, rgba(255, 40, 0, 0.18), rgba(255, 40, 0, 0.08)) !important;
    border: 1px solid rgba(255, 40, 0, 0.18) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    position: relative !important;
    cursor: pointer !important;
}

.profile-avatar-large img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.profile-avatar-edit {
    position: absolute !important;
    right: 6px !important;
    bottom: 6px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    background: #ff2800 !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.75rem !important;
    box-shadow: 0 8px 20px rgba(255, 40, 0, 0.35) !important;
    pointer-events: none !important;
}

.profile-user-main h4 {
    margin: 0 0 6px !important;
    color: #fff !important;
    font-size: 1.45rem !important;
}

.profile-user-main p {
    margin: 0 0 12px !important;
    color: #9ea6b4 !important;
    font-size: 1rem !important;
}

.profile-top-badges {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.profile-role-badge,
.profile-status-badge {
    display: inline-flex !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
}

.profile-role-badge {
    background: rgba(255, 40, 0, 0.12) !important;
    border: 1px solid rgba(255, 40, 0, 0.22) !important;
    color: #ff9c88 !important;
    text-transform: capitalize !important;
}

.profile-status-badge {
    background: rgba(126, 242, 167, 0.10) !important;
    border: 1px solid rgba(126, 242, 167, 0.18) !important;
    color: #7ef2a7 !important;
    text-transform: capitalize !important;
}

.profile-content-grid {
    display: grid !important;
    grid-template-columns: 0.92fr 1.08fr !important;
    gap: 16px !important;
    align-items: start !important;
    min-height: 0 !important;
}

.profile-left-column,
.profile-right-column {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    min-width: 0 !important;
}

.profile-label {
    display: block !important;
    color: #fff !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
    font-size: 1rem !important;
}

#profilePhotoForm {
    min-height: 128px !important;
    padding: 16px !important;
    justify-content: flex-start !important;
}

#profilePhotoForm .btn {
    min-height: 44px !important;
    padding: 10px 18px !important;
}

.profile-upload-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.profile-upload-button {
    border: none !important;
    cursor: pointer !important;
}

.profile-file-name {
    font-size: 0.9rem !important;
    color: #9ea6b4 !important;
    word-break: break-word !important;
}

.profile-permissions-list,
#profilePermissions {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    max-height: 380px !important;
    min-height: 380px !important;
    overflow-y: auto !important;
    padding-right: 4px !important;
}

#profilePermissions::-webkit-scrollbar,
.profile-permissions-list::-webkit-scrollbar {
    width: 6px !important;
}

#profilePermissions::-webkit-scrollbar-thumb,
.profile-permissions-list::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.16) !important;
    border-radius: 999px !important;
}

.profile-permission-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 50px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #e5e7eb !important;
    font-size: 0.95rem !important;
}

.profile-permission-item strong {
    color: #fff !important;
}

#profilePasswordForm {
    min-height: 522px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

.profile-password-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: auto !important;
}

#profilePasswordForm .profile-upload-row {
    margin-top: 18px !important;
}

.profile-message {
    margin-top: 12px !important;
    font-size: 0.92rem !important;
    min-height: 20px !important;
}

.profile-message .success {
    color: #7ef2a7 !important;
}

.profile-message .error {
    color: #ff9c88 !important;
}

.profile-section input[type="password"] {
    width: 100% !important;
    min-height: 58px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: #12151c !important;
    color: #f5f7fb !important;
    padding: 14px 16px !important;
    outline: none !important;
}

.profile-section input[type="password"]:focus {
    border-color: rgba(255, 40, 0, 0.38) !important;
    box-shadow: 0 0 0 4px rgba(255, 40, 0, 0.08) !important;
}

@media (max-width: 980px) {
    .profile-modal {
        width: calc(100vw - 16px) !important;
    }

    .profile-content-grid {
        grid-template-columns: 1fr !important;
    }

    .profile-permissions-list,
    #profilePermissions {
        max-height: 240px !important;
        min-height: 240px !important;
    }

    #profilePasswordForm {
        min-height: 360px !important;
    }

    .profile-user-top {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

/* =========================================
   PERFIL - LAYOUT FINAL FORÇADO
========================================= */

.profile-modal {
    width: min(980px, calc(100vw - 24px)) !important;
    max-height: 90vh !important;
    overflow: hidden !important;
    padding: 22px !important;
}

.profile-modal-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    overflow: hidden !important;
    min-height: 0 !important;
}

.profile-user-top {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    min-height: 132px !important;
    padding: 16px 18px !important;
    border-radius: 22px !important;
}

.profile-avatar-large {
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    font-size: 1.7rem !important;
}

.profile-avatar-large img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.profile-avatar-edit {
    width: 22px !important;
    height: 22px !important;
    right: 5px !important;
    bottom: 5px !important;
    font-size: 0.72rem !important;
}

.profile-user-main h4 {
    margin: 0 0 4px !important;
    font-size: 1.1rem !important;
}

.profile-user-main p {
    margin: 0 0 10px !important;
    font-size: 0.92rem !important;
}

.profile-role-badge,
.profile-status-badge {
    padding: 6px 11px !important;
    font-size: 0.78rem !important;
}

/* GRID IGUAL AO MOCKUP */
.profile-content-grid {
    display: grid !important;
    grid-template-columns: 0.88fr 1.12fr !important;
    gap: 14px !important;
    align-items: stretch !important;
    min-height: 0 !important;
}

.profile-left-column {
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    gap: 14px !important;
    min-width: 0 !important;
    min-height: 0 !important;
}

.profile-right-column {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    min-height: 0 !important;
}

/* CARD FOTO PEQUENO EM CIMA */
#profilePhotoForm {
    min-height: 150px !important;
    max-height: 150px !important;
    padding: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 10px !important;
}

#profilePhotoForm .profile-upload-row:first-of-type {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
}

#profilePhotoForm .profile-file-name {
    font-size: 0.9rem !important;
    color: #9ea6b4 !important;
    white-space: normal !important;
    word-break: break-word !important;
}

#profilePhotoForm .btn {
    min-height: 42px !important;
    padding: 10px 16px !important;
}

#profilePhotoMessage {
    display: none !important;
}

/* CARD PERMISSÕES GRANDE EMBAIXO */
#profilePermissions,
.profile-permissions-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    flex: 1 1 auto !important;
    min-height: 260px !important;
    max-height: 320px !important;
    overflow-y: auto !important;
    padding-right: 4px !important;
}

#profilePermissions::-webkit-scrollbar,
.profile-permissions-list::-webkit-scrollbar {
    width: 6px !important;
}

#profilePermissions::-webkit-scrollbar-thumb,
.profile-permissions-list::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.16) !important;
    border-radius: 999px !important;
}

.profile-permission-item {
    min-height: 44px !important;
    padding: 10px 14px !important;
    border-radius: 14px !important;
    font-size: 0.93rem !important;
}

/* CARD SENHA NA DIREITA */
#profilePasswordForm {
    height: 100% !important;
    min-height: 424px !important;
    padding: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 14px !important;
}

.profile-password-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 6px !important;
}

#profilePasswordForm input[type="password"] {
    min-height: 54px !important;
    border-radius: 16px !important;
    padding: 14px 16px !important;
}

#profilePasswordForm .profile-upload-row {
    margin-top: auto !important;
    padding-top: 6px !important;
}

#profilePasswordForm .btn {
    min-height: 46px !important;
    padding: 10px 18px !important;
}

#profilePasswordMessage {
    margin-top: 0 !important;
    min-height: 18px !important;
}

/* SIDEBAR */
.sidebar-user-card {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.sidebar-user-avatar {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

.sidebar-user-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* RESPONSIVO */
@media (max-width: 940px) {
    .profile-modal {
        width: calc(100vw - 16px) !important;
    }

    .profile-content-grid {
        grid-template-columns: 1fr !important;
    }

    #profilePhotoForm {
        max-height: none !important;
    }

    #profilePermissions,
    .profile-permissions-list {
        min-height: 220px !important;
        max-height: 220px !important;
    }

    #profilePasswordForm {
        min-height: 340px !important;
    }
}
/* ===== PERFIL - AJUSTE FINAL DEFINITIVO ===== */

.profile-modal {
    width: min(1080px, calc(100vw - 24px)) !important;
    max-height: 92vh !important;
    overflow: hidden !important;
}

.profile-modal-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    overflow: hidden !important;
    min-height: 0 !important;
}

.profile-content-grid {
    display: grid !important;
    grid-template-columns: 0.92fr 1.08fr !important;
    gap: 16px !important;
    align-items: stretch !important;
    min-height: 0 !important;
}

.profile-left-column {
    display: grid !important;
    grid-template-rows: auto 1fr !important;
    gap: 16px !important;
    min-height: 0 !important;
}

.profile-right-column {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
}

/* CARD FOTO */
#profilePhotoForm {
    min-height: 190px !important;
    max-height: 190px !important;
    padding: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    overflow: hidden !important;
}

.profile-upload-top-row {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: nowrap !important;
}

.profile-upload-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin-top: 2px !important;
}

#profilePhotoForm .btn {
    min-height: 44px !important;
    padding: 10px 18px !important;
}

.profile-file-name {
    color: #9ea6b4 !important;
    font-size: 0.95rem !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
    white-space: normal !important;
}

#profilePhotoMessage {
    display: none !important;
}

/* CARD PERMISSÕES */
.profile-left-column .profile-section:last-child {
    min-height: 360px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

#profilePermissions,
.profile-permissions-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    padding-right: 4px !important;
}

#profilePermissions::-webkit-scrollbar,
.profile-permissions-list::-webkit-scrollbar {
    width: 6px !important;
}

#profilePermissions::-webkit-scrollbar-thumb,
.profile-permissions-list::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.16) !important;
    border-radius: 999px !important;
}

.profile-permission-item {
    min-height: 50px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* CARD SENHA */
#profilePasswordForm {
    min-height: 566px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding: 18px !important;
}

.profile-password-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin-top: 18px !important;
}

#profilePasswordForm input[type="password"] {
    min-height: 64px !important;
    padding: 16px 18px !important;
    border-radius: 18px !important;
}

#profilePasswordForm .profile-upload-row {
    margin-top: auto !important;
    padding-top: 18px !important;
}

#profilePasswordForm .btn {
    min-height: 48px !important;
    padding: 10px 18px !important;
}

#profilePasswordMessage {
    min-height: 20px !important;
    margin-top: 10px !important;
}

/* TOPO */
.profile-user-top {
    min-height: 150px !important;
    padding: 18px !important;
}

.profile-avatar-large {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
}

.profile-user-main h4 {
    font-size: 1.2rem !important;
}

.profile-user-main p {
    font-size: 0.95rem !important;
}

/* RESPONSIVO */
@media (max-width: 980px) {
    .profile-content-grid {
        grid-template-columns: 1fr !important;
    }

    #profilePhotoForm {
        max-height: none !important;
        min-height: 180px !important;
    }

    .profile-left-column .profile-section:last-child {
        min-height: 240px !important;
    }

    #profilePasswordForm {
        min-height: 360px !important;
    }
}

/* ===== PERFIL - FORMATAÇÃO VISUAL FINAL ===== */

.profile-modal {
    width: min(1080px, calc(100vw - 24px)) !important;
    max-height: 92vh !important;
    overflow: hidden !important;
}

.profile-modal-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    overflow: hidden !important;
    min-height: 0 !important;
}

/* TOPO COM 2 COLUNAS */
.profile-top-grid {
    display: grid !important;
    grid-template-columns: 0.92fr 1.08fr !important;
    gap: 14px !important;
    align-items: stretch !important;
}

.profile-top-spacer {
    border-radius: 22px !important;
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    min-height: 150px !important;
}

.profile-user-top {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    min-height: 150px !important;
    padding: 18px !important;
    border-radius: 22px !important;
}

.profile-avatar-large {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px !important;
    min-height: 82px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    position: relative !important;
}

.profile-avatar-large img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.profile-avatar-edit {
    width: 22px !important;
    height: 22px !important;
    right: 5px !important;
    bottom: 5px !important;
    font-size: .72rem !important;
}

.profile-user-main h4 {
    margin: 0 0 4px !important;
    font-size: 1.12rem !important;
}

.profile-user-main p {
    margin: 0 0 10px !important;
    font-size: .94rem !important;
}

.profile-role-badge,
.profile-status-badge {
    padding: 6px 12px !important;
    font-size: .8rem !important;
}

/* PARTE DE BAIXO */
.profile-bottom-grid {
    display: grid !important;
    grid-template-columns: 0.92fr 1.08fr !important;
    gap: 14px !important;
    align-items: start !important;
    min-height: 0 !important;
}

.profile-left-column {
    display: grid !important;
    grid-template-rows: 156px minmax(280px, 1fr) !important;
    gap: 14px !important;
    min-height: 0 !important;
}

.profile-right-column {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
}

/* CARD FOTO */
#profilePhotoForm {
    min-height: 156px !important;
    max-height: 156px !important;
    padding: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    overflow: hidden !important;
}

.profile-upload-top-row {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: nowrap !important;
}

.profile-upload-actions {
    display: flex !important;
    justify-content: flex-start !important;
    margin-top: 2px !important;
}

#profilePhotoForm .btn {
    min-height: 42px !important;
    padding: 10px 18px !important;
}

.profile-file-name {
    color: #9ea6b4 !important;
    font-size: .92rem !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
}

#profilePhotoMessage {
    display: none !important;
}

/* CARD PERMISSÕES */
.profile-permissions-card {
    min-height: 300px !important;
    max-height: 300px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

#profilePermissions,
.profile-permissions-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    padding-right: 4px !important;
}

#profilePermissions::-webkit-scrollbar,
.profile-permissions-list::-webkit-scrollbar {
    width: 6px !important;
}

#profilePermissions::-webkit-scrollbar-thumb,
.profile-permissions-list::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.16) !important;
    border-radius: 999px !important;
}

.profile-permission-item {
    min-height: 48px !important;
    padding: 11px 14px !important;
    border-radius: 14px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* CARD SENHA */
#profilePasswordForm {
    min-height: 470px !important;
    max-height: 470px !important;
    padding: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
}

.profile-password-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 18px !important;
}

#profilePasswordForm input[type="password"] {
    min-height: 58px !important;
    border-radius: 16px !important;
    padding: 14px 16px !important;
}

.profile-password-actions {
    margin-top: auto !important;
    padding-top: 16px !important;
}

#profilePasswordForm .btn {
    min-height: 46px !important;
    padding: 10px 18px !important;
}

#profilePasswordMessage {
    display: none !important;
}

/* RESPONSIVO */
@media (max-width: 980px) {
    .profile-top-grid,
    .profile-bottom-grid {
        grid-template-columns: 1fr !important;
    }

    .profile-left-column {
        grid-template-rows: auto auto !important;
    }

    #profilePhotoForm {
        max-height: none !important;
    }

    .profile-permissions-card,
    #profilePasswordForm {
        max-height: none !important;
        min-height: 280px !important;
    }
}

/* CALENDÁRIO PADRÃO FINANCEIRO */

#tasks-calendar {
    margin-top: 10px;
}

#tasks-calendar .fc {
    color: #f5f7fb;
}

#tasks-calendar .fc-toolbar-title {
    font-size: 1.9rem;
    font-weight: 800;
    text-transform: lowercase;
}

#tasks-calendar .fc-button {
    background: linear-gradient(180deg,#ff5529,#ff3b14) !important;
    border: none !important;
    border-radius: 14px !important;
    font-weight: 700;
    padding: 8px 14px;
}

#tasks-calendar .fc-button:hover {
    filter: brightness(1.05);
}

#tasks-calendar .fc-today-button {
    background: rgba(255,72,32,.6) !important;
}

#tasks-calendar .fc-scrollgrid {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(180deg,#090d18,#070a12);
}

#tasks-calendar th {
    background: #0b1221;
    color: #92a0bb;
    font-weight: 700;
}

#tasks-calendar td {
    border-color: rgba(255,255,255,.08);
}

#tasks-calendar .fc-daygrid-day {
    background: linear-gradient(180deg,#080c16,#050912);
}

#tasks-calendar .fc-daygrid-day:hover {
    background: #0c1220;
}

#tasks-calendar .fc-day-today {
    background: rgba(255,70,30,.1);
}

#tasks-calendar .fc-daygrid-day-number {
    font-weight: 700;
    font-size: 1rem;
    padding: 8px;
}

/* EVENTOS BONITOS */
#tasks-calendar .fc-h-event {
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    border: none;
}

/* cores */
.fc-task-pendente {
    background: #5c2a0f !important;
}

.fc-task-em_andamento {
    background: #1f4b8a !important;
}

.fc-task-concluida {
    background: #1d6b4a !important;
}

/* =========================
   RESPONSIVO TABLET / MOBILE
   sem alterar desktop
========================= */

@media (max-width: 1024px) {
    .admin-shell {
        display: block !important;
    }

    .sidebar {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: unset !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(255,255,255,.06) !important;
        padding-bottom: 16px !important;
    }

    .sidebar-top,
    .sidebar-bottom {
        width: 100% !important;
    }

    .sidebar-nav {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .sidebar-nav a {
        min-height: 56px !important;
        display: flex !important;
        align-items: center !important;
    }

    .sidebar-user-card {
        margin-top: 16px !important;
    }

    .admin-main {
        width: 100% !important;
        min-width: 0 !important;
        padding: 18px !important;
    }

    .topbar {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
    }

    .topbar-right {
        width: 100% !important;
        display: flex !important;
        justify-content: flex-start !important;
    }

    .page-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
    }

    .page-header > div:last-child {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        justify-content: flex-start !important;
    }

    .grid-4,
    .finance-summary-grid-4,
    .stock-summary-grid,
    .grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .grid-2,
    .finance-form-grid,
    .profile-top-grid,
    .profile-bottom-grid {
        grid-template-columns: 1fr !important;
    }

    .content-card,
    .finance-summary-card,
    .stock-summary-card,
    .demands-area-card {
        min-width: 0 !important;
    }

    .finance-modal,
    .finance-form-modal,
    .profile-modal {
        width: min(100vw - 24px, 920px) !important;
        max-width: 920px !important;
        max-height: 90vh !important;
    }

    .stock-table-wrap,
    .finance-table-wrap,
    .table-wrap {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

@media (max-width: 768px) {
    .sidebar {
        padding: 14px !important;
    }

    .brand-block {
        margin-bottom: 14px !important;
    }

    .sidebar-section-label {
        margin-bottom: 12px !important;
    }

    .sidebar-nav {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .sidebar-nav a {
        min-height: 52px !important;
        border-radius: 16px !important;
        font-size: 1rem !important;
    }

    .admin-main {
        padding: 12px !important;
    }

    .topbar {
        padding: 16px !important;
        border-radius: 20px !important;
    }

    .topbar h1 {
        font-size: 1.6rem !important;
        line-height: 1.15 !important;
    }

    .topbar p {
        font-size: .95rem !important;
    }

    .page-content:not(.fire-dashboard-page) {
        padding: 0 !important;
    }

    .grid-2,
    .grid-3,
    .grid-4,
    .finance-summary-grid-4,
    .stock-summary-grid,
    .finance-summary-grid {
        grid-template-columns: 1fr !important;
    }

    .content-card,
    .finance-summary-card,
    .stock-summary-card,
    .demands-area-card {
        padding: 16px !important;
        border-radius: 20px !important;
    }

    .btn,
    .btn-inline,
    button,
    input,
    select,
    textarea {
        min-height: 44px !important;
    }

    .finance-modal,
    .finance-form-modal,
    .profile-modal {
        width: calc(100vw - 12px) !important;
        max-width: 100% !important;
        border-radius: 20px !important;
        padding: 16px !important;
    }

    .finance-modal-header,
    .finance-form-modal-header,
    .profile-modal-header {
        gap: 12px !important;
    }

    .finance-modal-body,
    .profile-modal-body {
        overflow-y: auto !important;
        max-height: calc(90vh - 120px) !important;
    }

    .finance-form-actions,
    .profile-password-actions,
    .finance-modal-actions {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }

    .finance-form-actions .btn,
    .profile-password-actions .btn,
    .finance-modal-actions .btn {
        width: 100% !important;
        justify-content: center !important;
    }

    .stock-module-stats {
        grid-template-columns: 1fr !important;
    }

    .demands-area-grid {
        grid-template-columns: 1fr !important;
    }

    .stock-table,
    .finance-table {
        min-width: 900px !important;
    }
}

/* =========================================
   PERMISSÕES - STYLE IGUAL MOBILE (DESKTOP)
========================================= */

.permissions-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.permission-card {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 20px;
    padding: 18px;
}

.permission-card h3 {
    font-size: 1.05rem;
    margin-bottom: 14px;
    color: #fff;
}

.switch-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.05);
    margin-bottom: 10px;
}

.switch-row span {
    font-size: 0.95rem;
    color: #e5e7eb;
}

/* TOGGLE SWITCH */
.switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 28px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background: #2a2f3a;
    border-radius: 999px;
    transition: 0.3s;
}

.slider::before {
    content: "";
    position: absolute;
    height: 22px;
    width: 22px;
    left: 3px;
    top: 3px;
    background: #fff;
    border-radius: 50%;
    transition: 0.3s;
}

.switch input:checked + .slider {
    background: linear-gradient(135deg, #ff2800, #ff4d2d);
    box-shadow: 0 0 10px rgba(255,40,0,0.4);
}

.switch input:checked + .slider::before {
    transform: translateX(24px);
}

/* RESPONSIVO */
@media (max-width: 900px) {
    .permissions-grid {
        grid-template-columns: 1fr;
    }
}
/* =========================================
   ESTOQUE DESKTOP - POLIMENTO VISUAL FINAL
   Ajuste apenas visual do módulo de estoque
========================================= */

.grid-4,
.stock-summary-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.stock-summary-grid {
    margin: 4px 0 22px !important;
}

.stock-summary-card {
    position: relative !important;
    min-height: 156px !important;
    padding: 24px 26px !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at top right, rgba(255, 72, 32, .13), transparent 34%),
        linear-gradient(180deg, rgba(18, 22, 34, .98), rgba(9, 12, 18, .98)) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.24) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.stock-summary-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    width: 100% !important;
    height: 2px !important;
    background: linear-gradient(90deg, var(--primary), transparent) !important;
    opacity: .88 !important;
}

.stock-summary-card::after {
    content: "" !important;
    position: absolute !important;
    right: -36px !important;
    bottom: -42px !important;
    width: 120px !important;
    height: 120px !important;
    border-radius: 999px !important;
    background: rgba(255,72,32,.08) !important;
    filter: blur(2px) !important;
    pointer-events: none !important;
}

.stock-summary-card h3 {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 0 16px !important;
    color: #eef2fa !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
}

.stock-summary-card .finance-value {
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    font-size: 2.15rem !important;
    line-height: 1.05 !important;
    font-weight: 850 !important;
    letter-spacing: -.04em !important;
    color: #f5f7fb !important;
}

.stock-summary-card .finance-value.positive {
    color: #8ff0b1 !important;
}

.stock-module-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
    gap: 18px !important;
    margin-top: 4px !important;
}

.stock-module-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    min-height: 220px !important;
    padding: 24px !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at top right, rgba(255,72,32,.12), transparent 36%),
        linear-gradient(180deg, rgba(16,20,31,.98), rgba(8,11,18,.98)) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.22) !important;
    text-decoration: none !important;
    color: #fff !important;
    overflow: hidden !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.stock-module-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(255,72,32,.25) !important;
    box-shadow: 0 22px 52px rgba(0,0,0,.30) !important;
}

.stock-module-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    width: 100% !important;
    height: 2px !important;
    background: linear-gradient(90deg, rgba(255,72,32,.9), transparent) !important;
}

.stock-module-head {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 16px !important;
}

.stock-module-head h3 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 1.55rem !important;
    line-height: 1.05 !important;
    font-weight: 850 !important;
    letter-spacing: -.04em !important;
}

.stock-module-head p {
    margin: 0 !important;
    color: #9ea6b4 !important;
    line-height: 1.55 !important;
}

.stock-module-tag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: rgba(255,72,32,.12) !important;
    border: 1px solid rgba(255,72,32,.20) !important;
    color: #ffad9a !important;
    font-weight: 850 !important;
    font-size: .82rem !important;
    white-space: nowrap !important;
}

.stock-module-stats {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.stock-module-stats div {
    padding: 15px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.055) !important;
}

.stock-module-stats strong {
    display: block !important;
    color: #fff !important;
    font-size: 1.02rem !important;
    margin-bottom: 5px !important;
    letter-spacing: -.02em !important;
}

.stock-module-stats span {
    display: block !important;
    color: #8f9aae !important;
    font-size: .84rem !important;
}

.stock-alert {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    background: rgba(34,197,94,.10) !important;
    border: 1px solid rgba(34,197,94,.20) !important;
    color: #98efb7 !important;
    font-weight: 850 !important;
    font-size: .82rem !important;
}

.stock-alert-danger {
    background: rgba(255,72,32,.12) !important;
    border-color: rgba(255,72,32,.22) !important;
    color: #ffad9a !important;
}

.stock-table-card {
    padding: 24px !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at top right, rgba(255,72,32,.08), transparent 34%),
        linear-gradient(180deg, rgba(17,19,25,.96), rgba(10,12,18,.98)) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.22) !important;
}

.stock-table-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 18px !important;
}

.stock-table-head h3 {
    margin: 0 0 6px !important;
    font-size: 1.35rem !important;
    letter-spacing: -.03em !important;
    color: #fff !important;
}

.stock-table-head p {
    margin: 0 !important;
    color: #9ea6b4 !important;
}

.stock-table-wrap {
    width: 100% !important;
    overflow-x: auto !important;
    border-radius: 20px !important;
}

.stock-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    min-width: 1080px !important;
}

.stock-table thead th {
    padding: 16px 14px !important;
    text-align: left !important;
    color: #f2f5fb !important;
    background: rgba(255,255,255,.025) !important;
    border-top: 1px solid rgba(255,255,255,.06) !important;
    border-bottom: 1px solid rgba(255,255,255,.06) !important;
    font-size: .92rem !important;
    font-weight: 850 !important;
}

.stock-table thead th:first-child {
    border-top-left-radius: 16px !important;
}

.stock-table thead th:last-child {
    border-top-right-radius: 16px !important;
}

.stock-table tbody td {
    padding: 16px 14px !important;
    color: #d7dde7 !important;
    border-bottom: 1px solid rgba(255,255,255,.055) !important;
    font-size: .94rem !important;
}

.stock-table tbody tr:hover td {
    background: rgba(255,255,255,.018) !important;
}

.stock-status-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    font-weight: 850 !important;
    font-size: .8rem !important;
}

.stock-status-badge.normal {
    background: rgba(34,197,94,.10) !important;
    border: 1px solid rgba(34,197,94,.22) !important;
    color: #98efb7 !important;
}

.stock-status-badge.baixo {
    background: rgba(255,173,48,.12) !important;
    border: 1px solid rgba(255,173,48,.22) !important;
    color: #ffd18a !important;
}

.stock-status-badge.zerado {
    background: rgba(255,72,32,.12) !important;
    border: 1px solid rgba(255,72,32,.22) !important;
    color: #ffad9a !important;
}

.btn-small {
    min-height: 38px !important;
    padding: 8px 14px !important;
    border-radius: 13px !important;
}

.stock-form-modal {
    max-width: 820px !important;
}

@media (max-width: 1280px) {
    .grid-4,
    .stock-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    .grid-4,
    .stock-summary-grid,
    .stock-module-grid {
        grid-template-columns: 1fr !important;
    }

    .stock-module-stats {
        grid-template-columns: 1fr !important;
    }
}

.analytics-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.analytics-card {
    min-height: 430px;
    display: flex;
    flex-direction: column;
}

.analytics-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.analytics-card-header h3 {
    font-size: 1.28rem;
    margin-bottom: 6px;
    letter-spacing: -0.03em;
}

.analytics-card-header p {
    color: var(--muted);
    font-size: .95rem;
}

.analytics-chart-box {
    position: relative;
    flex: 1;
    min-height: 320px;
}

.analytics-chart-box canvas {
    width: 100% !important;
    height: 100% !important;
}

.analytics-list {
    margin-top: 20px;
    display: grid;
    gap: 10px;
    max-height: 240px;
    overflow-y: auto;
}

.analytics-list-item {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.06);
}

.analytics-list-item span {
    color: var(--muted);
    font-size: .9rem;
}

@media (max-width: 1100px) {
    .analytics-grid {
        grid-template-columns: 1fr;
    }
}
/* =========================================
   ANALYTICS / GRÁFICOS
========================================= */

.analytics-page .page-header {
    margin-bottom: 8px;
}

.analytics-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.analytics-card {
    min-height: 460px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.analytics-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.analytics-card-header h3 {
    font-size: 1.32rem;
    margin-bottom: 6px;
    letter-spacing: -0.03em;
    color: #fff;
}

.analytics-card-header p {
    color: var(--muted);
    font-size: .95rem;
    line-height: 1.5;
}

.analytics-card-header .btn {
    flex-shrink: 0;
}

.analytics-chart-box {
    position: relative;
    flex: 1;
    min-height: 340px;
    width: 100%;
    padding: 8px 0 0;
}

.analytics-chart-box canvas {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

.analytics-legend {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 14px;
    color: var(--muted);
    font-size: .88rem;
}

.analytics-legend span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.analytics-legend i {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    display: inline-block;
}

.analytics-legend .green {
    background: #22c55e;
}

.analytics-legend .yellow {
    background: #f59e0b;
}

.analytics-legend .red {
    background: #ef4444;
}

.analytics-list {
    margin-top: 22px;
    display: grid;
    gap: 10px;
    max-height: 250px;
    overflow-y: auto;
    padding-right: 4px;
}

.analytics-list::-webkit-scrollbar {
    width: 6px;
}

.analytics-list::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.16);
    border-radius: 999px;
}

.analytics-list-item {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    padding: 13px 14px;
    border-radius: 15px;
    background: rgba(255,255,255,.035);
    border: 1px solid rgba(255,255,255,.065);
}

.analytics-list-item strong {
    display: block;
    color: #fff;
    font-size: .98rem;
}

.analytics-list-item span {
    display: block;
    color: var(--muted);
    font-size: .88rem;
    margin-top: 3px;
}

.analytics-list-item b {
    min-width: 30px;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .78rem;
    font-weight: 900;
}

.analytics-green {
    background: rgba(34,197,94,.12);
    border: 1px solid rgba(34,197,94,.22);
    color: #8ff0b1;
}

.analytics-yellow {
    background: rgba(245,158,11,.12);
    border: 1px solid rgba(245,158,11,.24);
    color: #ffd08b;
}

.analytics-red {
    background: rgba(239,68,68,.12);
    border: 1px solid rgba(239,68,68,.24);
    color: #ff9c88;
}

.analytics-empty-list {
    padding: 16px;
    border-radius: 16px;
    background: rgba(255,255,255,.025);
    border: 1px dashed rgba(255,255,255,.08);
    color: var(--muted);
    text-align: center;
}

.analytics-modal {
    z-index: 10001 !important;
}

@media (max-width: 1180px) {
    .analytics-grid {
        grid-template-columns: 1fr;
    }

    .analytics-card {
        min-height: 430px;
    }
}

@media (max-width: 700px) {
    .analytics-card {
        min-height: 400px;
    }

    .analytics-card-header {
        flex-direction: column;
    }

    .analytics-card-header .btn {
        width: 100%;
    }

    .analytics-chart-box {
        min-height: 300px;
    }
}