/* /Components/Forms/ToggleSwitch.razor.rz.scp.css */
/* ───────────────────────────────────────────────────────────────
 *  ToggleSwitch — pílula deslizante com labels persistentes
 *  Em Blazor scoped CSS, somente o root recebe o atributo [b-xxx];
 *  filhos exigem ::deep para que o seletor case.
 * ─────────────────────────────────────────────────────────────── */

.toggle-switch[b-esgs4fxnog] {
    --ts-track-w: 130px;
    --ts-track-h: 32px;
    --ts-radius: calc(var(--ts-track-h) / 2);
    --ts-pad: 3px;
    --ts-knob-w: calc(var(--ts-track-w) / 2);
    --ts-knob-travel: calc(var(--ts-track-w) - var(--ts-knob-w) - (var(--ts-pad) * 2));

    --ts-c-track-off: #e2e8f0;
    --ts-c-track-on: #d1fae5;
    --ts-c-knob-off: #94a3b8;
    --ts-c-knob-on: #10b981;
    --ts-c-text-muted: #64748b;
    --ts-c-text-strong: #ffffff;

    display: inline-flex;
    align-items: center;
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    font-family: inherit;
    -webkit-tap-highlight-color: transparent;
}

.toggle-switch.toggle-switch--sm[b-esgs4fxnog] {
    --ts-track-w: 108px;
    --ts-track-h: 26px;
}

.toggle-switch:disabled[b-esgs4fxnog] {
    cursor: not-allowed;
    opacity: 0.55;
}

.toggle-switch.is-saving[b-esgs4fxnog] {
    cursor: progress;
}

.toggle-switch[b-esgs4fxnog]  .toggle-switch__track {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: var(--ts-track-w);
    height: var(--ts-track-h);
    padding: 0 14px;
    border-radius: var(--ts-radius);
    background: var(--ts-c-track-off);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
    transition: background-color 280ms cubic-bezier(0.22, 1, 0.36, 1);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    user-select: none;
    overflow: hidden;
}

.toggle-switch.toggle-switch--sm[b-esgs4fxnog]  .toggle-switch__track {
    padding: 0 10px;
    font-size: 10px;
}

.toggle-switch.is-on[b-esgs4fxnog]  .toggle-switch__track {
    background: var(--ts-c-track-on);
}

.toggle-switch[b-esgs4fxnog]  .toggle-switch__label {
    position: relative;
    z-index: 1;
    transition: color 280ms cubic-bezier(0.22, 1, 0.36, 1), opacity 220ms;
    pointer-events: none;
}

.toggle-switch[b-esgs4fxnog]  .toggle-switch__label--off {
    color: var(--ts-c-text-muted);
}

.toggle-switch[b-esgs4fxnog]  .toggle-switch__label--on {
    color: var(--ts-c-text-muted);
    opacity: 0.55;
}

.toggle-switch.is-on[b-esgs4fxnog]  .toggle-switch__label--off {
    color: var(--ts-c-text-muted);
    opacity: 0.55;
}

.toggle-switch.is-on[b-esgs4fxnog]  .toggle-switch__label--on {
    color: var(--ts-c-text-strong);
    opacity: 1;
}

.toggle-switch.is-off[b-esgs4fxnog]  .toggle-switch__label--off {
    color: var(--ts-c-text-strong);
    opacity: 1;
}

.toggle-switch.is-off[b-esgs4fxnog]  .toggle-switch__label--on {
    opacity: 0.55;
}

.toggle-switch[b-esgs4fxnog]  .toggle-switch__knob {
    position: absolute;
    top: var(--ts-pad);
    left: var(--ts-pad);
    width: var(--ts-knob-w);
    height: calc(var(--ts-track-h) - (var(--ts-pad) * 2));
    border-radius: var(--ts-radius);
    background: var(--ts-c-knob-off);
    box-shadow:
        0 2px 6px rgba(15, 23, 42, 0.18),
        0 1px 2px rgba(15, 23, 42, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.25);
    transition:
        transform 320ms cubic-bezier(0.34, 1.36, 0.64, 1),
        background-color 280ms cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 280ms ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    will-change: transform, background-color;
}

.toggle-switch.is-on[b-esgs4fxnog]  .toggle-switch__knob {
    background: var(--ts-c-knob-on);
    transform: translateX(var(--ts-knob-travel));
    box-shadow:
        0 4px 12px rgba(16, 185, 129, 0.35),
        0 2px 4px rgba(16, 185, 129, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.toggle-switch:not(:disabled):hover[b-esgs4fxnog]  .toggle-switch__knob {
    box-shadow:
        0 4px 10px rgba(15, 23, 42, 0.22),
        0 2px 4px rgba(15, 23, 42, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.toggle-switch:not(:disabled):hover.is-on[b-esgs4fxnog]  .toggle-switch__knob {
    box-shadow:
        0 6px 16px rgba(16, 185, 129, 0.42),
        0 2px 6px rgba(16, 185, 129, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.toggle-switch:not(:disabled):active[b-esgs4fxnog]  .toggle-switch__knob {
    transform: scale(0.96);
}

.toggle-switch.is-on:not(:disabled):active[b-esgs4fxnog]  .toggle-switch__knob {
    transform: translateX(var(--ts-knob-travel)) scale(0.96);
}

.toggle-switch:focus-visible[b-esgs4fxnog] {
    outline: none;
}

.toggle-switch:focus-visible[b-esgs4fxnog]  .toggle-switch__track {
    box-shadow:
        inset 0 1px 2px rgba(15, 23, 42, 0.08),
        0 0 0 3px rgba(16, 185, 129, 0.35);
}

.toggle-switch[b-esgs4fxnog]  .toggle-switch__spinner {
    width: 14px;
    height: 14px;
    animation: ts-spin-b-esgs4fxnog 0.85s linear infinite;
}

@keyframes ts-spin-b-esgs4fxnog {
    to { transform: rotate(360deg); }
}
/* /Components/Layout/ComboBusca.razor.rz.scp.css */
/* ComboBusca — combobox com busca, coeso com o design system dos formulários.
   Tokens locais para funcionar mesmo fora de páginas que declarem :root. */
.cb-field[b-g6pxcs33to] {
    --cb-green:#1D9E75; --cb-green-dark:#157a5a; --cb-green-light:#ecfdf5;
    --cb-s200:#e2e8f0; --cb-s300:#cbd5e1; --cb-s400:#94a3b8;
    --cb-s500:#64748b; --cb-s700:#334155; --cb-s900:#0f172a;
    display:flex; flex-direction:column; gap:6px; min-width:0;
    position:relative;
}

.cb-label[b-g6pxcs33to] {
    font-size:11.5px; font-weight:600; color:var(--cb-s500);
    letter-spacing:.02em;
}
.cb-req[b-g6pxcs33to] { color:#e53935; margin-left:2px; }

.cb-control[b-g6pxcs33to] { position:relative; }

.cb-input[b-g6pxcs33to] {
    width:100%; height:40px; box-sizing:border-box;
    border:1px solid var(--cb-s200); border-radius:8px;
    padding:0 60px 0 12px;
    font-family:'DM Sans', sans-serif; font-size:14px;
    color:var(--cb-s900); background:white; outline:none;
    transition:border-color .15s, box-shadow .15s;
}
.cb-input[b-g6pxcs33to]::placeholder { color:var(--cb-s400); }
.cb-input:hover[b-g6pxcs33to] { border-color:var(--cb-s300); }
.cb-input:focus[b-g6pxcs33to] {
    border-color:var(--cb-green);
    box-shadow:0 0 0 3px rgba(29,158,117,.18);
}
/* Quando há seleção, o texto ganha peso — parece um valor escolhido, não um rascunho */
.cb-input--sel[b-g6pxcs33to] { font-weight:600; }

.cb-chevron[b-g6pxcs33to] {
    position:absolute; right:12px; top:50%; transform:translateY(-50%);
    color:var(--cb-s400); pointer-events:none; display:flex;
    transition:color .15s;
}
.cb-input:focus ~ .cb-chevron[b-g6pxcs33to] { color:var(--cb-green); }

.cb-clear[b-g6pxcs33to] {
    position:absolute; right:32px; top:50%; transform:translateY(-50%);
    width:20px; height:20px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    background:transparent; border:none; cursor:pointer;
    color:var(--cb-s400); transition:all .12s; padding:0;
}
.cb-clear:hover[b-g6pxcs33to] { color:#e53935; background:#fef2f2; }

/* ── Popover de resultados ─────────────────────────────── */
.cb-pop[b-g6pxcs33to] {
    position:absolute; z-index:60; top:calc(100% + 6px); left:0; right:0;
    background:white; border:1px solid var(--cb-s200); border-radius:12px;
    box-shadow:0 4px 12px rgba(15,23,42,.06), 0 16px 40px rgba(15,23,42,.12);
    padding:6px; max-height:320px; overflow-y:auto;
    animation:cb-drop-b-g6pxcs33to .16s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes cb-drop-b-g6pxcs33to {
    from { opacity:0; transform:translateY(-4px); }
    to { opacity:1; transform:translateY(0); }
}

.cb-opt[b-g6pxcs33to] {
    width:100%; text-align:left; border:none; background:transparent;
    border-radius:8px; padding:9px 11px; cursor:pointer;
    display:flex; flex-direction:column; gap:1px; position:relative;
    font-family:'DM Sans', sans-serif;
    transition:background .1s;
}
.cb-opt:hover[b-g6pxcs33to] { background:var(--cb-green-light); }
.cb-opt--sel[b-g6pxcs33to] { background:var(--cb-green-light); }
.cb-opt-main[b-g6pxcs33to] {
    font-size:13.5px; font-weight:500; color:var(--cb-s900);
    padding-right:20px; line-height:1.3;
}
.cb-opt--sel .cb-opt-main[b-g6pxcs33to] { color:var(--cb-green-dark); font-weight:600; }
.cb-opt-sub[b-g6pxcs33to] {
    font-size:11.5px; color:var(--cb-s500); line-height:1.3;
}
.cb-opt-check[b-g6pxcs33to] {
    position:absolute; right:10px; top:50%; transform:translateY(-50%);
    color:var(--cb-green);
}

.cb-empty[b-g6pxcs33to] {
    padding:14px 12px; text-align:center; font-size:13px;
    color:var(--cb-s500); font-family:'DM Sans', sans-serif;
}
.cb-more[b-g6pxcs33to] {
    padding:8px 11px 4px; font-size:11px; color:var(--cb-s400);
    text-align:center; border-top:1px solid var(--cb-s200); margin-top:4px;
    font-family:'DM Sans', sans-serif;
}
/* /Components/Layout/LoaderCoteCerto.razor.rz.scp.css */
/* Loader CoteCertoAgro — símbolo circulado + logo grande empilhada, flutuando (aéreo) */
.ccload[b-khqom2a2ew] {
    --cc-load-accent: #16A34A;      /* verde CoteCerto */
    --cc-load-accent-soft: #4ade80; /* rastro do arco */
    --cc-load-track: #e6ebe7;       /* aro base */
    --cc-load-ink: #1e293b;         /* texto Cote / Agro */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 44px 20px;
    text-align: center;
    /* Entrada suave (fade). O tempo mínimo de 1s é garantido via JS (ccLoaderHold): mesmo que
       os dados cheguem antes, um clone do loader permanece o tempo restante e faz fade-out. */
    animation: ccload-page-in-b-khqom2a2ew 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* Tela cheia — cobre a ÁREA DE CONTEÚDO (abaixo do header de 72px) com fundo claro e o loader
   centralizado, como na página de Usuários. Fica FIXO para "escapar" de qualquer card/wrapper
   em que a tag foi colocada (ex.: dentro do .list-card) e centralizar na área toda. O conteúdo
   real aparece quando o loader some. */
.ccload--tela[b-khqom2a2ew] {
    position: fixed;
    top: 72px;               /* abaixo do header */
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 45;             /* acima do conteúdo, abaixo de header (55) e modais (60) */
    min-height: 0;
    padding: 0;
    background: #f3f4f6;      /* mesmo cinza do fundo das páginas */
}

/* Bloco marca (símbolo + logo) flutua junto, de cima para baixo */
.ccload-stack[b-khqom2a2ew] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    animation: ccload-float-b-khqom2a2ew 2.7s cubic-bezier(0.45, 0, 0.55, 1) infinite;
    will-change: transform;
}

/* Símbolo: 60px. Arco gira; check estático no centro. */
.ccload-mark[b-khqom2a2ew] {
    position: relative;
    width: 60px;
    height: 60px;
    flex: 0 0 auto;
}

.ccload-arc[b-khqom2a2ew] {
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        transparent 0 55%,
        var(--cc-load-accent-soft) 82%,
        var(--cc-load-accent) 100%
    );
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3.5px), #000 0);
    mask: radial-gradient(farthest-side, transparent calc(100% - 3.5px), #000 0);
    animation: ccload-spin-b-khqom2a2ew 0.95s linear infinite;
    will-change: transform;
}

.ccload-check[b-khqom2a2ew] {
    position: absolute;
    inset: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
}

/* Logo grande e legível — Cote preto, Certo verde, Agro preto */
.ccload-wordmark[b-khqom2a2ew] {
    display: flex;
    align-items: baseline;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -0.025em;
    font-size: 26px;
}
.ccload-wordmark b[b-khqom2a2ew]    { color: var(--cc-load-ink); font-weight: 800; }
.ccload-wordmark em[b-khqom2a2ew]   { color: var(--cc-load-accent); font-style: normal; font-weight: 800; }
.ccload-wordmark span[b-khqom2a2ew] { color: var(--cc-load-ink); font-weight: 800; }

/* Texto de status só para leitores de tela (não aparece na UI). */
.ccload-sr[b-khqom2a2ew] {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

/* Compacto — só o símbolo (botões, células). Sem float/logo/texto. */
.ccload--compacto[b-khqom2a2ew] { padding: 0; gap: 0; }
.ccload--compacto .ccload-stack[b-khqom2a2ew] { animation: none; }
.ccload--compacto .ccload-mark[b-khqom2a2ew] { width: 32px; height: 32px; }
.ccload--compacto .ccload-arc[b-khqom2a2ew] {
    inset: -2px;
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2.5px), #000 0);
    mask: radial-gradient(farthest-side, transparent calc(100% - 2.5px), #000 0);
}
.ccload--compacto .ccload-check[b-khqom2a2ew] { inset: 3px; width: calc(100% - 6px); height: calc(100% - 6px); }

/* ── Animações ── */
@keyframes ccload-spin-b-khqom2a2ew { to { transform: rotate(360deg); } }
@keyframes ccload-float-b-khqom2a2ew {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-9px); }
}
@keyframes ccload-page-in-b-khqom2a2ew {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Acessibilidade: sem float/entrada; mantém só o arco (mais lento). */
@media (prefers-reduced-motion: reduce) {
    .ccload[b-khqom2a2ew] { animation: none; }
    .ccload-stack[b-khqom2a2ew] { animation: none; }
    .ccload-arc[b-khqom2a2ew] { animation-duration: 1.8s; }
}
/* /Pages/AgroOrdemNova.razor.rz.scp.css */
/* Autocomplete de Máquina / Implemento (estilo Ordem de Serviço) */
.oa-autocomplete[b-caoysxixm5] { position: relative; }

.oa-dropdown[b-caoysxixm5] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0; right: 0;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .12);
    z-index: 200;
    max-height: 240px;
    overflow-y: auto;
}
.oa-dropdown-item[b-caoysxixm5] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    cursor: pointer;
    transition: background .1s;
    border-bottom: 1px solid #F3F4F6;
}
.oa-dropdown-item:last-child[b-caoysxixm5] { border-bottom: none; }
.oa-dropdown-item:hover[b-caoysxixm5] { background: #F0FDF4; }
.oa-dropdown-item__icon[b-caoysxixm5] {
    width: 28px; height: 28px;
    border-radius: 7px;
    background: #ECFDF5;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.oa-dropdown-item__name[b-caoysxixm5] { font-size: 13px; font-weight: 600; color: #0F172A; }
.oa-dropdown-item__sub[b-caoysxixm5]  { font-size: 11px; color: #64748B; }

/* Chip do item selecionado */
.oa-pat-chip[b-caoysxixm5] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #BBF7D0;
    background: #F0FDF4;
    border-radius: 12px;
}
.oa-pat-chip__icon[b-caoysxixm5] {
    width: 34px; height: 34px;
    border-radius: 9px;
    background: #DCFCE7;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.oa-pat-chip__info[b-caoysxixm5] { flex: 1; min-width: 0; }
.oa-pat-chip__name[b-caoysxixm5] { font-size: 13px; font-weight: 700; color: #0F172A; }
.oa-pat-chip__sub[b-caoysxixm5]  { font-size: 11px; color: #64748B; margin-top: 1px; }
.oa-pat-chip__clear[b-caoysxixm5] {
    width: 26px; height: 26px;
    display: grid; place-items: center;
    border: none; background: transparent;
    color: #94A3B8; cursor: pointer; border-radius: 7px;
    flex-shrink: 0;
}
.oa-pat-chip__clear:hover[b-caoysxixm5] { color: #EF4444; background: #FEF2F2; }
/* /Pages/Balancete.razor.rz.scp.css */
/* ===== Balancete — design de referência (verde sinal #15803d) ===== */
.bl-cca[b-vcvqicffxh] {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1f2937;
    font-variant-numeric: tabular-nums;
}
.bl-cca *[b-vcvqicffxh] { box-sizing: border-box; }
.bl-cca .wrap[b-vcvqicffxh] { max-width: 1180px; margin: 0 auto; padding: 4px 0 28px; }

/* Filtros */
.bl-cca .filters[b-vcvqicffxh] {
    background: #fff; border: 1px solid #e5e7eb; border-radius: 12px;
    padding: 10px 12px; display: flex; align-items: center; gap: 10px;
    flex-wrap: wrap; margin-bottom: 14px;
}
.bl-cca select[b-vcvqicffxh] {
    height: 36px; border: 1px solid #e5e7eb; border-radius: 8px;
    padding: 0 10px; font-size: 13px; color: #374151; background: #fff;
}
.bl-cca .bl-month[b-vcvqicffxh] {
    height: 36px; border: 1px solid #e5e7eb; border-radius: 8px;
    padding: 0 10px; font-size: 13px; color: #374151; background: #fff;
    font-family: inherit;
}
.bl-cca .bl-month:focus[b-vcvqicffxh] { outline: none; border-color: #15803d; box-shadow: 0 0 0 3px rgba(21,128,61,.12); }
.bl-cca .fl[b-vcvqicffxh] { font-size: 12px; font-weight: 600; color: #6b7280; }
.bl-cca .fl-sep[b-vcvqicffxh] { font-size: 12px; color: #9ca3af; }
.bl-cca .pill[b-vcvqicffxh] {
    margin-left: auto; font-size: 13px; color: #374151;
    border: 1px solid #e5e7eb; border-radius: 999px; padding: 6px 14px;
}

/* KPIs */
.bl-cca .kpis[b-vcvqicffxh] { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-bottom: 16px; }
.bl-cca .kpi[b-vcvqicffxh] { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 14px 16px; }
.bl-cca .kpi.ok[b-vcvqicffxh] { background: #f0fdf4; border-color: #bbf7d0; }
.bl-cca .kpi .k[b-vcvqicffxh] { font-size: 12px; color: #6b7280; margin-bottom: 4px; }
.bl-cca .kpi .v[b-vcvqicffxh] { font-size: 21px; font-weight: 600; }

/* Seções e cards */
.bl-cca .sec[b-vcvqicffxh] { font-size: 13px; font-weight: 600; color: #374151; margin: 10px 0 8px; }
.bl-cca .grid[b-vcvqicffxh] { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin-bottom: 18px; }
.bl-cca .card[b-vcvqicffxh] { position: relative; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px 18px; min-width: 0; }
.bl-cca .card.grp[b-vcvqicffxh] { display: flex; gap: 20px; align-items: center; }
.bl-cca .card.grp .donut[b-vcvqicffxh] { margin: 0; flex: none; }
.bl-cca .card.grp .body[b-vcvqicffxh] { flex: 1; min-width: 0; }

.bl-cca .seg[b-vcvqicffxh] { transition: stroke-width .12s ease, opacity .12s ease; cursor: pointer; }
.bl-cca .hd[b-vcvqicffxh] { display: flex; align-items: center; margin-bottom: 6px; }
.bl-cca .hd .nm[b-vcvqicffxh] { font-size: 15px; font-weight: 600; }
.bl-cca .hd .bd[b-vcvqicffxh] { margin-left: auto; width: 22px; height: 22px; border-radius: 50%; background: #f3f4f6; color: #6b7280; font-size: 11px; display: flex; align-items: center; justify-content: center; font-weight: 600; }
.bl-cca .donut[b-vcvqicffxh] { display: flex; justify-content: center; margin: 4px 0 8px; }

.bl-cca .row[b-vcvqicffxh] { display: flex; align-items: center; gap: 8px; font-size: 13px; padding: 6px 0; border-bottom: 1px solid #f1f2f4; cursor: pointer; border-radius: 4px; transition: background .12s; }
.bl-cca .row:last-child[b-vcvqicffxh] { border-bottom: 0; }
.bl-cca .row.hl[b-vcvqicffxh] { background: #f0fdf4; }
.bl-cca .dot[b-vcvqicffxh] { width: 9px; height: 9px; border-radius: 2px; flex: none; }
.bl-cca .lbl[b-vcvqicffxh] { flex: 1; color: #374151; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.bl-cca .val[b-vcvqicffxh] { color: #111827; font-weight: 500; }

.bl-cca .foot[b-vcvqicffxh] { display: flex; align-items: center; margin-top: 10px; padding-top: 9px; border-top: 1px solid #eef0f2; }
.bl-cca .tot[b-vcvqicffxh] { font-size: 16px; font-weight: 600; }
.bl-cca .chip[b-vcvqicffxh] { font-size: 10px; padding: 1px 6px; border-radius: 6px; margin-left: 6px; vertical-align: 2px; font-weight: 600; }
.bl-cca .chip.c[b-vcvqicffxh] { background: #dcfce7; color: #15803d; }
.bl-cca .chip.d[b-vcvqicffxh] { background: #eef0f2; color: #475569; }
.bl-cca .link[b-vcvqicffxh] { margin-left: auto; font-size: 13px; color: #15803d; cursor: pointer; }
.bl-cca .link:hover[b-vcvqicffxh] { text-decoration: underline; }

/* Resultado do período */
.bl-cca .resultado[b-vcvqicffxh] { display: flex; gap: 24px; align-items: center; margin-bottom: 18px; }
.bl-cca .resultado .right[b-vcvqicffxh] { flex: 1; min-width: 0; }
.bl-cca .resultado .net[b-vcvqicffxh] { display: flex; align-items: center; margin-top: 10px; padding-top: 9px; border-top: 1px solid #eef0f2; }
.bl-cca .resultado .net .lbl2[b-vcvqicffxh] { color: #374151; font-size: 13px; }
.bl-cca .resultado .net .v2[b-vcvqicffxh] { margin-left: auto; font-size: 18px; font-weight: 600; }

/* Balanço patrimonial + origem — colunas de mesma altura, rodapés alinhados */
.bl-cca .two[b-vcvqicffxh] { display: grid; grid-template-columns: 1.3fr 1fr; gap: 12px; margin-bottom: 18px; align-items: stretch; }
.bl-cca .two > div[b-vcvqicffxh] { display: flex; flex-direction: column; }
.bl-cca .bp[b-vcvqicffxh] { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; flex: 1; grid-auto-rows: 1fr; }
.bl-cca .bpc[b-vcvqicffxh] { background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 12px 14px; display: flex; flex-direction: column; justify-content: center; }
.bl-cca .bpc.pl[b-vcvqicffxh] { border-left: 3px solid #15803d; }
.bl-cca .bpc .t[b-vcvqicffxh] { font-size: 12px; color: #6b7280; }
.bl-cca .bpc .n[b-vcvqicffxh] { font-size: 16px; font-weight: 600; margin-top: 2px; }
/* Card de Origem dos recursos: ocupa a coluna inteira e centraliza o conteúdo */
.bl-cca .two > div > .card[b-vcvqicffxh] { flex: 1; display: flex; flex-direction: column; justify-content: center; }

/* Estados */
.bl-cca .loadbox[b-vcvqicffxh] { display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 14px 18px; font-size: 13px; color: #6b7280; }
.bl-cca .spin[b-vcvqicffxh] { width: 16px; height: 16px; border: 2px solid #e5e7eb; border-bottom-color: #15803d; border-radius: 50%; animation: bl-spin-b-vcvqicffxh .7s linear infinite; }
@keyframes bl-spin-b-vcvqicffxh { to { transform: rotate(360deg); } }
.bl-cca .empty[b-vcvqicffxh] { background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 40px; text-align: center; }
.bl-cca .empty__t[b-vcvqicffxh] { font-size: 16px; font-weight: 600; color: #374151; }
.bl-cca .empty__s[b-vcvqicffxh] { font-size: 13px; color: #6b7280; margin-top: 4px; }

/* ===== Árvore (drill-down) ===== */
.treecard[b-vcvqicffxh] { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden; }
.treecard__scroll[b-vcvqicffxh] { overflow-x: auto; }
.bl-table[b-vcvqicffxh] { width: 100%; border-collapse: collapse; font-size: 13px; }
.bl-table thead th[b-vcvqicffxh] {
    background: #F9FAFB; text-align: right; font-size: 11px; font-weight: 700;
    letter-spacing: .03em; text-transform: uppercase; color: #64748B;
    padding: 11px 16px; border-bottom: 1px solid #E5E7EB; white-space: nowrap;
}
.bl-th-conta[b-vcvqicffxh] { text-align: left !important; }
.bl-row[b-vcvqicffxh] { cursor: pointer; }
.bl-row td[b-vcvqicffxh] { padding: 9px 16px; border-bottom: 1px solid #F1F3F5; color: #374151; white-space: nowrap; }
.bl-row:hover td[b-vcvqicffxh] { background: #F8FAFB; }
.bl-td-conta[b-vcvqicffxh] { text-align: left; }
.bl-num[b-vcvqicffxh] { text-align: right; font-variant-numeric: tabular-nums; }
.bl-num--saldo[b-vcvqicffxh] { font-weight: 700; color: #0F172A; }
.bl-row--sint td[b-vcvqicffxh] { font-weight: 700; }
.bl-row--sint.bl-row--n0 td[b-vcvqicffxh] { background: #F3F8F5; color: #0F172A; }
.bl-row--sint.bl-row--n0:hover td[b-vcvqicffxh] { background: #ECF5EF; }
.bl-row--sint.bl-row--n1 td[b-vcvqicffxh] { background: #FAFCFB; }
.bl-row--anal td[b-vcvqicffxh] { font-weight: 400; color: #475569; }
.bl-cod[b-vcvqicffxh] { font-weight: 700; color: #15803d; font-variant-numeric: tabular-nums; margin-right: 8px; }
.bl-row--anal .bl-cod[b-vcvqicffxh] { color: #64748B; font-weight: 600; }
.bl-chevron[b-vcvqicffxh], .bl-chevron-sp[b-vcvqicffxh] { display: inline-flex; width: 16px; height: 16px; margin-right: 4px; vertical-align: middle; color: #94A3B8; transition: transform .15s ease; }
.bl-chevron--open[b-vcvqicffxh] { transform: rotate(90deg); }
.bl-table tfoot td[b-vcvqicffxh] { padding: 12px 16px; border-top: 2px solid #E5E7EB; background: #F3F8F5; font-weight: 800; color: #0F172A; }
.bl-foot-lbl[b-vcvqicffxh] { text-transform: uppercase; font-size: 11px; letter-spacing: .05em; color: #64748B; }
.bl-foot-val[b-vcvqicffxh] { color: #15803d; font-variant-numeric: tabular-nums; }

/* Flash ao "Abrir contas" */
.bl-row.bl-flash td[b-vcvqicffxh] { animation: bl-flash-b-vcvqicffxh 1.4s ease-out; }
@keyframes bl-flash-b-vcvqicffxh {
    0%, 30% { background: #dcfce7; box-shadow: inset 3px 0 0 #15803d; }
    100% { background: transparent; box-shadow: none; }
}

@media (max-width: 760px) {
    .bl-cca .grid[b-vcvqicffxh] { grid-template-columns: 1fr; }
    .bl-cca .card.grp[b-vcvqicffxh] { gap: 16px; }
}
@media (max-width: 640px) {
    .bl-cca .two[b-vcvqicffxh] { grid-template-columns: 1fr; }
    .bl-cca .kpis[b-vcvqicffxh] { grid-template-columns: 1fr; }
    .bl-cca .resultado[b-vcvqicffxh] { flex-direction: column; align-items: stretch; }
}
/* /Pages/CotacaoResumo.razor.rz.scp.css */
.exec-page-bg[b-kumdfbrwbg] {
    min-height: 100vh;
    background: linear-gradient(180deg, #f5f8f6 0%, #ffffff 52%, #f7faf8 100%);
    padding: 16px;
}

.exec-shell[b-kumdfbrwbg] {
    max-width: 1200px;
    margin: 0 auto;
}

.exec-main[b-kumdfbrwbg] {
    display: grid;
    gap: 16px;
    padding-top: 8px;
}

[b-kumdfbrwbg](.exec-action-header) {
    position: sticky;
    top: 8px;
    z-index: 50;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(6px);
    border: 1px solid #d9e3dd;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
}

[b-kumdfbrwbg](.exec-action-left) {
    min-width: 220px;
}

[b-kumdfbrwbg](.exec-action-right) {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

[b-kumdfbrwbg](.exec-header-title) {
    font-size: 1.05rem;
    line-height: 1.2;
    font-weight: 700;
    color: #0f172a;
}

[b-kumdfbrwbg](.exec-header-subtitle) {
    font-size: 0.72rem;
    color: #64748b;
}

[b-kumdfbrwbg](.exec-overline) {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #166534;
    font-weight: 700;
}

[b-kumdfbrwbg](.exec-select),
[b-kumdfbrwbg](.exec-input) {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 0.56rem 0.7rem;
    font-size: 0.85rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    background: #fff;
}

[b-kumdfbrwbg](.exec-select) {
    min-width: 180px;
    width: auto;
}

[b-kumdfbrwbg](.exec-input:focus),
[b-kumdfbrwbg](.exec-select:focus) {
    outline: none;
    border-color: #16a34a;
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.15);
}

[b-kumdfbrwbg](.exec-card) {
    background: #ffffff;
    border: 1px solid #dde6e0;
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
    padding: 16px;
}

[b-kumdfbrwbg](.exec-two-column) {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 16px;
}

[b-kumdfbrwbg](.exec-section-header) {
    margin-bottom: 10px;
}

[b-kumdfbrwbg](.exec-section-header h3) {
    font-size: 1.02rem;
    font-weight: 700;
    color: #0f172a;
}

[b-kumdfbrwbg](.exec-section-header p) {
    font-size: 0.76rem;
    color: #64748b;
}

[b-kumdfbrwbg](.exec-hero) {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

[b-kumdfbrwbg](.exec-hero:hover) {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
}

[b-kumdfbrwbg](.exec-hero-grid) {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 12px;
    align-items: center;
}

[b-kumdfbrwbg](.exec-hero-title) {
    font-size: 1.2rem;
    line-height: 1.3;
    color: #0f172a;
    font-weight: 700;
}

[b-kumdfbrwbg](.exec-hero-low) {
    background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 80%);
}

[b-kumdfbrwbg](.exec-hero-medium) {
    background: linear-gradient(135deg, #fefce8 0%, #ffffff 80%);
}

[b-kumdfbrwbg](.exec-hero-high) {
    background: linear-gradient(135deg, #fef2f2 0%, #ffffff 80%);
}

[b-kumdfbrwbg](.exec-metric) {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

[b-kumdfbrwbg](.exec-metric-label) {
    font-size: 0.72rem;
    color: #64748b;
}

[b-kumdfbrwbg](.exec-metric-value) {
    font-size: 1.35rem;
    line-height: 1.15;
    color: #0f172a;
}

[b-kumdfbrwbg](.exec-risk-pill) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.26rem 0.66rem;
}

[b-kumdfbrwbg](.exec-risk-low) {
    color: #166534;
    background: #dcfce7;
}

[b-kumdfbrwbg](.exec-risk-medium) {
    color: #92400e;
    background: #fef3c7;
}

[b-kumdfbrwbg](.exec-risk-high) {
    color: #991b1b;
    background: #fee2e2;
}

[b-kumdfbrwbg](.exec-hero-actions) {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

[b-kumdfbrwbg](.exec-btn) {
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    padding: 0.58rem 0.9rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    border: 1px solid transparent;
}

[b-kumdfbrwbg](.exec-btn:hover) {
    transform: translateY(-1px);
}

[b-kumdfbrwbg](.exec-btn-primary) {
    color: #fff;
    background: #15803d;
}

[b-kumdfbrwbg](.exec-btn-primary:hover) {
    background: #166534;
}

[b-kumdfbrwbg](.exec-btn-secondary) {
    color: #fff;
    background: #1d4ed8;
}

[b-kumdfbrwbg](.exec-btn-secondary:hover) {
    background: #1e40af;
}

[b-kumdfbrwbg](.exec-btn-ghost) {
    color: #14532d;
    background: #fff;
    border-color: #bbf7d0;
}

[b-kumdfbrwbg](.exec-btn-ghost:hover) {
    background: #f0fdf4;
}

[b-kumdfbrwbg](.exec-btn:disabled) {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

[b-kumdfbrwbg](.exec-kpi-grid) {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 12px;
}

[b-kumdfbrwbg](.exec-kpi-card) {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

[b-kumdfbrwbg](.exec-kpi-card:hover) {
    transform: translateY(-2px);
    box-shadow: 0 16px 28px rgba(15, 23, 42, 0.08);
}

[b-kumdfbrwbg](.exec-kpi-icon) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #ecfdf3;
    margin-bottom: 8px;
}

[b-kumdfbrwbg](.exec-kpi-label) {
    font-size: 0.73rem;
    color: #64748b;
}

[b-kumdfbrwbg](.exec-kpi-value) {
    font-size: 1.55rem;
    line-height: 1.2;
    font-weight: 700;
    color: #0f172a;
}

[b-kumdfbrwbg](.exec-kpi-value-text) {
    font-size: 1.05rem;
}

[b-kumdfbrwbg](.exec-kpi-subtitle) {
    font-size: 0.72rem;
    color: #64748b;
}

[b-kumdfbrwbg](.exec-compare-row) {
    margin-bottom: 12px;
}

[b-kumdfbrwbg](.exec-compare-label-row) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
    gap: 8px;
}

[b-kumdfbrwbg](.exec-compare-label) {
    font-size: 0.82rem;
    font-weight: 600;
    color: #1e293b;
}

[b-kumdfbrwbg](.exec-compare-value) {
    font-size: 0.75rem;
    color: #475569;
}

[b-kumdfbrwbg](.exec-compare-diff) {
    font-size: 0.68rem;
    color: #64748b;
    margin-top: 4px;
}

[b-kumdfbrwbg](.exec-badge-gold) {
    margin-left: 5px;
    font-size: 0.66rem;
    padding: 2px 6px;
    border-radius: 999px;
    background: #fef3c7;
    color: #92400e;
    font-weight: 700;
}

[b-kumdfbrwbg](.exec-bar-track) {
    width: 100%;
    height: 8px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}

[b-kumdfbrwbg](.exec-bar-fill) {
    height: 8px;
    border-radius: 999px;
}

[b-kumdfbrwbg](.exec-bar-best) {
    background: linear-gradient(90deg, #16a34a 0%, #22c55e 100%);
}

[b-kumdfbrwbg](.exec-bar-good) {
    background: #22c55e;
}

[b-kumdfbrwbg](.exec-bar-risk) {
    background: #ef4444;
}

[b-kumdfbrwbg](.exec-bar-neutral) {
    background: #3b82f6;
}

[b-kumdfbrwbg](.exec-rank-row) {
    padding: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-bottom: 10px;
}

[b-kumdfbrwbg](.exec-rank-row-best) {
    border-color: #86efac;
    background: #f0fdf4;
}

[b-kumdfbrwbg](.exec-rank-main) {
    display: flex;
    align-items: start;
    gap: 10px;
    margin-bottom: 4px;
}

[b-kumdfbrwbg](.exec-rank-pos) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #ecfdf3;
    color: #166534;
    font-size: 0.75rem;
    font-weight: 700;
}

[b-kumdfbrwbg](.exec-rank-fornecedor) {
    font-size: 0.92rem;
    color: #0f172a;
    font-weight: 700;
}

[b-kumdfbrwbg](.exec-rank-meta) {
    font-size: 0.68rem;
    color: #64748b;
}

[b-kumdfbrwbg](.exec-rank-value) {
    display: block;
    text-align: right;
    color: #0f172a;
    font-size: 0.95rem;
    margin-bottom: 6px;
}

[b-kumdfbrwbg](.exec-alert-card) {
    border-left: 4px solid transparent;
}

[b-kumdfbrwbg](.exec-alert-critical) {
    border-left-color: #ef4444;
    background: #fef2f2;
}

[b-kumdfbrwbg](.exec-alert-info) {
    border-left-color: #f59e0b;
    background: #fffbeb;
}

[b-kumdfbrwbg](.exec-alert-list) {
    list-style: disc;
    margin-left: 1rem;
    font-size: 0.82rem;
    color: #334155;
    display: grid;
    gap: 4px;
}

[b-kumdfbrwbg](.exec-empty) {
    font-size: 0.82rem;
    color: #64748b;
}

[b-kumdfbrwbg](.exec-feedback) {
    margin-top: 12px;
    font-size: 0.82rem;
    color: #0f172a;
}

@media (min-width: 768px) {
    [b-kumdfbrwbg](.exec-kpi-grid) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-kumdfbrwbg](.exec-two-column) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-kumdfbrwbg](.exec-hero-grid) {
        grid-template-columns: 1.5fr repeat(3, minmax(0, 1fr));
    }

    [b-kumdfbrwbg](.exec-hero-actions) {
        grid-column: 1 / -1;
    }
}

@media (min-width: 1200px) {
    [b-kumdfbrwbg](.exec-kpi-grid) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.insight-page-bg[b-kumdfbrwbg] {
    min-height: 100vh;
    background: linear-gradient(180deg, #f4f8f5 0%, #ffffff 52%, #f7faf8 100%);
    padding: 24px 16px 32px;
}

.insight-shell[b-kumdfbrwbg] {
    max-width: 1200px;
    margin: 0 auto;
}

.insight-main[b-kumdfbrwbg] {
    display: grid;
    gap: 24px;
    padding-top: 12px;
}

.insight-loading-wrap[b-kumdfbrwbg] {
    min-height: 50vh;
    display: grid;
    place-items: center;
    padding: 24px;
}

.insight-loading-card[b-kumdfbrwbg],
.insight-error-state[b-kumdfbrwbg] {
    background: #ffffff;
    border: 1px solid #d9e3dd;
    border-radius: 8px;
    padding: 16px 20px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
    color: #334155;
}

.insight-error-state[b-kumdfbrwbg] {
    color: #991b1b;
}

.insight-compare-grid[b-kumdfbrwbg],
.insight-two-column[b-kumdfbrwbg],
.insight-alert-grid[b-kumdfbrwbg] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

.insight-mt-2[b-kumdfbrwbg] {
    margin-top: 8px;
}

[b-kumdfbrwbg](.insight-card) {
    background: #ffffff;
    border: 1px solid #dbe6de;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
    padding: 20px;
}

[b-kumdfbrwbg](.insight-section-header) {
    margin-bottom: 14px;
}

[b-kumdfbrwbg](.insight-section-header h3) {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
}

[b-kumdfbrwbg](.insight-section-header p) {
    font-size: 0.8rem;
    color: #64748b;
}

[b-kumdfbrwbg](.insight-action-header) {
    position: sticky;
    top: 8px;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
    padding: 14px;
    border: 1px solid #d4e3d9;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(6px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
}

[b-kumdfbrwbg](.insight-action-left) {
    min-width: 220px;
}

[b-kumdfbrwbg](.insight-action-right) {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

[b-kumdfbrwbg](.insight-overline) {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #166534;
    font-weight: 700;
}

[b-kumdfbrwbg](.insight-header-title) {
    font-size: 1.1rem;
    color: #0f172a;
    font-weight: 700;
}

[b-kumdfbrwbg](.insight-header-subtitle) {
    font-size: 0.76rem;
    color: #64748b;
}

[b-kumdfbrwbg](.insight-select),
.insight-input[b-kumdfbrwbg] {
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    padding: 0.56rem 0.72rem;
    font-size: 0.85rem;
    color: #0f172a;
}

[b-kumdfbrwbg](.insight-select) {
    min-width: 180px;
}

.insight-input[b-kumdfbrwbg] {
    width: 100%;
}

[b-kumdfbrwbg](.insight-select:focus),
.insight-input:focus[b-kumdfbrwbg] {
    outline: none;
    border-color: #16a34a;
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.15);
}

[b-kumdfbrwbg](.insight-btn) {
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 0.58rem 0.95rem;
    font-size: 0.82rem;
    font-weight: 600;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

[b-kumdfbrwbg](.insight-btn:hover) {
    transform: translateY(-1px);
}

[b-kumdfbrwbg](.insight-btn-primary) {
    color: #fff;
    background: #15803d;
}

[b-kumdfbrwbg](.insight-btn-primary:hover) {
    background: #166534;
}

[b-kumdfbrwbg](.insight-btn-secondary) {
    color: #166534;
    background: #dcfce7;
    border-color: #86efac;
}

[b-kumdfbrwbg](.insight-btn-secondary:hover) {
    background: #bbf7d0;
}

[b-kumdfbrwbg](.insight-btn-ghost) {
    color: #14532d;
    background: #fff;
    border-color: #bbf7d0;
}

[b-kumdfbrwbg](.insight-btn-ghost:hover) {
    background: #f0fdf4;
}

[b-kumdfbrwbg](.insight-btn:disabled) {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

[b-kumdfbrwbg](.insight-hero) {
    border: 1px solid #d1d5db;
    padding: 0;
    overflow: hidden;
}

[b-kumdfbrwbg](.insight-hero-low) {
    border-top: 4px solid #16a34a;
}

[b-kumdfbrwbg](.insight-hero-medium) {
    border-top: 4px solid #eab308;
}

[b-kumdfbrwbg](.insight-hero-high) {
    border-top: 4px solid #dc2626;
}

[b-kumdfbrwbg](.insight-hero-header) {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding: 18px 24px;
    background: #f3f4f6;
    border-bottom: 1px solid #e5e7eb;
}

[b-kumdfbrwbg](.insight-hero-header-main) {
    display: grid;
    gap: 4px;
}

[b-kumdfbrwbg](.insight-hero-section-title) {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
}

[b-kumdfbrwbg](.insight-hero-cotacao-title) {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: #0f172a;
}

[b-kumdfbrwbg](.insight-hero-layout) {
    display: grid;
    grid-template-columns: 170px minmax(320px, 1fr) minmax(220px, 260px);
    gap: 24px;
    margin-bottom: 0;
    align-items: center;
    padding: 14px 24px;
}

[b-kumdfbrwbg](.insight-hero-score-circle) {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid currentColor;
    flex-direction: column;
    gap: 2px;
}

[b-kumdfbrwbg](.insight-hero-score-number) {
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

[b-kumdfbrwbg](.insight-hero-score-panel) {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    text-align: center;
}

[b-kumdfbrwbg](.insight-hero-score-label) {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #111827;
}

[b-kumdfbrwbg](.insight-hero-score-text) {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}

[b-kumdfbrwbg](.insight-hero-diagnostic-panel) {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 8px 0 24px;
    border-left: 1px solid #e5e7eb;
}

[b-kumdfbrwbg](.insight-hero-diagnostic-title) {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #111827;
}

[b-kumdfbrwbg](.insight-hero-diagnostic-head) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

[b-kumdfbrwbg](.insight-hero-decision-badge) {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.2rem 0.56rem;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

[b-kumdfbrwbg](.insight-hero-decision-manual) {
    color: #9a3412;
    background: #ffedd5;
}

[b-kumdfbrwbg](.insight-hero-decision-auto) {
    color: #166534;
    background: #dcfce7;
}

[b-kumdfbrwbg](.insight-hero-decision-neutral) {
    color: #1f2937;
    background: #e5e7eb;
}

[b-kumdfbrwbg](.insight-hero-insight) {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-kumdfbrwbg](.insight-hero-alert-icon) {
    color: #f59e0b;
    font-size: 17px;
    line-height: 1;
}

[b-kumdfbrwbg](.insight-hero-description) {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    color: #6b7280;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

[b-kumdfbrwbg](.insight-hero-recommendation) {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;
    color: #334155;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-left: 3px solid #22c55e;
    border-radius: 6px;
    background: #f8fafc;
}

[b-kumdfbrwbg](.insight-hero-recommendation-label) {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #166534;
}

[b-kumdfbrwbg](.insight-hero-choice-block) {
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #ffffff;
}

[b-kumdfbrwbg](.insight-hero-choice-title) {
    margin: 0 0 6px;
    font-size: 12px;
    font-weight: 700;
    color: #1f2937;
}

[b-kumdfbrwbg](.insight-hero-choice-item) {
    margin: 0;
    font-size: 12px;
    line-height: 1.4;
    color: #334155;
}

[b-kumdfbrwbg](.insight-hero-choice-item + .insight-hero-choice-item) {
    margin-top: 6px;
}

[b-kumdfbrwbg](.insight-hero-choice-label) {
    font-weight: 700;
    color: #0f172a;
}

[b-kumdfbrwbg](.insight-hero-indicators-panel) {
    display: flex;
    flex-direction: column;
    gap: 0;
    border-left: 1px solid #e5e7eb;
    padding-left: 20px;
}

[b-kumdfbrwbg](.insight-hero-indicator-item) {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2px 8px;
    padding: 9px 0;
    border-bottom: 1px solid #e5e7eb;
    align-items: center;
}

[b-kumdfbrwbg](.insight-hero-indicator-item:last-child) {
    border-bottom: 0;
}

[b-kumdfbrwbg](.insight-hero-indicator-label) {
    font-size: 12px;
    color: #6b7280;
    grid-column: 1 / 2;
}

[b-kumdfbrwbg](.insight-hero-indicator-text) {
    font-size: 13px;
    font-weight: 600;
    color: #1f2937;
    grid-column: 1 / 2;
}

[b-kumdfbrwbg](.insight-risk-pill) {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border-radius: 999px;
    padding: 0.2rem 0.56rem;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    align-self: center;
}

[b-kumdfbrwbg](.insight-risk-low) {
    background: #dcfce7;
    color: #166534;
}

[b-kumdfbrwbg](.insight-risk-medium) {
    background: #fef3c7;
    color: #92400e;
}

[b-kumdfbrwbg](.insight-risk-high) {
    background: #fee2e2;
    color: #991b1b;
}

[b-kumdfbrwbg](.insight-risk-info) {
    background: #dbeafe;
    color: #1d4ed8;
}

[b-kumdfbrwbg](.insight-hero-actions) {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
}

[b-kumdfbrwbg](.insight-hero-footer) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 24px 16px;
    border-top: 1px solid #e5e7eb;
}

[b-kumdfbrwbg](.insight-hero-analysis-date) {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
}

[b-kumdfbrwbg](.insight-hero-analysis-label) {
    font-size: 13px;
    color: #6b7280;
}

[b-kumdfbrwbg](.insight-hero-analysis-value) {
    font-size: 13px;
    font-weight: 500;
    color: #475569;
}

@media (max-width: 768px) {
    [b-kumdfbrwbg](.insight-hero-layout) {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 14px 16px;
    }

    [b-kumdfbrwbg](.insight-hero-diagnostic-panel) {
        border-left: 0;
        border-top: 1px solid #e5e7eb;
        padding: 12px 0 0;
    }

    [b-kumdfbrwbg](.insight-hero-indicators-panel) {
        border-left: 0;
        border-top: 1px solid #e5e7eb;
        padding-left: 0;
        padding-top: 8px;
    }

    [b-kumdfbrwbg](.insight-hero-footer) {
        padding: 12px 16px 16px;
        flex-direction: column;
        align-items: flex-start;
    }

    [b-kumdfbrwbg](.insight-hero-actions) {
        justify-content: flex-start;
    }
}

[b-kumdfbrwbg](.insight-kpi-grid) {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

[b-kumdfbrwbg](.insight-kpi-card) {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

[b-kumdfbrwbg](.insight-kpi-card:hover) {
    transform: translateY(-2px);
    box-shadow: 0 16px 28px rgba(15, 23, 42, 0.08);
}

[b-kumdfbrwbg](.insight-kpi-label) {
    font-size: 0.76rem;
    color: #64748b;
}

[b-kumdfbrwbg](.insight-kpi-value) {
    font-size: 1.6rem;
    line-height: 1.2;
    color: #0f172a;
    font-weight: 700;
}

[b-kumdfbrwbg](.insight-kpi-value-text) {
    font-size: 1.05rem;
}

[b-kumdfbrwbg](.insight-kpi-subtitle) {
    font-size: 0.75rem;
    color: #64748b;
}

[b-kumdfbrwbg](.insight-compare-row) {
    margin-bottom: 14px;
}

[b-kumdfbrwbg](.insight-compare-head) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}

[b-kumdfbrwbg](.insight-compare-name) {
    font-size: 0.86rem;
    font-weight: 600;
    color: #1e293b;
}

[b-kumdfbrwbg](.insight-compare-value) {
    font-size: 0.84rem;
    color: #0f172a;
}

[b-kumdfbrwbg](.insight-bar-track) {
    width: 100%;
    height: 8px;
    border-radius: 999px;
    overflow: hidden;
    background: #e2e8f0;
}

[b-kumdfbrwbg](.insight-bar-fill) {
    height: 8px;
    border-radius: 999px;
}

[b-kumdfbrwbg](.insight-bar-best) {
    background: linear-gradient(90deg, #16a34a 0%, #22c55e 100%);
}

[b-kumdfbrwbg](.insight-bar-good) {
    background: #22c55e;
}

[b-kumdfbrwbg](.insight-bar-risk) {
    background: #ef4444;
}

[b-kumdfbrwbg](.insight-bar-neutral) {
    background: #0f766e;
}

[b-kumdfbrwbg](.insight-rank-row) {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 10px;
}

[b-kumdfbrwbg](.insight-rank-row-best) {
    border-color: #86efac;
    background: #f0fdf4;
}

[b-kumdfbrwbg](.insight-rank-header) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
}

[b-kumdfbrwbg](.insight-rank-main) {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-kumdfbrwbg](.insight-rank-position) {
    width: 30px;
    height: 30px;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    background: #ecfdf3;
    color: #166534;
    font-size: 0.74rem;
    font-weight: 700;
}

[b-kumdfbrwbg](.insight-rank-name) {
    font-size: 0.9rem;
    color: #0f172a;
    font-weight: 700;
}

[b-kumdfbrwbg](.insight-rank-value) {
    font-size: 1rem;
    color: #0f172a;
}

[b-kumdfbrwbg](.insight-alert-block) {
    border-left: 4px solid transparent;
}

[b-kumdfbrwbg](.insight-alert-critical) {
    border-left-color: #ef4444;
    background: #fef2f2;
}

[b-kumdfbrwbg](.insight-alert-info) {
    border-left-color: #eab308;
    background: #fffbeb;
}

[b-kumdfbrwbg](.insight-alert-item) {
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 8px;
    margin-bottom: 8px;
}

[b-kumdfbrwbg](.insight-alert-icon) {
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    background: rgba(15, 23, 42, 0.08);
    color: #0f172a;
}

[b-kumdfbrwbg](.insight-empty),
.insight-feedback[b-kumdfbrwbg] {
    font-size: 0.82rem;
    color: #64748b;
}

.insight-feedback[b-kumdfbrwbg] {
    margin-top: 12px;
    color: #0f172a;
}

@media (min-width: 768px) {
    .insight-compare-grid[b-kumdfbrwbg],
    .insight-two-column[b-kumdfbrwbg],
    .insight-alert-grid[b-kumdfbrwbg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-kumdfbrwbg](.insight-kpi-grid) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-kumdfbrwbg](.insight-hero-grid) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    [b-kumdfbrwbg](.insight-kpi-grid) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* /Pages/FechamentoSafra.razor.rz.scp.css */
.fs-safra-picker[b-lyd753kxl7] { display: flex; align-items: center; gap: 8px; }
.fs-safra-picker label[b-lyd753kxl7] {
    font-size: 11px; font-weight: 700; letter-spacing: .05em;
    text-transform: uppercase; color: #475569;
}
.fs-safra-picker select[b-lyd753kxl7] {
    border: 1px solid #D1D9E0; border-radius: 10px; padding: 7px 12px; font-size: 13px; background: #fff;
}

.fs-spin[b-lyd753kxl7] {
    width: 15px; height: 15px; border: 2px solid #e5e7eb; border-bottom-color: #15803d;
    border-radius: 50%; display: inline-block; animation: fs-spin-b-lyd753kxl7 .7s linear infinite;
}
@keyframes fs-spin-b-lyd753kxl7 { to { transform: rotate(360deg); } }

/* Painel explicativo (como funciona) */
.fs-intro[b-lyd753kxl7] {
    background: #fff; border: 1px solid #E8F0EA; border-radius: 16px; padding: 20px 22px;
    box-shadow: 0 1px 2px rgba(16,24,40,.04);
}
.fs-intro__head[b-lyd753kxl7] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.fs-intro__title[b-lyd753kxl7] { font-size: 18px; font-weight: 700; color: #0F172A; margin: 0; }
.fs-intro__lead[b-lyd753kxl7] {
    margin: 10px 0 0; font-size: 13.5px; line-height: 1.6; color: #475569; max-width: 78ch;
}
.fs-intro__lead b[b-lyd753kxl7] { color: #15803d; font-weight: 600; }

.fs-statebadge[b-lyd753kxl7] {
    font-size: 11px; font-weight: 700; letter-spacing: .02em; padding: 4px 11px;
    border-radius: 999px; display: inline-flex; align-items: center; gap: 6px;
}
.fs-statebadge[b-lyd753kxl7]::before { content: ""; width: 7px; height: 7px; border-radius: 50%; }
.fs-statebadge--open[b-lyd753kxl7] { background: #ECFDF5; color: #15803d; }
.fs-statebadge--open[b-lyd753kxl7]::before { background: #16a34a; }
.fs-statebadge--closed[b-lyd753kxl7] { background: #F1F5F9; color: #475569; }
.fs-statebadge--closed[b-lyd753kxl7]::before { background: #94a3b8; }

.fs-steps[b-lyd753kxl7] {
    list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 8px;
    border-top: 1px dashed #E5EAE6; padding-top: 14px;
}
.fs-steps li[b-lyd753kxl7] { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; color: #475569; line-height: 1.5; }
.fs-steps li b[b-lyd753kxl7] { color: #0F172A; font-weight: 600; }
.fs-steps__n[b-lyd753kxl7] {
    flex: 0 0 auto; width: 20px; height: 20px; border-radius: 50%; background: #15803d; color: #fff;
    font-size: 11px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; margin-top: 1px;
}

/* Confirmação inline */
.fs-confirm[b-lyd753kxl7] {
    margin-top: 14px; padding: 12px 14px; border-radius: 12px;
    background: #FFFBEB; border: 1px solid #FDE68A; color: #92400E;
    display: flex; align-items: center; gap: 14px; flex-wrap: wrap; font-size: 13px;
}
.fs-confirm--inline[b-lyd753kxl7] { margin: 0 20px 14px; }
.fs-confirm__actions[b-lyd753kxl7] { margin-left: auto; display: flex; gap: 8px; }

/* Alertas */
.fs-alert[b-lyd753kxl7] { padding: 11px 14px; border-radius: 12px; font-size: 13px; }
.fs-alert--warn[b-lyd753kxl7] { background: #FFFBEB; border: 1px solid #FDE68A; color: #92400E; }
.fs-alert--err[b-lyd753kxl7] { background: #FEF2F2; border: 1px solid #FECACA; color: #B91C1C; }

/* Badges */
.fs-badge[b-lyd753kxl7] { font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 999px; white-space: nowrap; display: inline-block; }
.fs-badge--sim[b-lyd753kxl7] { background: #EEF2FF; color: #4338CA; }
.fs-badge--ok[b-lyd753kxl7] { background: #DCFCE7; color: #15803d; }
.fs-badge--muted[b-lyd753kxl7] { background: #F1F5F9; color: #64748B; margin-left: 8px; }

/* Linha de CR sem movimento (não fechado): esmaecida */
.fs-row--ignored td[b-lyd753kxl7] { color: #94A3B8; background: #FCFCFD; }
.fs-row--ignored td:first-child b[b-lyd753kxl7] { color: #64748B; }

/* Linha clicável (histórico com ajustes) */
.fs-row--click[b-lyd753kxl7] { cursor: pointer; }
.fs-row--click:hover td[b-lyd753kxl7] { background: #F0FDF4; }
.fs-chevron[b-lyd753kxl7] { width: 14px; height: 14px; display: inline-block; vertical-align: -2px; margin-left: 4px; color: #94A3B8; }

/* Tags de tipo de ajuste */
.fs-tag[b-lyd753kxl7] { font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 999px; white-space: nowrap; }
.fs-tag--0[b-lyd753kxl7] { background: #FEF3C7; color: #92400E; }   /* Carga em estoque */
.fs-tag--1[b-lyd753kxl7] { background: #FEE2E2; color: #B91C1C; }   /* CMV de venda */
.fs-tag--2[b-lyd753kxl7] { background: #DBEAFE; color: #1D4ED8; }   /* Custo médio do estoque */

/* Modal de detalhe */
.fs-modal-overlay[b-lyd753kxl7] {
    position: fixed; inset: 0; background: rgba(15,23,42,.45); z-index: 1000;
    display: flex; align-items: center; justify-content: center; padding: 20px;
    animation: fs-fade-b-lyd753kxl7 .15s ease-out;
}
@keyframes fs-fade-b-lyd753kxl7 { from { opacity: 0; } to { opacity: 1; } }
.fs-modal[b-lyd753kxl7] {
    background: #fff; border-radius: 16px; width: 100%; max-width: 640px; max-height: 85vh;
    overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 20px 50px rgba(15,23,42,.25);
}
.fs-modal__head[b-lyd753kxl7] { display: flex; align-items: flex-start; justify-content: space-between; padding: 18px 22px; border-bottom: 1px solid #EEF1F4; }
.fs-modal__title[b-lyd753kxl7] { font-size: 16px; font-weight: 700; color: #0F172A; margin: 0; }
.fs-modal__sub[b-lyd753kxl7] { font-size: 12px; color: #64748B; margin: 3px 0 0; }
.fs-modal__close[b-lyd753kxl7] { background: transparent; border: 0; color: #94A3B8; cursor: pointer; padding: 4px; border-radius: 8px; }
.fs-modal__close:hover[b-lyd753kxl7] { background: #F1F5F9; color: #475569; }
.fs-modal__close svg[b-lyd753kxl7] { width: 18px; height: 18px; }
/* Abas do modal */
.fs-tabs[b-lyd753kxl7] { display: flex; gap: 2px; padding: 0 22px; border-bottom: 1px solid #EEF1F4; background: #fff; }
.fs-tab[b-lyd753kxl7] {
    background: transparent; border: 0; border-bottom: 2px solid transparent; cursor: pointer;
    padding: 11px 14px; font-size: 13px; font-weight: 600; color: #64748B; margin-bottom: -1px;
}
.fs-tab:hover[b-lyd753kxl7] { color: #334155; }
.fs-tab--on[b-lyd753kxl7] { color: #15803d; border-bottom-color: #15803d; }

/* Fórmula do custo/saca */
.fs-formula[b-lyd753kxl7] { display: flex; align-items: stretch; gap: 10px; flex-wrap: wrap; padding: 16px 18px; }
.fs-formula__item[b-lyd753kxl7] {
    flex: 1 1 0; min-width: 120px; background: #F8FAFC; border: 1px solid #EEF1F4; border-radius: 12px;
    padding: 10px 14px; display: flex; flex-direction: column; gap: 3px;
}
.fs-formula__item span[b-lyd753kxl7] { font-size: 11px; color: #64748B; text-transform: uppercase; letter-spacing: .02em; }
.fs-formula__item b[b-lyd753kxl7] { font-size: 16px; color: #0F172A; font-variant-numeric: tabular-nums; }
.fs-formula__item--res[b-lyd753kxl7] { background: #ECFDF5; border-color: #BBF7D0; }
.fs-formula__item--res b[b-lyd753kxl7] { color: #15803d; }
.fs-formula__op[b-lyd753kxl7] { display: flex; align-items: center; font-size: 18px; font-weight: 700; color: #94A3B8; }

.fs-modal__body[b-lyd753kxl7] { padding: 8px 0 0; overflow-y: auto; }
.fs-modal__body .fs-table tfoot td[b-lyd753kxl7] { padding: 11px 16px; border-top: 2px solid #E5E7EB; background: #F9FAFB; }
.fs-modal__note[b-lyd753kxl7] { font-size: 12px; color: #64748B; line-height: 1.55; padding: 14px 18px 18px; }
.fs-modal__note b[b-lyd753kxl7] { color: #475569; font-weight: 600; }

/* Tabela */
.fs-table[b-lyd753kxl7] { width: 100%; border-collapse: collapse; font-size: 13px; }
.fs-table thead th[b-lyd753kxl7] {
    background: #F9FAFB; text-align: left; font-size: 11px; font-weight: 700;
    letter-spacing: .03em; text-transform: uppercase; color: #64748B;
    padding: 11px 16px; border-bottom: 1px solid #E5E7EB; white-space: nowrap;
}
.fs-table th.num[b-lyd753kxl7], .fs-table td.num[b-lyd753kxl7] { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fs-table tbody td[b-lyd753kxl7] { padding: 10px 16px; border-bottom: 1px solid #F1F3F5; color: #374151; }
.fs-table tbody tr:hover td[b-lyd753kxl7] { background: #F8FAFB; }
.fs-strong[b-lyd753kxl7] { font-weight: 700; color: #15803d; }
/* /Pages/FluxoCaixa.razor.rz.scp.css */
/* Fluxo de caixa — cascata diária/semanal/mensal. Tokens alinhados ao DESIGN.md
   (#F3F4F6 superfície, painéis brancos, verde #15803d só como sinal, linhas planas). */

/* Variáveis e tipografia no wrapper raiz para que os modais (fora de .fc-page) também herdem. */
.fc-root[b-6xfnygdxqt] {
    --bg: #F3F4F6;
    --panel: #FFFFFF;
    --ink: #111827;
    --ink-2: #374151;
    --muted: #6B7280;
    --muted-2: #9CA3AF;
    --line: #E5E7EB;
    --line-strong: #D1D5DB;
    --signal: #15803d;
    --signal-bg: #ECFDF3;
    --neg: #B91C1C;
    --row-hover: #F9FAFB;
    --calc: #F8FAFC;
    --shadow: 0 1px 2px rgba(17,24,39,.04), 0 1px 3px rgba(17,24,39,.06);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: var(--ink);
    font-size: 14px;
    line-height: 1.45;
}

.fc-page[b-6xfnygdxqt] {
    padding: 0 4px 64px;
}

/* ── Barra de controles (período + visão + modo) ── */
.fc-toolbar[b-6xfnygdxqt] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 18px 0 2px; }
.fc-toolbar-sep[b-6xfnygdxqt] { width: 1px; height: 22px; background: var(--line-strong); margin: 0 2px; }

.fc-field[b-6xfnygdxqt] {
    font: inherit; font-size: 13px; color: var(--ink); background: #fff;
    border: 1px solid var(--line-strong); border-radius: 8px; padding: 7px 10px; cursor: pointer;
}

.fc-seg[b-6xfnygdxqt] { display: inline-flex; background: #fff; border: 1px solid var(--line-strong); border-radius: 8px; padding: 2px; }
.fc-seg button[b-6xfnygdxqt] {
    border: 0; background: transparent; font: inherit; font-size: 13px; color: var(--ink-2);
    padding: 6px 14px; border-radius: 6px; cursor: pointer; font-weight: 500;
}
.fc-seg button.on[b-6xfnygdxqt] { background: var(--ink); color: #fff; }

.fc-btn[b-6xfnygdxqt] {
    display: inline-flex; align-items: center; gap: 6px;
    font: inherit; font-size: 13px; font-weight: 500; cursor: pointer;
    border-radius: 8px; padding: 8px 14px; border: 1px solid var(--line-strong);
    background: #fff; color: var(--ink-2); transition: background .15s, box-shadow .15s;
}
.fc-btn:hover[b-6xfnygdxqt] { background: var(--row-hover); }
.fc-btn:disabled[b-6xfnygdxqt] { opacity: .6; cursor: default; }
.fc-btn svg[b-6xfnygdxqt] { width: 16px; height: 16px; }
.fc-btn--primary[b-6xfnygdxqt] {
    background: linear-gradient(135deg, var(--signal) 0%, #16a34a 100%);
    color: #fff; border-color: var(--signal);
    box-shadow: 0 2px 8px rgba(21,128,61,.2);
}
.fc-btn--primary:hover[b-6xfnygdxqt] { box-shadow: 0 4px 12px rgba(21,128,61,.3); background: linear-gradient(135deg, #14532d 0%, var(--signal) 100%); }

/* ── Faixa de indicadores ── */
.fc-kpis[b-6xfnygdxqt] {
    display: grid; grid-template-columns: repeat(5, 1fr);
    background: var(--panel); border: 1px solid var(--line); border-radius: 12px;
    box-shadow: var(--shadow); margin: 18px 0; overflow: hidden;
}
.fc-kpi[b-6xfnygdxqt] { padding: 16px 18px; border-right: 1px solid var(--line); }
.fc-kpi:last-child[b-6xfnygdxqt] { border-right: 0; }
.fc-kpi .lab[b-6xfnygdxqt] { font-size: 12.5px; color: var(--muted); margin-bottom: 4px; }
.fc-kpi .val[b-6xfnygdxqt] { font-size: 19px; font-weight: 600; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.fc-kpi .val.pos[b-6xfnygdxqt] { color: var(--signal); }
.fc-kpi .val.neg[b-6xfnygdxqt] { color: var(--neg); }

/* ── Seletor de semana ── */
.fc-weekbar[b-6xfnygdxqt] { display: flex; align-items: center; gap: 8px; margin: 4px 0 14px; flex-wrap: wrap; }
.fc-weekbar .lbl[b-6xfnygdxqt] { font-size: 12.5px; color: var(--muted); margin-right: 2px; }
.fc-wk[b-6xfnygdxqt] {
    font: inherit; font-size: 12.5px; border: 1px solid var(--line-strong); background: #fff;
    color: var(--ink-2); border-radius: 999px; padding: 5px 12px; cursor: pointer;
}
.fc-wk.on[b-6xfnygdxqt] { background: var(--signal-bg); border-color: var(--signal); color: var(--signal); font-weight: 600; }
.fc-wk .rng[b-6xfnygdxqt] { color: var(--muted-2); font-weight: 400; margin-left: 6px; }
.fc-wk.on .rng[b-6xfnygdxqt] { color: var(--signal); }

/* ── Painel + tabela ── */
.fc-panel[b-6xfnygdxqt] { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); overflow: hidden; }
.fc-scroll[b-6xfnygdxqt] { overflow-x: auto; }
.fc-table[b-6xfnygdxqt] { border-collapse: collapse; width: 100%; min-width: max-content; }
.fc-table th[b-6xfnygdxqt], .fc-table td[b-6xfnygdxqt] { font-variant-numeric: tabular-nums; white-space: nowrap; }

.fc-table thead th[b-6xfnygdxqt] {
    position: sticky; top: 0; background: #fff; z-index: 5;
    font-size: 11.5px; font-weight: 600; color: var(--muted); text-align: right;
    padding: 12px 14px; border-bottom: 1px solid var(--line-strong);
}
.fc-table thead th .d2[b-6xfnygdxqt] { display: block; font-size: 10.5px; font-weight: 500; color: var(--muted-2); }
.fc-table thead th.fc-total-h[b-6xfnygdxqt] { color: var(--ink); }

/* primeira coluna fixa */
.fc-table .fc-lead[b-6xfnygdxqt] {
    position: sticky; left: 0; background: #fff; z-index: 4; text-align: left;
    min-width: 280px; max-width: 280px; white-space: normal;
}
.fc-table thead th.fc-lead[b-6xfnygdxqt] { z-index: 6; }

.fc-table tbody td[b-6xfnygdxqt] { padding: 9px 14px; text-align: right; border-bottom: 1px solid var(--line); color: var(--ink-2); }
.fc-table tbody td.fc-total[b-6xfnygdxqt] { font-weight: 600; color: var(--ink); border-left: 1px solid var(--line); background: #FCFCFD; }
.fc-table tbody tr:hover td[b-6xfnygdxqt] { background: var(--row-hover); }
.fc-table tbody tr:hover td.fc-lead[b-6xfnygdxqt] { background: var(--row-hover); }
.fc-table td.fc-zero[b-6xfnygdxqt] { color: var(--muted-2); }

/* hierarquia de linhas */
.fc-r-group td[b-6xfnygdxqt] { background: #F9FAFB; font-weight: 600; color: var(--ink); }
.fc-r-group:hover td[b-6xfnygdxqt] { background: #F3F4F6; }
.fc-r-sub td[b-6xfnygdxqt] { color: var(--ink-2); font-weight: 500; }
.fc-r-sub td.fc-lead[b-6xfnygdxqt] { padding-left: 28px; }
.fc-r-leaf td.fc-lead[b-6xfnygdxqt] { padding-left: 42px; color: var(--muted); }
.fc-r-saldo td[b-6xfnygdxqt] { background: #F9FAFB; font-weight: 600; color: var(--ink); }

.tw[b-6xfnygdxqt] { display: inline-flex; align-items: center; gap: 7px; }
.tw .caret[b-6xfnygdxqt] { width: 14px; color: var(--muted-2); transition: transform .15s; display: inline-block; text-align: center; }
.tw.open .caret[b-6xfnygdxqt] { transform: rotate(90deg); }
.clk[b-6xfnygdxqt] { cursor: pointer; user-select: none; }

/* linhas calculadas */
.fc-r-calc td[b-6xfnygdxqt] {
    background: var(--calc); border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong); font-weight: 600; color: var(--ink);
}
.fc-r-final td[b-6xfnygdxqt] { background: #0F172A; color: #fff; border-color: #0F172A; }
.fc-r-final td.fc-lead[b-6xfnygdxqt] { color: #fff; background: #0F172A; }
.fc-r-final td.fc-total[b-6xfnygdxqt] { background: #020617; color: #fff; border-left-color: #1E293B; }

.fc-num.pos[b-6xfnygdxqt] { color: var(--signal); }
.fc-num.neg[b-6xfnygdxqt] { color: var(--neg); }
.fc-r-final .fc-num.pos[b-6xfnygdxqt] { color: #4ADE80; }
.fc-r-final .fc-num.neg[b-6xfnygdxqt] { color: #FCA5A5; }

.fc-footnote[b-6xfnygdxqt] { font-size: 11.5px; color: var(--muted); padding: 14px 16px; border-top: 1px solid var(--line); display: flex; gap: 8px; align-items: center; }
.fc-footnote .dot[b-6xfnygdxqt] { width: 7px; height: 7px; border-radius: 50%; background: var(--signal); display: inline-block; flex: none; }

/* ── Estados ── */
.fc-loading[b-6xfnygdxqt] { display: flex; align-items: center; gap: 12px; padding: 28px; color: var(--muted); font-size: 13px; }
.fc-erro[b-6xfnygdxqt], .fc-vazio[b-6xfnygdxqt] { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; padding: 32px; color: var(--ink-2); }
.fc-erro strong[b-6xfnygdxqt], .fc-vazio strong[b-6xfnygdxqt] { font-size: 15px; color: var(--ink); }
.fc-erro span[b-6xfnygdxqt], .fc-vazio span[b-6xfnygdxqt] { font-size: 13px; color: var(--muted); max-width: 520px; }
.fc-erro .fc-btn[b-6xfnygdxqt] { margin-top: 8px; }

.fc-spinner[b-6xfnygdxqt] { width: 18px; height: 18px; border: 2px solid var(--line-strong); border-bottom-color: var(--signal); border-radius: 50%; animation: fc-spin-b-6xfnygdxqt .7s linear infinite; }
.fc-spinner--sm[b-6xfnygdxqt] { width: 14px; height: 14px; border-width: 2px; border-bottom-color: #fff; }
@keyframes fc-spin-b-6xfnygdxqt { to { transform: rotate(360deg); } }

/* ── Modais ── */
.fc-modal-overlay[b-6xfnygdxqt] { position: fixed; inset: 0; background: rgba(15,23,42,.5); z-index: 60; display: flex; align-items: center; justify-content: center; padding: 16px; }
.fc-modal[b-6xfnygdxqt] { background: #fff; border-radius: 14px; box-shadow: 0 24px 60px rgba(15,23,42,.28); width: 100%; max-width: 680px; max-height: 86vh; display: flex; flex-direction: column; overflow: hidden; }
.fc-modal--form[b-6xfnygdxqt] { max-width: 560px; }
.fc-modal-head[b-6xfnygdxqt] { display: flex; align-items: flex-start; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.fc-modal-head h3[b-6xfnygdxqt] { margin: 0; font-size: 16px; font-weight: 600; color: var(--ink); }
.fc-modal-head p[b-6xfnygdxqt] { margin: 2px 0 0; font-size: 12.5px; color: var(--muted); }
.fc-close[b-6xfnygdxqt] { border: 0; background: transparent; font-size: 16px; color: var(--muted); cursor: pointer; padding: 4px 8px; border-radius: 6px; }
.fc-close:hover[b-6xfnygdxqt] { background: var(--row-hover); color: var(--ink); }
.fc-modal-body[b-6xfnygdxqt] { padding: 18px 20px; overflow-y: auto; }
.fc-modal-foot[b-6xfnygdxqt] { display: flex; justify-content: flex-end; gap: 10px; padding: 14px 20px; border-top: 1px solid var(--line); }
.fc-empty-line[b-6xfnygdxqt] { color: var(--muted); font-size: 13px; padding: 16px 0; }

.fc-drill-table[b-6xfnygdxqt] { width: 100%; border-collapse: collapse; font-size: 13px; }
.fc-drill-table th[b-6xfnygdxqt] { text-align: left; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); padding: 8px 10px; border-bottom: 1px solid var(--line-strong); }
.fc-drill-table th.r[b-6xfnygdxqt], .fc-drill-table td.r[b-6xfnygdxqt] { text-align: right; }
.fc-drill-table td[b-6xfnygdxqt] { padding: 9px 10px; border-bottom: 1px solid var(--line); color: var(--ink-2); }
.fc-drill-table tfoot td[b-6xfnygdxqt] { font-weight: 600; color: var(--ink); border-top: 1px solid var(--line-strong); border-bottom: 0; }
.fc-tag[b-6xfnygdxqt] { display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: 11px; font-weight: 600; }
.fc-tag.in[b-6xfnygdxqt] { background: var(--signal-bg); color: var(--signal); }
.fc-tag.out[b-6xfnygdxqt] { background: #FEE2E2; color: var(--neg); }

/* ── Célula clicável (drill-down) ── */
.fc-clk-cell[b-6xfnygdxqt] { cursor: pointer; }
.fc-table tbody td.fc-clk-cell:hover[b-6xfnygdxqt] { background: var(--signal-bg); box-shadow: inset 0 0 0 1px var(--signal); }

/* ── Drawer de movimentos ── */
.fc-drawer-overlay[b-6xfnygdxqt] { position: fixed; inset: 0; background: rgba(15,23,42,.45); z-index: 60; }
.fc-drawer[b-6xfnygdxqt] { position: fixed; top: 0; right: 0; bottom: 0; width: 100%; max-width: 720px; background: #fff; z-index: 61; display: flex; flex-direction: column; box-shadow: -16px 0 48px rgba(15,23,42,.22); animation: fc-slide-in-b-6xfnygdxqt .22s ease-out; }
@keyframes fc-slide-in-b-6xfnygdxqt { from { transform: translateX(100%); } to { transform: translateX(0); } }
.fc-drawer-head[b-6xfnygdxqt] { display: flex; align-items: flex-start; justify-content: space-between; padding: 18px 22px; border-bottom: 1px solid var(--line); }
.fc-drawer-head h3[b-6xfnygdxqt] { margin: 0; font-size: 17px; font-weight: 600; color: var(--ink); }
.fc-drawer-head p[b-6xfnygdxqt] { margin: 3px 0 0; font-size: 12.5px; color: var(--muted); }
.fc-drawer-body[b-6xfnygdxqt] { padding: 18px 22px; overflow-y: auto; }

.fc-dw-cards[b-6xfnygdxqt] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 18px; }
.fc-dw-card[b-6xfnygdxqt] { border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; background: #fff; }
.fc-dw-card .lab[b-6xfnygdxqt] { font-size: 11.5px; color: var(--muted); margin-bottom: 4px; }
.fc-dw-card .val[b-6xfnygdxqt] { font-size: 18px; font-weight: 600; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.fc-dw-card .meta[b-6xfnygdxqt] { font-size: 11px; color: var(--muted-2); margin-top: 2px; }
.fc-dw-card.in[b-6xfnygdxqt] { background: var(--signal-bg); border-color: #BBF7D0; }
.fc-dw-card.in .val[b-6xfnygdxqt] { color: var(--signal); }
.fc-dw-card.out[b-6xfnygdxqt] { background: #FEF2F2; border-color: #FECACA; }
.fc-dw-card.out .val[b-6xfnygdxqt] { color: var(--neg); }
.fc-dw-card.res-pos .val[b-6xfnygdxqt] { color: var(--signal); }
.fc-dw-card.res-neg .val[b-6xfnygdxqt] { color: var(--neg); }

/* status no drawer */
.fc-status[b-6xfnygdxqt] { display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: 11px; font-weight: 600; }
.fc-status.st-pago[b-6xfnygdxqt] { background: var(--signal-bg); color: var(--signal); }
.fc-status.st-aberto[b-6xfnygdxqt] { background: #FEF9C3; color: #A16207; }
.fc-status.st-parcial[b-6xfnygdxqt] { background: #DBEAFE; color: #1D4ED8; }

@media (max-width: 760px) {
    .fc-dw-cards[b-6xfnygdxqt] { grid-template-columns: 1fr; }
}

.fc-form-grid[b-6xfnygdxqt] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.fc-field-group[b-6xfnygdxqt] { display: flex; flex-direction: column; gap: 5px; }
.fc-field-group.fc-col-span[b-6xfnygdxqt] { grid-column: 1 / -1; }
.fc-field-group label[b-6xfnygdxqt] { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.fc-input[b-6xfnygdxqt] { font: inherit; font-size: 14px; color: var(--ink); background: #fff; border: 1px solid var(--line-strong); border-radius: 9px; padding: 9px 11px; width: 100%; }
.fc-input:focus[b-6xfnygdxqt] { outline: none; border-color: var(--signal); box-shadow: 0 0 0 3px rgba(21,128,61,.12); }
.fc-hint[b-6xfnygdxqt] { font-size: 11.5px; color: var(--muted); }
.fc-form-erro[b-6xfnygdxqt] { margin-top: 12px; padding: 10px 12px; background: #FEE2E2; color: var(--neg); border-radius: 9px; font-size: 13px; }

/* ── Toast ── */
.fc-toast[b-6xfnygdxqt] { position: fixed; right: 20px; bottom: 20px; z-index: 70; padding: 12px 18px; border-radius: 10px; font-size: 13px; font-weight: 500; color: #fff; box-shadow: 0 10px 30px rgba(15,23,42,.25); }
.fc-toast.ok[b-6xfnygdxqt] { background: var(--signal); }
.fc-toast.erro[b-6xfnygdxqt] { background: var(--neg); }

@media (max-width: 860px) {
    .fc-kpis[b-6xfnygdxqt] { grid-template-columns: repeat(2, 1fr); }
    .fc-table .fc-lead[b-6xfnygdxqt] { min-width: 200px; max-width: 200px; }
    .fc-form-grid[b-6xfnygdxqt] { grid-template-columns: 1fr; }
}
/* /Pages/GerencialBi.razor.rz.scp.css */
.bi-safra-picker[b-oo0789ni51] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bi-safra-picker label[b-oo0789ni51] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #475569;
}

.bi-safra-picker select[b-oo0789ni51] {
    border: 1px solid #D1D9E0;
    border-radius: 10px;
    padding: 7px 12px;
    font-size: 13px;
    color: #111827;
    background: #fff;
    min-width: 150px;
    transition: border-color .15s, box-shadow .15s;
}

.bi-safra-picker select:focus[b-oo0789ni51] {
    outline: none;
    border-color: #15803d;
    box-shadow: 0 0 0 3px rgba(21, 128, 61, .1);
}

/* Hero: resultado da safra. Verde profundo como superfície de destaque (uso pontual, 1 bloco). */
.bi-hero[b-oo0789ni51] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    background: linear-gradient(135deg, #14532d 0%, #15803d 100%);
    border-radius: 16px;
    padding: 28px 32px;
    color: #fff;
    box-shadow: 0 8px 22px rgba(20, 83, 45, .18);
}

@media (min-width: 900px) {
    .bi-hero[b-oo0789ni51] {
        grid-template-columns: 1.6fr 1fr;
        align-items: center;
    }
}

.bi-hero__eyebrow[b-oo0789ni51] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .72);
}

.bi-hero__value[b-oo0789ni51] {
    font-size: clamp(34px, 5vw, 52px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.02em;
    margin-top: 6px;
}

.bi-hero__value--neg[b-oo0789ni51] {
    color: #FCA5A5;
}

.bi-hero__sub[b-oo0789ni51] {
    font-size: 14px;
    color: rgba(255, 255, 255, .8);
    margin-top: 8px;
}

.bi-hero__side[b-oo0789ni51] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bi-hero__stat[b-oo0789ni51] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding: 12px 16px;
    background: rgba(255, 255, 255, .1);
    border-radius: 10px;
}

.bi-hero__stat span[b-oo0789ni51] {
    font-size: 12px;
    color: rgba(255, 255, 255, .8);
}

.bi-hero__stat strong[b-oo0789ni51] {
    font-size: 17px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

/* Cartões de indicador */
.bi-card[b-oo0789ni51] {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 14px;
    padding: 18px 20px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
    transition: box-shadow .15s;
}

.bi-card:hover[b-oo0789ni51] {
    box-shadow: 0 8px 22px rgba(15, 23, 42, .08);
}

.bi-card__icon[b-oo0789ni51] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.bi-card__icon svg[b-oo0789ni51] {
    width: 20px;
    height: 20px;
}

.bi-card__icon--green[b-oo0789ni51] {
    background: #DCFCE7;
    color: #15803D;
}

.bi-card__icon--neutral[b-oo0789ni51] {
    background: #F1F5F9;
    color: #475569;
}

.bi-card__icon--amber[b-oo0789ni51] {
    background: #FFF7CC;
    color: #B45309;
}

.bi-card__value[b-oo0789ni51] {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.bi-card__label[b-oo0789ni51] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6B7280;
    margin-top: 4px;
}
/* /Pages/GerencialDre.razor.rz.scp.css */
/* Seletor de safra na barra de ação */
.dre-safra-picker[b-gxks0nybp1] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dre-safra-picker label[b-gxks0nybp1] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #475569;
}

.dre-safra-picker select[b-gxks0nybp1] {
    border: 1px solid #D1D9E0;
    border-radius: 10px;
    padding: 7px 12px;
    font-size: 13px;
    color: #111827;
    background: #fff;
    min-width: 150px;
    transition: border-color .15s, box-shadow .15s;
}

.dre-safra-picker select:focus[b-gxks0nybp1] {
    outline: none;
    border-color: #15803d;
    box-shadow: 0 0 0 3px rgba(21, 128, 61, .1);
}

/* Cartões de indicador (resumo) */
.dre-kpi[b-gxks0nybp1] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 14px;
    padding: 18px 20px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
}

.dre-kpi__value[b-gxks0nybp1] {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: #111827;
}

.dre-kpi__label[b-gxks0nybp1] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #6B7280;
    margin-top: 6px;
}

/* Matriz */
.dre-table[b-gxks0nybp1] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.dre-table thead th[b-gxks0nybp1] {
    background: #F9FAFB;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #475569;
    padding: 12px 14px;
    text-align: right;
    white-space: nowrap;
    border-bottom: 1px solid #E5E7EB;
}

.dre-table__rowhead[b-gxks0nybp1] {
    text-align: left !important;
    position: sticky;
    left: 0;
    background: #fff;
    color: #374151;
    font-weight: 600;
    white-space: nowrap;
}

.dre-table thead .dre-table__rowhead[b-gxks0nybp1] {
    background: #F9FAFB;
}

.dre-table__col--total[b-gxks0nybp1],
.dre-table__cell--total[b-gxks0nybp1] {
    color: #111827;
    font-weight: 700;
    background: #FAFCFB;
}

.dre-table tbody td[b-gxks0nybp1] {
    padding: 10px 14px;
    text-align: right;
    color: #374151;
    border-bottom: 1px solid #F1F3F5;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.dre-table tbody tr:hover td[b-gxks0nybp1] {
    background: #F8FAFB;
}

.dre-table tbody tr:hover .dre-table__rowhead[b-gxks0nybp1] {
    background: #F8FAFB;
}

/* Linhas de subtotal: realce por peso + fundo tonal, sem faixa lateral */
.dre-table__row--subtotal td[b-gxks0nybp1] {
    background: #F3F8F5;
    font-weight: 700;
    color: #111827;
    border-bottom: 1px solid #E5E7EB;
}

.dre-table__row--subtotal:hover td[b-gxks0nybp1] {
    background: #ECF5EF;
}

/* ── Drill-down: célula clicável ── */
.dre-table__cell--clickable[b-gxks0nybp1] {
    cursor: pointer;
}

.dre-cell-link[b-gxks0nybp1] {
    border-bottom: 1px dashed #9CA3AF;
    transition: color .12s ease, border-color .12s ease;
}

.dre-table__cell--clickable:hover[b-gxks0nybp1] {
    background: #ECF5EF !important;
}

.dre-table__cell--clickable:hover .dre-cell-link[b-gxks0nybp1] {
    color: #15803d;
    border-bottom-color: #15803d;
}

/* ── Modal de drill-down ── */
.dre-modal-backdrop[b-gxks0nybp1] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(17, 24, 39, .45);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 48px 16px;
    overflow-y: auto;
    animation: dre-fade-b-gxks0nybp1 .12s ease-out;
}

@keyframes dre-fade-b-gxks0nybp1 { from { opacity: 0; } to { opacity: 1; } }

.dre-modal[b-gxks0nybp1] {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 24px 60px -12px rgba(0,0,0,.35);
    width: 100%;
    max-width: 1040px;
    overflow: hidden;
    animation: dre-pop-b-gxks0nybp1 .14s cubic-bezier(.2,.8,.2,1);
}

@keyframes dre-pop-b-gxks0nybp1 { from { transform: translateY(8px); opacity: .6; } to { transform: translateY(0); opacity: 1; } }

.dre-modal__head[b-gxks0nybp1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
    background: linear-gradient(135deg, #15803d 0%, #166534 100%);
    color: #fff;
}

.dre-modal__title[b-gxks0nybp1] {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
}

.dre-modal__sub[b-gxks0nybp1] {
    font-size: 12px;
    color: #D1FAE5;
    margin-top: 3px;
}

.dre-modal__close[b-gxks0nybp1] {
    background: rgba(255,255,255,.15);
    border: none;
    color: #fff;
    border-radius: 9px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .12s ease;
    flex-shrink: 0;
}

.dre-modal__close:hover[b-gxks0nybp1] { background: rgba(255,255,255,.28); }

.dre-modal__body[b-gxks0nybp1] {
    padding: 18px 22px 22px;
    max-height: calc(100vh - 220px);
    overflow-y: auto;
}

/* Tabela de lançamentos */
.dre-det[b-gxks0nybp1] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.dre-det thead th[b-gxks0nybp1] {
    text-align: left;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: #6B7280;
    padding: 8px 12px;
    border-bottom: 1px solid #E5E7EB;
    background: #F9FAFB;
    white-space: nowrap;
}

.dre-det tbody td[b-gxks0nybp1] {
    padding: 9px 12px;
    color: #374151;
    border-bottom: 1px solid #F1F3F5;
    vertical-align: top;
}

.dre-det tbody tr:hover td[b-gxks0nybp1] { background: #F8FAFB; }

.dre-det__num[b-gxks0nybp1] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    font-weight: 600;
    color: #111827;
}

.dre-det tfoot td[b-gxks0nybp1] {
    padding: 11px 12px;
    border-top: 2px solid #E5E7EB;
    background: #F3F8F5;
}

.dre-det__footlabel[b-gxks0nybp1] {
    text-align: right;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #6B7280;
}

.dre-det__foottotal[b-gxks0nybp1] {
    font-size: 15px;
    font-weight: 800;
    color: #15803d;
}

/* Fórmula (linhas calculadas) */
.dre-formula[b-gxks0nybp1] {
    background: #F3F8F5;
    border: 1px solid #DCFCE7;
    border-radius: 12px;
    padding: 16px 18px;
}

.dre-formula__label[b-gxks0nybp1] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #15803d;
}

.dre-formula__text[b-gxks0nybp1] {
    font-size: 15px;
    color: #1F2937;
    margin-top: 6px;
    font-variant-numeric: tabular-nums;
}

.dre-formula__total[b-gxks0nybp1] {
    font-size: 18px;
    font-weight: 800;
    color: #111827;
    margin-top: 8px;
    font-variant-numeric: tabular-nums;
}
/* /Pages/GerencialFinanciamento.razor.rz.scp.css */
.fin-field[b-kzoksjscvf] { display: flex; flex-direction: column; gap: 6px; }
.fin-field label[b-kzoksjscvf] { font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #475569; }
.fin-field input[b-kzoksjscvf], .fin-field select[b-kzoksjscvf] {
    border: 1px solid #D1D9E0; border-radius: 10px; padding: 10px 12px; font-size: 14px; color: #111827;
    background: #fff; transition: border-color .15s, box-shadow .15s; width: 100%;
}
.fin-field input:focus[b-kzoksjscvf], .fin-field select:focus[b-kzoksjscvf] { outline: none; border-color: #15803d; box-shadow: 0 0 0 3px rgba(21,128,61,.1); }

.fin-preview[b-kzoksjscvf] {
    flex-direction: row; align-items: baseline; gap: 8px; background: #F3F8F5; border-radius: 10px;
    padding: 12px 16px; margin-top: 4px;
}
.fin-preview span[b-kzoksjscvf] { font-size: 13px; color: #475569; }
.fin-preview strong[b-kzoksjscvf] { font-size: 16px; font-weight: 800; color: #15803D; font-variant-numeric: tabular-nums; }

.fin-btn[b-kzoksjscvf] {
    border-radius: 10px; padding: 10px 20px; font-size: 14px; font-weight: 700; cursor: pointer; border: none;
    background: linear-gradient(135deg, #15803d 0%, #16a34a 100%); color: #fff;
    box-shadow: 0 2px 8px rgba(21,128,61,.2); transition: all .15s;
}
.fin-btn:hover:not(:disabled)[b-kzoksjscvf] { background: linear-gradient(135deg, #14532d 0%, #15803d 100%); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(21,128,61,.3); }
.fin-btn:disabled[b-kzoksjscvf] { opacity: .5; cursor: not-allowed; }

.fin-toast[b-kzoksjscvf] { padding: 12px 16px; border-radius: 10px; font-size: 14px; font-weight: 500; }
.fin-toast--ok[b-kzoksjscvf] { background: #DCFCE7; color: #15803D; }
.fin-toast--erro[b-kzoksjscvf] { background: #FEE2E2; color: #B91C1C; }
/* /Pages/GerencialFluxoCaixa.razor.rz.scp.css */
.fx-controls[b-jzf1nh7ori] { display: flex; align-items: flex-end; gap: 14px; }
.fx-controls label[b-jzf1nh7ori] { display: block; font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #475569; margin-bottom: 5px; }
.fx-input[b-jzf1nh7ori] { border: 1px solid #D1D9E0; border-radius: 10px; padding: 7px 12px; font-size: 13px; color: #111827; background: #fff; min-width: 130px; }
.fx-input:focus[b-jzf1nh7ori] { outline: none; border-color: #15803d; box-shadow: 0 0 0 3px rgba(21,128,61,.1); }

.fx-table[b-jzf1nh7ori] { width: 100%; border-collapse: collapse; font-size: 13px; }
.fx-table thead th[b-jzf1nh7ori] {
    background: #F9FAFB; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
    color: #475569; padding: 12px 16px; text-align: left; border-bottom: 1px solid #E5E7EB;
}
.fx-table thead th.text-right[b-jzf1nh7ori] { text-align: right; }
.fx-table tbody td[b-jzf1nh7ori] { padding: 11px 16px; color: #374151; border-bottom: 1px solid #F1F3F5; }
.fx-table tbody tr:hover td[b-jzf1nh7ori] { background: #F8FAFB; }
.tabular-nums[b-jzf1nh7ori] { font-variant-numeric: tabular-nums; }
/* /Pages/GerencialOrcadoRealizado.razor.rz.scp.css */
.orc-safra-picker[b-diwntz2rb4] { display: flex; align-items: center; gap: 8px; }
.orc-safra-picker label[b-diwntz2rb4] { font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #475569; }
.orc-safra-picker select[b-diwntz2rb4] {
    border: 1px solid #D1D9E0; border-radius: 10px; padding: 7px 12px; font-size: 13px; color: #111827;
    background: #fff; min-width: 150px; transition: border-color .15s, box-shadow .15s;
}
.orc-safra-picker select:focus[b-diwntz2rb4] { outline: none; border-color: #15803d; box-shadow: 0 0 0 3px rgba(21,128,61,.1); }

.orc-kpi[b-diwntz2rb4] { background: #fff; border: 1px solid #E5E7EB; border-radius: 14px; padding: 18px 20px; box-shadow: 0 6px 18px rgba(0,0,0,.05); }
.orc-kpi__value[b-diwntz2rb4] { font-size: 26px; font-weight: 800; line-height: 1.1; letter-spacing: -.01em; color: #111827; font-variant-numeric: tabular-nums; }
.orc-kpi__label[b-diwntz2rb4] { font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #6B7280; margin-top: 6px; }

.orc-table[b-diwntz2rb4] { width: 100%; border-collapse: collapse; font-size: 13px; }
.orc-table thead th[b-diwntz2rb4] {
    background: #F9FAFB; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
    color: #475569; padding: 12px 16px; text-align: left; border-bottom: 1px solid #E5E7EB;
}
.orc-table thead th.text-right[b-diwntz2rb4] { text-align: right; }
.orc-table tbody td[b-diwntz2rb4] { padding: 10px 16px; color: #374151; border-bottom: 1px solid #F1F3F5; }
.orc-table tbody tr:hover td[b-diwntz2rb4] { background: #F8FAFB; }
.tabular-nums[b-diwntz2rb4] { font-variant-numeric: tabular-nums; }
/* /Pages/GerencialParametrosTributarios.razor.rz.scp.css */
/* Seletor de safra na barra de ação */
.ptrib-safra-picker[b-q4t0wuxqla] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ptrib-safra-picker label[b-q4t0wuxqla] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #475569;
}

.ptrib-safra-picker select[b-q4t0wuxqla] {
    border: 1px solid #D1D9E0;
    border-radius: 10px;
    padding: 7px 12px;
    font-size: 13px;
    background: #fff;
}

/* Campos do formulário */
.field-ptrib[b-q4t0wuxqla] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.field-ptrib label[b-q4t0wuxqla] {
    font-size: 12px;
    font-weight: 600;
    color: #374151;
}

.field-ptrib input[b-q4t0wuxqla],
.field-ptrib select[b-q4t0wuxqla] {
    border: 1px solid #D1D9E0;
    border-radius: 10px;
    padding: 9px 12px;
    font-size: 14px;
    background: #fff;
    width: 100%;
    font-variant-numeric: tabular-nums;
}

.field-ptrib input:focus[b-q4t0wuxqla],
.field-ptrib select:focus[b-q4t0wuxqla] {
    outline: none;
    border-color: #15803d;
    box-shadow: 0 0 0 3px rgba(21, 128, 61, .12);
}
/* /Pages/GerencialRateio.razor.rz.scp.css */
.rt-safra-picker[b-p7r39nehhe] { display: flex; align-items: center; gap: 8px; }
.rt-safra-picker label[b-p7r39nehhe] { font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #475569; }
.rt-safra-picker select[b-p7r39nehhe] {
    border: 1px solid #D1D9E0; border-radius: 10px; padding: 7px 12px; font-size: 13px; color: #111827;
    background: #fff; min-width: 150px; transition: border-color .15s, box-shadow .15s;
}
.rt-safra-picker select:focus[b-p7r39nehhe] { outline: none; border-color: #15803d; box-shadow: 0 0 0 3px rgba(21,128,61,.1); }

.rt-btn[b-p7r39nehhe] {
    border-radius: 10px; padding: 9px 16px; font-size: 13px; font-weight: 600; cursor: pointer;
    transition: all .15s; border: 1px solid transparent; white-space: nowrap;
}
.rt-btn:disabled[b-p7r39nehhe] { opacity: .5; cursor: not-allowed; }
.rt-btn--secondary[b-p7r39nehhe] { background: #fff; border-color: #D1D9E0; color: #374151; }
.rt-btn--secondary:hover:not(:disabled)[b-p7r39nehhe] { background: #f8fafb; border-color: #86c79e; }
.rt-btn--primary[b-p7r39nehhe] {
    background: linear-gradient(135deg, #15803d 0%, #16a34a 100%); color: #fff; font-weight: 700;
    box-shadow: 0 2px 8px rgba(21,128,61,.2);
}
.rt-btn--primary:hover:not(:disabled)[b-p7r39nehhe] { background: linear-gradient(135deg, #14532d 0%, #15803d 100%); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(21,128,61,.3); }

.rt-mes-group[b-p7r39nehhe] { display: flex; align-items: flex-end; gap: 12px; padding-left: 12px; border-left: 1px solid #E5E7EB; }
.rt-mes-group label[b-p7r39nehhe] { display: block; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #475569; margin-bottom: 6px; }
.rt-input[b-p7r39nehhe] { border: 1px solid #D1D9E0; border-radius: 10px; padding: 8px 10px; font-size: 13px; color: #111827; background: #fff; }
.rt-input:focus[b-p7r39nehhe] { outline: none; border-color: #15803d; box-shadow: 0 0 0 3px rgba(21,128,61,.1); }

.rt-toast[b-p7r39nehhe] { padding: 12px 16px; border-radius: 10px; font-size: 14px; font-weight: 500; }
.rt-toast--ok[b-p7r39nehhe] { background: #DCFCE7; color: #15803D; }
.rt-toast--erro[b-p7r39nehhe] { background: #FEE2E2; color: #B91C1C; }

.rt-table[b-p7r39nehhe] { width: 100%; border-collapse: collapse; font-size: 13px; }
.rt-table thead th[b-p7r39nehhe] {
    background: #F9FAFB; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
    color: #475569; padding: 11px 16px; text-align: left; border-bottom: 1px solid #E5E7EB;
}
.rt-table thead th.text-right[b-p7r39nehhe] { text-align: right; }
.rt-table tbody td[b-p7r39nehhe] { padding: 9px 16px; color: #374151; border-bottom: 1px solid #F1F3F5; }
.rt-table tbody tr:hover td[b-p7r39nehhe] { background: #F8FAFB; }
.rt-table__sum td[b-p7r39nehhe] { background: #F3F8F5; font-weight: 700; color: #111827; border-bottom: 1px solid #E5E7EB; }
.tabular-nums[b-p7r39nehhe] { font-variant-numeric: tabular-nums; }
/* /Pages/ImportacaoXml.razor.rz.scp.css */
/* Overlay de progresso da busca na SEFAZ (NFeDistribuicaoDFe).
   Fundo escurecido com desfoque + card central com status por etapa. */

.sefaz-overlay[b-89x9yki90s] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    animation: sefaz-fade-b-89x9yki90s 0.2s ease-out;
    padding: 20px;
}

.sefaz-card[b-89x9yki90s] {
    width: 100%;
    max-width: 380px;
    background: #ffffff;
    border-radius: 18px;
    padding: 32px 28px 26px;
    box-shadow: 0 24px 60px -12px rgba(15, 23, 42, 0.35), 0 0 0 1px rgba(15, 23, 42, 0.04);
    text-align: center;
    animation: sefaz-pop-b-89x9yki90s 0.28s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* Símbolo: escudo (segurança fiscal) com arco girando ao redor */
.sefaz-mark[b-89x9yki90s] {
    position: relative;
    width: 68px;
    height: 68px;
    margin: 0 auto 18px;
}
.sefaz-arc[b-89x9yki90s] {
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    background: conic-gradient(from 0deg, transparent 0 58%, rgba(34, 197, 94, 0.55) 84%, #16A34A 100%);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3.5px), #000 0);
    mask: radial-gradient(farthest-side, transparent calc(100% - 3.5px), #000 0);
    animation: sefaz-spin-b-89x9yki90s 0.95s linear infinite;
    will-change: transform;
}
.sefaz-shield[b-89x9yki90s] {
    position: absolute;
    inset: 9px;
    width: calc(100% - 18px);
    height: calc(100% - 18px);
}

.sefaz-title[b-89x9yki90s] {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 6px;
    letter-spacing: -0.01em;
    text-wrap: balance;
}
.sefaz-detail[b-89x9yki90s] {
    font-size: 12.5px;
    color: #64748b;
    margin: 0 0 18px;
    line-height: 1.45;
}

/* Barra de progresso (etapa de validação) */
.sefaz-progress[b-89x9yki90s] {
    height: 6px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
    margin: 0 0 6px;
}
.sefaz-progress-bar[b-89x9yki90s] {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #16A34A, #22C55E);
    transition: width 0.25s ease-out;
}
.sefaz-count[b-89x9yki90s] {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #16A34A;
    margin-bottom: 16px;
    font-variant-numeric: tabular-nums;
}

/* Etapas */
.sefaz-steps[b-89x9yki90s] {
    list-style: none;
    margin: 6px 0 0;
    padding: 14px 0 0;
    border-top: 1px solid #f1f5f9;
    display: flex;
    flex-direction: column;
    gap: 9px;
    text-align: left;
}
.sefaz-steps li[b-89x9yki90s] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12.5px;
    font-weight: 500;
    color: #94a3b8;
    transition: color 0.2s;
}
.sefaz-dot[b-89x9yki90s] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #cbd5e1;
    flex: 0 0 auto;
    position: relative;
    transition: all 0.2s;
}
.sefaz-steps li.active[b-89x9yki90s] {
    color: #0f172a;
    font-weight: 600;
}
.sefaz-steps li.active .sefaz-dot[b-89x9yki90s] {
    border-color: #16A34A;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.18);
    animation: sefaz-pulse-b-89x9yki90s 1.1s ease-in-out infinite;
}
.sefaz-steps li.done[b-89x9yki90s] {
    color: #16A34A;
}
.sefaz-steps li.done .sefaz-dot[b-89x9yki90s] {
    border-color: #16A34A;
    background: #16A34A;
}
.sefaz-steps li.done .sefaz-dot[b-89x9yki90s]::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

@keyframes sefaz-spin-b-89x9yki90s { to { transform: rotate(360deg); } }
@keyframes sefaz-fade-b-89x9yki90s { from { opacity: 0; } to { opacity: 1; } }
@keyframes sefaz-pop-b-89x9yki90s {
    from { opacity: 0; transform: translateY(12px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes sefaz-pulse-b-89x9yki90s {
    0%, 100% { box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.18); }
    50%      { box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.08); }
}

@media (prefers-reduced-motion: reduce) {
    .sefaz-arc[b-89x9yki90s] { animation-duration: 1.8s; }
    .sefaz-card[b-89x9yki90s], .sefaz-overlay[b-89x9yki90s] { animation: none; }
    .sefaz-steps li.active .sefaz-dot[b-89x9yki90s] { animation: none; }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-dxgjchs5cr] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-dxgjchs5cr] {
    flex: 1;
}

.sidebar[b-dxgjchs5cr] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-dxgjchs5cr] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-dxgjchs5cr]  a, .top-row .btn-link[b-dxgjchs5cr] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-dxgjchs5cr] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-dxgjchs5cr] {
        display: none;
    }

    .top-row.auth[b-dxgjchs5cr] {
        justify-content: space-between;
    }

    .top-row a[b-dxgjchs5cr], .top-row .btn-link[b-dxgjchs5cr] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-dxgjchs5cr] {
        flex-direction: row;
    }

    .sidebar[b-dxgjchs5cr] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-dxgjchs5cr] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-dxgjchs5cr] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-904l1a6fqr] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-904l1a6fqr] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-904l1a6fqr] {
    font-size: 1.1rem;
}

.oi[b-904l1a6fqr] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-904l1a6fqr] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-904l1a6fqr] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-904l1a6fqr] {
        padding-bottom: 1rem;
    }

    .nav-item[b-904l1a6fqr]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-904l1a6fqr]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-904l1a6fqr]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-904l1a6fqr] {
        display: none;
    }

    .collapse[b-904l1a6fqr] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}