/* /Components/Clientes/ClienteAplicacoes.razor.rz.scp.css */
.apps[b-47pvxu250p]{display:grid;gap:18px}.apps-header[b-47pvxu250p]{display:flex;align-items:center;justify-content:space-between;gap:16px}.apps-header h3[b-47pvxu250p]{margin:0;color:#0f172a}.apps-header p[b-47pvxu250p]{margin:5px 0 0;color:#64748b}.new-user[b-47pvxu250p],.save[b-47pvxu250p]{border:0;border-radius:10px;padding:12px 16px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer}.app-tabs[b-47pvxu250p]{display:flex;gap:8px;border-bottom:1px solid #e2e8f0}.app-tabs button[b-47pvxu250p]{padding:11px 16px;border:0;border-bottom:3px solid transparent;background:transparent;color:#64748b;font-weight:700;cursor:pointer}.app-tabs button.active[b-47pvxu250p]{border-bottom-color:#2563eb;color:#2563eb}.access-info[b-47pvxu250p],.all-stations[b-47pvxu250p]{display:flex;flex-direction:column;gap:4px;padding:13px 15px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1e40af}.all-stations span[b-47pvxu250p]{font-size:13px;color:#64748b}.table-wrap[b-47pvxu250p]{overflow-x:auto;border:1px solid #e2e8f0;border-radius:12px}table[b-47pvxu250p]{width:100%;min-width:700px;border-collapse:collapse;background:#fff}th[b-47pvxu250p]{padding:13px 16px;text-align:left;background:#f8fafc;color:#64748b;font-size:12px;text-transform:uppercase}td[b-47pvxu250p]{padding:16px;border-top:1px solid #e2e8f0;color:#1e293b}.actions[b-47pvxu250p]{text-align:right}.status[b-47pvxu250p]{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}.enabled[b-47pvxu250p]{color:#15803d;background:#dcfce7}.disabled[b-47pvxu250p]{color:#b91c1c;background:#fee2e2}.edit[b-47pvxu250p]{border:1px solid #bfdbfe;border-radius:8px;padding:7px 12px;background:#eff6ff;color:#1d4ed8;font-weight:700;cursor:pointer}.empty[b-47pvxu250p]{text-align:center;color:#64748b;padding:28px}.message[b-47pvxu250p]{padding:12px;border:1px solid #fecaca;border-radius:9px;background:#fef2f2;color:#b91c1c}.editor[b-47pvxu250p]{padding:18px;border:1px solid #bfdbfe;border-radius:12px;background:#f8fbff}.editor header[b-47pvxu250p],.editor footer[b-47pvxu250p]{display:flex;align-items:center;justify-content:space-between}.editor header h3[b-47pvxu250p]{margin:0}.editor header button[b-47pvxu250p]{border:0;background:transparent;font-weight:800;cursor:pointer}.fields[b-47pvxu250p]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.fields label[b-47pvxu250p]{display:grid;gap:7px}.fields label.full[b-47pvxu250p]{grid-column:1/-1}.fields span[b-47pvxu250p]{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase}.fields input[b-47pvxu250p],.fields select[b-47pvxu250p]{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:9px;background:#fff}.editor footer[b-47pvxu250p]{justify-content:flex-end;gap:10px;margin-top:18px}.cancel[b-47pvxu250p]{padding:11px 15px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;cursor:pointer}@media(max-width:700px){.apps-header[b-47pvxu250p]{align-items:stretch;flex-direction:column}.new-user[b-47pvxu250p]{width:100%}.fields[b-47pvxu250p]{grid-template-columns:1fr}.fields label.full[b-47pvxu250p]{grid-column:auto}}

.credentials[b-47pvxu250p]{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #86efac;border-radius:10px;background:#f0fdf4;color:#166534}.credentials small[b-47pvxu250p]{margin-left:auto}.credentials button[b-47pvxu250p]{border:1px solid #86efac;border-radius:8px;padding:7px 10px;background:#fff}.reset-password[b-47pvxu250p]{display:flex;align-items:center;gap:9px;margin:14px 0;color:#1e40af;font-weight:700}.reset-password input[b-47pvxu250p]{width:18px;height:18px}

.password-input[b-47pvxu250p]{position:relative}.password-input input[b-47pvxu250p]{padding-right:76px}.password-input button[b-47pvxu250p]{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;border-radius:7px;padding:6px 8px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:700;cursor:pointer}
.password[b-47pvxu250p]{color:#64748b;font-size:15px;font-weight:800;letter-spacing:2px;white-space:nowrap}
.password-cell[b-47pvxu250p]{min-width:132px}.password-display[b-47pvxu250p]{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.btn-olho[b-47pvxu250p]{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:7px;background:transparent;cursor:pointer;line-height:1}.btn-olho:hover[b-47pvxu250p]{background:#eff6ff}
/* /Components/Clientes/ClienteChecklistConfiguracao.razor.rz.scp.css */
.check-config[b-64lob2wewl]{margin:18px 0;padding:18px;background:#f7faff;border:1px solid #dbe7f6;border-radius:12px}.check-config header[b-64lob2wewl],.config-tools[b-64lob2wewl]{display:flex;gap:12px;justify-content:space-between;align-items:center}.check-config h3[b-64lob2wewl]{margin:0}.check-config p[b-64lob2wewl]{margin:4px 0;color:#64748b}.config-tools[b-64lob2wewl]{margin:16px 0}.config-tools input[b-64lob2wewl],.config-tools select[b-64lob2wewl],.new-question input[b-64lob2wewl]{padding:9px;border:1px solid #cbd5e1;border-radius:7px}.config-tools input[b-64lob2wewl]{flex:1}.config-list[b-64lob2wewl]{max-height:420px;overflow:auto;background:#fff;border:1px solid #e2e8f0}.config-list label[b-64lob2wewl]{display:flex;gap:10px;padding:11px;border-bottom:1px solid #edf2f7}.config-list strong[b-64lob2wewl],.config-list small[b-64lob2wewl]{display:block}.config-list small[b-64lob2wewl]{color:#64748b;margin-top:3px}.new-question[b-64lob2wewl]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:15px 0}.new-question .full[b-64lob2wewl]{grid-column:span 2}
/* /Components/Clientes/ClienteContas.razor.rz.scp.css */
.accounts[b-591i5vlfx6]{display:grid;gap:18px}.accounts-header[b-591i5vlfx6]{display:flex;align-items:center;justify-content:space-between;gap:16px}.accounts-header h3[b-591i5vlfx6]{margin:0;color:#0f172a}.accounts-header p[b-591i5vlfx6]{margin:5px 0 0;color:#64748b}.new-user[b-591i5vlfx6],.save[b-591i5vlfx6]{border:0;border-radius:10px;padding:12px 16px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer}.table-wrap[b-591i5vlfx6]{overflow-x:auto;border:1px solid #e2e8f0;border-radius:12px}table[b-591i5vlfx6]{width:100%;min-width:720px;border-collapse:collapse;background:#fff}th[b-591i5vlfx6]{padding:13px 16px;text-align:left;background:#f8fafc;color:#64748b;font-size:12px;text-transform:uppercase}td[b-591i5vlfx6]{padding:16px;border-top:1px solid #e2e8f0;color:#1e293b}.actions[b-591i5vlfx6]{text-align:right}.password[b-591i5vlfx6]{letter-spacing:2px;color:#64748b}.level[b-591i5vlfx6],.status[b-591i5vlfx6]{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}.level[b-591i5vlfx6]{color:#1d4ed8;background:#dbeafe}.active[b-591i5vlfx6]{color:#15803d;background:#dcfce7}.inactive[b-591i5vlfx6]{color:#b91c1c;background:#fee2e2}.edit[b-591i5vlfx6]{border:1px solid #bfdbfe;border-radius:8px;padding:7px 12px;background:#eff6ff;color:#1d4ed8;font-weight:700;cursor:pointer}.empty[b-591i5vlfx6]{text-align:center;color:#64748b;padding:28px}.editor[b-591i5vlfx6]{padding:18px;border:1px solid #bfdbfe;border-radius:12px;background:#f8fbff}.editor header[b-591i5vlfx6],.editor footer[b-591i5vlfx6]{display:flex;align-items:center;justify-content:space-between}.editor header h3[b-591i5vlfx6]{margin:0}.editor header button[b-591i5vlfx6]{border:0;background:transparent;font-weight:800;cursor:pointer}.fields[b-591i5vlfx6]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.fields label[b-591i5vlfx6]{display:grid;gap:7px}.fields span[b-591i5vlfx6]{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase}.fields input[b-591i5vlfx6],.fields select[b-591i5vlfx6]{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:9px;background:#fff}.editor footer[b-591i5vlfx6]{justify-content:flex-end;gap:10px;margin-top:18px}.cancel[b-591i5vlfx6]{padding:11px 15px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;cursor:pointer}.message[b-591i5vlfx6]{padding:12px;border:1px solid #fecaca;border-radius:9px;background:#fef2f2;color:#b91c1c}@media(max-width:700px){.accounts-header[b-591i5vlfx6]{align-items:stretch;flex-direction:column}.new-user[b-591i5vlfx6]{width:100%}.fields[b-591i5vlfx6]{grid-template-columns:1fr}}
/* /Components/Clientes/ClienteCredenciaisModal.razor.rz.scp.css */
/* =========================================================
   CLIENTE MODAL PREMIUM
========================================================= */

.cliente-modal-overlay[b-2w2oszatxg] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(10px);
    animation: fadeIn-b-2w2oszatxg .18s ease;
}

.cliente-modal[b-2w2oszatxg] {
    width: min(1200px, 100%);
    max-height: calc(100vh - 48px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 28px;
    box-shadow: 0 30px 80px rgba(15,23,42,.18);
    animation: modalUp-b-2w2oszatxg .22s ease;
}

/* ==========================
   HEADER
========================== */

.cliente-modal-header[b-2w2oszatxg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 28px 32px 22px;
    border-bottom: 1px solid #eef2f7;
}

.cliente-modal-title[b-2w2oszatxg] {
    margin: 0;
    color: #0f172a;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.03em;
}

.cliente-modal-close[b-2w2oszatxg] {
    width: 40px;
    height: 40px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    color: #64748b;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s ease;
}

    .cliente-modal-close:hover[b-2w2oszatxg] {
        background: #f8fafc;
        color: #0f172a;
        transform: rotate(90deg);
    }

/* ==========================
   BODY
========================== */

.cliente-modal-body[b-2w2oszatxg] {
    overflow-y: auto;
    padding: 28px 32px;
}

    /* scrollbar premium */

    .cliente-modal-body[b-2w2oszatxg]::-webkit-scrollbar {
        width: 8px;
    }

    .cliente-modal-body[b-2w2oszatxg]::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 999px;
    }

/* ==========================
   GRID
========================== */

.form-grid[b-2w2oszatxg] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 20px;
}

.form-group[b-2w2oszatxg] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-group-full[b-2w2oszatxg] {
    grid-column: 1 / -1;
}

/* ==========================
   LABELS
========================== */

.form-label[b-2w2oszatxg] {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
}

/* ==========================
   INPUTS
========================== */

.form-input[b-2w2oszatxg] {
    width: 100%;
    min-height: 48px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 12px 16px;
    color: #0f172a;
    background: #ffffff;
    font: inherit;
    font-size: 14px;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, transform .15s ease;
}

    .form-input:hover[b-2w2oszatxg] {
        border-color: #cbd5e1;
    }

    .form-input:focus[b-2w2oszatxg] {
        border-color: #2563eb;
        box-shadow: 0 0 0 5px rgba(37,99,235,.12);
        transform: translateY(-1px);
    }

/* ==========================
   SEÇÕES
========================== */

.section-divider[b-2w2oszatxg] {
    height: 1px;
    margin: 30px 0;
    background: linear-gradient( to right, transparent, #e2e8f0, transparent );
}

.section-title[b-2w2oszatxg] {
    margin: 0 0 18px;
    color: #0f172a;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -.02em;
}

/* ==========================
   FOOTER
========================== */

.cliente-modal-footer[b-2w2oszatxg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 20px 32px 24px;
    border-top: 1px solid #eef2f7;
    background: #fafcff;
}

/* ==========================
   BOTÕES
========================== */

.btn-cancel[b-2w2oszatxg],
.btn-save[b-2w2oszatxg],
.btn-delete[b-2w2oszatxg] {
    min-height: 46px;
    border-radius: 14px;
    padding: 0 20px;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s ease;
}

/* cancelar */

.btn-cancel[b-2w2oszatxg] {
    border: 1px solid #dbe3ef;
    background: #ffffff;
    color: #475569;
}

    .btn-cancel:hover[b-2w2oszatxg] {
        background: #f8fafc;
        transform: translateY(-2px);
    }

/* salvar */

.btn-save[b-2w2oszatxg] {
    border: none;
    background: linear-gradient( 135deg, #3b82f6, #2563eb );
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(37,99,235,.25);
}

    .btn-save:hover[b-2w2oszatxg] {
        transform: translateY(-2px);
        box-shadow: 0 16px 34px rgba(37,99,235,.30);
    }

    .btn-save:active[b-2w2oszatxg] {
        transform: scale(.98);
    }

/* excluir */

.btn-delete[b-2w2oszatxg] {
    border: 1px solid #fecaca;
    background: #ffffff;
    color: #dc2626;
}

    .btn-delete:hover[b-2w2oszatxg] {
        background: #dc2626;
        color: white;
        transform: translateY(-2px);
    }

/* ==========================
   RESPONSIVO
========================== */

@media (max-width: 900px) {

    .cliente-modal[b-2w2oszatxg] {
        border-radius: 22px;
    }

    .form-grid[b-2w2oszatxg] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {

    .cliente-modal-overlay[b-2w2oszatxg] {
        align-items: flex-start;
        padding: 16px;
    }

    .cliente-modal-header[b-2w2oszatxg] {
        padding: 20px;
    }

    .cliente-modal-body[b-2w2oszatxg] {
        padding: 20px;
    }

    .cliente-modal-footer[b-2w2oszatxg] {
        flex-direction: column-reverse;
        padding: 20px;
    }

    .btn-cancel[b-2w2oszatxg],
    .btn-save[b-2w2oszatxg],
    .btn-delete[b-2w2oszatxg] {
        width: 100%;
    }
}

/* ==========================
   ANIMAÇÕES
========================== */

@keyframes fadeIn-b-2w2oszatxg {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes modalUp-b-2w2oszatxg {
    from {
        opacity: 0;
        transform: translateY(20px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* /Components/Clientes/ClienteForm.razor.rz.scp.css */
/* =========================================================
   CLIENTE MODAL PREMIUM
========================================================= */

.cliente-modal-overlay[b-6mnptdc6az] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, .55);
    backdrop-filter: blur(10px);
    animation: fadeIn-b-6mnptdc6az .18s ease;
}

.cliente-modal[b-6mnptdc6az] {
    width: min(1200px, 100%);
    max-height: calc(100vh - 48px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 28px;
    box-shadow: 0 30px 80px rgba(15,23,42,.18);
    animation: modalUp-b-6mnptdc6az .22s ease;
}

/* ==========================
   HEADER
========================== */

.cliente-modal-header[b-6mnptdc6az] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 28px 32px 22px;
    border-bottom: 1px solid #eef2f7;
}

.cliente-modal-title[b-6mnptdc6az] {
    margin: 0;
    color: #0f172a;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.03em;
}

.cliente-modal-close[b-6mnptdc6az] {
    width: 40px;
    height: 40px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    color: #64748b;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s ease;
}

    .cliente-modal-close:hover[b-6mnptdc6az] {
        background: #f8fafc;
        color: #0f172a;
        transform: rotate(90deg);
    }

/* ==========================
   BODY
========================== */

.cliente-modal-body[b-6mnptdc6az] {
    overflow-y: auto;
    padding: 28px 32px;
}

    /* scrollbar premium */

    .cliente-modal-body[b-6mnptdc6az]::-webkit-scrollbar {
        width: 8px;
    }

    .cliente-modal-body[b-6mnptdc6az]::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 999px;
    }

/* ==========================
   GRID
========================== */

.form-grid[b-6mnptdc6az] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 20px;
}

.form-group[b-6mnptdc6az] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-group-full[b-6mnptdc6az] {
    grid-column: 1 / -1;
}

.posto-search-row[b-6mnptdc6az] { display: flex; align-items: flex-start; gap: 8px; }
.autocomplete[b-6mnptdc6az] { position: relative; flex: 1; min-width: 0; }
.autocomplete-list[b-6mnptdc6az] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: 0;
    z-index: 20;
    max-height: 280px;
    overflow-y: auto;
    padding: 6px;
    border: 1px solid #dbe3ef;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .16);
}
.autocomplete-item[b-6mnptdc6az] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 11px 12px;
    border: 0;
    border-radius: 10px;
    color: #0f172a;
    background: transparent;
    text-align: left;
    cursor: pointer;
}
.autocomplete-item:hover[b-6mnptdc6az], .autocomplete-item:focus-visible[b-6mnptdc6az] {
    background: #eff6ff;
    outline: none;
}
.autocomplete-item strong[b-6mnptdc6az] { font-size: 13px; }
.autocomplete-item span[b-6mnptdc6az] { color: #64748b; font-size: 12px; }

.postos-importacao[b-6mnptdc6az] {
    margin-top: 14px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border: 1px dashed #93c5fd;
    border-radius: 14px;
    background: #f8fbff;
}

.postos-importacao-texto[b-6mnptdc6az] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #0f172a;
    font-size: 13px;
}

.postos-importacao-texto span[b-6mnptdc6az] { color: #64748b; font-size: 12px; }

.posto-csv-button[b-6mnptdc6az] {
    position: relative;
    flex: 0 0 auto;
    min-height: 40px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 11px;
    color: #fff;
    background: #2563eb;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.posto-csv-button.disabled[b-6mnptdc6az] { opacity: .65; cursor: wait; }
.posto-csv-button[b-6mnptdc6az]  input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.posto-csv-feedback[b-6mnptdc6az] {
    margin-top: 8px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 700;
}

.posto-csv-feedback.success[b-6mnptdc6az] { color: #166534; background: #dcfce7; }
.posto-csv-feedback.error[b-6mnptdc6az] { color: #991b1b; background: #fee2e2; }

.postos-vinculados[b-6mnptdc6az] {
    margin-top: 16px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
}

.postos-vinculados-header[b-6mnptdc6az] {
    min-height: 46px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e2e8f0;
    color: #475569;
    background: #f8fafc;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.postos-total[b-6mnptdc6az] {
    min-width: 26px;
    height: 26px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #1d4ed8;
    background: #dbeafe;
}

.postos-vinculados-lista[b-6mnptdc6az] {
    display: grid;
}

.posto-vinculado-item[b-6mnptdc6az] {
    min-height: 72px;
    padding: 12px 16px;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
}

.posto-vinculado-item + .posto-vinculado-item[b-6mnptdc6az] {
    border-top: 1px solid #eef2f7;
}

.posto-vinculado-icon[b-6mnptdc6az] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #eff6ff;
    font-size: 20px;
}

.posto-vinculado-dados[b-6mnptdc6az] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.posto-vinculado-label[b-6mnptdc6az] {
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.posto-vinculado-dados strong[b-6mnptdc6az] {
    color: #0f172a;
    font-size: 14px;
}

.posto-remover[b-6mnptdc6az] {
    min-height: 36px;
    padding: 0 13px;
    border: 1px solid #fecaca;
    border-radius: 10px;
    color: #dc2626;
    background: #fff;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: .2s ease;
}

.posto-remover:hover[b-6mnptdc6az] {
    border-color: #dc2626;
    color: #fff;
    background: #dc2626;
}

/* ==========================
   LABELS
========================== */

.form-label[b-6mnptdc6az] {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
}

/* ==========================
   INPUTS
========================== */

.form-input[b-6mnptdc6az] {
    width: 100%;
    min-height: 48px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 12px 16px;
    color: #0f172a;
    background: #ffffff;
    font: inherit;
    font-size: 14px;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, transform .15s ease;
}

    .form-input:hover[b-6mnptdc6az] {
        border-color: #cbd5e1;
    }

.logo-upload[b-6mnptdc6az] {
    min-height: 64px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border: 1px dashed #b8c7db;
    border-radius: 14px;
    background: #f8fbff;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease;
}

.form-alert[b-6mnptdc6az] {
    display: grid;
    gap: 6px;
    margin-bottom: 18px;
    padding: 13px 15px;
    border: 1px solid;
    border-radius: 10px;
    font-size: 13px;
    line-height: 1.45;
}

.form-alert-error[b-6mnptdc6az] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.form-alert ul[b-6mnptdc6az] {
    margin: 2px 0 0;
    padding-left: 19px;
}

.btn-save:disabled[b-6mnptdc6az] {
    cursor: wait;
    opacity: .65;
}

    .logo-upload:hover[b-6mnptdc6az] {
        border-color: #2563eb;
        background: #f1f7ff;
    }

.logo-upload-input[b-6mnptdc6az],
.logo-upload[b-6mnptdc6az]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.logo-upload-action[b-6mnptdc6az] {
    flex: 0 0 auto;
    padding: 9px 12px;
    border-radius: 9px;
    background: #2563eb;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.logo-upload-name[b-6mnptdc6az] {
    min-width: 0;
    overflow: hidden;
    color: #64748b;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .form-input:focus[b-6mnptdc6az] {
        border-color: #2563eb;
        box-shadow: 0 0 0 5px rgba(37,99,235,.12);
        transform: translateY(-1px);
    }

/* ==========================
   SEÇÕES
========================== */

.section-divider[b-6mnptdc6az] {
    height: 1px;
    margin: 30px 0;
    background: linear-gradient( to right, transparent, #e2e8f0, transparent );
}

.section-title[b-6mnptdc6az] {
    margin: 0 0 18px;
    color: #0f172a;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -.02em;
}

/* ==========================
   FOOTER
========================== */

.cliente-modal-footer[b-6mnptdc6az] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 20px 32px 24px;
    border-top: 1px solid #eef2f7;
    background: #fafcff;
}

/* ==========================
   BOTÕES
========================== */

.btn-cancel[b-6mnptdc6az],
.btn-save[b-6mnptdc6az],
.btn-delete[b-6mnptdc6az] {
    min-height: 46px;
    border-radius: 14px;
    padding: 0 20px;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s ease;
}

/* cancelar */

.btn-cancel[b-6mnptdc6az] {
    border: 1px solid #dbe3ef;
    background: #ffffff;
    color: #475569;
}

    .btn-cancel:hover[b-6mnptdc6az] {
        background: #f8fafc;
        transform: translateY(-2px);
    }

/* salvar */

.btn-save[b-6mnptdc6az] {
    border: none;
    background: linear-gradient( 135deg, #3b82f6, #2563eb );
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(37,99,235,.25);
}

    .btn-save:hover[b-6mnptdc6az] {
        transform: translateY(-2px);
        box-shadow: 0 16px 34px rgba(37,99,235,.30);
    }

    .btn-save:active[b-6mnptdc6az] {
        transform: scale(.98);
    }

/* excluir */

.btn-delete[b-6mnptdc6az] {
    border: 1px solid #fecaca;
    background: #ffffff;
    color: #dc2626;
}

    .btn-delete:hover[b-6mnptdc6az] {
        background: #dc2626;
        color: white;
        transform: translateY(-2px);
    }

/* ==========================
   RESPONSIVO
========================== */

@media (max-width: 900px) {

    .cliente-modal[b-6mnptdc6az] {
        border-radius: 22px;
    }

    .form-grid[b-6mnptdc6az] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {

    .cliente-modal-overlay[b-6mnptdc6az] {
        align-items: flex-start;
        padding: 16px;
    }

    .cliente-modal-header[b-6mnptdc6az] {
        padding: 20px;
    }

    .cliente-modal-body[b-6mnptdc6az] {
        padding: 20px;
    }

    .cliente-modal-footer[b-6mnptdc6az] {
        flex-direction: column-reverse;
        padding: 20px;
    }

    .btn-cancel[b-6mnptdc6az],
    .btn-save[b-6mnptdc6az],
    .btn-delete[b-6mnptdc6az] {
        width: 100%;
    }

    .posto-search-row[b-6mnptdc6az] {
        flex-direction: column;
    }

    .postos-importacao[b-6mnptdc6az] {
        align-items: stretch;
        flex-direction: column;
    }

    .posto-csv-button[b-6mnptdc6az] { width: 100%; }

    .posto-vinculado-item[b-6mnptdc6az] {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .posto-vinculado-icon[b-6mnptdc6az] {
        width: 38px;
        height: 38px;
    }

    .posto-remover[b-6mnptdc6az] {
        width: 100%;
        grid-column: 1 / -1;
    }
}

/* ==========================
   ANIMAÇÕES
========================== */

@keyframes fadeIn-b-6mnptdc6az {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes modalUp-b-6mnptdc6az {
    from {
        opacity: 0;
        transform: translateY(20px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
.logo-preview[b-6mnptdc6az] { display:flex; align-items:center; gap:1rem; margin-bottom:.75rem; padding:.75rem; border:1px solid #dbe4f0; border-radius:12px; background:#f8fafc; }
.logo-preview img[b-6mnptdc6az] { width:140px; height:88px; object-fit:contain; border-radius:8px; background:white; }
.logo-remove[b-6mnptdc6az] { border:1px solid #fecaca; color:#dc2626; background:#fff; border-radius:8px; padding:.55rem .8rem; cursor:pointer; }
.logo-replace-hint[b-6mnptdc6az] { display:block; margin-top:.55rem; color:#64748b; font-size:.78rem; }
.conta-title-row[b-6mnptdc6az] { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.usuarios-lista[b-6mnptdc6az] { display:grid; gap:.6rem; margin:.75rem 0 1rem; }
.usuario-card[b-6mnptdc6az] { width:100%; display:grid; grid-template-columns:1fr auto auto; gap:1rem; align-items:center; text-align:left; padding:.85rem 1rem; border:1px solid #dbe4f0; border-radius:10px; background:#f8fafc; cursor:pointer; }
.usuario-card span[b-6mnptdc6az] { color:#64748b; }.usuario-card em[b-6mnptdc6az] { color:#2563eb; font-style:normal; font-weight:700; }

.app-options[b-6mnptdc6az] { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; }
.app-option[b-6mnptdc6az] { display:flex; align-items:center; gap:.5rem; min-height:38px; padding:.45rem .8rem; border:1px solid #cbd5e1; border-radius:8px; background:#fff; color:#334155; font-weight:700; cursor:pointer; transition:.15s ease; }
.app-option:hover[b-6mnptdc6az] { border-color:#2563eb; background:#f8fbff; }
.app-option.selected[b-6mnptdc6az] { border-color:#2563eb; background:#eff6ff; color:#1d4ed8; }
.app-option input[b-6mnptdc6az] { width:16px; height:16px; margin:0; accent-color:#2563eb; cursor:pointer; }
.form-group small[b-6mnptdc6az] { color:#687385; margin-top:.4rem; display:block; }

/* /Components/Clientes/RaqDetalhesModal.razor.rz.scp.css */
/* =========================================================
   MODAL BASE
========================================================= */

.cliente-modal-overlay[b-7szq1f1yzu] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15,23,42,.55);
    backdrop-filter: blur(10px);
    animation: fadeIn-b-7szq1f1yzu .18s ease;
}

.cliente-modal[b-7szq1f1yzu] {
    width: min(1200px,100%);
    max-height: calc(100vh - 48px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 24px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 30px 80px rgba(0,0,0,.18);
    animation: modalUp-b-7szq1f1yzu .2s ease;
}

.cliente-modal-header[b-7szq1f1yzu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 32px;
    border-bottom: 1px solid #e5e7eb;
}

.cliente-modal-heading[b-7szq1f1yzu] {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.cliente-modal-title[b-7szq1f1yzu] {
    flex: 0 0 auto;
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #111827;
}

.cliente-modal-title-separator[b-7szq1f1yzu] {
    flex: 0 0 auto;
    color: #9ca3af;
    font-size: 22px;
}

.cliente-modal-posto[b-7szq1f1yzu] {
    min-width: 0;
    overflow: hidden;
    color: #2563eb;
    font-size: 20px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cliente-modal-close[b-7szq1f1yzu] {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #d1d5db;
    background: white;
    cursor: pointer;
    font-weight: bold;
    transition: .2s;
}

    .cliente-modal-close:hover[b-7szq1f1yzu] {
        background: #f3f4f6;
        transform: rotate(90deg);
    }

.cliente-modal-body[b-7szq1f1yzu] {
    overflow-y: auto;
    padding: 28px 32px;
    flex: 1;
}

.cliente-modal-footer[b-7szq1f1yzu] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 20px 32px;
    border-top: 1px solid #e5e7eb;
    background: #fafafa;
}

/* =========================================================
   FORMULÁRIO
========================================================= */

.form-grid[b-7szq1f1yzu] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 20px;
}

.form-group[b-7szq1f1yzu] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-group-full[b-7szq1f1yzu] {
    grid-column: 1 / -1;
}

.form-label[b-7szq1f1yzu] {
    font-size: 10px;
    font-weight: 650;
    color: #718096;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.raq-valor[b-7szq1f1yzu] {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 9px 12px;
    border: 1px solid #e2e8f0;
    border-left: 3px solid #2563eb;
    border-radius: 8px;
    background: #f8fafc;
    color: #0f172a;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.raq-valor:empty[b-7szq1f1yzu]::after {
    content: "Não informado";
    color: #94a3b8;
    font-size: 13px;
    font-style: italic;
    font-weight: 500;
}

.section-divider[b-7szq1f1yzu] {
    height: 1px;
    background: #e5e7eb;
    margin: 28px 0;
}

.section-title[b-7szq1f1yzu] {
    margin: 0 0 18px;
    font-size: 18px;
    font-weight: 700;
    color: #111827;
}

/* =========================================================
   IMAGENS DA NFE
========================================================= */

.nfe-images-card[b-7szq1f1yzu] {
    padding: 24px 28px;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #f8fafc;
}

.nfe-images-header[b-7szq1f1yzu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.nfe-images-header .section-title[b-7szq1f1yzu] {
    margin-bottom: 4px;
}

.nfe-images-count[b-7szq1f1yzu] {
    flex: 0 0 auto;
    padding: 5px 10px;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 700;
}

.nfe-images-grid[b-7szq1f1yzu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 190px));
    gap: 14px;
}

.nfe-image-item[b-7szq1f1yzu] {
    position: relative;
    height: 140px;
    overflow: hidden;
    padding: 0;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    background: #ffffff;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.nfe-image-item:hover[b-7szq1f1yzu] {
    border-color: #2563eb;
    box-shadow: 0 10px 24px rgba(37, 99, 235, .15);
    transform: translateY(-2px);
}

.nfe-image-item:focus-visible[b-7szq1f1yzu] {
    outline: 3px solid rgba(37, 99, 235, .3);
    outline-offset: 2px;
}

.nfe-image-item img[b-7szq1f1yzu] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.nfe-image-item span[b-7szq1f1yzu] {
    position: absolute;
    right: 8px;
    bottom: 8px;
    left: 8px;
    padding: 7px 9px;
    border-radius: 7px;
    background: rgba(15, 23, 42, .82);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.nfe-images-empty[b-7szq1f1yzu] {
    display: grid;
    min-height: 92px;
    place-items: center;
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    background: #ffffff;
    color: #64748b;
    font-size: 14px;
    text-align: center;
}

/* =========================================================
   CONSULTA NFE NO SERPRO
========================================================= */

.serpro-card[b-7szq1f1yzu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 28px;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    background: #f8fafc;
}

.serpro-card-info[b-7szq1f1yzu] {
    min-width: 0;
    flex: 1;
}

.serpro-field[b-7szq1f1yzu] {
    display: grid;
    grid-template-columns: 145px minmax(0, 1fr);
    gap: 12px;
    margin-top: 12px;
    color: #64748b;
    font-size: 15px;
}

.serpro-field strong[b-7szq1f1yzu] {
    color: #0f172a;
    overflow-wrap: anywhere;
}

.serpro-button[b-7szq1f1yzu] {
    flex: 0 0 auto;
    min-width: 190px;
}

.serpro-button:disabled[b-7szq1f1yzu] {
    cursor: not-allowed;
    opacity: .55;
}

.serpro-message[b-7szq1f1yzu] {
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
}

.serpro-message--error[b-7szq1f1yzu] {
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.serpro-result[b-7szq1f1yzu] {
    margin-top: 16px;
    padding: 20px;
    border: 1px solid #bfdbfe;
    border-radius: 16px;
    background: #eff6ff;
}

.serpro-result-header[b-7szq1f1yzu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.serpro-result-header .section-title[b-7szq1f1yzu] {
    margin: 0;
}

.serpro-result-subtitle[b-7szq1f1yzu] {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: 13px;
}

.serpro-status-card[b-7szq1f1yzu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(160px, .35fr);
    gap: 20px;
    margin-bottom: 24px;
    padding: 16px;
    border: 1px solid #bbf7d0;
    border-radius: 12px;
    background: #f0fdf4;
}

.serpro-status-card > div[b-7szq1f1yzu] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.serpro-status-card strong[b-7szq1f1yzu] {
    color: #0f172a;
    font-size: 16px;
}

.serpro-status-card .serpro-status-ok[b-7szq1f1yzu] {
    color: #15803d;
}

.serpro-status-card .serpro-status-error[b-7szq1f1yzu] {
    color: #dc2626;
}

.serpro-data-grid[b-7szq1f1yzu] {
    gap: 16px;
}

.serpro-products[b-7szq1f1yzu] {
    display: grid;
    gap: 14px;
}

.serpro-product-card[b-7szq1f1yzu] {
    padding: 16px;
    border: 1px solid #dbeafe;
    border-left: 4px solid #2563eb;
    border-radius: 12px;
    background: #ffffff;
}

.serpro-product-card > strong[b-7szq1f1yzu] {
    display: block;
    color: #0f172a;
    font-size: 16px;
}

.serpro-product-grid[b-7szq1f1yzu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 18px;
    margin-top: 14px;
    color: #64748b;
    font-size: 14px;
}

.serpro-product-grid b[b-7szq1f1yzu] {
    color: #0f172a;
}

.serpro-observations[b-7szq1f1yzu] {
    align-items: flex-start;
    white-space: pre-wrap;
}

.image-viewer-overlay[b-7szq1f1yzu] {
    position: fixed;
    inset: 0;
    z-index: 10010;
    display: grid;
    place-items: center;
    padding: 28px;
    background: rgba(2, 6, 23, .88);
    backdrop-filter: blur(6px);
}

.image-viewer-content[b-7szq1f1yzu] {
    position: relative;
    max-width: min(1100px, 100%);
    max-height: calc(100vh - 56px);
}

.image-viewer-content img[b-7szq1f1yzu] {
    max-width: 100%;
    max-height: calc(100vh - 56px);
    display: block;
    border-radius: 12px;
    object-fit: contain;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .45);
}

.image-viewer-close[b-7szq1f1yzu] {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 10px;
    background: rgba(15, 23, 42, .8);
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
}

/* =========================================================
   BOTÕES
========================================================= */

.btn-save[b-7szq1f1yzu],
.btn-cancel[b-7szq1f1yzu] {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 12px;
    cursor: pointer;
    font-weight: 600;
}

.btn-save[b-7szq1f1yzu] {
    border: none;
    color: white;
    background: #2563eb;
}

    .btn-save:hover[b-7szq1f1yzu] {
        background: #1d4ed8;
    }

.btn-cancel[b-7szq1f1yzu] {
    background: white;
    border: 1px solid #d1d5db;
}

    .btn-cancel:hover[b-7szq1f1yzu] {
        background: #f8fafc;
    }

/* =========================================================
   SCROLLBAR
========================================================= */

.cliente-modal-body[b-7szq1f1yzu]::-webkit-scrollbar {
    width: 8px;
}

.cliente-modal-body[b-7szq1f1yzu]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}

/* =========================================================
   RESPONSIVO
========================================================= */

@media (max-width:900px) {

    .cliente-modal[b-7szq1f1yzu] {
        width: 100%;
        border-radius: 18px;
    }

    .form-grid[b-7szq1f1yzu] {
        grid-template-columns: 1fr;
    }
}

@media (max-width:640px) {

    .cliente-modal-overlay[b-7szq1f1yzu] {
        padding: 12px;
        align-items: flex-start;
    }

    .cliente-modal-header[b-7szq1f1yzu],
    .cliente-modal-body[b-7szq1f1yzu],
    .cliente-modal-footer[b-7szq1f1yzu] {
        padding: 18px;
    }

    .cliente-modal-footer[b-7szq1f1yzu] {
        flex-direction: column;
    }

    .btn-save[b-7szq1f1yzu],
    .btn-cancel[b-7szq1f1yzu] {
        width: 100%;
    }

    .serpro-card[b-7szq1f1yzu] {
        align-items: stretch;
        flex-direction: column;
        padding: 20px;
    }

    .serpro-field[b-7szq1f1yzu] {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .serpro-result-header[b-7szq1f1yzu] {
        align-items: stretch;
        flex-direction: column;
    }

    .serpro-status-card[b-7szq1f1yzu],
    .serpro-product-grid[b-7szq1f1yzu] {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   ANIMAÇÕES
========================================================= */

@keyframes fadeIn-b-7szq1f1yzu {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes modalUp-b-7szq1f1yzu {
    from {
        opacity: 0;
        transform: translateY(20px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* ==========================
   RAQ - CARD RESUMO
========================== */

.raq-summary-card[b-7szq1f1yzu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px;
    border-radius: 20px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    margin-bottom: 20px;
}

.raq-summary-info[b-7szq1f1yzu] {
    flex: 1;
}

.raq-summary-row[b-7szq1f1yzu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 17px;
    color: #334155;
}

    .raq-summary-row span[b-7szq1f1yzu] {
        color: #64748b;
        font-weight: 500;
    }

    .raq-summary-row strong[b-7szq1f1yzu] {
        color: #0f172a;
        font-size: 18px;
    }

.raq-summary-footer[b-7szq1f1yzu] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
}

@media (max-width: 680px) {
    .cliente-modal-header[b-7szq1f1yzu] {
        padding: 20px;
    }

    .cliente-modal-heading[b-7szq1f1yzu] {
        flex-wrap: wrap;
        gap: 3px 8px;
    }

    .cliente-modal-title[b-7szq1f1yzu] {
        font-size: 20px;
    }

    .cliente-modal-posto[b-7szq1f1yzu] {
        flex-basis: 100%;
        font-size: 15px;
    }

    .cliente-modal-title-separator[b-7szq1f1yzu] {
        display: none;
    }
}

.status--ok[b-7szq1f1yzu] {
    color: #15803d;
    font-weight: 800;
}

.status--tolerancia[b-7szq1f1yzu] {
    color: #c2410c;
    font-weight: 800;
}

.status--reprovado[b-7szq1f1yzu] {
    color: #dc2626;
    font-weight: 800;
}

.raq-toggle-btn[b-7szq1f1yzu] {
    min-width: 160px;
    min-height: 46px;
    margin-left: 30px;
    font-size: 15px;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-4tdrxtt7fb] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-4tdrxtt7fb] {
    flex: 1;
}

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

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

    .top-row[b-4tdrxtt7fb]  a, .top-row[b-4tdrxtt7fb]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-4tdrxtt7fb]  a:hover, .top-row[b-4tdrxtt7fb]  .btn-link:hover {
        text-decoration: underline;
    }

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

@media (max-width: 640.98px) {
    .top-row[b-4tdrxtt7fb] {
        justify-content: space-between;
    }

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

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

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

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

    .top-row.auth[b-4tdrxtt7fb]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-4tdrxtt7fb], article[b-4tdrxtt7fb] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-4tdrxtt7fb] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-4tdrxtt7fb] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ifnr0mkto4] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-ifnr0mkto4] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-ifnr0mkto4] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-ifnr0mkto4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-ifnr0mkto4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-ifnr0mkto4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

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

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

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

    .nav-item[b-ifnr0mkto4]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

.nav-scrollable[b-ifnr0mkto4] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-ifnr0mkto4] {
    display: block;
}

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

    .nav-scrollable[b-ifnr0mkto4] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-vosbnyhnxz],
.components-reconnect-repeated-attempt-visible[b-vosbnyhnxz],
.components-reconnect-failed-visible[b-vosbnyhnxz],
.components-pause-visible[b-vosbnyhnxz],
.components-resume-failed-visible[b-vosbnyhnxz],
.components-rejoining-animation[b-vosbnyhnxz] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-vosbnyhnxz],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-vosbnyhnxz],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-vosbnyhnxz],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-vosbnyhnxz],
#components-reconnect-modal.components-reconnect-retrying[b-vosbnyhnxz],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-vosbnyhnxz],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-vosbnyhnxz],
#components-reconnect-modal.components-reconnect-failed[b-vosbnyhnxz],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-vosbnyhnxz] {
    display: block;
}


#components-reconnect-modal[b-vosbnyhnxz] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-vosbnyhnxz 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-vosbnyhnxz 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-vosbnyhnxz 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-vosbnyhnxz]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-vosbnyhnxz 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-vosbnyhnxz {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-vosbnyhnxz {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-vosbnyhnxz {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-vosbnyhnxz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-vosbnyhnxz] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-vosbnyhnxz] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-vosbnyhnxz] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-vosbnyhnxz] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-vosbnyhnxz] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-vosbnyhnxz] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-vosbnyhnxz 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-vosbnyhnxz] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-vosbnyhnxz {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/NetworkHeader.razor.rz.scp.css */
/* CSS for NetworkHeader component */
.network-header[b-hc54q43evg] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 120px;
    padding: 20px 0;
}

.network-heading[b-hc54q43evg] {
    flex: 1;
}

.network-title[b-hc54q43evg] {
    font-size: 2.3rem;
    font-weight: 700;
    margin: 0;
    color: #212529;
}

.network-brand-center[b-hc54q43evg] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.network-user[b-hc54q43evg] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.network-avatar[b-hc54q43evg] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #e8f2ff;
    color: #0d6efd;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cor-razao[b-hc54q43evg] {
    color: #4b5563;
    font-size: 1rem;
    font-weight: 700;
}

.network-user[b-hc54q43evg] {
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    text-align: center;
}

.network-user > span:last-child[b-hc54q43evg] {
    align-items: center;
}

@media (max-width:992px) {

    .network-header[b-hc54q43evg] {
        display: flex;
        flex-direction: column;
        gap: 20px;
        text-align: center;
        min-height: auto;
    }

    .network-brand-center[b-hc54q43evg] {
        position: static;
        transform: none;
    }

    .network-user[b-hc54q43evg] {
        justify-content: center;
    }

    .network-heading[b-hc54q43evg] {
        text-align: center;
    }
}
/* /Components/NetworkSidebar.razor.rz.scp.css */
.network-sidebar[b-1s3ovzqdr3],
.network-sidebar *[b-1s3ovzqdr3] {
    box-sizing: border-box;
}

.network-sidebar[b-1s3ovzqdr3] {
    --sidebar-blue: #1788ef;
    width: 236px;
    min-height: 100vh;
    position: sticky;
    top: 0;
    display: flex;
    flex: 0 0 236px;
    flex-direction: column;
    padding: 20px 14px 16px;
    background: #0f151d;
    color: #fff;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.network-logo[b-1s3ovzqdr3] {
    min-height: 90px;
    display: grid;
    place-items: center;
    margin-bottom: 14px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

    .network-logo img[b-1s3ovzqdr3] {
        width: clamp(170px, 85%, 210px);
        max-height: 80px;
        object-fit: contain;
    }

.network-nav[b-1s3ovzqdr3] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 5px;
}

.network-nav-item[b-1s3ovzqdr3],
.network-logout[b-1s3ovzqdr3] {
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: rgba(255, 255, 255, .68);
    font: inherit;
    font-size: 15px;
    text-align: left;
    cursor: pointer;
    transition: .18s ease;
}

.network-nav-icon[b-1s3ovzqdr3] {
    width: 20px;
    flex: 0 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 1;
}

.network-nav-item strong[b-1s3ovzqdr3],
.network-logout strong[b-1s3ovzqdr3] {
    font-weight: 600;
}

.network-nav-item small[b-1s3ovzqdr3] {
    margin-left: auto;
    color: #768492;
    font-size: 11px;
    text-transform: uppercase;
}

.network-nav-item:hover[b-1s3ovzqdr3],
.network-logout:hover[b-1s3ovzqdr3] {
    background: rgba(255, 255, 255, .07);
    color: #fff;
}

.network-nav-item.active[b-1s3ovzqdr3] {
    background: var(--sidebar-blue);
    color: #fff;
    box-shadow: 0 6px 16px rgba(23, 136, 239, .25);
}

.network-nav-item.future[b-1s3ovzqdr3] {
    opacity: .5;
    cursor: not-allowed;
}

.network-nav-item.unavailable[b-1s3ovzqdr3] {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 11px;
    row-gap: 2px;
    opacity: .65;
    cursor: not-allowed;
    color: rgba(255, 255, 255, .5);
}

.network-nav-item.unavailable small[b-1s3ovzqdr3] {
    grid-column: 2;
    grid-row: 2;
    margin-left: 0;
    color: #e19a17;
    font-size: 10px;
    text-transform: none;
    text-align: left;
}

.network-nav-item.unavailable .network-nav-icon[b-1s3ovzqdr3] {
    grid-column: 1;
    grid-row: 1 / span 2;
    filter: grayscale(1);
    opacity: .8;
}

.network-nav-item.unavailable strong[b-1s3ovzqdr3] {
    grid-column: 2;
    grid-row: 1;
}

.network-nav-item.unavailable:hover[b-1s3ovzqdr3] {
    background: transparent;
    color: rgba(255, 255, 255, .5);
}

.network-logout[b-1s3ovzqdr3] {
    margin-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    border-radius: 0;
    color: rgba(255, 255, 255, .6);
}

.menu-button[b-1s3ovzqdr3] {
    display: none;
}

.overlay[b-1s3ovzqdr3] {
    display: none;
}

.mobile-topbar[b-1s3ovzqdr3] {
    display: none;
}

@media (max-width: 820px) {

    /* Barra superior */

    .mobile-topbar[b-1s3ovzqdr3] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 60px;
        width: 100%;
        padding: 0 16px;
        background: #0f151d;
        border-bottom: 1px solid rgba(255,255,255,.08);
        position: sticky;
        top: 0;
        z-index: 998;
    }

    /* Botão hamburguer */

    .menu-button[b-1s3ovzqdr3] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 42px;
        height: 42px;
        border: none;
        border-radius: 8px;
        background: #1788ef;
        color: white;
        font-size: 22px;
        cursor: pointer;
    }

    /* Fundo escuro */

    .overlay[b-1s3ovzqdr3] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,.45);
        z-index: 999;
    }

    /* Sidebar */

    .network-sidebar[b-1s3ovzqdr3] {
        position: fixed;
        top: 0;
        left: -260px;
        width: 250px;
        height: 100vh;
        padding: 20px 14px;
        transition: left .30s ease;
        z-index: 1000;
        overflow-y: auto;
    }

        .network-sidebar.show[b-1s3ovzqdr3] {
            left: 0;
        }

    /* Menu continua em coluna */

    .network-nav[b-1s3ovzqdr3] {
        display: flex;
        flex-direction: column;
    }

    /* Mostra novamente os itens */

    .network-nav-item.future[b-1s3ovzqdr3],
    .network-logout[b-1s3ovzqdr3] {
        display: flex;
    }
}
/* /Components/Pages/Admin/AdminAdministradores.razor.rz.scp.css */
:root[b-gylioxo5z5]{--blue:#1d84f2;--border:#e1e7ef;--bg:#f1f4f8;--text:#111827}.app-shell[b-gylioxo5z5]{min-height:100vh;display:flex;background:var(--bg);font-family:Inter,system-ui,sans-serif;color:var(--text)}.sidebar[b-gylioxo5z5]{width:260px;display:flex;flex-direction:column;background:#f1f4f8;border-right:1px solid var(--border)}.sidebar-logo[b-gylioxo5z5]{height:105px;background:#1d84f2;display:flex;align-items:center;justify-content:center}.sidebar-logo-img[b-gylioxo5z5]{max-width:65%;max-height:64px}.sidebar-nav[b-gylioxo5z5]{flex:1;padding:18px 12px;display:flex;flex-direction:column;gap:5px}.nav-section-label[b-gylioxo5z5]{padding:8px 12px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#6b7280}.nav-item[b-gylioxo5z5]{border:0;background:transparent;border-radius:11px;padding:12px;text-align:left;font:inherit;cursor:pointer;color:#374151}.nav-item:hover[b-gylioxo5z5],.nav-item.active[b-gylioxo5z5]{background:#dceafb;color:#1268c4}.sidebar-footer[b-gylioxo5z5]{padding:12px;border-top:1px solid var(--border)}.main-area[b-gylioxo5z5]{flex:1;min-width:0}.topbar[b-gylioxo5z5]{height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 32px;color:#6b7280;font-size:13px}.content[b-gylioxo5z5]{padding:32px}.page-header[b-gylioxo5z5]{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-header h1[b-gylioxo5z5]{margin:0 0 5px;font-size:28px}.page-header p[b-gylioxo5z5]{margin:0;color:#64748b}.btn-primary[b-gylioxo5z5],.btn-secondary[b-gylioxo5z5]{border-radius:10px;padding:11px 17px;font-weight:700;cursor:pointer}.btn-primary[b-gylioxo5z5]{border:0;background:#2569ed;color:#fff}.btn-primary:disabled[b-gylioxo5z5]{opacity:.65}.btn-secondary[b-gylioxo5z5]{background:#fff;border:1px solid #ccd6e3}.table-card[b-gylioxo5z5]{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:auto;box-shadow:0 8px 24px rgba(15,23,42,.05)}table[b-gylioxo5z5]{width:100%;border-collapse:collapse;min-width:760px}th[b-gylioxo5z5],td[b-gylioxo5z5]{padding:16px 18px;border-bottom:1px solid var(--border);text-align:left}th[b-gylioxo5z5]{background:#f8fafc;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.strong[b-gylioxo5z5]{font-weight:700}.empty[b-gylioxo5z5]{text-align:center;color:#64748b;padding:34px}.level[b-gylioxo5z5],.status[b-gylioxo5z5]{display:inline-flex;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.level[b-gylioxo5z5]{background:#dbeafe;color:#1d4ed8}.status.active[b-gylioxo5z5]{background:#dcfce7;color:#15803d}.status.inactive[b-gylioxo5z5]{background:#fee2e2;color:#b91c1c}.alert[b-gylioxo5z5]{padding:12px 15px;border-radius:10px;margin:0 0 16px}.alert-error[b-gylioxo5z5]{background:#fff1f2;border:1px solid #fecdd3;color:#b91c1c}.alert-success[b-gylioxo5z5]{background:#ecfdf5;border:1px solid #bbf7d0;color:#15803d}.modal-backdrop[b-gylioxo5z5]{position:fixed;inset:0;background:rgba(15,23,42,.62);display:grid;place-items:center;padding:20px;z-index:1000}.modal-card[b-gylioxo5z5]{width:min(720px,100%);background:#fff;border-radius:18px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.modal-header[b-gylioxo5z5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal-header h2[b-gylioxo5z5]{margin:0}.modal-header button[b-gylioxo5z5]{border:0;background:transparent;font-size:28px;cursor:pointer}.form-grid[b-gylioxo5z5]{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label[b-gylioxo5z5]{display:flex;flex-direction:column;gap:7px}.form-grid label span[b-gylioxo5z5]{font-size:12px;font-weight:800;color:#64748b;text-transform:uppercase}.form-grid input[b-gylioxo5z5],.form-grid select[b-gylioxo5z5]{width:100%;border:1px solid #ccd6e3;border-radius:9px;padding:12px;font:inherit}.form-grid .full[b-gylioxo5z5]{grid-column:1/-1}.show-password[b-gylioxo5z5]{flex-direction:row!important;align-items:center;color:#475569}.show-password input[b-gylioxo5z5]{width:auto}.modal-actions[b-gylioxo5z5]{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@media(max-width:760px){.app-shell[b-gylioxo5z5]{display:block}.sidebar[b-gylioxo5z5]{width:100%;min-height:auto}.sidebar-logo[b-gylioxo5z5]{height:72px}.sidebar-nav[b-gylioxo5z5]{flex-direction:row}.nav-section-label[b-gylioxo5z5]{display:none}.sidebar-footer[b-gylioxo5z5]{display:none}.topbar[b-gylioxo5z5]{display:none}.content[b-gylioxo5z5]{padding:20px 14px}.page-header[b-gylioxo5z5]{align-items:flex-start;flex-direction:column}.form-grid[b-gylioxo5z5]{grid-template-columns:1fr}.form-grid .full[b-gylioxo5z5]{grid-column:auto}.modal-card[b-gylioxo5z5]{padding:18px}}
/* /Components/Pages/Admin/AdminClientes.razor.rz.scp.css */
/* ── Reset & root tokens (espelha o Home.razor.css) ── */
*[b-8tbuucqx6c] {
    box-sizing: border-box;
}

:root[b-8tbuucqx6c] {
    --bg: #f1f4f8;
    --surface: #ffffff;
    --blue: #1d84f2;
    --blue-dark: #1565c0;
    --blue-soft: #ebf3fe;
    --border: #e5e7eb;
    --text: #111827;
    --muted: #6b7280;
    --green: #16a34a;
    --green-soft: #dcfce7;
    --amber: #b45309;
    --amber-soft: #fef3c7;
    --red: #dc2626;
    --red-soft: #fee2e2;
}

/* ── Shell ── */
.app-shell[b-8tbuucqx6c] {
    min-height: 100vh;
    display: flex;
    background: var(--bg);
    font-family: 'Inter', system-ui, sans-serif;
}

/* ── Sidebar ── */
.sidebar[b-8tbuucqx6c] {
    width: 260px;
    background: #f1f4f8;
    border-right: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 25px rgba(0,0,0,.03);
}

.sidebar-logo[b-8tbuucqx6c] {
    background-color: #1d84f2;
    width: 100%;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.sidebar-logo-img[b-8tbuucqx6c] {
    max-width: 80%;
    height: auto;
    display: block;
}

.logo-text[b-8tbuucqx6c] {
    font-size: 18px;
    color: var(--blue);
    font-weight: 500;
}



.sidebar-nav[b-8tbuucqx6c] {
    flex: 1;
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background-color: #f1f4f8;
}

.nav-section-label[b-8tbuucqx6c] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--muted);
    padding: 10px 12px 4px;
}

.nav-divider[b-8tbuucqx6c] {
    height: 1px;
    background: var(--border);
    margin: 8px 0;
}

.nav-item[b-8tbuucqx6c] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 0;
    background: transparent;
    color: #374151;
    border-radius: 10px;
    padding: 11px 12px;
    text-align: left;
    font: inherit;
    cursor: pointer;
    transition: background .15s, color .15s, transform .1s;
}

    .nav-item:hover[b-8tbuucqx6c],
    .nav-item.active[b-8tbuucqx6c] {
        background: var(--blue-soft);
        color: var(--blue);
    }

    .nav-item:hover[b-8tbuucqx6c] {
        transform: translateY(-1px);
    }

.sidebar-footer[b-8tbuucqx6c] {
    padding: 12px;
    border-top: 1px solid var(--border);
}

.nav-item--logout:hover[b-8tbuucqx6c] {
    background: #eff6ff;
    color: var(--blue-dark);
}

/* ── Main area ── */
.main-area[b-8tbuucqx6c] {
    flex: 1;
    min-width: 0;
    background: var(--bg);
}

/* ── Topbar ── */
.topbar[b-8tbuucqx6c] {
    height: 72px;
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px;
}

.topbar-left[b-8tbuucqx6c], .topbar-right[b-8tbuucqx6c], .page-title-row[b-8tbuucqx6c] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.breadcrumb[b-8tbuucqx6c] {
    color: var(--muted);
    font-size: 13px;
    font-weight: 500;
}

.greeting[b-8tbuucqx6c] {
    color: var(--muted);
    font-weight: 600;
    font-size: 13px;
}

.username[b-8tbuucqx6c] {
    color: var(--text);
    font-weight: 600;
}

.user-avatar[b-8tbuucqx6c] {
    font-size: 20px;
}

/* ── Content ── */
.teste[b-8tbuucqx6c] {
    padding: 32px;
}

.page-header[b-8tbuucqx6c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.page-icon[b-8tbuucqx6c] {
    color: var(--blue);
    font-size: 20px;
}

.page-title[b-8tbuucqx6c] {
    font-size: 20px;
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

/* ── Botão Novo ── */
button.btn-novo[b-8tbuucqx6c] {
    background: #1d84f2 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px;
    padding: 9px 18px;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
}

    button.btn-novo:hover[b-8tbuucqx6c] {
        background: #1565c0 !important;
        transform: translateY(-1px);
    }

/* ── Table wrapper ── */
.table-wrapper[b-8tbuucqx6c] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(17,24,39,.06);
}

.table-toolbar[b-8tbuucqx6c] {
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
    background: #f8fafc;
}

.search-input[b-8tbuucqx6c] {
    width: 100%;
    max-width: 380px;
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 8px 14px;
    font: inherit;
    font-size: 13px;
    color: var(--text);
    outline: none;
    background: #fff;
    transition: border-color .15s, box-shadow .15s;
}

    .search-input:focus[b-8tbuucqx6c] {
        border-color: var(--blue);
        box-shadow: 0 0 0 4px rgba(29,132,242,.12);
    }

/* ── Table ── */
.data-table[b-8tbuucqx6c] {
    width: 100%;
    border-collapse: collapse;
}

    .data-table thead tr[b-8tbuucqx6c] {
        background: #f8fafc;
    }

    .data-table th[b-8tbuucqx6c],
    .data-table td[b-8tbuucqx6c] {
        padding: 14px 18px;
        text-align: left;
        border-bottom: 1px solid var(--border);
        font-size: 13.5px;
    }

    .data-table th[b-8tbuucqx6c] {
        color: var(--muted);
        font-size: 11.5px;
        text-transform: uppercase;
        letter-spacing: .07em;
    }

    .data-table tbody tr:hover[b-8tbuucqx6c] {
        background: #f8fafc;
    }

    .data-table tbody tr:last-child td[b-8tbuucqx6c] {
        border-bottom: none;
    }

.col-seq[b-8tbuucqx6c] {
    width: 56px;
    text-align: center;
    color: var(--muted);
}

.col-action[b-8tbuucqx6c] {
    text-align: center;
    width: 180px;
}

.cnpj[b-8tbuucqx6c] {
    font-family: 'JetBrains Mono', 'Fira Mono', monospace;
    font-size: 12.5px;
    letter-spacing: .03em;
    color: var(--muted);
}

.empty-row[b-8tbuucqx6c] {
    text-align: center;
    color: var(--muted);
    padding: 40px 0 !important;
    font-size: 13px;
}

/* ── Status badges ── */
.status[b-8tbuucqx6c] {
    display: inline-block;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 11.5px;
    font-weight: 600;
}

.status--ok[b-8tbuucqx6c] {
    background: var(--green-soft);
    color: var(--green);
}

.status--pendente[b-8tbuucqx6c] {
    background: var(--amber-soft);
    color: var(--amber);
}

.status--inativo[b-8tbuucqx6c] {
    background: #f3f4f6;
    color: var(--muted);
}

/* ── Action buttons ── */
.action-group[b-8tbuucqx6c] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.btn-action[b-8tbuucqx6c] {
    border-radius: 8px;
    padding: 5px 11px;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: background .15s, color .15s, border-color .15s, transform .1s;
}

    .btn-action:hover[b-8tbuucqx6c] {
        transform: translateY(-1px);
    }

.btn-edit[b-8tbuucqx6c] {
    border: 1px solid #cfe0f7;
    background: #eff6ff;
    color: var(--blue);
}

    .btn-edit:hover[b-8tbuucqx6c] {
        background: #dbeafe;
        color: var(--blue-dark);
        border-color: #bcd7fa;
    }

.btn-conta[b-8tbuucqx6c] {
    border: 1px solid #d1fae5;
    background: #f0fdf4;
    color: var(--green);
}

    .btn-conta:hover[b-8tbuucqx6c] {
        background: var(--green-soft);
        color: #15803d;
        border-color: #bbf7d0;
    }

/* ── Modal ── */
.modal-overlay[b-8tbuucqx6c] {
    position: fixed;
    inset: 0;
    background: rgba(17,24,39,.35);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}

.modal[b-8tbuucqx6c] {
    background: var(--surface);
    border-radius: 20px;
    width: 100%;
    max-width: 520px;
    box-shadow: 0 24px 48px rgba(17,24,39,.18);
    overflow: hidden;
}

.modal-header[b-8tbuucqx6c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 28px 18px;
    border-bottom: 1px solid var(--border);
}

.modal-title[b-8tbuucqx6c] {
    font-size: 17px;
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

.modal-close[b-8tbuucqx6c] {
    background: none;
    border: none;
    color: var(--muted);
    font-size: 18px;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    transition: color .15s;
}

    .modal-close:hover[b-8tbuucqx6c] {
        color: var(--text);
    }

.modal-body[b-8tbuucqx6c] {
    padding: 24px 28px;
}

.form-grid[b-8tbuucqx6c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.form-group[b-8tbuucqx6c] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-group--full[b-8tbuucqx6c] {
    grid-column: 1 / -1;
}

.form-label[b-8tbuucqx6c] {
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.form-input[b-8tbuucqx6c] {
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 9px 14px;
    font: inherit;
    font-size: 13.5px;
    color: var(--text);
    outline: none;
    transition: border-color .15s, box-shadow .15s;
}

    .form-input:focus[b-8tbuucqx6c] {
        border-color: var(--blue);
        box-shadow: 0 0 0 4px rgba(29,132,242,.12);
    }

.modal-footer[b-8tbuucqx6c] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 18px 28px 22px;
    border-top: 1px solid var(--border);
}

.btn-cancel[b-8tbuucqx6c] {
    background: #f3f4f6;
    border: 1px solid var(--border);
    color: var(--muted);
    border-radius: 10px;
    padding: 9px 20px;
    font: inherit;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
}

    .btn-cancel:hover[b-8tbuucqx6c] {
        background: #e5e7eb;
    }

.btn-save[b-8tbuucqx6c] {
    background: var(--blue);
    border: none;
    color: #fff;
    border-radius: 10px;
    padding: 9px 24px;
    font: inherit;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, transform .1s;
}

    .btn-save:hover[b-8tbuucqx6c] {
        background: var(--blue-dark);
        transform: translateY(-1px);
    }

/* ── Responsive ── */
@media (max-width: 900px) {
    .app-shell[b-8tbuucqx6c] {
        flex-direction: column;
    }

    .sidebar[b-8tbuucqx6c] {
        width: 100%;
    }

    .content[b-8tbuucqx6c] {
        padding: 18px;
    }

    .topbar[b-8tbuucqx6c] {
        padding: 0 18px;
    }

    .data-table[b-8tbuucqx6c] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .form-grid[b-8tbuucqx6c] {
        grid-template-columns: 1fr;
    }
}


.data-table th[b-8tbuucqx6c] {
    cursor: pointer;
    user-select: none;
}

/* =========================================================
   QUALYPOSTO PREMIUM UI
   Adicionar no FINAL do arquivo
========================================================= */

:root[b-8tbuucqx6c] {
    --bg: #f8fafc;
    --surface: rgba(255,255,255,.92);
    --surface-solid: #ffffff;
    --blue: #2563eb;
    --blue-dark: #1d4ed8;
    --blue-soft: #eff6ff;
    --border: #e2e8f0;
    --text: #0f172a;
    --muted: #64748b;
    --green: #15803d;
    --green-soft: #dcfce7;
    --amber: #b45309;
    --amber-soft: #fef3c7;
    --shadow-sm: 0 4px 12px rgba(15,23,42,.04);
    --shadow-md: 0 12px 30px rgba(15,23,42,.08);
    --shadow-lg: 0 25px 60px rgba(15,23,42,.12);
}

/* ==========================
   APP
========================== */

.app-shell[b-8tbuucqx6c] {
    background: linear-gradient( 180deg, #f8fafc 0%, #f1f5f9 100% );
}

/* ==========================
   SIDEBAR
========================== */

.sidebar[b-8tbuucqx6c] {
    width: 270px;
    background: rgba(255,255,255,.75);
    backdrop-filter: blur(18px);
    border-right: 1px solid rgba(255,255,255,.6);
    box-shadow: var(--shadow-md);
}

.sidebar-logo[b-8tbuucqx6c] {
    padding: 20px 0;
    background-color: #1d84f2;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.logo-text[b-8tbuucqx6c] {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.04em;
}

.sidebar-nav[b-8tbuucqx6c] {
    background: transparent;
}

.nav-item[b-8tbuucqx6c] {
    border-radius: 14px;
    padding: 12px 14px;
    transition: all .25s ease;
}

    .nav-item:hover[b-8tbuucqx6c] {
        background: var(--blue-soft);
        color: var(--blue);
        transform: translateY(-2px);
    }

    .nav-item.active[b-8tbuucqx6c] {
        background: linear-gradient( 135deg, #eff6ff, #dbeafe );
        color: var(--blue);
        font-weight: 700;
    }

/* ==========================
   TOPBAR
========================== */

.topbar[b-8tbuucqx6c] {
    background: rgba(255,255,255,.75);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255,255,255,.5);
    position: sticky;
    top: 0;
    z-index: 50;
    height: 78px;
}

.breadcrumb[b-8tbuucqx6c] {
    font-weight: 600;
}

.username[b-8tbuucqx6c] {
    font-weight: 700;
}

/* ==========================
   CONTENT
========================== */

.teste[b-8tbuucqx6c] {
    padding: 40px;
}

.page-header[b-8tbuucqx6c] {
    margin-bottom: 28px;
}

.page-title[b-8tbuucqx6c] {
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -.05em;
}

/* ==========================
   BOTÃO NOVO
========================== */

button.btn-novo[b-8tbuucqx6c] {
    background: linear-gradient( 135deg, #3b82f6, #2563eb ) !important;
    border-radius: 14px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 12px 24px rgba(37,99,235,.25);
    transition: all .25s ease !important;
}

    button.btn-novo:hover[b-8tbuucqx6c] {
        background: linear-gradient( 135deg, #2563eb, #1d4ed8 ) !important;
        transform: translateY(-2px);
        box-shadow: 0 18px 34px rgba(37,99,235,.30);
    }

    button.btn-novo:active[b-8tbuucqx6c] {
        transform: scale(.98);
    }

/* ==========================
   TABLE CARD
========================== */

.table-wrapper[b-8tbuucqx6c] {
    background: #fff;
    border-radius: 24px;
    border: 1px solid rgba(226,232,240,.7);
    overflow: hidden;
    box-shadow: var(--shadow-md);
}

/* ==========================
   TABLE
========================== */

.data-table[b-8tbuucqx6c] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

    .data-table thead tr[b-8tbuucqx6c] {
        background: #fafcff;
    }

    .data-table th[b-8tbuucqx6c] {
        padding: 18px 20px;
        border-bottom: 1px solid #eef2f7;
        color: #64748b;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .12em;
        transition: all .2s ease;
    }

        .data-table th:hover[b-8tbuucqx6c] {
            color: var(--blue);
        }

    .data-table td[b-8tbuucqx6c] {
        padding: 18px 20px;
        border-bottom: 1px solid #f1f5f9;
    }

    .data-table tbody tr[b-8tbuucqx6c] {
        transition: all .2s ease;
    }

        .data-table tbody tr:hover[b-8tbuucqx6c] {
            background: #f8fbff;
        }

            .data-table tbody tr:hover td[b-8tbuucqx6c] {
                color: #0f172a;
            }

        .data-table tbody tr:last-child td[b-8tbuucqx6c] {
            border-bottom: none;
        }

    /* ==========================
   SETAS DE ORDENAÇÃO
========================== */

    .data-table th[b-8tbuucqx6c] {
        cursor: pointer;
        user-select: none;
    }

/* ==========================
   CNPJ
========================== */

.cnpj[b-8tbuucqx6c] {
    font-family: "JetBrains Mono", monospace;
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
}

/* ==========================
   STATUS
========================== */

.status[b-8tbuucqx6c] {
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}

.status--ok[b-8tbuucqx6c] {
    background: rgba(34,197,94,.12);
    color: #15803d;
}

.status--pendente[b-8tbuucqx6c] {
    background: rgba(245,158,11,.12);
    color: #b45309;
}

.status--inativo[b-8tbuucqx6c] {
    background: rgba(100,116,139,.10);
    color: #64748b;
}

/* ==========================
   ACTION BUTTONS
========================== */

.action-group[b-8tbuucqx6c] {
    gap: 8px;
}

.btn-action[b-8tbuucqx6c] {
    border-radius: 12px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 600;
    transition: all .2s ease;
}

    .btn-action:hover[b-8tbuucqx6c] {
        transform: translateY(-2px);
    }

.btn-edit[b-8tbuucqx6c] {
    background: #eff6ff;
    color: var(--blue);
    border: 1px solid #dbeafe;
}

    .btn-edit:hover[b-8tbuucqx6c] {
        background: #dbeafe;
    }

.btn-conta[b-8tbuucqx6c] {
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #dcfce7;
}

    .btn-conta:hover[b-8tbuucqx6c] {
        background: #dcfce7;
    }

/* ==========================
   MODAL
========================== */

.modal-overlay[b-8tbuucqx6c] {
    background: rgba(15,23,42,.45);
    backdrop-filter: blur(10px);
}

.modal[b-8tbuucqx6c] {
    background: rgba(255,255,255,.95);
    backdrop-filter: blur(20px);
    border-radius: 28px;
    box-shadow: 0 30px 80px rgba(15,23,42,.20);
}

.modal-header[b-8tbuucqx6c] {
    padding: 24px 30px;
}

.modal-title[b-8tbuucqx6c] {
    font-size: 20px;
    font-weight: 800;
}

.modal-body[b-8tbuucqx6c] {
    padding: 28px 30px;
}

.form-label[b-8tbuucqx6c] {
    font-size: 11px;
    font-weight: 700;
}

.form-input[b-8tbuucqx6c] {
    border-radius: 14px;
    padding: 12px 14px;
}

    .form-input:focus[b-8tbuucqx6c] {
        border-color: var(--blue);
        box-shadow: 0 0 0 5px rgba(37,99,235,.12);
    }

.modal-footer[b-8tbuucqx6c] {
    padding: 22px 30px;
}

.btn-cancel[b-8tbuucqx6c] {
    border-radius: 14px;
}

.btn-save[b-8tbuucqx6c] {
    border-radius: 14px;
    background: linear-gradient( 135deg, #3b82f6, #2563eb );
    box-shadow: 0 10px 24px rgba(37,99,235,.25);
}

    .btn-save:hover[b-8tbuucqx6c] {
        transform: translateY(-2px);
    }

/* ==========================
   RESPONSIVO
========================== */

@media (max-width: 900px) {

    .teste[b-8tbuucqx6c] {
        padding: 20px;
    }

    .page-title[b-8tbuucqx6c] {
        font-size: 26px;
    }

    .table-wrapper[b-8tbuucqx6c] {
        overflow-x: auto;
    }

    .data-table[b-8tbuucqx6c] {
        min-width: 800px;
    }
}

.col-action[b-8tbuucqx6c]{width:300px}.btn-aplicacoes[b-8tbuucqx6c]{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.btn-aplicacoes:hover[b-8tbuucqx6c]{background:#ede9fe;color:#6d28d9}

/* /Components/Pages/Admin/AdminUsuarios.razor.rz.scp.css */
/* ── Reset & root tokens (espelha o Home.razor.css) ── */
*[b-vgw5couy6q] {
    box-sizing: border-box;
}

:root[b-vgw5couy6q] {
    --bg: #f1f4f8;
    --surface: #ffffff;
    --blue: #1d84f2;
    --blue-dark: #1565c0;
    --blue-soft: #ebf3fe;
    --border: #e5e7eb;
    --text: #111827;
    --muted: #6b7280;
    --green: #16a34a;
    --green-soft: #dcfce7;
    --amber: #b45309;
    --amber-soft: #fef3c7;
    --red: #dc2626;
    --red-soft: #fee2e2;
}

/* ── Shell ── */
.app-shell[b-vgw5couy6q] {
    min-height: 100vh;
    display: flex;
    background: var(--bg);
    font-family: 'Inter', system-ui, sans-serif;
}

/* ── Sidebar ── */
.sidebar[b-vgw5couy6q] {
    width: 260px;
    background: #f1f4f8;
    border-right: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 25px rgba(0,0,0,.03);
}

.sidebar-logo[b-vgw5couy6q] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 22px 20px;
    border-bottom: 1px solid var(--border);
    color: #1d84f2;
    background-color: #f1f4f8;
}

.logo-text[b-vgw5couy6q] {
    font-size: 18px;
    color: var(--blue);
    font-weight: 500;
}

.sidebar-logo[b-vgw5couy6q] {
    background-color: #1d84f2;
    width: 100%;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.sidebar-logo-img[b-vgw5couy6q] {
    max-width: 80%;
    height: auto;
    display: block;
}

.sidebar-nav[b-vgw5couy6q] {
    flex: 1;
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background-color: #f1f4f8;
}

.nav-section-label[b-vgw5couy6q] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--muted);
    padding: 10px 12px 4px;
}

.nav-divider[b-vgw5couy6q] {
    height: 1px;
    background: var(--border);
    margin: 8px 0;
}

.nav-item[b-vgw5couy6q] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 0;
    background: transparent;
    color: #374151;
    border-radius: 10px;
    padding: 11px 12px;
    text-align: left;
    font: inherit;
    cursor: pointer;
    transition: background .15s, color .15s, transform .1s;
}

    .nav-item:hover[b-vgw5couy6q],
    .nav-item.active[b-vgw5couy6q] {
        background: var(--blue-soft);
        color: var(--blue);
    }

    .nav-item:hover[b-vgw5couy6q] {
        transform: translateY(-1px);
    }

.sidebar-footer[b-vgw5couy6q] {
    padding: 12px;
    border-top: 1px solid var(--border);
}

.nav-item--logout:hover[b-vgw5couy6q] {
    background: #eff6ff;
    color: var(--blue-dark);
}

/* ── Main area ── */
.main-area[b-vgw5couy6q] {
    flex: 1;
    min-width: 0;
    background: var(--bg);
}

/* ── Topbar ── */
.topbar[b-vgw5couy6q] {
    height: 72px;
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 32px;
}

.topbar-left[b-vgw5couy6q], .topbar-right[b-vgw5couy6q], .page-title-row[b-vgw5couy6q] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.breadcrumb[b-vgw5couy6q] {
    color: var(--muted);
    font-size: 13px;
    font-weight: 500;
}

.greeting[b-vgw5couy6q] {
    color: var(--muted);
    font-weight: 600;
    font-size: 13px;
}

.username[b-vgw5couy6q] {
    color: var(--text);
    font-weight: 600;
}

.user-avatar[b-vgw5couy6q] {
    font-size: 20px;
}

/* ── Content ── */
.teste[b-vgw5couy6q] {
    padding: 32px;
}

.page-header[b-vgw5couy6q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.page-icon[b-vgw5couy6q] {
    color: var(--blue);
    font-size: 20px;
}

.page-title[b-vgw5couy6q] {
    font-size: 20px;
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

/* ── Botão Novo ── */
button.btn-novo[b-vgw5couy6q] {
    background: #1d84f2 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px;
    padding: 9px 18px;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
}

    button.btn-novo:hover[b-vgw5couy6q] {
        background: #1565c0 !important;
        transform: translateY(-1px);
    }

/* ── Table wrapper ── */
.table-wrapper[b-vgw5couy6q] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(17,24,39,.06);
}

.table-toolbar[b-vgw5couy6q] {
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
    background: #f8fafc;
}

.search-input[b-vgw5couy6q] {
    width: 100%;
    max-width: 380px;
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 8px 14px;
    font: inherit;
    font-size: 13px;
    color: var(--text);
    outline: none;
    background: #fff;
    transition: border-color .15s, box-shadow .15s;
}

    .search-input:focus[b-vgw5couy6q] {
        border-color: var(--blue);
        box-shadow: 0 0 0 4px rgba(29,132,242,.12);
    }

/* ── Table ── */
.data-table[b-vgw5couy6q] {
    width: 100%;
    border-collapse: collapse;
}

    .data-table thead tr[b-vgw5couy6q] {
        background: #f8fafc;
    }

    .data-table th[b-vgw5couy6q],
    .data-table td[b-vgw5couy6q] {
        padding: 14px 18px;
        text-align: left;
        border-bottom: 1px solid var(--border);
        font-size: 13.5px;
    }

    .data-table th[b-vgw5couy6q] {
        color: var(--muted);
        font-size: 11.5px;
        text-transform: uppercase;
        letter-spacing: .07em;
    }

    .data-table tbody tr:hover[b-vgw5couy6q] {
        background: #f8fafc;
    }

    .data-table tbody tr:last-child td[b-vgw5couy6q] {
        border-bottom: none;
    }

.col-seq[b-vgw5couy6q] {
    width: 56px;
    text-align: center;
    color: var(--muted);
}

.col-action[b-vgw5couy6q] {
    text-align: center;
    width: 180px;
}

.cnpj[b-vgw5couy6q] {
    font-family: 'JetBrains Mono', 'Fira Mono', monospace;
    font-size: 12.5px;
    letter-spacing: .03em;
    color: var(--muted);
}

.empty-row[b-vgw5couy6q] {
    text-align: center;
    color: var(--muted);
    padding: 40px 0 !important;
    font-size: 13px;
}

/* ── Status badges ── */
.status[b-vgw5couy6q] {
    display: inline-block;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 11.5px;
    font-weight: 600;
}

.status--ok[b-vgw5couy6q] {
    background: var(--green-soft);
    color: var(--green);
}

.status--pendente[b-vgw5couy6q] {
    background: var(--amber-soft);
    color: var(--amber);
}

.status--inativo[b-vgw5couy6q] {
    background: #f3f4f6;
    color: var(--muted);
}

/* ── Action buttons ── */
.action-group[b-vgw5couy6q] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.btn-action[b-vgw5couy6q] {
    border-radius: 8px;
    padding: 5px 11px;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: background .15s, color .15s, border-color .15s, transform .1s;
}

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

.btn-edit[b-vgw5couy6q] {
    border: 1px solid #cfe0f7;
    background: #eff6ff;
    color: var(--blue);
}

    .btn-edit:hover[b-vgw5couy6q] {
        background: #dbeafe;
        color: var(--blue-dark);
        border-color: #bcd7fa;
    }

.btn-conta[b-vgw5couy6q] {
    border: 1px solid #d1fae5;
    background: #f0fdf4;
    color: var(--green);
}

    .btn-conta:hover[b-vgw5couy6q] {
        background: var(--green-soft);
        color: #15803d;
        border-color: #bbf7d0;
    }

/* ── Modal ── */
.modal-overlay[b-vgw5couy6q] {
    position: fixed;
    inset: 0;
    background: rgba(17,24,39,.35);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}

.modal[b-vgw5couy6q] {
    background: var(--surface);
    border-radius: 20px;
    width: 100%;
    max-width: 520px;
    box-shadow: 0 24px 48px rgba(17,24,39,.18);
    overflow: hidden;
}

.modal-header[b-vgw5couy6q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 28px 18px;
    border-bottom: 1px solid var(--border);
}

.modal-title[b-vgw5couy6q] {
    font-size: 17px;
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

.modal-close[b-vgw5couy6q] {
    background: none;
    border: none;
    color: var(--muted);
    font-size: 18px;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    transition: color .15s;
}

    .modal-close:hover[b-vgw5couy6q] {
        color: var(--text);
    }

.modal-body[b-vgw5couy6q] {
    padding: 24px 28px;
}

.form-grid[b-vgw5couy6q] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.form-group[b-vgw5couy6q] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-group--full[b-vgw5couy6q] {
    grid-column: 1 / -1;
}

.form-label[b-vgw5couy6q] {
    font-size: 12px;
    font-weight: 600;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.form-input[b-vgw5couy6q] {
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 9px 14px;
    font: inherit;
    font-size: 13.5px;
    color: var(--text);
    outline: none;
    transition: border-color .15s, box-shadow .15s;
}

    .form-input:focus[b-vgw5couy6q] {
        border-color: var(--blue);
        box-shadow: 0 0 0 4px rgba(29,132,242,.12);
    }

.modal-footer[b-vgw5couy6q] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 18px 28px 22px;
    border-top: 1px solid var(--border);
}

.btn-cancel[b-vgw5couy6q] {
    background: #f3f4f6;
    border: 1px solid var(--border);
    color: var(--muted);
    border-radius: 10px;
    padding: 9px 20px;
    font: inherit;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
}

    .btn-cancel:hover[b-vgw5couy6q] {
        background: #e5e7eb;
    }

.btn-save[b-vgw5couy6q] {
    background: var(--blue);
    border: none;
    color: #fff;
    border-radius: 10px;
    padding: 9px 24px;
    font: inherit;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, transform .1s;
}

    .btn-save:hover[b-vgw5couy6q] {
        background: var(--blue-dark);
        transform: translateY(-1px);
    }

/* ── Responsive ── */
@media (max-width: 900px) {
    .app-shell[b-vgw5couy6q] {
        flex-direction: column;
    }

    .sidebar[b-vgw5couy6q] {
        width: 100%;
    }

    .content[b-vgw5couy6q] {
        padding: 18px;
    }

    .topbar[b-vgw5couy6q] {
        padding: 0 18px;
    }

    .data-table[b-vgw5couy6q] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .form-grid[b-vgw5couy6q] {
        grid-template-columns: 1fr;
    }
}


/* /Components/Pages/Authentication/Login.razor.rz.scp.css */
.page[b-124ss4zjhs] {

    width: 100%;
    height: 100vh;

    background-color: #f3f4f6;

    display: flex;

    justify-content: center;
    align-items: center;
}

.login-card[b-124ss4zjhs] {
    width: 450px;
    background-color: white;
    padding: 0;
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
}

.logo[b-124ss4zjhs] {
    width: 100%;
    background-color: #1d84f2;
    padding: 30px 0;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

    .logo img[b-124ss4zjhs] {
        max-width: 80%;
        height: auto;
        display: block;
    }

.login-body[b-124ss4zjhs] {
    padding: 0 50px 50px 50px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.login-card h2[b-124ss4zjhs] {

    text-align: center;

    font-size: 32px;

    color: #111827;
}

.subtitle[b-124ss4zjhs] {

    text-align: center;

    color: #6b7280;

    margin-bottom: 10px;
}

.login-card input[b-124ss4zjhs] {

    height: 55px;

    border-radius: 12px;

    border: 1px solid #d1d5db;

    padding: 0 18px;

    font-size: 16px;

    outline: none;

    transition: 0.2s;
}

.login-card input:focus[b-124ss4zjhs] {

    border-color: #1d84f2;

    box-shadow:
        0 0 0 4px rgba(29,132,242,0.15);
}

.password-field[b-124ss4zjhs] {
    position: relative;
    width: 100%;
}

.password-field input[b-124ss4zjhs] {
    width: 100%;
    padding-right: 58px;
}

.login-card .password-toggle[b-124ss4zjhs] {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 42px;
    height: 42px;
    padding: 0;
    transform: translateY(-50%);
    border: none;
    border-radius: 9px;
    background: transparent;
    color: #6b7280;
    display: grid;
    place-items: center;
}

.login-card .password-toggle:hover[b-124ss4zjhs] {
    background: #eff6ff;
    color: #1d84f2;
}

.login-card .password-toggle:focus-visible[b-124ss4zjhs] {
    outline: 3px solid rgba(29, 132, 242, .25);
}

.password-toggle svg[b-124ss4zjhs] {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.login-card button[b-124ss4zjhs] {

    height: 55px;

    border: none;

    border-radius: 12px;

    background-color: #1d84f2;

    color: white;

    font-size: 18px;

    font-weight: bold;

    cursor: pointer;

    transition: 0.2s;
}

.login-card button:hover[b-124ss4zjhs] {

    background-color: #1565c0;
}

.forgot[b-124ss4zjhs] {

    text-align: center;

    color: #6b7280;

    cursor: pointer;
}

.register[b-124ss4zjhs] {

    text-align: center;

    color: #374151;
}

.register a[b-124ss4zjhs] {

    color: #2563eb;

    text-decoration: none;

    font-weight: bold;
}
/* /Components/Pages/Authentication/LoginAdmin.razor.rz.scp.css */
.page[b-vsljwlw34i] {

    width: 100%;
    height: 100vh;

    background-color: #f3f4f6;

    display: flex;

    justify-content: center;
    align-items: center;
}

.login-card[b-vsljwlw34i] {
    width: 450px;
    background-color: white;
    padding: 0;
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
}

.logo[b-vsljwlw34i] {
    width: 100%;
    background-color: #1d84f2;
    padding: 30px 0;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

    .logo img[b-vsljwlw34i] {
        max-width: 80%;
        height: auto;
        display: block;
    }

.login-body[b-vsljwlw34i] {
    padding: 0 50px 50px 50px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}



.login-card h2[b-vsljwlw34i] {

    text-align: center;

    font-size: 32px;

    color: #111827;
}

.subtitle[b-vsljwlw34i] {

    text-align: center;

    color: #6b7280;

    margin-bottom: 10px;
}

.login-card input[b-vsljwlw34i] {

    height: 55px;

    border-radius: 12px;

    border: 1px solid #d1d5db;

    padding: 0 18px;

    font-size: 16px;

    outline: none;

    transition: 0.2s;
}

.login-card input:focus[b-vsljwlw34i] {

    border-color: #1d84f2;

    box-shadow:
        0 0 0 4px rgba(29,132,242,0.15);
}

.password-field[b-vsljwlw34i] {
    position: relative;
    width: 100%;
}

.password-field input[b-vsljwlw34i] {
    width: 100%;
    padding-right: 58px;
}

.login-card .password-toggle[b-vsljwlw34i] {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 42px;
    height: 42px;
    padding: 0;
    transform: translateY(-50%);
    border: none;
    border-radius: 9px;
    background: transparent;
    color: #6b7280;
    display: grid;
    place-items: center;
}

.login-card .password-toggle:hover[b-vsljwlw34i] {
    background: #eff6ff;
    color: #1d84f2;
}

.login-card .password-toggle:focus-visible[b-vsljwlw34i] {
    outline: 3px solid rgba(29, 132, 242, .25);
}

.password-toggle svg[b-vsljwlw34i] {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.login-card button[b-vsljwlw34i] {

    height: 55px;

    border: none;

    border-radius: 12px;

    background-color: #1d84f2;

    color: white;

    font-size: 18px;

    font-weight: bold;

    cursor: pointer;

    transition: 0.2s;
}

.login-card button:hover[b-vsljwlw34i] {

    background-color: #1565c0;
}

.forgot[b-vsljwlw34i] {

    text-align: center;

    color: #6b7280;

    cursor: pointer;
}

.register[b-vsljwlw34i] {

    text-align: center;

    color: #374151;
}

.register a[b-vsljwlw34i] {

    color: #2563eb;

    text-decoration: none;

    font-weight: bold;
}
/* /Components/Pages/Authentication/PrimeiroAcesso.razor.rz.scp.css */
.page[b-4plr9xu6ti] {
    width: 100%;
    min-height: 100vh;
    padding: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f3f4f6;
}

.login-card[b-4plr9xu6ti] {
    width: min(450px, 100%);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}

.logo[b-4plr9xu6ti] {
    width: 100%;
    min-height: 168px;
    margin: 0;
    padding: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: #1d84f2;
}

.logo img[b-4plr9xu6ti] {
    max-width: 80%;
    height: auto;
    display: block;
}

.login-body[b-4plr9xu6ti] {
    padding: 0 50px 50px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

h2[b-4plr9xu6ti] {
    margin: 0;
    color: #111827;
    font-size: 32px;
    text-align: center;
}

.subtitle[b-4plr9xu6ti] {
    margin: 0 0 10px;
    color: #6b7280;
    text-align: center;
}

.alert[b-4plr9xu6ti] {
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 600;
}

.alert-danger[b-4plr9xu6ti] {
    border: 1px solid #fecaca;
    color: #dc2626;
    background: #fef2f2;
}

.alert-success[b-4plr9xu6ti] {
    border: 1px solid #a7f3d0;
    color: #059669;
    background: #ecfdf5;
}

input[b-4plr9xu6ti] {
    width: 100%;
    height: 55px;
    padding: 0 18px;
    border: 1px solid #d1d5db;
    border-radius: 12px;
    color: #111827;
    background: #fff;
    font-size: 16px;
    outline: none;
    transition: .2s;
}

input:focus[b-4plr9xu6ti] {
    border-color: #1d84f2;
    box-shadow: 0 0 0 4px rgba(29, 132, 242, .15);
}

.password-field[b-4plr9xu6ti] {
    position: relative;
    width: 100%;
}

.password-field input[b-4plr9xu6ti] {
    padding-right: 55px;
}

.password-toggle[b-4plr9xu6ti] {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 42px;
    height: 42px;
    padding: 0;
    display: grid;
    place-items: center;
    transform: translateY(-50%);
    border: 0;
    border-radius: 9px;
    color: #64748b;
    background: transparent;
    box-shadow: none;
    font-size: 22px;
    line-height: 1;
}

.password-toggle:hover[b-4plr9xu6ti] {
    color: #1d84f2;
    background: #eff6ff;
}

.password-toggle:focus-visible[b-4plr9xu6ti] {
    outline: 2px solid #1d84f2;
    outline-offset: 1px;
}

button[b-4plr9xu6ti] {
    width: 100%;
    height: 55px;
    border: none;
    border-radius: 12px;
    color: #fff;
    background-color: #1d84f2;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    transition: .2s;
}

button:hover[b-4plr9xu6ti] {
    background-color: #1565c0;
}

button:disabled[b-4plr9xu6ti] {
    opacity: .6;
    cursor: not-allowed;
}

@media (max-width: 500px) {
    .page[b-4plr9xu6ti] {
        padding: 16px;
    }

    .logo[b-4plr9xu6ti] {
        min-height: 140px;
        padding: 24px 0;
    }

    .login-body[b-4plr9xu6ti] {
        padding: 0 24px 32px;
    }

    h2[b-4plr9xu6ti] {
        font-size: 27px;
    }
}
/* /Components/Pages/ChecklistConfigurar.razor.rz.scp.css */
.config-page-shell[b-n6cgpdm1fs]{min-height:100vh;background:#eef3f9;display:flex}.config-page-main[b-n6cgpdm1fs]{flex:1;min-width:0;padding:30px 34px}.config-page-header[b-n6cgpdm1fs]{position:relative;min-height:62px;display:flex;align-items:center;gap:14px;margin-bottom:22px}.config-page-heading>span[b-n6cgpdm1fs]{color:#1d6ee8;font-size:12px;font-weight:800;letter-spacing:.08em}.config-page-header h1[b-n6cgpdm1fs]{margin:3px 0;font-size:28px;color:#172033}.config-page-header p[b-n6cgpdm1fs]{margin:0;color:#64748b}.config-page-brand[b-n6cgpdm1fs]{position:absolute;left:50%;top:50%;width:230px;display:flex;flex-direction:column;align-items:center;gap:4px;transform:translate(-50%,-50%);color:#193b68;text-align:center}.config-page-brand img[b-n6cgpdm1fs]{max-width:120px;max-height:52px;object-fit:contain}.config-page-brand strong[b-n6cgpdm1fs]{max-width:230px;overflow:hidden;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.back-button[b-n6cgpdm1fs]{width:38px;height:38px;border:1px solid #d6e0ec;border-radius:9px;background:#fff;font-size:23px;cursor:pointer}.check-config[b-n6cgpdm1fs]{background:#f7faff;border:1px solid #d7e3f2;border-radius:14px;padding:18px}.config-tools[b-n6cgpdm1fs]{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto;gap:10px;margin-bottom:14px}.config-tools input[b-n6cgpdm1fs],.config-tools select[b-n6cgpdm1fs]{height:42px;border:1px solid #cbd8e8;border-radius:8px;background:#fff;padding:0 12px}.config-tools button[b-n6cgpdm1fs]{border:0;border-radius:8px;background:#1677e8;color:#fff;font-weight:700;padding:0 18px;cursor:pointer}.config-tools button:disabled[b-n6cgpdm1fs]{opacity:.65}.config-list[b-n6cgpdm1fs]{max-height:calc(100vh - 210px);overflow:auto;background:#fff;border:1px solid #dbe4ef;border-radius:8px}.question-row[b-n6cgpdm1fs]{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;border-bottom:1px solid #e8eef5;cursor:pointer}.question-row:hover[b-n6cgpdm1fs]{background:#f8fbff}.question-row input[b-n6cgpdm1fs]{margin-top:4px}.question-row b[b-n6cgpdm1fs],.question-row strong[b-n6cgpdm1fs],.question-row small[b-n6cgpdm1fs]{display:block}.question-row b[b-n6cgpdm1fs]{font-size:12px;color:#1d6ee8}.question-row strong[b-n6cgpdm1fs]{margin:4px 0;color:#172033}.question-row small[b-n6cgpdm1fs]{color:#64748b}.message[b-n6cgpdm1fs],.loading[b-n6cgpdm1fs]{padding:14px;border-radius:8px;background:#fff;border:1px solid #dbe4ef;margin-bottom:12px}.message[b-n6cgpdm1fs]{color:#166534;background:#f0fdf4;border-color:#bbf7d0}@media(max-width:800px){.config-page-main[b-n6cgpdm1fs]{padding:20px}.config-tools[b-n6cgpdm1fs]{grid-template-columns:1fr}.config-tools button[b-n6cgpdm1fs]{height:42px}}.config-page-header[b-n6cgpdm1fs]{justify-content:flex-start}.add-question-button[b-n6cgpdm1fs]{margin-left:auto;border:0;border-radius:8px;background:#1677e8;color:#fff;font-weight:700;padding:12px 17px;cursor:pointer}.new-question-card[b-n6cgpdm1fs]{background:#fff;border:1px solid #d7e3f2;border-radius:14px;padding:18px;margin-bottom:16px}.new-question-card h2[b-n6cgpdm1fs]{font-size:18px;margin:0 0 14px}.new-question-grid[b-n6cgpdm1fs]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.new-question-grid label span[b-n6cgpdm1fs]{display:block;font-size:12px;font-weight:700;color:#52627a;margin-bottom:5px}.new-question-grid input[b-n6cgpdm1fs],.new-question-grid select[b-n6cgpdm1fs],.new-question-grid textarea[b-n6cgpdm1fs]{width:100%;box-sizing:border-box;border:1px solid #cbd8e8;border-radius:8px;padding:10px;background:#fff}.new-question-grid textarea[b-n6cgpdm1fs]{min-height:86px;resize:vertical}.new-question-grid .full[b-n6cgpdm1fs]{grid-column:1/-1}.new-question-actions[b-n6cgpdm1fs]{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.new-question-actions button[b-n6cgpdm1fs]{border:0;border-radius:8px;background:#1677e8;color:#fff;font-weight:700;padding:10px 15px;cursor:pointer}.new-question-actions .cancel[b-n6cgpdm1fs]{background:#e8eef6;color:#334155}@media(max-width:800px){.config-page-header[b-n6cgpdm1fs]{flex-wrap:wrap}.config-page-brand[b-n6cgpdm1fs]{position:static;order:4;width:100%;transform:none}.add-question-button[b-n6cgpdm1fs]{margin-left:auto}.new-question-grid[b-n6cgpdm1fs]{grid-template-columns:1fr}}

.config-page-brand strong[b-n6cgpdm1fs]{font-size:16px;font-weight:700;line-height:1.3}
.config-page-brand[b-n6cgpdm1fs]{width:210px;gap:4px}
.config-page-brand img[b-n6cgpdm1fs]{max-width:112px;max-height:52px;object-fit:contain}
.config-page-brand strong[b-n6cgpdm1fs]{max-width:210px;color:#2563eb;text-align:center}

/* No celular a barra de navegação ocupa uma linha própria. */
@media (max-width:820px){
  .config-page-shell[b-n6cgpdm1fs]{display:block;min-width:0;overflow-x:hidden}
  .config-page-main[b-n6cgpdm1fs]{width:100%;min-width:0}
}

/* Não corta a razão social exibida abaixo da logo. */
.config-page-brand[b-n6cgpdm1fs]{width:min(100%,360px)}
.config-page-brand strong[b-n6cgpdm1fs]{max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}

/* Cabeçalho adaptado também para telas cujo espaço útil é reduzido pela barra lateral. */
@media(max-width:1200px){
  .config-page-header[b-n6cgpdm1fs]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:0}
  .config-page-heading[b-n6cgpdm1fs]{min-width:0}
  .config-page-brand[b-n6cgpdm1fs]{position:static;grid-column:1/-1;grid-row:2;justify-self:center;transform:none;width:min(100%,260px);margin:0}
  .add-question-button[b-n6cgpdm1fs]{margin-left:0;white-space:nowrap}
}
@media(max-width:700px){
  .config-page-main[b-n6cgpdm1fs]{padding:16px 12px}
  .config-page-header[b-n6cgpdm1fs]{grid-template-columns:auto minmax(0,1fr)}
  .add-question-button[b-n6cgpdm1fs]{grid-column:1/-1;grid-row:3;width:100%}
  .config-page-brand[b-n6cgpdm1fs]{grid-row:2}
  .config-page-heading h1[b-n6cgpdm1fs]{font-size:24px}
  .config-page-heading p[b-n6cgpdm1fs]{font-size:14px}
  .checklist-question-card[b-n6cgpdm1fs]{grid-template-columns:1fr}
  .checklist-question-toggle[b-n6cgpdm1fs]{border-right:0;border-bottom:1px solid #e2e8f0}
  .checklist-question-details[b-n6cgpdm1fs]{grid-template-columns:1fr}
}
/* Cartões no mesmo padrão visual da página regulatória */
.config-list[b-n6cgpdm1fs]{display:flex;flex-direction:column;gap:10px;padding:10px;background:transparent;border:0;border-radius:0}
.checklist-question-card[b-n6cgpdm1fs]{display:grid;grid-template-columns:150px minmax(0,1fr);background:#fff;border:1px solid #d8e2ee;border-left:4px solid #ef4444;border-radius:12px;overflow:hidden;transition:.18s ease;min-height:138px;height:auto!important;visibility:visible!important}
.checklist-question-card:hover[b-n6cgpdm1fs]{box-shadow:0 5px 18px rgba(23,32,51,.08);transform:translateY(-1px)}
.checklist-question-card.checklist-question-off[b-n6cgpdm1fs]{border-left-color:#94a3b8;opacity:.68}
.checklist-question-toggle[b-n6cgpdm1fs]{display:flex!important;min-height:136px;align-items:flex-start;gap:8px;padding:18px 14px;background:#f8fafc;border-right:1px solid #e2e8f0;color:#334155;font-size:12px;font-weight:700;cursor:pointer}
.checklist-question-toggle input[b-n6cgpdm1fs]{margin-top:2px;accent-color:#1677e8}
.checklist-question-body[b-n6cgpdm1fs]{display:block!important;min-height:136px;visibility:visible!important;padding:16px 18px}
.checklist-question-title[b-n6cgpdm1fs]{display:flex;align-items:flex-start;gap:10px}
.checklist-question-title h2[b-n6cgpdm1fs]{margin:1px 0 0;font-size:16px;line-height:1.35;color:#172033}
.checklist-question-code[b-n6cgpdm1fs]{flex:none;padding:4px 7px;border-radius:5px;background:#e8f1ff;color:#1165df;font-size:12px;font-weight:800}
.checklist-question-criterion[b-n6cgpdm1fs]{margin:8px 0 14px;color:#64748b;line-height:1.45}
.checklist-question-details[b-n6cgpdm1fs]{display:grid;grid-template-columns:minmax(180px,max-content) minmax(90px,max-content);align-items:start;column-gap:34px;row-gap:10px}
.checklist-question-details div[b-n6cgpdm1fs]{display:flex;flex-direction:column;gap:5px}
.checklist-question-details span[b-n6cgpdm1fs]{font-size:10px;font-weight:800;color:#475569;letter-spacing:.04em}
.checklist-question-details strong[b-n6cgpdm1fs]{font-size:12px;color:#172033}
.criticality[b-n6cgpdm1fs]{display:inline!important;width:auto;padding:0;border:0;border-radius:0;background:transparent!important}
.criticality.critical[b-n6cgpdm1fs]{color:#dc2626}.criticality.high[b-n6cgpdm1fs]{color:#c2410c}.criticality.medium[b-n6cgpdm1fs]{color:#a16207}.criticality.low[b-n6cgpdm1fs]{color:#15803d}
.new-question-grid select[b-n6cgpdm1fs]{height:42px;cursor:pointer}
@media(max-width:800px){.checklist-question-card[b-n6cgpdm1fs]{grid-template-columns:1fr}.checklist-question-toggle[b-n6cgpdm1fs]{min-height:auto;padding:12px 14px;border-right:0;border-bottom:1px solid #e2e8f0}.checklist-question-body[b-n6cgpdm1fs]{padding:14px}.checklist-question-details[b-n6cgpdm1fs]{grid-template-columns:minmax(0,1fr) minmax(90px,.55fr);column-gap:18px}}.config-tools[b-n6cgpdm1fs]{grid-template-columns:minmax(250px,1fr) repeat(4,minmax(145px,180px)) auto}.config-tools select[b-n6cgpdm1fs]{min-width:0}@media(max-width:1250px){.config-tools[b-n6cgpdm1fs]{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(160px,1fr)) auto}}
/* Barra de configuração: posto em destaque e demais controles alinhados na segunda linha. */
.config-tools[b-n6cgpdm1fs]{display:grid;grid-template-columns:minmax(280px,2fr) repeat(3,minmax(170px,1fr)) minmax(190px,1fr);gap:10px;align-items:stretch}
.config-tools>select:first-child[b-n6cgpdm1fs]{grid-column:1/-1}
.config-tools>input[b-n6cgpdm1fs]{min-width:0}
.config-tools>select[b-n6cgpdm1fs]{width:100%;min-width:0}
.config-tools>button[b-n6cgpdm1fs]{min-height:42px;white-space:nowrap;box-shadow:0 4px 10px rgba(22,119,232,.18)}
@media(max-width:1180px){
  .config-tools[b-n6cgpdm1fs]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .config-tools>select:first-child[b-n6cgpdm1fs],.config-tools>input[b-n6cgpdm1fs]{grid-column:1/-1}
  .config-tools>button[b-n6cgpdm1fs]{grid-column:1/-1}
}
@media(max-width:620px){
  .config-page-main[b-n6cgpdm1fs]{padding:16px 12px}
  .check-config[b-n6cgpdm1fs]{padding:12px}
  .config-tools[b-n6cgpdm1fs]{grid-template-columns:1fr}
  .config-tools>select:first-child[b-n6cgpdm1fs],.config-tools>input[b-n6cgpdm1fs],.config-tools>button[b-n6cgpdm1fs]{grid-column:auto}
  .config-tools input[b-n6cgpdm1fs],.config-tools select[b-n6cgpdm1fs]{width:100%;box-sizing:border-box}
}
/* /Components/Pages/ChecklistInicio.razor.rz.scp.css */
.checklist-home-shell[b-2g5r3if53j]{min-height:100vh;background:#eef3f9;display:flex}.checklist-home-main[b-2g5r3if53j]{flex:1;padding:34px 42px}.checklist-home-header[b-2g5r3if53j]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.checklist-home-header span[b-2g5r3if53j]{color:#2563eb;font-size:12px;font-weight:800;letter-spacing:.08em}.checklist-home-header h1[b-2g5r3if53j]{margin:5px 0;font-size:30px}.checklist-home-header p[b-2g5r3if53j]{margin:0;color:#61708a}.checklist-home-user[b-2g5r3if53j]{background:#fff;border-radius:12px;padding:12px 16px;text-align:right}.checklist-home-user small[b-2g5r3if53j]{display:block;color:#77839a}.checklist-home-summary[b-2g5r3if53j]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.checklist-home-summary article[b-2g5r3if53j],.orgao-card[b-2g5r3if53j]{background:#fff;border:1px solid #dce5f1;border-radius:15px}.checklist-home-summary article[b-2g5r3if53j]{padding:22px}.checklist-home-summary small[b-2g5r3if53j]{color:#64748b;display:block}.checklist-home-summary strong[b-2g5r3if53j]{font-size:23px;display:block;margin-top:8px}.checklist-home-grid[b-2g5r3if53j]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.orgao-card[b-2g5r3if53j]{text-align:left;padding:21px;display:flex;gap:15px;align-items:flex-start;cursor:pointer}.orgao-card:hover[b-2g5r3if53j]{border-color:#2563eb;box-shadow:0 8px 24px #2563eb1a}.orgao-card h2[b-2g5r3if53j]{font-size:17px;margin:5px 0}.orgao-card p[b-2g5r3if53j]{color:#64748b;font-size:13px;line-height:1.4;min-height:38px}.orgao-card small[b-2g5r3if53j]{color:#2563eb;font-weight:800}.orgao-card strong[b-2g5r3if53j]{font-size:13px}.orgao-card>b[b-2g5r3if53j]{margin-left:auto;font-size:27px;color:#2563eb}.orgao-icon[b-2g5r3if53j]{background:#e7f0ff;border-radius:12px;padding:11px;font-size:22px}@media(max-width:800px){.checklist-home-main[b-2g5r3if53j]{padding:20px}.checklist-home-summary[b-2g5r3if53j]{grid-template-columns:1fr}.checklist-home-header[b-2g5r3if53j]{display:block}.checklist-home-user[b-2g5r3if53j]{display:inline-block;margin-top:16px}}
.checklist-loading[b-2g5r3if53j]{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef3f9;color:#172033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.checklist-loading-card[b-2g5r3if53j]{width:min(100%,380px);display:flex;flex-direction:column;align-items:center;padding:34px;border:1px solid #dce5f1;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(23,32,51,.1);text-align:center}.checklist-loading-card strong[b-2g5r3if53j]{font-size:18px}.checklist-loading-card p[b-2g5r3if53j]{margin:7px 0 0;color:#64748b;font-size:13px}.checklist-loading-spinner[b-2g5r3if53j]{width:42px;height:42px;margin-bottom:18px;border:4px solid #dbeafe;border-top-color:#1677e8;border-radius:50%;animation:checklist-spin-b-2g5r3if53j .75s linear infinite}@keyframes checklist-spin-b-2g5r3if53j{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.checklist-loading-spinner[b-2g5r3if53j]{animation-duration:1.5s}}
.checklist-home-actions[b-2g5r3if53j]{display:flex;align-items:center;gap:16px}.configure-button[b-2g5r3if53j]{border:0;background:#1677e8;color:#fff;font-weight:700;padding:12px 18px;border-radius:9px;cursor:pointer}.configure-button:hover[b-2g5r3if53j]{background:#0e63c5}.checklist-home-message[b-2g5r3if53j]{padding:18px;margin-bottom:16px;border:1px solid #dce5f1;border-radius:12px;background:#fff;color:#64748b}.checklist-home-message.error[b-2g5r3if53j]{border-color:#fecaca;background:#fef2f2;color:#b91c1c}
/* Cabeçalho alinhado ao padrão da Central de Controle da Rede. */
.checklist-home-header[b-2g5r3if53j]{position:relative;min-height:78px;align-items:center;margin-bottom:20px}.checklist-home-heading h1[b-2g5r3if53j]{margin:0 0 4px;font-size:30px;letter-spacing:-.035em}.checklist-home-heading p[b-2g5r3if53j]{margin:0;color:#64748b}.checklist-home-brand[b-2g5r3if53j]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:#193b68;font-size:13px;font-weight:650}.checklist-home-brand img[b-2g5r3if53j]{max-width:112px;max-height:52px;object-fit:contain}.checklist-home-user[b-2g5r3if53j]{display:flex;align-items:center;gap:10px;padding:9px 12px}.checklist-home-user>span[b-2g5r3if53j]{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e7f0ff;color:#1677e8;font-size:12px;font-weight:800}.checklist-home-user>div[b-2g5r3if53j]{display:flex;flex-direction:column}.checklist-home-user small[b-2g5r3if53j]{order:-1;font-size:11px}.checklist-home-user strong[b-2g5r3if53j]{font-size:13px;white-space:nowrap}@media(max-width:900px){.checklist-home-header[b-2g5r3if53j]{align-items:flex-start;flex-wrap:wrap}.checklist-home-brand[b-2g5r3if53j]{position:static;order:3;transform:none;width:100%;margin-top:6px}.checklist-home-actions[b-2g5r3if53j]{margin-left:auto}}@media(max-width:620px){.checklist-home-actions[b-2g5r3if53j]{width:100%;justify-content:space-between}.configure-button[b-2g5r3if53j]{padding:10px 12px;font-size:12px}}
.focus-card[b-2g5r3if53j]{display:grid!important;align-content:center;gap:7px}.focus-card strong[b-2g5r3if53j]{margin-top:0!important;font-size:17px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focus-card select[b-2g5r3if53j]{width:100%;height:34px;border:1px solid #cbd8e8;border-radius:7px;background:#fff;padding:0 9px;color:#172033;font:inherit;font-size:12px;font-weight:650;cursor:pointer}
.checklist-map-card[b-2g5r3if53j]{margin-bottom:25px;background:#fff;border:1px solid #dce5f1;border-radius:15px;overflow:hidden}.checklist-map-heading[b-2g5r3if53j]{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px 14px}.checklist-map-heading h2[b-2g5r3if53j]{margin:0 0 4px;font-size:18px;color:#172033}.checklist-map-heading p[b-2g5r3if53j]{margin:0;color:#64748b;font-size:13px}.checklist-map-heading>strong[b-2g5r3if53j]{color:#1677e8;font-size:12px;white-space:nowrap}.checklist-map-wrap[b-2g5r3if53j]{position:relative;height:360px;border-top:1px solid #e5edf6;border-bottom:1px solid #e5edf6}.checklist-network-map[b-2g5r3if53j]{width:100%;height:100%;z-index:0}.checklist-map-empty[b-2g5r3if53j]{position:absolute;z-index:500;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 14px;border-radius:9px;background:#fff;color:#64748b;box-shadow:0 4px 20px #0f29421f;font-size:13px}.checklist-map-legend[b-2g5r3if53j]{display:flex;flex-wrap:wrap;gap:20px;padding:13px 22px;color:#64748b;font-size:12px}.checklist-map-legend span[b-2g5r3if53j]{display:flex;align-items:center;gap:7px}.checklist-map-legend i[b-2g5r3if53j]{width:9px;height:9px;border-radius:50%}.checklist-map-legend .safe[b-2g5r3if53j]{background:#15ad67}.checklist-map-legend .attention[b-2g5r3if53j]{background:#f0a313}.checklist-map-legend .critical[b-2g5r3if53j]{background:#ef4444}.checklist-map-legend .neutral[b-2g5r3if53j]{background:#6b8da8}@media(max-width:620px){.checklist-map-heading[b-2g5r3if53j]{display:block}.checklist-map-heading>strong[b-2g5r3if53j]{display:block;margin-top:9px}.checklist-map-wrap[b-2g5r3if53j]{height:300px}.checklist-map-legend[b-2g5r3if53j]{gap:10px 16px}}
[b-2g5r3if53j] .qualy-map-marker{border:0;background:transparent}[b-2g5r3if53j] .qualy-map-pin{width:20px;height:20px;display:grid;place-items:center;border:2px solid #fff;border-radius:50% 50% 50% 0;box-shadow:0 2px 6px #141f2a4d;color:#fff;font-size:10px;font-weight:900;transform:rotate(-45deg)}[b-2g5r3if53j] .qualy-map-pin span{transform:rotate(45deg)}[b-2g5r3if53j] .qualy-map-pin.safe{background:#15ad67}[b-2g5r3if53j] .qualy-map-pin.attention{background:#f0a313}[b-2g5r3if53j] .qualy-map-pin.critical{background:#ef4444}[b-2g5r3if53j] .qualy-map-pin.neutral{background:#6b8da8}[b-2g5r3if53j] .qualy-map-popup{min-width:260px;font-family:Inter,sans-serif}[b-2g5r3if53j] .qualy-map-popup strong{display:block;margin-bottom:6px;font-size:13px;line-height:1.25}[b-2g5r3if53j] .qualy-map-popup span{display:block;margin-bottom:9px;color:#697584;font-size:11px;line-height:1.35}[b-2g5r3if53j] .qualy-map-popup dl{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:0;font-size:11px}[b-2g5r3if53j] .qualy-map-popup dt{color:#697584;font-weight:500}[b-2g5r3if53j] .qualy-map-popup dd{margin:0;font-weight:800}

/* A barra móvel é um elemento irmão do conteúdo: em telas menores ela deve
   ficar acima da página, e não disputar largura com ela. */
@media (max-width:820px){
  .checklist-home-shell[b-2g5r3if53j]{display:block;min-width:0;overflow-x:hidden}
  .checklist-home-main[b-2g5r3if53j]{width:100%;min-width:0}
}

.checklist-home-user[b-2g5r3if53j]{min-height:44px}.checklist-home-user>span[b-2g5r3if53j]{flex:0 0 36px}.checklist-home-user>div[b-2g5r3if53j]{min-width:0;align-items:center}.checklist-home-user strong[b-2g5r3if53j]{max-width:220px;overflow:hidden;color:#172033;font-size:15px;font-weight:750;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}@media(max-width:620px){.checklist-home-user strong[b-2g5r3if53j]{max-width:125px}}

.checklist-home-brand>span[b-2g5r3if53j]{font-size:16px;font-weight:700;line-height:1.3;letter-spacing:0}
.checklist-home-user[b-2g5r3if53j]{flex-direction:column;justify-content:center;gap:5px;text-align:center}

/* Em larguras onde a barra lateral reduz a área útil, evita a sobreposição entre marca, ação e usuário. */
@media(max-width:1200px){
  .checklist-home-header[b-2g5r3if53j]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;min-height:0}
  .checklist-home-heading[b-2g5r3if53j]{min-width:0}
  .checklist-home-brand[b-2g5r3if53j]{position:static;grid-column:1/-1;grid-row:2;justify-self:center;transform:none;width:min(100%,260px);margin:0}
  .checklist-home-actions[b-2g5r3if53j]{grid-column:2;grid-row:1;margin:0;align-items:center}
  .checklist-home-actions .configure-button[b-2g5r3if53j]{white-space:nowrap}
}
@media(max-width:700px){
  .checklist-home-main[b-2g5r3if53j]{padding:18px 14px}
  .checklist-home-header[b-2g5r3if53j]{grid-template-columns:1fr}
  .checklist-home-actions[b-2g5r3if53j]{grid-column:1;grid-row:auto;width:100%;justify-content:space-between}
  .checklist-home-brand[b-2g5r3if53j]{grid-column:1;grid-row:auto;order:0}
  .checklist-home-summary[b-2g5r3if53j]{grid-template-columns:1fr}
  .checklist-map-wrap[b-2g5r3if53j]{height:300px}
}

/* Resumo ampliado com localização do posto, no mesmo padrão do Recebimento. */
.checklist-home-summary[b-2g5r3if53j]{grid-template-columns:.75fr .95fr 1.25fr 1.45fr 1.15fr}
.checklist-home-summary article[b-2g5r3if53j]{min-width:0}
.checklist-location-card[b-2g5r3if53j]{display:grid;align-content:center;gap:7px}
.checklist-location-card>strong[b-2g5r3if53j],.checklist-coordinates-line strong[b-2g5r3if53j]{margin-top:0!important;color:#172033;font-size:13px!important;line-height:1.35;overflow:hidden;text-overflow:ellipsis}
.checklist-location-card>strong[b-2g5r3if53j]{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.checklist-coordinates-line[b-2g5r3if53j]{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.checklist-coordinates-line a[b-2g5r3if53j]{padding:6px 8px;border-radius:7px;background:#e7f0ff;color:#1677e8;font-size:11px;font-weight:750;text-decoration:none;white-space:nowrap}
.checklist-coordinates-line a:hover[b-2g5r3if53j]{background:#dbeafe}

@media(max-width:1450px){
  .checklist-home-summary[b-2g5r3if53j]{grid-template-columns:repeat(6,1fr)}
  .checklist-home-summary article:nth-child(1)[b-2g5r3if53j],.checklist-home-summary article:nth-child(2)[b-2g5r3if53j]{grid-column:span 3}
  .checklist-home-summary article:nth-child(n+3)[b-2g5r3if53j]{grid-column:span 2}
}
@media(max-width:800px){
  .checklist-home-summary[b-2g5r3if53j]{grid-template-columns:1fr}
  .checklist-home-summary article:nth-child(n)[b-2g5r3if53j]{grid-column:auto}
}
/* /Components/Pages/ChecklistOrgao.razor.rz.scp.css */
@font-face{font-family:"imetroIcon";src:url("/fonts/imetroIcon.woff") format("woff");font-weight:normal;font-style:normal;font-display:block}
.checklist-shell[b-1u32oegt9i],.checklist-shell *[b-1u32oegt9i]{box-sizing:border-box}
.checklist-shell[b-1u32oegt9i]{--blue:#316ff4;--blue-dark:#1257dd;--surface:#fff;--page:#eef2f7;--border:#dfe5ee;--text:#111b2d;--muted:#55657b;--green:#08a94e;--red:#ef3232;--orange:#e98a00;min-height:100vh;display:flex;background:var(--page);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}
.checklist-main[b-1u32oegt9i]{min-width:0;flex:1;padding:30px 32px 48px}
.checklist-header[b-1u32oegt9i]{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:24px}
.back-button[b-1u32oegt9i]{width:44px;height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:#60738b;font-size:28px;cursor:pointer}
.back-button:hover[b-1u32oegt9i]{border-color:#a9c7ff;background:#f5f8ff}
.agency-mark[b-1u32oegt9i]{width:54px;height:54px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:var(--blue);box-shadow:0 7px 18px rgba(49,111,244,.25);color:#fff;font-size:18px;font-weight:850}
.agency-logo[b-1u32oegt9i]{width:48px;height:48px;display:block;object-fit:contain}.agency-logo.anp[b-1u32oegt9i]{border-radius:9px}.agency-inmetro[b-1u32oegt9i]{width:54px;height:54px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:"imetroIcon"!important;font-size:48px;font-style:normal;font-weight:normal;line-height:1;transform:translate(-1px,1px) scale(1.12);transform-origin:center}.agency-emoji[b-1u32oegt9i]{display:grid;place-items:center;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:30px;line-height:1}
.header-copy[b-1u32oegt9i]{min-width:0}.header-copy>span[b-1u32oegt9i]{display:block;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.header-copy h1[b-1u32oegt9i]{display:inline;margin:0 4px 0 0;font-size:22px}.header-copy p[b-1u32oegt9i]{display:inline;color:var(--muted);font-size:13px}
.checklist-network-brand[b-1u32oegt9i]{position:static;grid-column:1/-1;grid-row:2;z-index:1;justify-self:center;width:min(100%,320px);display:flex;min-width:0;flex-direction:column;align-items:center;gap:4px;text-align:center;color:#2563eb;transform:none}.checklist-network-brand img[b-1u32oegt9i]{max-width:112px;max-height:44px;object-fit:contain}.checklist-network-brand strong[b-1u32oegt9i]{max-width:100%;font-size:14px;font-weight:750;line-height:1.25;overflow-wrap:anywhere}
.header-selectors[b-1u32oegt9i]{grid-column:1/-1;grid-row:3;min-width:0;width:100%;display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px}.agency-selector[b-1u32oegt9i]{min-width:0;display:grid;gap:4px}.agency-selector>span[b-1u32oegt9i]{color:#111;font-size:11px;font-weight:800;text-transform:uppercase}.agency-selector select[b-1u32oegt9i]{width:100%;height:40px;padding:0 32px 0 11px;border:1px solid var(--border);border-radius:9px;outline:0;background:#fff;color:var(--text);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.agency-selector select:focus[b-1u32oegt9i]{border-color:var(--blue);box-shadow:0 0 0 3px rgba(49,111,244,.12)}
.header-user[b-1u32oegt9i]{grid-column:4;grid-row:1;display:flex;align-items:center;gap:10px;text-align:right}.header-user>span[b-1u32oegt9i]{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e7f0ff;color:var(--blue-dark);font-size:13px;font-weight:800}.header-user div[b-1u32oegt9i]{display:flex;flex-direction:column}.header-user small[b-1u32oegt9i]{order:-1;color:#111;font-size:11px;font-weight:800}.header-user strong[b-1u32oegt9i]{max-width:190px;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.checklist-context[b-1u32oegt9i]{display:grid;grid-template-columns:minmax(260px,1.2fr) 96px 150px minmax(310px,.8fr);align-items:center;gap:16px;margin-bottom:18px;padding:24px 26px;border:1px solid var(--border);border-radius:17px;background:var(--surface);box-shadow:0 3px 10px rgba(18,31,45,.06)}
.context-copy[b-1u32oegt9i]{display:grid;align-content:center;gap:6px}.context-copy small[b-1u32oegt9i]{width:max-content;padding:5px 10px;border-radius:999px;background:#e9efff;color:var(--blue-dark);font-size:11px;font-weight:800}.context-copy strong[b-1u32oegt9i]{font-size:20px}.context-copy>span[b-1u32oegt9i]{max-width:410px;color:var(--muted);font-size:13px;line-height:1.5}
.conformity-ring[b-1u32oegt9i]{width:102px;height:102px;display:grid;place-content:center;border-radius:50%;text-align:center;background:radial-gradient(circle at center,#fff 0 61%,transparent 62%),conic-gradient(var(--cor-conformidade,#d2dae5) var(--percentual-conformidade,0%),#d2dae5 0)}.conformity-ring strong[b-1u32oegt9i]{font-size:20px}.conformity-ring span[b-1u32oegt9i]{color:#8ea0ba;font-size:10px;font-weight:800;text-transform:uppercase}
.context-legend[b-1u32oegt9i]{display:grid;gap:8px}.context-legend span[b-1u32oegt9i]{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;color:#111;font-size:12px;font-weight:700}.context-legend i[b-1u32oegt9i]{width:7px;height:7px;border-radius:50%;background:#8ea3bd}.context-legend .conforming[b-1u32oegt9i]{background:var(--green)}.context-legend .nonconforming[b-1u32oegt9i]{background:var(--red)}.context-legend b[b-1u32oegt9i]{color:var(--text)}
.context-counters[b-1u32oegt9i]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.context-counters article[b-1u32oegt9i]{min-height:76px;display:grid;align-content:center;gap:6px;padding:12px;border-radius:10px;background:#f1f4f9}.context-counters small[b-1u32oegt9i]{color:#111;font-size:11px;font-weight:800;text-transform:uppercase}.context-counters strong[b-1u32oegt9i]{font-size:20px}.context-counters .pending strong[b-1u32oegt9i]{color:var(--orange)}.context-counters .success strong[b-1u32oegt9i]{color:var(--green)}.context-counters .danger strong[b-1u32oegt9i]{color:var(--red)}
.checklist-toolbar[b-1u32oegt9i]{display:grid;grid-template-columns:minmax(260px,1fr) auto 150px;align-items:center;gap:10px;margin-bottom:20px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 3px 10px rgba(18,31,45,.05)}
.search-field[b-1u32oegt9i]{height:42px;display:flex;align-items:center;gap:9px;padding:0 13px;border-radius:9px;background:#f1f4f9}.search-field>span[b-1u32oegt9i]{color:#9aabc0;font-size:20px}.search-field input[b-1u32oegt9i]{min-width:0;flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:13px}
.filter-pills[b-1u32oegt9i]{display:flex;gap:7px}.filter-pills button[b-1u32oegt9i]{height:36px;padding:0 15px;border:1px solid var(--border);border-radius:999px;background:#fff;color:#64748b;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.filter-pills button.active[b-1u32oegt9i]{border-color:#111b2d;background:#111b2d;color:#fff}
.station-filter select[b-1u32oegt9i]{width:100%;height:40px;padding:0 11px;border:1px solid var(--border);border-radius:9px;background:#fff;font:inherit;font-size:13px}
.sections-list[b-1u32oegt9i]{display:grid;gap:22px}.checklist-section[b-1u32oegt9i]{display:grid;gap:10px}.checklist-section>header[b-1u32oegt9i]{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 2px}.checklist-section>header span[b-1u32oegt9i]{font-size:15px;font-weight:800;color:#111}.checklist-section>header b[b-1u32oegt9i]{color:#111;font-size:12px}
.items-list[b-1u32oegt9i]{display:grid;gap:10px}.checklist-item[b-1u32oegt9i]{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.8fr) minmax(220px,.7fr);min-height:150px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 2px 7px rgba(18,31,45,.04)}.checklist-item[b-1u32oegt9i]::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--orange)}.checklist-item.blocking[b-1u32oegt9i]::before,.checklist-item.critical[b-1u32oegt9i]::before{background:var(--red)}
.item-main[b-1u32oegt9i]{min-width:0;padding:18px 20px}.item-heading[b-1u32oegt9i]{display:flex;align-items:center;gap:10px}.item-code[b-1u32oegt9i]{padding:4px 8px;border-radius:5px;background:#e9efff;color:var(--blue-dark);font-size:11px;font-weight:850;letter-spacing:.04em}.item-main h2[b-1u32oegt9i]{margin:0;font-size:15px}.item-main>p[b-1u32oegt9i]{max-width:760px;margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.item-main dl[b-1u32oegt9i]{display:flex;flex-wrap:wrap;gap:9px 30px;margin:15px 0 0}.item-main dl div[b-1u32oegt9i]{display:grid;gap:3px}.item-main dt[b-1u32oegt9i]{color:#111;font-size:11px;font-weight:850;text-transform:uppercase}.item-main dd[b-1u32oegt9i]{margin:0;font-size:13px;font-weight:700}.criticality[b-1u32oegt9i]{width:max-content;padding:3px 8px;border-radius:999px;background:#ffe6e6;color:var(--red)}
.item-evidence[b-1u32oegt9i]{display:grid;align-content:center;justify-items:center;gap:9px;padding:13px;border-left:1px solid var(--border);border-right:1px solid var(--border)}.result-badge[b-1u32oegt9i]{padding:5px 11px;border-radius:999px;background:#f0f3f8;color:#63758d;font-size:11px;font-weight:750}.photo-placeholder[b-1u32oegt9i]{width:100%;min-height:77px;display:grid;place-content:center;justify-items:center;gap:3px;padding:9px;border:1px dashed #cbd6e5;border-radius:10px;text-align:center}.photo-placeholder>span[b-1u32oegt9i]{color:#a6b9d2;font-size:20px}.photo-placeholder strong[b-1u32oegt9i]{color:#111;font-size:11px}.photo-placeholder small[b-1u32oegt9i]{color:#111;font-size:10px}
.verification-meta[b-1u32oegt9i]{display:grid;align-content:center;min-width:0;padding:18px;background:#fbfcfe}.verification-meta span[b-1u32oegt9i]{color:#111;font-size:11px;font-weight:800;text-transform:uppercase}.verification-meta p[b-1u32oegt9i]{margin:7px 0 0;color:#111;font-size:13px;font-style:italic}
.checklist-empty[b-1u32oegt9i]{min-height:120px;display:grid;place-content:center;justify-items:center;gap:12px;padding:28px;color:var(--muted);text-align:center}.checklist-empty button[b-1u32oegt9i]{padding:9px 13px;border:0;border-radius:8px;background:var(--blue);color:#fff;cursor:pointer}.checklist-loading[b-1u32oegt9i]{min-height:70vh;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--muted)}.checklist-loading span[b-1u32oegt9i]{width:34px;height:34px;border:3px solid #d6e5f3;border-top-color:var(--blue);border-radius:50%;animation:spin-b-1u32oegt9i .8s linear infinite}@keyframes spin-b-1u32oegt9i{to{transform:rotate(360deg)}}
@media(max-width:1280px){.checklist-context[b-1u32oegt9i]{grid-template-columns:minmax(240px,1fr) 96px 140px}.context-counters[b-1u32oegt9i]{grid-column:1/-1}.checklist-toolbar[b-1u32oegt9i]{grid-template-columns:1fr}.filter-pills[b-1u32oegt9i]{flex-wrap:wrap}.checklist-item[b-1u32oegt9i]{grid-template-columns:minmax(0,1fr) 220px 210px}}
@media(max-width:1700px){.checklist-header[b-1u32oegt9i]{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center}.checklist-network-brand[b-1u32oegt9i]{position:static;grid-column:1/-1;grid-row:2;justify-self:center;width:min(100%,320px);transform:none}.header-selectors[b-1u32oegt9i]{grid-column:1/-1;grid-row:3;justify-self:stretch;width:100%;grid-template-columns:repeat(2,minmax(220px,1fr))}.header-user[b-1u32oegt9i]{grid-column:4;grid-row:1}.checklist-item[b-1u32oegt9i]{grid-template-columns:minmax(0,1fr) 220px 210px}}
@media(max-width:980px){.checklist-item[b-1u32oegt9i]{grid-template-columns:1fr 1fr}.item-main[b-1u32oegt9i]{grid-column:1/-1}.item-evidence[b-1u32oegt9i]{border-top:1px solid var(--border);border-left:0}.verification-meta[b-1u32oegt9i]{border-top:1px solid var(--border)}.checklist-header[b-1u32oegt9i]{grid-template-columns:auto auto minmax(0,1fr)}.header-selectors[b-1u32oegt9i]{grid-template-columns:repeat(2,minmax(0,1fr))}.header-user[b-1u32oegt9i]{display:none}}
@media(max-width:820px){.checklist-shell[b-1u32oegt9i]{display:block}.checklist-main[b-1u32oegt9i]{padding:20px 14px 32px}.checklist-header[b-1u32oegt9i]{grid-template-columns:auto auto minmax(0,1fr)}.checklist-network-brand[b-1u32oegt9i]{grid-column:1/-1;grid-row:2}.header-selectors[b-1u32oegt9i]{grid-column:1/-1;grid-row:3;width:100%;justify-self:stretch}.checklist-context[b-1u32oegt9i]{grid-template-columns:1fr 94px}.context-legend[b-1u32oegt9i]{grid-column:1}.context-counters[b-1u32oegt9i]{grid-column:1/-1}.header-copy p[b-1u32oegt9i]{display:block}.agency-logo[b-1u32oegt9i]{width:52px;height:52px}.agency-mark[b-1u32oegt9i]{width:58px;height:58px}.agency-inmetro[b-1u32oegt9i]{width:58px;height:58px;font-size:50px}}
@media(max-width:560px){.checklist-main[b-1u32oegt9i]{padding:16px 10px 28px}.checklist-header[b-1u32oegt9i]{gap:10px}.back-button[b-1u32oegt9i]{width:38px;height:38px}.agency-mark[b-1u32oegt9i]{width:50px;height:50px}.agency-logo[b-1u32oegt9i]{width:44px;height:44px}.header-copy>span[b-1u32oegt9i]{font-size:11px}.header-copy h1[b-1u32oegt9i]{display:block;font-size:21px}.header-copy p[b-1u32oegt9i]{font-size:13px;line-height:1.35}.checklist-network-brand[b-1u32oegt9i]{grid-row:2}.header-selectors[b-1u32oegt9i]{grid-row:3;grid-template-columns:1fr}.checklist-context[b-1u32oegt9i]{grid-template-columns:1fr;padding:18px 16px}.conformity-ring[b-1u32oegt9i]{grid-row:2}.context-legend[b-1u32oegt9i]{grid-column:auto}.context-counters[b-1u32oegt9i]{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-pills[b-1u32oegt9i]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-pills button[b-1u32oegt9i]{width:100%;padding:0 8px}.checklist-item[b-1u32oegt9i]{grid-template-columns:1fr}.item-main[b-1u32oegt9i]{grid-column:auto;padding:16px}.item-heading[b-1u32oegt9i]{align-items:flex-start;flex-direction:column}.item-evidence[b-1u32oegt9i],.verification-meta[b-1u32oegt9i]{border:0;border-top:1px solid var(--border)}.agency-selector select[b-1u32oegt9i]{font-size:14px}}
@media(max-width:380px){.checklist-header[b-1u32oegt9i]{grid-template-columns:auto minmax(0,1fr)}.agency-mark[b-1u32oegt9i]{display:none}.header-copy[b-1u32oegt9i]{grid-column:2}.context-counters[b-1u32oegt9i]{grid-template-columns:1fr}.filter-pills[b-1u32oegt9i]{grid-template-columns:1fr}}

/* Legibilidade dos checklists regulatórios */
.header-copy>span[b-1u32oegt9i]{font-size:14px}
.header-copy h1[b-1u32oegt9i]{font-size:26px}
.header-copy p[b-1u32oegt9i]{font-size:16px}
.agency-selector>span[b-1u32oegt9i],.header-user small[b-1u32oegt9i]{font-size:12px}
.agency-selector select[b-1u32oegt9i],.header-user strong[b-1u32oegt9i]{font-size:15px}
.header-user[b-1u32oegt9i]{flex-direction:column;justify-content:center;gap:5px;text-align:center}.header-user>span[b-1u32oegt9i]{order:-1}.header-user div[b-1u32oegt9i]{align-items:center}.header-user small[b-1u32oegt9i]{display:none}
.context-copy small[b-1u32oegt9i]{font-size:13px}
.context-copy strong[b-1u32oegt9i]{font-size:24px}
.context-copy>span[b-1u32oegt9i]{font-size:16px}
.conformity-ring strong[b-1u32oegt9i]{font-size:23px}
.conformity-ring span[b-1u32oegt9i]{font-size:12px}
.context-legend span[b-1u32oegt9i]{font-size:15px}
.context-counters small[b-1u32oegt9i]{font-size:13px}
.context-counters strong[b-1u32oegt9i]{font-size:21px}
.search-field input[b-1u32oegt9i],.filter-pills button[b-1u32oegt9i],.station-filter select[b-1u32oegt9i]{font-size:15px}
.checklist-section>header span[b-1u32oegt9i]{font-size:18px}
.checklist-section>header b[b-1u32oegt9i]{font-size:14px}
.item-code[b-1u32oegt9i]{font-size:13px}
.item-main h2[b-1u32oegt9i]{font-size:18px}
.item-main>p[b-1u32oegt9i]{font-size:16px}
.item-main dt[b-1u32oegt9i]{font-size:12px}
.item-main dd[b-1u32oegt9i]{font-size:14px}
.result-badge[b-1u32oegt9i]{font-size:13px}
.photo-placeholder strong[b-1u32oegt9i]{font-size:13px}
.photo-placeholder small[b-1u32oegt9i]{font-size:12px}
.verification-meta span[b-1u32oegt9i]{font-size:12px}
.verification-meta p[b-1u32oegt9i]{font-size:15px}
.checklist-item.result-conforme[b-1u32oegt9i]::before{background:var(--green)}.checklist-item.result-nao-conforme[b-1u32oegt9i]::before{background:var(--red)}.checklist-item.result-nao-aplicavel[b-1u32oegt9i]::before{background:#8ea3bd}.result-conforme .result-badge[b-1u32oegt9i]{background:#dcfce7;color:#15803d}.result-nao-conforme .result-badge[b-1u32oegt9i]{background:#fee2e2;color:#dc2626}.result-nao-aplicavel .result-badge[b-1u32oegt9i]{background:#e2e8f0;color:#475569}
.evidence-link[b-1u32oegt9i]{width:100%;display:grid;justify-items:center;gap:5px;padding:0;border:0;background:transparent;color:#2563eb;font:inherit;text-decoration:none;cursor:pointer}.evidence-link img[b-1u32oegt9i],.evidence-link video[b-1u32oegt9i]{width:100%;height:112px;display:block;object-fit:cover;border:1px solid #cbd6e5;border-radius:10px}.evidence-link small[b-1u32oegt9i]{font-size:11px;font-weight:700}.evidence-link:hover small[b-1u32oegt9i]{text-decoration:underline}
.evidence-modal[b-1u32oegt9i]{position:fixed;z-index:3000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(5,12,24,.86);backdrop-filter:blur(4px)}.evidence-modal-content[b-1u32oegt9i]{position:relative;width:min(1100px,94vw);display:grid;gap:12px}.evidence-modal-stage[b-1u32oegt9i]{position:relative;width:100%;height:min(76vh,760px);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:14px;background:#050a12;box-shadow:0 20px 70px rgba(0,0,0,.45)}.evidence-modal-stage img[b-1u32oegt9i],.evidence-modal-stage video[b-1u32oegt9i]{width:auto;height:auto;max-width:100%;max-height:100%;display:block;object-fit:contain}.evidence-modal-close[b-1u32oegt9i]{position:absolute;z-index:3;top:-17px;right:-17px;width:42px;height:42px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#fff;color:#172033;font-size:29px;line-height:1;cursor:pointer;box-shadow:0 6px 22px rgba(0,0,0,.3)}.evidence-modal-arrow[b-1u32oegt9i]{position:absolute;z-index:2;top:50%;width:50px;height:64px;border:0;border-radius:10px;background:rgba(7,15,28,.68);color:#fff;font-size:48px;line-height:1;transform:translateY(-50%);cursor:pointer}.evidence-modal-arrow:hover[b-1u32oegt9i]{background:rgba(37,99,235,.9)}.evidence-modal-arrow.previous[b-1u32oegt9i]{left:16px}.evidence-modal-arrow.next[b-1u32oegt9i]{right:16px}.evidence-modal-content footer[b-1u32oegt9i]{display:flex;align-items:center;justify-content:center;gap:20px;color:#fff;font-size:13px}.evidence-modal-content footer a[b-1u32oegt9i]{color:#93c5fd}.evidence-modal-content footer a:hover[b-1u32oegt9i]{color:#fff}@media(max-width:620px){.evidence-modal[b-1u32oegt9i]{padding:12px}.evidence-modal-stage[b-1u32oegt9i]{height:72vh}.evidence-modal-close[b-1u32oegt9i]{top:8px;right:8px}.evidence-modal-arrow[b-1u32oegt9i]{width:42px;height:54px;font-size:40px}.evidence-modal-arrow.previous[b-1u32oegt9i]{left:8px}.evidence-modal-arrow.next[b-1u32oegt9i]{right:8px}.evidence-modal-content footer[b-1u32oegt9i]{flex-direction:column;gap:4px}}
/* Sem legenda: o anel e os quatro totais usam toda a área disponível. */
@media(min-width:1281px){
  .checklist-context[b-1u32oegt9i]{grid-template-columns:minmax(280px,1fr) 102px minmax(620px,1.35fr)}
  .context-counters[b-1u32oegt9i]{grid-column:auto}
}
/* /Components/Pages/ContrateUmPlano.razor.rz.scp.css */
.plan-page[b-fe3qqb8hka]{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at top,#e6f2ff 0,#f3f6fa 45%,#edf2f7 100%);font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#172033}.plan-card[b-fe3qqb8hka]{width:min(680px,100%);overflow:hidden;border:1px solid #d9e4f0;border-radius:20px;background:#fff;box-shadow:0 18px 55px #183b661c;text-align:center}.plan-header[b-fe3qqb8hka]{min-height:150px;display:grid;place-items:center;padding:24px 34px;background:linear-gradient(135deg,#0871d1,#1788ef);border-bottom:4px solid #075fb7}.plan-header img[b-fe3qqb8hka]{width:min(310px,80%);height:auto;max-height:105px;display:block;object-fit:contain;filter:drop-shadow(0 4px 9px #00386b45)}.plan-content[b-fe3qqb8hka]{padding:34px 38px 38px}.plan-icon[b-fe3qqb8hka]{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 16px;border-radius:50%;background:#e7f1ff;font-size:30px}.plan-card h1[b-fe3qqb8hka]{margin:0 0 10px;font-size:29px;letter-spacing:-.035em}.plan-content>p[b-fe3qqb8hka]{max-width:560px;margin:0 auto;color:#64748b;line-height:1.55}.plan-options[b-fe3qqb8hka]{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 20px;text-align:left}.plan-options article[b-fe3qqb8hka]{padding:18px;border:1px solid #dce6f1;border-radius:12px;background:#f8fbff}.plan-options strong[b-fe3qqb8hka]{display:block;margin-bottom:7px;color:#1677e8}.plan-options span[b-fe3qqb8hka]{color:#64748b;font-size:13px;line-height:1.45}.plan-contact[b-fe3qqb8hka]{font-size:13px}.plan-card button[b-fe3qqb8hka]{margin-top:22px;padding:11px 20px;border:0;border-radius:9px;background:#172033;color:#fff;font:inherit;font-weight:700;cursor:pointer}.plan-card button:hover[b-fe3qqb8hka]{background:#263653}@media(max-width:600px){.plan-page[b-fe3qqb8hka]{padding:16px}.plan-header[b-fe3qqb8hka]{min-height:120px}.plan-header img[b-fe3qqb8hka]{width:min(260px,88%)}.plan-content[b-fe3qqb8hka]{padding:28px 20px}.plan-options[b-fe3qqb8hka]{grid-template-columns:1fr}.plan-card h1[b-fe3qqb8hka]{font-size:24px}}
/* /Components/Pages/Home.razor.rz.scp.css */
```css
/* =========================================================
   QUALYPOSTO — LANDING PAGE
   Visual: SaaS / Enterprise / Gestão
   ========================================================= */
:global(html)[b-c7ce7btsl3] {
    scroll-behavior: smooth;
}

:global(body)[b-c7ce7btsl3] {
    margin: 0;
    background: #f5f8fc;
    color: #10233f;
    font-family: Inter, "Segoe UI", Arial, Helvetica, sans-serif;
}


/* =========================================================
   DESIGN TOKENS
   ========================================================= */

.landing-page[b-c7ce7btsl3] {
    --blue: #2487ed;
    --blue-light: #4ba3ff;
    --blue-dark: #075eb7;
    --blue-deep: #064b91;
    --navy: #071a33;
    --navy-2: #0c2444;
    --text: #10233f;
    --text-soft: #52657e;
    --muted: #718198;
    --border: #e2eaf4;
    --surface: #ffffff;
    --surface-soft: #f5f8fc;
    min-height: 100vh;
    overflow: hidden;
    background: radial-gradient( circle at 50% -20%, rgba(36, 135, 237, .05), transparent 35% ), #ffffff;
}


/* =========================================================
   DEVELOPMENT BAR
   ========================================================= */

.development-bar[b-c7ce7btsl3] {
    min-height: 36px;
    padding: 7px 5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient( 90deg, #06172d, #0b2342, #06172d );
    color: #bdd7f5;
    font-size: .76rem;
    letter-spacing: .015em;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

    .development-bar strong[b-c7ce7btsl3] {
        color: #ffffff;
    }

.development-dot[b-c7ce7btsl3] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #38bdf8;
    box-shadow: 0 0 0 5px rgba(56,189,248,.12), 0 0 15px rgba(56,189,248,.5);
    animation: pulse-b-c7ce7btsl3 2s infinite;
}

@keyframes pulse-b-c7ce7btsl3 {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: .45;
    }
}


/* =========================================================
   HEADER
   ========================================================= */

.site-header[b-c7ce7btsl3] {
    position: sticky;
    top: 0;
    z-index: 100;
    height: 82px;
    padding: 0 max(5vw, 28px);
    display: grid;
    grid-template-columns: 210px 1fr auto;
    align-items: center;
    gap: 30px;
    background: linear-gradient( 105deg, #075eb7, #2487ed 55%, #176ed0 );
    border-bottom: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 8px 30px rgba(7,94,183,.18);
}

.brand[b-c7ce7btsl3] {
    display: flex;
    align-items: center;
    width: 180px;
    height: 72px;
    overflow: hidden;
}

    .brand img[b-c7ce7btsl3] {
        width: 360px;
        max-width: none;
        height: 120px;
        object-fit: contain;
        filter: none;
        transform: translate(-85px, 0);
        transition: opacity .25s ease;
    }

    .brand:hover img[b-c7ce7btsl3] {
        opacity: .88;
    }


/* =========================================================
   NAV
   ========================================================= */

.site-header nav[b-c7ce7btsl3] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(18px, 2.5vw, 42px);
}

    .site-header nav a[b-c7ce7btsl3] {
        position: relative;
        padding: 30px 2px;
        color: rgba(255,255,255,.78);
        text-decoration: none;
        font-size: .76rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .07em;
        transition: color .2s ease, transform .2s ease;
    }

        .site-header nav a[b-c7ce7btsl3]::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 20px;
            height: 2px;
            border-radius: 10px;
            background: #ffffff;
            transform: scaleX(0);
            transform-origin: center;
            transition: transform .25s ease;
        }

        .site-header nav a:hover[b-c7ce7btsl3] {
            color: #ffffff;
            transform: translateY(-1px);
        }

            .site-header nav a:hover[b-c7ce7btsl3]::after {
                transform: scaleX(1);
            }


/* =========================================================
   LOGIN BUTTON
   ========================================================= */

.login-button[b-c7ce7btsl3],
.primary-action[b-c7ce7btsl3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 750;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.login-button[b-c7ce7btsl3] {
    padding: 12px 18px;
    color: #075eb7;
    background: #ffffff;
    font-size: .84rem;
    box-shadow: 0 8px 20px rgba(0,0,0,.12);
}

    .login-button:hover[b-c7ce7btsl3] {
        color: #075eb7;
        transform: translateY(-2px);
        box-shadow: 0 12px 28px rgba(0,0,0,.18);
    }


/* =========================================================
   HERO
   ========================================================= */

.hero[b-c7ce7btsl3] {
    position: relative;
    min-height: 670px;
    padding: 90px max(6vw, 32px) 110px;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(480px, 1.1fr);
    align-items: center;
    gap: 6vw;
    overflow: hidden;
    background: radial-gradient( circle at 85% 20%, rgba(36,135,237,.20), transparent 32% ), radial-gradient( circle at 10% 100%, rgba(36,135,237,.10), transparent 30% ), linear-gradient( 135deg, #f8fbff 0%, #edf5fd 55%, #e8f2fd 100% );
}


    /* decorative grid */

    .hero[b-c7ce7btsl3]::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: linear-gradient( rgba(36,135,237,.035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(36,135,237,.035) 1px, transparent 1px );
        background-size: 45px 45px;
        mask-image: linear-gradient( to bottom, black, transparent 80% );
        pointer-events: none;
    }


    /* blue glow */

    .hero[b-c7ce7btsl3]::after {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        right: -180px;
        bottom: -250px;
        border-radius: 50%;
        background: radial-gradient( circle, rgba(36,135,237,.20), transparent 70% );
        pointer-events: none;
    }


.hero-content[b-c7ce7btsl3] {
    position: relative;
    z-index: 2;
    max-width: 680px;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.eyebrow[b-c7ce7btsl3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    color: var(--blue);
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .70rem;
    font-weight: 850;
}

    .eyebrow[b-c7ce7btsl3]::before {
        content: "";
        width: 22px;
        height: 2px;
        border-radius: 10px;
        background: var(--blue);
    }


/* =========================================================
   HERO TYPOGRAPHY
   ========================================================= */

.hero h1[b-c7ce7btsl3] {
    margin: 0;
    color: var(--navy);
    font-size: clamp( 2.7rem, 4.3vw, 4.8rem );
    line-height: 1.02;
    letter-spacing: -.055em;
    font-weight: 850;
}

    .hero h1:focus[b-c7ce7btsl3],
    .hero h1:focus-visible[b-c7ce7btsl3] {
        outline: none !important;
        box-shadow: none !important;
    }

.hero-content > p[b-c7ce7btsl3] {
    max-width: 620px;
    margin: 27px 0 32px;
    color: var(--text-soft);
    font-size: 1.06rem;
    line-height: 1.8;
}


/* =========================================================
   HERO BUTTONS
   ========================================================= */

.hero-actions[b-c7ce7btsl3] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.primary-action[b-c7ce7btsl3] {
    padding: 15px 22px;
    color: #ffffff;
    background: linear-gradient( 135deg, #2487ed, #075eb7 );
    box-shadow: 0 12px 25px rgba(36,135,237,.25);
}

    .primary-action:hover[b-c7ce7btsl3] {
        color: #ffffff;
        transform: translateY(-3px);
        box-shadow: 0 18px 35px rgba(36,135,237,.34);
    }

.secondary-action[b-c7ce7btsl3] {
    padding: 14px 20px;
    color: #17365e;
    text-decoration: none;
    font-weight: 700;
    border: 1px solid #d4dfec;
    border-radius: 10px;
    background: rgba(255,255,255,.75);
    backdrop-filter: blur(10px);
    transition: .2s ease;
}

    .secondary-action:hover[b-c7ce7btsl3] {
        color: var(--blue-dark);
        border-color: #8dbce9;
        background: #ffffff;
        transform: translateY(-2px);
    }


/* =========================================================
   TRUST ROW
   ========================================================= */

.trust-row[b-c7ce7btsl3] {
    margin-top: 34px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    color: #61738b;
    font-size: .80rem;
}

    .trust-row span[b-c7ce7btsl3] {
        display: flex;
        align-items: center;
    }

    .trust-row i[b-c7ce7btsl3] {
        display: inline-grid;
        place-items: center;
        width: 20px;
        height: 20px;
        margin-right: 6px;
        color: #0873dd;
        background: #dceefe;
        border-radius: 50%;
        font-style: normal;
        font-weight: 800;
    }


/* =========================================================
   PRODUCT PREVIEW
   ========================================================= */

.product-preview[b-c7ce7btsl3] {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.preview-glow[b-c7ce7btsl3] {
    position: absolute;
    inset: 5% 4% -10%;
    background: rgba(36,135,237,.28);
    filter: blur(55px);
    border-radius: 45px;
}

.preview-window[b-c7ce7btsl3] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1.42;
    border: 6px solid rgba(255,255,255,.85);
    border-radius: 22px;
    background: #f3f7fb;
    box-shadow: 0 35px 80px rgba(18,54,92,.23), 0 10px 30px rgba(18,54,92,.08);
}


/* topbar */

.preview-topbar[b-c7ce7btsl3] {
    height: 15%;
    padding: 0 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border-bottom: 1px solid #e5ebf3;
}

.preview-brand[b-c7ce7btsl3] {
    color: #0e203a;
    font-size: clamp(.7rem,1.1vw,1rem);
    font-weight: 900;
}

    .preview-brand span[b-c7ce7btsl3] {
        color: var(--blue);
    }

.preview-user[b-c7ce7btsl3] {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background: linear-gradient( 135deg, #dcecff, #b9d9fa );
    box-shadow: inset 0 0 0 3px #ffffff;
}


/* dashboard */

.preview-body[b-c7ce7btsl3] {
    display: grid;
    grid-template-columns: 17% 1fr;
    height: 85%;
}

    .preview-body aside[b-c7ce7btsl3] {
        padding-top: 20%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8%;
        background: linear-gradient( 180deg, #0b1c32, #071426 );
    }

        .preview-body aside span[b-c7ce7btsl3] {
            width: 64%;
            height: 7%;
            border-radius: 5px;
            background: #26384e;
        }

        .preview-body aside .active[b-c7ce7btsl3] {
            background: var(--blue);
            box-shadow: 0 0 12px rgba(36,135,237,.45);
        }

.preview-dashboard[b-c7ce7btsl3] {
    padding: 6%;
}

.preview-title[b-c7ce7btsl3] {
    width: 44%;
    height: 7%;
    margin-bottom: 5%;
    border-radius: 5px;
    background: #15253b;
}

.preview-cards[b-c7ce7btsl3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3%;
}

    .preview-cards > div[b-c7ce7btsl3] {
        padding: 13% 11%;
        display: flex;
        flex-direction: column;
        gap: 3px;
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 10px;
        box-shadow: 0 8px 18px rgba(40,70,110,.06);
    }

    .preview-cards b[b-c7ce7btsl3] {
        font-size: clamp(.75rem,1.3vw,1.2rem);
    }

    .preview-cards small[b-c7ce7btsl3] {
        color: #8290a4;
        font-size: clamp(.4rem,.65vw,.62rem);
    }

    .preview-cards .success b[b-c7ce7btsl3] {
        color: #10a866;
    }


/* panels */

.preview-panels[b-c7ce7btsl3] {
    height: 52%;
    margin-top: 4%;
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 3%;
}

.map-panel[b-c7ce7btsl3],
.score-panel[b-c7ce7btsl3] {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

.map-panel[b-c7ce7btsl3] {
    background-color: #edf3e9;
    background-image: linear-gradient( 35deg, transparent 48%, #d3decc 49%, #d3decc 51%, transparent 52% ), linear-gradient( 115deg, transparent 48%, #d8e2d1 49%, #d8e2d1 51%, transparent 52% );
    background-size: 90px 90px, 120px 120px;
}

.pin[b-c7ce7btsl3] {
    position: absolute;
    width: 14px;
    height: 14px;
    border: 4px solid #ffffff;
    border-radius: 50% 50% 50% 0;
    background: #20b978;
    transform: rotate(-45deg);
    box-shadow: 0 2px 6px #597267;
}

.pin-one[b-c7ce7btsl3] {
    left: 25%;
    top: 28%;
}

.pin-two[b-c7ce7btsl3] {
    left: 62%;
    top: 48%;
    background: #f6a820;
}

.pin-three[b-c7ce7btsl3] {
    left: 42%;
    top: 70%;
}

.road[b-c7ce7btsl3] {
    position: absolute;
    width: 130%;
    height: 3px;
    background: rgba(245,170,55,.45);
    transform: rotate(-22deg);
    left: -15%;
    top: 54%;
}

.road-two[b-c7ce7btsl3] {
    transform: rotate(37deg);
    top: 39%;
}


/* score */

.score-panel[b-c7ce7btsl3] {
    padding: 9%;
}

    .score-panel strong[b-c7ce7btsl3] {
        display: block;
        margin-bottom: 15%;
        color: #2b3c55;
        font-size: clamp(.45rem,.75vw,.7rem);
    }

    .score-panel > span[b-c7ce7btsl3] {
        display: block;
        height: 7px;
        margin: 13% 0;
        overflow: hidden;
        border-radius: 10px;
        background: #edf1f5;
    }

    .score-panel i[b-c7ce7btsl3] {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient( 90deg, #14a866, #32d28a );
    }


/* =========================================================
   FLOATING STATUS
   ========================================================= */

.floating-status[b-c7ce7btsl3] {
    position: absolute;
    right: -2%;
    bottom: -7%;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 11px;
    background: rgba(255,255,255,.95);
    border: 1px solid rgba(226,234,244,.95);
    border-radius: 13px;
    box-shadow: 0 18px 40px rgba(24,52,87,.18);
    backdrop-filter: blur(12px);
}

    .floating-status > span[b-c7ce7btsl3] {
        display: grid;
        place-items: center;
        width: 30px;
        height: 30px;
        color: #ffffff;
        background: #16ad6c;
        border-radius: 50%;
        font-weight: 900;
    }

    .floating-status div[b-c7ce7btsl3] {
        display: flex;
        flex-direction: column;
    }

    .floating-status b[b-c7ce7btsl3] {
        color: #21334b;
        font-size: .72rem;
    }

    .floating-status small[b-c7ce7btsl3] {
        color: #7c899c;
        font-size: .62rem;
    }


/* =========================================================
   SOLUTION
   ========================================================= */

.solution[b-c7ce7btsl3] {
    padding: 105px max(7vw,34px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: end;
    gap: 8vw;
    background: #ffffff;
}

.section-heading[b-c7ce7btsl3] {
    max-width: 730px;
}

    .section-heading h2[b-c7ce7btsl3] {
        margin: 0;
        color: var(--navy);
        font-size: clamp( 2rem, 3.2vw, 3.25rem );
        line-height: 1.12;
        letter-spacing: -.04em;
    }

    .section-heading p[b-c7ce7btsl3] {
        margin: 18px 0 0;
        color: var(--muted);
        line-height: 1.8;
    }


/* =========================================================
   METRICS
   ========================================================= */

.metrics[b-c7ce7btsl3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

    .metrics article[b-c7ce7btsl3] {
        position: relative;
        padding: 27px 21px;
        overflow: hidden;
        background: linear-gradient( 145deg, #f7faff, #eef5fc );
        border: 1px solid #e0e9f3;
        border-radius: 13px;
        transition: transform .2s ease, box-shadow .2s ease;
    }

        .metrics article[b-c7ce7btsl3]::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient( 90deg, var(--blue), #68b6ff );
        }

        .metrics article:hover[b-c7ce7btsl3] {
            transform: translateY(-4px);
            box-shadow: 0 15px 30px rgba(31,86,139,.09);
        }

    .metrics strong[b-c7ce7btsl3] {
        display: block;
        color: #116fd5;
        font-size: clamp( 1.6rem, 2.5vw, 2.4rem );
        letter-spacing: -.04em;
    }

    .metrics span[b-c7ce7btsl3] {
        color: #64748b;
        font-size: .76rem;
    }


/* =========================================================
   FEATURES
   ========================================================= */

.features[b-c7ce7btsl3] {
    padding: 95px max(7vw,34px) 110px;
    background: linear-gradient( 180deg, #f5f8fc, #eef4fa );
}

.section-heading.left[b-c7ce7btsl3] {
    margin-bottom: 42px;
}

.feature-grid[b-c7ce7btsl3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

    .feature-grid article[b-c7ce7btsl3] {
        position: relative;
        padding: 34px;
        background: rgba(255,255,255,.92);
        border: 1px solid #e0e8f2;
        border-radius: 17px;
        box-shadow: 0 12px 35px rgba(31,56,88,.055);
        transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }

        .feature-grid article[b-c7ce7btsl3]::after {
            content: "";
            position: absolute;
            width: 100px;
            height: 100px;
            right: -45px;
            top: -45px;
            border-radius: 50%;
            background: radial-gradient( circle, rgba(36,135,237,.10), transparent 70% );
        }

        .feature-grid article:hover[b-c7ce7btsl3] {
            transform: translateY(-7px);
            border-color: #a9cdf1;
            box-shadow: 0 20px 45px rgba(31,76,125,.10);
        }

.feature-icon[b-c7ce7btsl3] {
    position: relative;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    margin-bottom: 25px;
    color: #ffffff;
    background: linear-gradient( 135deg, #2996f3, #075eb7 );
    border-radius: 13px;
    font-size: 1.25rem;
    font-weight: 900;
    box-shadow: 0 9px 18px rgba(36,135,237,.22);
}

.feature-grid h3[b-c7ce7btsl3] {
    position: relative;
    z-index: 2;
    margin: 0;
    color: #14233a;
    font-size: 1.08rem;
}

.feature-grid p[b-c7ce7btsl3] {
    position: relative;
    z-index: 2;
    margin: 12px 0 0;
    color: #687990;
    font-size: .88rem;
    line-height: 1.75;
}


/* =========================================================
   CTA
   ========================================================= */

.cta[b-c7ce7btsl3] {
    position: relative;
    margin: 0 max(5vw,24px) 75px;
    padding: 58px max(5vw,40px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    overflow: hidden;
    color: #ffffff;
    background: radial-gradient( circle at 80% 15%, rgba(77,174,255,.35), transparent 30% ), radial-gradient( circle at 10% 100%, rgba(36,135,237,.25), transparent 35% ), linear-gradient( 125deg, #061c39, #075eb7 65%, #0d75d5 );
    border-radius: 24px;
    box-shadow: 0 25px 60px rgba(8,55,105,.20);
}

    .cta[b-c7ce7btsl3]::before {
        content: "";
        position: absolute;
        width: 280px;
        height: 280px;
        right: -100px;
        bottom: -180px;
        border-radius: 50%;
        border: 50px solid rgba(255,255,255,.05);
    }

    .cta .eyebrow[b-c7ce7btsl3] {
        color: #8fd1ff;
    }

        .cta .eyebrow[b-c7ce7btsl3]::before {
            background: #8fd1ff;
        }

    .cta h2[b-c7ce7btsl3] {
        position: relative;
        margin: 0;
        font-size: clamp( 1.8rem, 3vw, 3rem );
        line-height: 1.1;
        letter-spacing: -.035em;
    }

    .cta p[b-c7ce7btsl3] {
        margin: 13px 0 0;
        color: #c8e2fb;
        line-height: 1.7;
    }

.primary-action.light[b-c7ce7btsl3] {
    color: #075eb7;
    background: #ffffff;
    white-space: nowrap;
    box-shadow: 0 10px 25px rgba(0,0,0,.14);
}

    .primary-action.light:hover[b-c7ce7btsl3] {
        color: #075eb7;
        box-shadow: 0 15px 30px rgba(0,0,0,.2);
    }


/* =========================================================
   FOOTER
   ========================================================= */

footer[b-c7ce7btsl3] {
    min-height: 92px;
    padding: 20px max(5vw,28px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: #8ea0b8;
    background: linear-gradient( 180deg, #081a31, #061426 );
    border-top: 1px solid rgba(255,255,255,.06);
    font-size: .74rem;
}

    footer img[b-c7ce7btsl3] {
        width: 112px;
        height: 48px;
        object-fit: contain;
        filter: brightness(0) invert(1);
    }

    footer a[b-c7ce7btsl3] {
        color: #cfe5ff;
        text-decoration: none;
        transition: color .2s ease;
    }

        footer a:hover[b-c7ce7btsl3] {
            color: #ffffff;
        }


/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width: 1000px) {

    .site-header[b-c7ce7btsl3] {
        grid-template-columns: 1fr auto;
    }

        .site-header nav[b-c7ce7btsl3] {
            display: none;
        }

    .hero[b-c7ce7btsl3] {
        grid-template-columns: 1fr;
        padding-top: 70px;
    }

    .hero-content[b-c7ce7btsl3] {
        text-align: center;
        margin: auto;
    }

        .hero-content .eyebrow[b-c7ce7btsl3] {
            justify-content: center;
        }

    .hero-actions[b-c7ce7btsl3],
    .trust-row[b-c7ce7btsl3] {
        justify-content: center;
    }

    .product-preview[b-c7ce7btsl3] {
        width: min(750px, 92vw);
        margin: 30px auto 20px;
    }

    .solution[b-c7ce7btsl3] {
        grid-template-columns: 1fr;
    }

    .feature-grid[b-c7ce7btsl3] {
        grid-template-columns: 1fr;
    }

    .metrics[b-c7ce7btsl3] {
        max-width: 700px;
    }
}


/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width: 640px) {

    .development-bar[b-c7ce7btsl3] {
        padding: 9px 16px;
        text-align: center;
        flex-wrap: wrap;
        gap: 5px 8px;
    }

        .development-bar span:last-child[b-c7ce7btsl3] {
            flex-basis: 100%;
        }


    .site-header[b-c7ce7btsl3] {
        position: relative;
        height: 74px;
        padding: 0 18px;
        gap: 12px;
    }

    .brand[b-c7ce7btsl3] {
        width: 138px;
        height: 64px;
    }

        .brand img[b-c7ce7btsl3] {
            width: 280px;
            height: 94px;
            transform: translate(-67px, 0);
        }

    .login-button[b-c7ce7btsl3] {
        padding: 11px 14px;
    }

        .login-button span:first-child[b-c7ce7btsl3] {
            font-size: 0;
        }

            .login-button span:first-child[b-c7ce7btsl3]::after {
                content: "Login";
                font-size: .8rem;
            }


    .hero[b-c7ce7btsl3] {
        min-height: auto;
        padding: 60px 20px 75px;
    }

        .hero h1[b-c7ce7btsl3] {
            font-size: 2.45rem;
        }

    .hero-content > p[b-c7ce7btsl3] {
        font-size: .96rem;
    }

    .hero-actions[b-c7ce7btsl3] {
        flex-direction: column;
        align-items: stretch;
    }

    .primary-action[b-c7ce7btsl3],
    .secondary-action[b-c7ce7btsl3] {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }

    .trust-row[b-c7ce7btsl3] {
        gap: 12px;
        justify-content: center;
    }

    .product-preview[b-c7ce7btsl3] {
        width: 100%;
        margin-top: 40px;
    }

    .preview-window[b-c7ce7btsl3] {
        border-width: 4px;
        border-radius: 14px;
    }

    .floating-status[b-c7ce7btsl3] {
        right: 2%;
        bottom: -12%;
    }


    .solution[b-c7ce7btsl3],
    .features[b-c7ce7btsl3] {
        padding: 75px 20px;
    }

    .metrics[b-c7ce7btsl3] {
        grid-template-columns: 1fr;
    }

    .feature-grid article[b-c7ce7btsl3] {
        padding: 27px;
    }


    .cta[b-c7ce7btsl3] {
        margin: 0 14px 45px;
        padding: 40px 25px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 19px;
    }

        .cta .primary-action[b-c7ce7btsl3] {
            width: 100%;
        }


    footer[b-c7ce7btsl3] {
        flex-direction: column;
        text-align: center;
        padding: 30px 20px;
    }
}

```[b-c7ce7btsl3]
/* /Components/Pages/Produtos.razor.rz.scp.css */
.products-page[b-i52hppw43o],.products-page *[b-i52hppw43o]{box-sizing:border-box}.products-page[b-i52hppw43o]{--blue:#1178e8;--navy:#0d1726;min-height:100vh;background:radial-gradient(circle at 85% 15%,#dbeafe 0,transparent 30%),linear-gradient(180deg,#f8fbff 0,#edf4fb 100%);color:#172334;font-family:Inter,system-ui,sans-serif}.products-header[b-i52hppw43o]{height:98px;background:#0e151f;border-bottom:1px solid #263343}.header-content[b-i52hppw43o]{width:min(1220px,calc(100% - 48px));height:100%;display:flex;align-items:center;justify-content:space-between;margin:auto}.products-header img[b-i52hppw43o]{width:178px;height:68px;object-fit:contain}.logout-button[b-i52hppw43o]{display:flex;align-items:center;gap:9px;padding:10px 17px;border:1px solid #526174;border-radius:10px;background:#17212e;color:#fff;font:inherit;font-weight:650;cursor:pointer;transition:.2s}.logout-button svg[b-i52hppw43o]{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.logout-button:hover[b-i52hppw43o]{border-color:#91a2b8;background:#202d3d}.products-content[b-i52hppw43o]{width:min(1160px,calc(100% - 48px));margin:auto;padding:58px 0 72px}.products-heading[b-i52hppw43o]{max-width:680px}.eyebrow[b-i52hppw43o]{display:inline-block;color:#1479de;font-size:11px;font-weight:800;letter-spacing:.14em}.products-heading h1[b-i52hppw43o]{margin:9px 0 10px;color:var(--navy);font-size:clamp(30px,4vw,45px);line-height:1.12;letter-spacing:-.035em}.products-heading p[b-i52hppw43o]{margin:0;color:#64748b;font-size:17px;line-height:1.6}.available-grid[b-i52hppw43o]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:38px 0 54px}.product-card[b-i52hppw43o]{position:relative;min-height:320px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;padding:30px;border:1px solid #d6e2f1;border-radius:22px;background:#fff;color:var(--navy);font:inherit;text-align:left;box-shadow:0 12px 34px rgba(26,55,91,.08);cursor:pointer;transition:transform .22s,box-shadow .22s,border-color .22s}.product-card[b-i52hppw43o]::after{content:"";position:absolute;right:-70px;bottom:-90px;width:230px;height:230px;border-radius:50%;background:var(--soft)}.product-card:hover:not(:disabled)[b-i52hppw43o]{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 22px 48px rgba(26,55,91,.15)}.product-card:focus-visible[b-i52hppw43o]{outline:3px solid var(--accent);outline-offset:4px}.product-card:disabled[b-i52hppw43o]{cursor:not-allowed;filter:grayscale(.45);opacity:.65}.receipts[b-i52hppw43o]{--accent:#1479de;--soft:#e7f2ff}.checklist[b-i52hppw43o]{--accent:#079f69;--soft:#e2f8ef}.availability[b-i52hppw43o]{position:absolute;top:25px;right:25px;padding:6px 11px;border-radius:999px;background:var(--soft);color:var(--accent);font-size:12px;font-weight:750}.product-icon[b-i52hppw43o]{width:62px;height:62px;display:grid;place-items:center;border-radius:17px;background:var(--soft);color:var(--accent)}.product-icon svg[b-i52hppw43o]{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.product-copy[b-i52hppw43o]{display:flex;flex-direction:column;margin:24px 0 28px}.product-copy strong[b-i52hppw43o]{font-size:27px;letter-spacing:-.02em}.product-copy small[b-i52hppw43o]{max-width:390px;margin-top:9px;color:#64748b;font-size:15px;line-height:1.55}.access-button[b-i52hppw43o]{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:14px 17px;border-radius:12px;background:var(--accent);color:#fff;font-size:14px;font-weight:750}.access-button b[b-i52hppw43o]{font-size:20px;transition:transform .2s}.product-card:hover:not(:disabled) .access-button b[b-i52hppw43o]{transform:translateX(4px)}.coming-soon[b-i52hppw43o]{padding-top:30px;border-top:1px solid #d8e3ef}.coming-soon h2[b-i52hppw43o]{margin:6px 0 20px;font-size:21px}.future-grid[b-i52hppw43o]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.future-grid article[b-i52hppw43o]{display:flex;align-items:center;gap:13px;padding:17px 18px;border:1px solid #dce6f1;border-radius:14px;background:rgba(255,255,255,.72)}.future-grid article>span[b-i52hppw43o]{font-size:22px;filter:grayscale(.35)}.future-grid article div[b-i52hppw43o]{display:flex;flex-direction:column;gap:3px}.future-grid strong[b-i52hppw43o]{font-size:14px}.future-grid small[b-i52hppw43o]{color:#94a3b8;font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.06em}.no-products[b-i52hppw43o]{padding:14px;border-radius:10px;background:#fff7ed;color:#9a5412!important}.state-card[b-i52hppw43o]{display:flex;align-items:center;gap:13px;margin-top:34px;padding:24px;border:1px solid #d8e3ef;border-radius:16px;background:#fff}.state-card.error[b-i52hppw43o]{justify-content:space-between}.state-card button[b-i52hppw43o]{padding:10px 15px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer}.loader[b-i52hppw43o]{width:22px;height:22px;border:3px solid #dbeafe;border-top-color:var(--blue);border-radius:50%;animation:spin-b-i52hppw43o .8s linear infinite}@keyframes spin-b-i52hppw43o{to{transform:rotate(360deg)}}@media(max-width:760px){.products-header[b-i52hppw43o]{height:78px}.header-content[b-i52hppw43o],.products-content[b-i52hppw43o]{width:min(100% - 30px,1160px)}.products-header img[b-i52hppw43o]{width:135px;height:52px}.products-content[b-i52hppw43o]{padding:38px 0 48px}.products-heading p[b-i52hppw43o]{font-size:15px}.available-grid[b-i52hppw43o]{grid-template-columns:1fr;margin-top:28px}.product-card[b-i52hppw43o]{min-height:290px;padding:24px}.availability[b-i52hppw43o]{top:20px;right:20px}.future-grid[b-i52hppw43o]{grid-template-columns:1fr}.state-card.error[b-i52hppw43o]{align-items:flex-start;flex-direction:column}}
/* /Components/Pages/Recebimentos.razor.rz.scp.css */
.network-shell[b-pnrjqtalh7],
.network-shell *[b-pnrjqtalh7] {
    box-sizing: border-box;
}

.recebimentos-loading[b-pnrjqtalh7] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
    background: #eef3f9;
    color: #172033;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.recebimentos-loading-card[b-pnrjqtalh7] {
    width: min(100%, 380px);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 34px;
    border: 1px solid #dce5f1;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(23, 32, 51, .1);
    text-align: center;
}

.recebimentos-loading-card strong[b-pnrjqtalh7] { font-size: 18px; }
.recebimentos-loading-card p[b-pnrjqtalh7] { margin: 7px 0 0; color: #64748b; font-size: 13px; }
.recebimentos-loading-spinner[b-pnrjqtalh7] {
    width: 42px;
    height: 42px;
    margin-bottom: 18px;
    border: 4px solid #dbeafe;
    border-top-color: #1677e8;
    border-radius: 50%;
    animation: recebimentos-spin-b-pnrjqtalh7 .75s linear infinite;
}

@keyframes recebimentos-spin-b-pnrjqtalh7 { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .recebimentos-loading-spinner[b-pnrjqtalh7] { animation-duration: 1.5s; } }

/* Ajustes finais de legibilidade e responsividade padronizada (padrão VisaoDaRede) */
.network-main .metric-card small[b-pnrjqtalh7] {
    font-size: 15px;
}

.network-main .metric-card strong[b-pnrjqtalh7] {
    font-size: clamp(24px, 2vw, 31px);
}

.network-main .network-header p[b-pnrjqtalh7],
.network-main .network-filters[b-pnrjqtalh7],
.network-main .network-user[b-pnrjqtalh7] {
    font-size: 15px;
}

.network-main .network-brand-name[b-pnrjqtalh7] {
    font-size: 14px;
}

.network-main .data-table[b-pnrjqtalh7] {
    font-size: 14px;
}

.network-main .status[b-pnrjqtalh7] {
    font-size: 12px;
}

.network-shell[b-pnrjqtalh7] {
    --blue: #1788ef;
    --blue-dark: #0871d1;
    --navy: #111820;
    --page: #edf1f5;
    --surface: #fff;
    --border: #dfe5eb;
    --text: #17202b;
    --muted: #697584;
    --green: #15ad67;
    --yellow: #f0a313;
    --red: #ef4444;
    --success-soft: #e2f7e9;
    --danger-soft: #fde9e9;
    min-height: 100vh;
    display: flex;
    background: var(--page);
    color: var(--text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* -------------------------------------------------------------
 * SIDEBAR E COMPONENTES GLOBAIS (BASEADO NA VISAO DA REDE)
 * ------------------------------------------------------------- */
.network-sidebar[b-pnrjqtalh7] {
    width: 236px;
    min-height: 100vh;
    position: sticky;
    top: 0;
    display: flex;
    flex: 0 0 236px;
    flex-direction: column;
    padding: 20px 14px 16px;
    background: var(--navy);
    color: #fff;
}

.network-logo[b-pnrjqtalh7] {
    min-height: 68px;
    display: grid;
    place-items: center;
    margin-bottom: 14px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

    .network-logo img[b-pnrjqtalh7] {
        width: clamp(146px, 82%, 172px);
        max-height: 64px;
        object-fit: contain;
    }

.network-nav[b-pnrjqtalh7] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 5px;
}

.network-nav-item[b-pnrjqtalh7],
.network-logout[b-pnrjqtalh7] {
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: rgba(255,255,255,.68);
    font: inherit;
    font-size: 15px;
    text-align: left;
    cursor: pointer;
    transition: .18s ease;
}

    .network-nav-item > span[b-pnrjqtalh7] {
        width: 18px;
        color: #9eb3c6;
        text-align: center;
    }

    .network-nav-item strong[b-pnrjqtalh7] {
        font-weight: 600;
    }

    .network-nav-item small[b-pnrjqtalh7] {
        margin-left: auto;
        color: #768492;
        font-size: 11px;
        text-transform: uppercase;
    }

    .network-nav-item:hover[b-pnrjqtalh7] {
        background: rgba(255,255,255,.07);
        color: #fff;
    }

    .network-nav-item.active[b-pnrjqtalh7] {
        background: var(--blue);
        color: #fff;
        box-shadow: 0 6px 16px rgba(23,136,239,.25);
    }

        .network-nav-item.active > span[b-pnrjqtalh7] {
            color: #fff;
        }

    .network-nav-item.future[b-pnrjqtalh7] {
        opacity: .5;
        cursor: not-allowed;
    }

.network-logout[b-pnrjqtalh7] {
    margin-top: 12px;
    border-top: 1px solid rgba(255,255,255,.08);
    border-radius: 0;
    color: rgba(255,255,255,.6);
}

    .network-logout:hover[b-pnrjqtalh7] {
        color: #fff;
    }

.network-main[b-pnrjqtalh7] {
    min-width: 0;
    flex: 1;
    padding: 24px 28px 36px;
}

/* -------------------------------------------------------------
 * HEADER RESPONSIVO (PADRÃO VISAO DA REDE)
 * ------------------------------------------------------------- */
.network-header[b-pnrjqtalh7] {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 10px;
    min-height: 90px;
}

    .network-header h1[b-pnrjqtalh7] {
        margin: 0;
        font-size: clamp(23px, 2vw, 30px);
        font-weight: 750;
        letter-spacing: -.035em;
    }

    .network-header p[b-pnrjqtalh7] {
        grid-area: subtitle;
        margin: 3px 0 0;
        color: var(--muted);
        font-size: 13px;
    }

.network-title[b-pnrjqtalh7] {
    flex: 0 0 auto;
}

.network-heading[b-pnrjqtalh7] {
    min-width: 0;
}

.network-brand-center[b-pnrjqtalh7] {
    position: absolute;
    top: 0;
    left: 50%;
    width: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    transform: translateX(-50%);
    text-align: center;
}

.network-brand-name[b-pnrjqtalh7] {
    width: 180px;
    color: #4f7fae;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .01em;
    text-align: center;
}

.network-user[b-pnrjqtalh7] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
}

.network-user-name[b-pnrjqtalh7] {
    display: flex !important;
    min-width: 0;
    align-items: center;
}

    .network-user > span:last-child[b-pnrjqtalh7] {
        display: flex;
        flex-direction: column;
    }

    .network-user small[b-pnrjqtalh7] {
        color: var(--muted);
        font-size: 12px;
    }

    .network-user strong[b-pnrjqtalh7] {
        max-width: 240px;
        overflow: hidden;
        color: var(--text);
        font-size: 15px;
        font-weight: 750;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.network-avatar[b-pnrjqtalh7] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #e3f1ff;
    color: var(--blue-dark);
    font-size: 13px;
    font-weight: 800;
}

.cor-razao[b-pnrjqtalh7] {
    color: #122f51;
}

/* -------------------------------------------------------------
 * CONTROLES, MAPA E FILTROS
 * ------------------------------------------------------------- */
.network-controls[b-pnrjqtalh7] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

    .network-controls .network-location[b-pnrjqtalh7] {
        min-width: 0;
        max-width: none;
        flex: 1 1 520px;
        display: grid;
        grid-template-columns: minmax(220px, 1.1fr) minmax(260px, 1fr);
        gap: 10px;
    }

    .network-controls .network-filters[b-pnrjqtalh7] {
        margin-bottom: 0;
        flex: 0 1 430px;
        display: flex;
        justify-content: flex-end;
        gap: 10px;
    }

.network-location-item[b-pnrjqtalh7] {
    min-width: 0;
    min-height: 44px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    padding: 6px 10px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--surface);
}

    .network-location-item > span[b-pnrjqtalh7] {
        color: var(--muted);
        font-size: 11px;
        font-weight: 700;
    }

    .network-location-item strong[b-pnrjqtalh7] {
        min-width: 0;
        overflow: hidden;
        color: var(--text);
        font-size: 13px;
        font-weight: 750;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.network-coordinates-line[b-pnrjqtalh7] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

    .network-coordinates-line strong[b-pnrjqtalh7] {
        color: var(--blue-dark);
    }

.map-link[b-pnrjqtalh7] {
    flex-shrink: 0;
    padding: 5px 10px;
    border-radius: 6px;
    background: #e8f2fe;
    color: #126dcc;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .2s, color .2s;
}

    .map-link:hover[b-pnrjqtalh7] {
        background: #1d84f2;
        color: #ffffff;
    }

.network-filters label[b-pnrjqtalh7] {
    min-width: 185px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface);
}

    .network-filters label span[b-pnrjqtalh7] {
        color: var(--muted);
        font-size: 11px;
        white-space: nowrap;
    }

.network-filters select[b-pnrjqtalh7] {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
}

/* -------------------------------------------------------------
 * MÉTRICAS (GRID DE CARDS)
 * ------------------------------------------------------------- */
.metric-grid[b-pnrjqtalh7] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 11px;
    margin-bottom: 24px; /* Mais margem antes da tabela */
}

.metric-card[b-pnrjqtalh7] {
    min-height: 94px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--surface);
    box-shadow: 0 3px 10px rgba(18,31,45,.04);
}

.metric-icon[b-pnrjqtalh7] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    border-radius: 50%;
    background: #e5f3ff;
    color: var(--blue);
    font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif;
    font-size: 20px;
    font-weight: 800;
}

.metric-card div[b-pnrjqtalh7] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.metric-card small[b-pnrjqtalh7] {
    min-height: 30px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.25;
}

.metric-card strong[b-pnrjqtalh7] {
    overflow: hidden;
    font-size: clamp(20px, 1.6vw, 28px);
    font-weight: 750;
    letter-spacing: -.04em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.metric-card.green .metric-icon[b-pnrjqtalh7] {
    background: #dcf8ea;
    color: var(--green);
}

.metric-card.green strong[b-pnrjqtalh7] {
    color: var(--green);
}

.metric-card.yellow .metric-icon[b-pnrjqtalh7] {
    background: #fff3d6;
    color: var(--yellow);
}

.metric-card.yellow strong[b-pnrjqtalh7] {
    color: #c57b00;
}

.metric-card.red .metric-icon[b-pnrjqtalh7] {
    background: #ffe5e5;
    color: var(--red);
}

.metric-card.red strong[b-pnrjqtalh7] {
    color: var(--red);
}

.metric-card.neutral .metric-icon[b-pnrjqtalh7] {
    background: #edf1f4;
    color: #6b8da8;
}

.metric-card.neutral strong[b-pnrjqtalh7] {
    color: #6b8da8;
}

/* Identidade da rede e usuário: padrão visual compartilhado entre as telas. */
.network-brand-center .cor-razao[b-pnrjqtalh7]{color:#2563eb;font-size:16px;font-weight:700;line-height:1.3}
.network-user[b-pnrjqtalh7]{flex-direction:column;justify-content:center;gap:5px;text-align:center}
.network-user-name[b-pnrjqtalh7]{justify-content:center;text-align:center}

/* Mesmo padrão visual do cabeçalho da página de Checklists. */
.network-brand-center[b-pnrjqtalh7]{width:210px;gap:4px}
.network-brand-center img[b-pnrjqtalh7]{max-width:112px!important;max-height:52px!important;object-fit:contain}
.network-user[b-pnrjqtalh7]{min-height:0;padding:9px 12px;border-radius:12px;background:#fff}
.network-avatar[b-pnrjqtalh7]{width:36px;height:36px;flex:0 0 36px;font-size:12px}
.network-user strong[b-pnrjqtalh7]{max-width:220px;font-size:15px;font-weight:750}
.recebimentos-dashboard-grid[b-pnrjqtalh7]{display:grid;grid-template-columns:minmax(420px,1.25fr) minmax(360px,1fr);gap:14px;margin-bottom:14px}.recebimentos-dashboard-column[b-pnrjqtalh7]{display:grid;grid-template-rows:auto 1fr;gap:14px}.recebimentos-dashboard-card[b-pnrjqtalh7]{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 3px 10px #121f2d0a}.recebimentos-card-heading[b-pnrjqtalh7]{padding:14px 16px 11px}.recebimentos-card-heading h2[b-pnrjqtalh7]{margin:0;font-size:17px}.recebimentos-card-heading p[b-pnrjqtalh7]{margin:2px 0 0;color:var(--muted);font-size:13px}.recebimentos-map-card[b-pnrjqtalh7]{display:flex;min-height:440px;flex-direction:column}.recebimentos-map-wrap[b-pnrjqtalh7]{position:relative;display:flex;flex:1;min-height:340px;margin:0 12px}.recebimentos-network-map[b-pnrjqtalh7]{width:100%;min-height:340px;border:1px solid var(--border);border-radius:8px;z-index:0}.recebimentos-map-empty[b-pnrjqtalh7]{position:absolute;z-index:500;left:50%;bottom:18px;transform:translateX(-50%);padding:8px 12px;border-radius:7px;background:#fffffff0;color:var(--muted);font-size:11px}.recebimentos-map-legend[b-pnrjqtalh7]{display:flex;flex-wrap:wrap;gap:14px;padding:13px 16px;color:var(--muted);font-size:11px}.recebimentos-map-legend span[b-pnrjqtalh7]{display:flex;align-items:center;gap:5px}.recebimentos-map-legend i[b-pnrjqtalh7]{width:9px;height:9px;border-radius:50%}.recebimentos-map-legend .safe[b-pnrjqtalh7]{background:var(--green)}.recebimentos-map-legend .attention[b-pnrjqtalh7]{background:var(--yellow)}.recebimentos-map-legend .critical[b-pnrjqtalh7]{background:var(--red)}.recebimentos-map-legend .neutral[b-pnrjqtalh7]{background:#6b8da8}.immediate-card[b-pnrjqtalh7]{min-height:130px}.immediate-row[b-pnrjqtalh7]{display:grid;grid-template-columns:34px auto 1fr;align-items:center;gap:9px;margin:0 12px 12px;padding:11px;border:1px solid #f1dcdc;border-radius:8px;background:#fffafa}.action-symbol[b-pnrjqtalh7]{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-weight:900}.immediate-row strong[b-pnrjqtalh7]{color:var(--red);font-size:20px}.immediate-row span:last-child[b-pnrjqtalh7]{color:#4f5c69;font-size:12px}.history-chart-card[b-pnrjqtalh7]{min-height:250px;margin-bottom:14px}.history-chart[b-pnrjqtalh7]{height:185px;display:flex;align-items:stretch;gap:clamp(8px,2vw,24px);padding:8px 22px 0}.history-column[b-pnrjqtalh7]{min-width:42px;display:grid;flex:1;grid-template-rows:28px 1fr 24px;align-items:end;text-align:center}.history-values[b-pnrjqtalh7]{display:flex;justify-content:center;gap:5px;font-size:9px}.history-values span[b-pnrjqtalh7]{color:var(--blue);font-weight:800}.history-values em[b-pnrjqtalh7]{color:var(--green);font-style:normal;font-weight:800}.history-bars[b-pnrjqtalh7]{height:120px;display:flex;align-items:end;justify-content:center;gap:3px;border-bottom:1px solid var(--border);background-image:linear-gradient(to top,#eef2f5 1px,transparent 1px);background-size:100% 25%}.history-bars i[b-pnrjqtalh7]{width:min(18px,30%);min-height:3px;border-radius:4px 4px 0 0}.volume-bar[b-pnrjqtalh7]{background:var(--blue)}.quality-bar[b-pnrjqtalh7]{background:var(--green)}.history-column small[b-pnrjqtalh7]{padding-top:6px;color:var(--muted);font-size:9px}.history-empty[b-pnrjqtalh7]{min-height:150px;display:grid;place-items:center;color:var(--muted);font-size:12px}
.pie-chart-layout[b-pnrjqtalh7]{min-height:210px;display:flex;align-items:center;justify-content:center;gap:clamp(36px,8vw,120px);padding:12px 28px 24px}.pie-chart[b-pnrjqtalh7]{width:170px;height:170px;position:relative;flex:0 0 170px;border-radius:50%;box-shadow:0 8px 26px #12263d1a}.pie-chart[b-pnrjqtalh7]::after{content:"";position:absolute;inset:28px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #e7edf4}.pie-chart-center[b-pnrjqtalh7]{position:absolute;inset:0;z-index:1;display:grid;place-content:center;text-align:center}.pie-chart-center strong[b-pnrjqtalh7]{font-size:30px;line-height:1;color:#172033}.pie-chart-center span[b-pnrjqtalh7]{margin-top:5px;color:var(--muted);font-size:11px}.pie-chart-legend[b-pnrjqtalh7]{min-width:310px;display:grid;gap:10px}.pie-chart-legend>div[b-pnrjqtalh7]{display:grid;grid-template-columns:12px minmax(150px,1fr) 45px 60px;align-items:center;gap:9px;padding:9px 11px;border:1px solid #e7edf4;border-radius:8px}.pie-chart-legend i[b-pnrjqtalh7]{width:10px;height:10px;border-radius:50%}.pie-chart-legend i.conforme[b-pnrjqtalh7],.pie-chart-legend i.safe[b-pnrjqtalh7]{background:#15ad67}.pie-chart-legend i.nao-conforme[b-pnrjqtalh7],.pie-chart-legend i.critical[b-pnrjqtalh7]{background:#ef4444}.pie-chart-legend i.pendente[b-pnrjqtalh7],.pie-chart-legend i.attention[b-pnrjqtalh7]{background:#f0a313}.pie-chart-legend i.neutral[b-pnrjqtalh7]{background:#6b8da8}.pie-chart-legend span[b-pnrjqtalh7]{color:#475569;font-size:12px}.pie-chart-legend strong[b-pnrjqtalh7]{font-size:14px;text-align:right}.pie-chart-legend b[b-pnrjqtalh7]{color:#64748b;font-size:12px;text-align:right}.performance-pie-layout[b-pnrjqtalh7]{min-height:0;gap:18px;padding:4px 14px 16px;justify-content:flex-start}.performance-pie[b-pnrjqtalh7]{width:132px;height:132px;flex-basis:132px}.performance-pie[b-pnrjqtalh7]::after{inset:22px}.performance-pie .pie-chart-center strong[b-pnrjqtalh7]{font-size:25px}.performance-pie-legend[b-pnrjqtalh7]{min-width:0;flex:1;gap:5px}.performance-pie-legend>div[b-pnrjqtalh7]{grid-template-columns:10px minmax(66px,1fr) 24px 42px;gap:6px;padding:6px 7px}.pie-chart.is-empty[b-pnrjqtalh7]{box-shadow:none}@media(max-width:650px){.pie-chart-layout[b-pnrjqtalh7]{flex-direction:column;gap:20px}.pie-chart-legend[b-pnrjqtalh7]{width:100%;min-width:0}.pie-chart-legend>div[b-pnrjqtalh7]{grid-template-columns:12px 1fr 36px 55px}.performance-pie-layout[b-pnrjqtalh7]{align-items:center}.performance-pie-legend>div[b-pnrjqtalh7]{grid-template-columns:12px 1fr 36px 55px}}
[b-pnrjqtalh7] .qualy-map-marker{border:0;background:transparent}[b-pnrjqtalh7] .qualy-map-pin{width:20px;height:20px;display:grid;place-items:center;border:2px solid #fff;border-radius:50% 50% 50% 0;box-shadow:0 2px 6px #141f2a4d;color:#fff;font-size:10px;font-weight:900;transform:rotate(-45deg)}[b-pnrjqtalh7] .qualy-map-pin span{transform:rotate(45deg)}[b-pnrjqtalh7] .qualy-map-pin.safe{background:var(--green)}[b-pnrjqtalh7] .qualy-map-pin.attention{background:var(--yellow)}[b-pnrjqtalh7] .qualy-map-pin.critical{background:var(--red)}[b-pnrjqtalh7] .qualy-map-pin.neutral{background:#6b8da8}[b-pnrjqtalh7] .qualy-map-popup{min-width:260px;font-family:Inter,sans-serif}
@media(max-width:1180px){.recebimentos-dashboard-grid[b-pnrjqtalh7]{grid-template-columns:1fr}.recebimentos-dashboard-column[b-pnrjqtalh7]{grid-template-columns:1fr 1.3fr;grid-template-rows:auto}}@media(max-width:820px){.recebimentos-dashboard-column[b-pnrjqtalh7]{grid-template-columns:1fr}.history-chart[b-pnrjqtalh7]{overflow-x:auto}.history-column[b-pnrjqtalh7]{min-width:50px}}

/* -------------------------------------------------------------
 * TABELA DE HISTÓRICO (ADAPTADA VISUALMENTE)
 * ------------------------------------------------------------- */
.table-wrapper[b-pnrjqtalh7] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: 10px; /* Igual os cards */
    background: var(--surface);
    box-shadow: 0 3px 10px rgba(18,31,45,.04);
}

.table-toolbar[b-pnrjqtalh7] {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    padding: 11px 18px;
    border-bottom: 1px solid var(--border);
}

    .table-toolbar h2[b-pnrjqtalh7] {
        margin: 0;
        font-size: 15px;
        font-weight: 750;
    }

.data-table[b-pnrjqtalh7] {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
    table-layout: auto;
}

    .data-table th[b-pnrjqtalh7] {
        padding: 11px 16px;
        border: 0;
        background: #fbfcfe;
        color: var(--muted);
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .02em;
        text-align: left;
        text-transform: uppercase;
        white-space: nowrap;
        cursor: pointer;
    }

        .data-table th:nth-child(4)[b-pnrjqtalh7],
        .data-table td:nth-child(4)[b-pnrjqtalh7],
        .data-table th:last-child[b-pnrjqtalh7],
        .data-table td:last-child[b-pnrjqtalh7] {
            text-align: right;
        }

        .data-table th:nth-child(5)[b-pnrjqtalh7],
        .data-table td:nth-child(5)[b-pnrjqtalh7] {
            text-align: center;
        }

    .data-table td[b-pnrjqtalh7] {
        padding: 13px 16px;
        border-top: 1px solid var(--border);
        color: var(--text);
        line-height: 1.35;
        vertical-align: middle;
    }

        .data-table td:first-child[b-pnrjqtalh7] {
            color: var(--muted);
            white-space: nowrap;
        }

    .data-table tbody tr[b-pnrjqtalh7] {
        transition: background-color .18s ease, box-shadow .18s ease;
    }

        .data-table tbody tr.row--reprovado[b-pnrjqtalh7] {
            background: #fffafa;
        }

            .data-table tbody tr:hover[b-pnrjqtalh7],
            .data-table tbody tr.row--reprovado:hover[b-pnrjqtalh7] {
                background: #e8f3ff;
                box-shadow: inset 4px 0 0 var(--blue);
            }

.col-label[b-pnrjqtalh7] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.date-cell[b-pnrjqtalh7] {
    display: inline-flex;
    align-items: center;
    gap: 11px;
}

    .date-cell i[b-pnrjqtalh7] {
        color: #8297b2;
        font-size: 18px;
        font-style: normal;
    }

.status[b-pnrjqtalh7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

.status--ok[b-pnrjqtalh7] {
    background: var(--success-soft);
    color: var(--green);
}

.status--tolerancia[b-pnrjqtalh7] {
    background: #fff2dd;
    color: #ad641f;
}

.status--reprovado[b-pnrjqtalh7] {
    background: var(--danger-soft);
    color: var(--red);
}

.btn-view[b-pnrjqtalh7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid #d9dee5;
    border-radius: 7px;
    background: var(--surface);
    color: #3d4652;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color .18s ease, background-color .18s ease, color .18s ease;
}

    .btn-view:hover[b-pnrjqtalh7] {
        border-color: #bad7f7;
        background: #f0f7ff;
        color: var(--blue-dark);
    }

.empty-row[b-pnrjqtalh7] {
    height: 92px;
    color: var(--muted) !important;
    text-align: center !important;
}

/* -------------------------------------------------------------
 * BREAKPOINTS (EXATAMENTE COMO NA VISAO DA REDE)
 * ------------------------------------------------------------- */

/* Tablet / Desktop Menor */
@media (max-width: 1180px) {
    .network-brand-center[b-pnrjqtalh7] {
        position: static;
        order: 2;
        margin-right: auto;
        margin-left: auto;
        transform: none;
        align-content: center;
    }

    .network-user[b-pnrjqtalh7] {
        order: 3;
    }

    .network-controls .network-location[b-pnrjqtalh7] {
        order: 4;
        width: 100%;
        max-width: none;
        flex-basis: 100%;
    }

    .network-controls[b-pnrjqtalh7] {
        flex-direction: column;
    }

        .network-controls .network-filters[b-pnrjqtalh7] {
            flex: 1 1 auto;
            width: 100%;
        }

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

/* Cabeçalho com as mesmas proporções e alinhamentos da página de Checklists. */
.network-main[b-pnrjqtalh7] {
    padding: 34px 42px 36px;
}

.network-header[b-pnrjqtalh7] {
    min-height: 78px;
    flex-wrap: nowrap;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.network-header h1[b-pnrjqtalh7] {
    margin: 0 0 4px;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    color: #212529;
    letter-spacing: -.035em;
}

.network-main .network-header p[b-pnrjqtalh7] {
    margin: 0;
    color: #64748b;
    font-size: 16px;
    line-height: 1.5;
}

.network-brand-center[b-pnrjqtalh7] {
    top: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 1200px) {
    .network-header[b-pnrjqtalh7] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 14px;
        min-height: 0;
    }

    .network-heading[b-pnrjqtalh7] {
        grid-column: 1;
        grid-row: 1;
    }

    .network-user[b-pnrjqtalh7] {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
    }

    .network-brand-center[b-pnrjqtalh7] {
        position: static;
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: center;
        width: min(100%, 260px);
        margin: 0;
        transform: none;
    }
}

@media (max-width: 700px) {
    .network-main[b-pnrjqtalh7] {
        padding: 18px 14px 28px;
    }

    .network-header[b-pnrjqtalh7] {
        grid-template-columns: 1fr;
    }

    .network-heading[b-pnrjqtalh7],
    .network-user[b-pnrjqtalh7],
    .network-brand-center[b-pnrjqtalh7] {
        grid-column: 1;
        grid-row: auto;
    }
}

/* Mobile: Header reorganizado, Sidebar top */
@media (max-width: 820px) {
    .network-shell[b-pnrjqtalh7] {
        display: block;
    }

    .network-sidebar[b-pnrjqtalh7] {
        width: 100%;
        min-height: auto;
        position: static;
        padding: 10px;
    }

    .network-logo[b-pnrjqtalh7] {
        min-height: 48px;
        margin: 0;
        padding: 0 0 9px;
    }

        .network-logo img[b-pnrjqtalh7] {
            width: 128px;
        }

    .network-nav[b-pnrjqtalh7] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 10px;
    }

    .network-nav-item.future[b-pnrjqtalh7], .network-logout[b-pnrjqtalh7] {
        display: none;
    }

    .network-main[b-pnrjqtalh7] {
        padding: 18px 14px 28px;
    }

    .network-controls[b-pnrjqtalh7] {
        gap: 10px;
        margin-bottom: 10px;
    }

        .network-controls .network-location[b-pnrjqtalh7] {
            flex: 0 0 auto;
        }

    .network-header[b-pnrjqtalh7] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "heading user"
            "brand brand";
        align-items: start;
        gap: 8px 12px;
    }

    .network-heading[b-pnrjqtalh7] {
        grid-area: heading;
    }

    .network-user[b-pnrjqtalh7] {
        grid-area: user;
        justify-self: end;
        align-self: start;
    }

    .network-brand-center[b-pnrjqtalh7] {
        grid-area: brand;
        position: static;
        left: auto;
        top: auto;
        width: 100%;
        transform: none;
        margin-top: 2px;
        gap: 4px;
    }

        .network-brand-center .network-brand-name[b-pnrjqtalh7] {
            width: auto;
            font-size: 13px;
        }

    .network-location[b-pnrjqtalh7] {
        min-width: 0;
        grid-template-columns: 1fr;
        flex: 0 0 auto;
        width: 100%;
    }

    .network-location-item[b-pnrjqtalh7] {
        min-height: auto;
        padding: 6px 10px;
    }

    .network-user > span:last-child[b-pnrjqtalh7] {
        display: none;
    }

    .network-filters[b-pnrjqtalh7] {
        justify-content: stretch;
    }

        .network-filters label[b-pnrjqtalh7] {
            min-width: 0;
            flex: 1;
            flex-direction: column;
            align-items: stretch;
        }

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

/* Telas muito pequenas */
@media (max-width: 520px) {
    .network-heading[b-pnrjqtalh7] {
        width: 100%;
    }

    .network-brand-center[b-pnrjqtalh7] {
        width: 100%;
        margin: 4px 0 0;
    }

    .network-header h1[b-pnrjqtalh7] {
        font-size: 23px;
    }

    .network-brand-name[b-pnrjqtalh7] {
        font-size: 15px;
        color: #4f7fae;
        font-weight: 600;
        text-align: center;
    }

    .network-filters[b-pnrjqtalh7] {
        flex-direction: column;
    }

    .network-controls[b-pnrjqtalh7] {
        gap: 8px;
        margin-bottom: 8px;
    }

        .network-controls .network-location[b-pnrjqtalh7] {
            flex: 0 0 auto;
        }

    .network-location-item[b-pnrjqtalh7] {
        min-height: auto;
        padding: 6px 10px;
    }

        .network-location-item > span[b-pnrjqtalh7] {
            font-size: 11px;
        }

        .network-location-item strong[b-pnrjqtalh7] {
            font-size: 13px;
        }

    .metric-grid[b-pnrjqtalh7] {
        grid-template-columns: 1fr;
    }

    .metric-card[b-pnrjqtalh7] {
        min-height: 82px;
    }
}

/* Painel unificado que engloba tudo (Fundo Branco) */
.network-top-panel[b-pnrjqtalh7] {
    display: flex;
    align-items: flex-end; /* Alinha a base do select com a base dos cards */
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--surface);
    margin-bottom: 14px;
    box-shadow: 0 3px 10px rgba(18,31,45,.04);
    flex-wrap: wrap;
}

/* Área dos Filtros (Selects) */
.network-filters-unified[b-pnrjqtalh7] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex: 0 0 auto;
}

    .network-filters-unified label[b-pnrjqtalh7] {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        gap: 4px;
        margin: 0;
    }

    .network-filters-unified span[b-pnrjqtalh7] {
        color: var(--muted);
        font-size: 11px;
        font-weight: 700;
    }

    .network-filters-unified select[b-pnrjqtalh7] {
        height: 44px; /* Mesma altura da caixa de endereço */
        min-width: 220px;
        padding: 0 10px;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: transparent;
        color: var(--text);
        font-size: 13px;
        font-weight: 600;
        outline: none;
        transition: border-color .18s;
    }

        .network-filters-unified select:focus[b-pnrjqtalh7] {
            border-color: var(--blue);
        }

/* Os itens de Endereço e Coordenadas (Mantendo os cards com borda) */
.network-top-panel .network-location-item[b-pnrjqtalh7] {
    flex: 1;
    min-width: 220px;
    margin: 0;
}

/* Ajustes Responsivos para Tablets e Celulares */
@media (max-width: 1180px) {
    .network-top-panel[b-pnrjqtalh7] {
        flex-direction: column;
        align-items: stretch;
    }

    .network-filters-unified[b-pnrjqtalh7] {
        flex-wrap: wrap;
        width: 100%;
    }

        .network-filters-unified label[b-pnrjqtalh7] {
            flex: 1;
            min-width: 200px;
        }

    .network-top-panel .network-location-item[b-pnrjqtalh7] {
        width: 100%;
    }
}

/* Mantém no celular a mesma hierarquia tipográfica usada no Checklist. */
@media (max-width: 700px) {
    .network-header[b-pnrjqtalh7] {
        grid-template-columns: 1fr;
        grid-template-areas: none;
    }

    .network-heading[b-pnrjqtalh7],
    .network-user[b-pnrjqtalh7],
    .network-brand-center[b-pnrjqtalh7] {
        grid-area: auto;
        grid-column: 1;
        grid-row: auto;
    }

    .network-header h1[b-pnrjqtalh7] {
        font-size: 30px;
    }

    .network-user > span:last-child[b-pnrjqtalh7] {
        display: flex;
    }
}
/* /Components/Pages/RelatorioProduto.razor.rz.scp.css */
.report-shell[b-o2b5455c3b],.report-shell *[b-o2b5455c3b]{box-sizing:border-box}.report-shell[b-o2b5455c3b]{min-height:100vh;display:flex;background:#eef4fa;color:#132033;font-family:Inter,system-ui,sans-serif}.report-main[b-o2b5455c3b]{width:calc(100% - 236px);padding:36px clamp(20px,3vw,48px) 60px}.report-header[b-o2b5455c3b]{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow[b-o2b5455c3b]{color:#1479de;font-size:11px;font-weight:800;letter-spacing:.12em}.report-header h1[b-o2b5455c3b]{margin:7px 0 5px;font-size:34px;letter-spacing:-.025em}.report-header p[b-o2b5455c3b]{margin:0;color:#64748b}.print-button[b-o2b5455c3b]{padding:12px 16px;border:0;border-radius:10px;background:#1479de;color:#fff;font-weight:750;cursor:pointer;box-shadow:0 8px 20px #1479de32}.overview[b-o2b5455c3b]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.overview article[b-o2b5455c3b],.panel[b-o2b5455c3b]{border:1px solid #dce5ef;border-radius:17px;background:#fff;box-shadow:0 6px 20px rgba(25,51,82,.055)}.overview article[b-o2b5455c3b]{position:relative;overflow:hidden;padding:20px 22px}.overview article[b-o2b5455c3b]::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#64748b}.overview article.success[b-o2b5455c3b]::before{background:#16a66a}.overview article.danger[b-o2b5455c3b]::before{background:#ef4444}.overview article.warning[b-o2b5455c3b]::before{background:#f2a516}.overview span[b-o2b5455c3b]{display:block;color:#64748b;font-size:13px;font-weight:650}.overview strong[b-o2b5455c3b]{display:block;margin:7px 0 2px;font-size:31px}.overview small[b-o2b5455c3b]{color:#8a99aa}.report-grid[b-o2b5455c3b]{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:18px;margin-bottom:18px}.panel[b-o2b5455c3b]{padding:24px}.result-panel[b-o2b5455c3b]{display:grid;grid-template-columns:1fr 160px;gap:20px;align-items:center}.panel h2[b-o2b5455c3b]{margin:7px 0 7px;font-size:21px}.panel p[b-o2b5455c3b]{margin:0;color:#64748b;line-height:1.55}.donut[b-o2b5455c3b]{width:145px;height:145px;display:grid;place-items:center;border-radius:50%}.donut>span[b-o2b5455c3b]{width:98px;height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#fff}.donut strong[b-o2b5455c3b]{font-size:25px}.donut small[b-o2b5455c3b]{color:#64748b}.legend[b-o2b5455c3b]{grid-column:1/-1;display:flex;gap:20px;padding-top:17px;border-top:1px solid #e7edf4}.legend span[b-o2b5455c3b]{display:flex;align-items:center;gap:7px;color:#64748b;font-size:13px}.legend i[b-o2b5455c3b]{width:9px;height:9px;border-radius:50%}.legend .green[b-o2b5455c3b]{background:#16a66a}.legend .red[b-o2b5455c3b]{background:#ef4444}.legend .yellow[b-o2b5455c3b]{background:#f2a516}.legend b[b-o2b5455c3b]{color:#132033}.attention-panel[b-o2b5455c3b]{display:flex;flex-direction:column}.attention-number[b-o2b5455c3b]{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:20px}.attention-number strong[b-o2b5455c3b]{font-size:38px;color:#ef4444}.attention-number span[b-o2b5455c3b]{max-width:135px;color:#64748b;font-size:13px}.details-panel[b-o2b5455c3b]{padding:0;overflow:hidden}.section-heading[b-o2b5455c3b]{display:flex;align-items:center;justify-content:space-between;padding:22px 24px}.section-heading h2[b-o2b5455c3b]{margin-bottom:0}.section-heading>span[b-o2b5455c3b]{color:#64748b;font-size:13px}.table-wrap[b-o2b5455c3b]{overflow-x:auto}table[b-o2b5455c3b]{width:100%;min-width:820px;border-collapse:collapse}th[b-o2b5455c3b],td[b-o2b5455c3b]{padding:14px 18px;border-top:1px solid #e7edf4;text-align:left}th[b-o2b5455c3b]{background:#f8fafc;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.06em}td[b-o2b5455c3b]{font-size:13px}td:nth-child(n+2):not(:last-child)[b-o2b5455c3b]{text-align:center}.number-success[b-o2b5455c3b]{color:#0b925b;font-weight:750}.number-danger[b-o2b5455c3b]{color:#dc3333;font-weight:750}.progress[b-o2b5455c3b]{width:85px;height:7px;display:inline-block;overflow:hidden;margin-right:8px;border-radius:999px;background:#e9eef4;vertical-align:middle}.progress i[b-o2b5455c3b]{height:100%;display:block;border-radius:inherit;background:#16a66a}.situation[b-o2b5455c3b]{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:750}.situation.good[b-o2b5455c3b]{background:#dcfce7;color:#15803d}.situation.attention[b-o2b5455c3b]{background:#fff4d6;color:#9a5a06}.situation.critical[b-o2b5455c3b]{background:#fee2e2;color:#b91c1c}.situation.neutral[b-o2b5455c3b]{background:#edf1f5;color:#64748b}.report-message[b-o2b5455c3b]{padding:24px;border:1px solid #dce5ef;border-radius:15px;background:#fff}.report-message.error[b-o2b5455c3b]{color:#b91c1c;background:#fff1f2}@media(max-width:1050px){.overview[b-o2b5455c3b]{grid-template-columns:repeat(2,1fr)}.report-grid[b-o2b5455c3b]{grid-template-columns:1fr}.attention-number[b-o2b5455c3b]{margin-top:24px}}@media(max-width:820px){.report-shell[b-o2b5455c3b]{display:block}.report-main[b-o2b5455c3b]{width:100%;padding:25px 15px 45px}.report-header[b-o2b5455c3b]{flex-direction:column}.result-panel[b-o2b5455c3b]{grid-template-columns:1fr}.donut[b-o2b5455c3b]{grid-row:2}.legend[b-o2b5455c3b]{grid-row:3}.overview[b-o2b5455c3b]{gap:10px}.overview article[b-o2b5455c3b]{padding:16px}.overview strong[b-o2b5455c3b]{font-size:25px}}@media(max-width:520px){.overview[b-o2b5455c3b]{grid-template-columns:1fr 1fr}.legend[b-o2b5455c3b]{align-items:flex-start;flex-direction:column;gap:9px}.print-button[b-o2b5455c3b]{width:100%}}
.report-identification[b-o2b5455c3b],.report-prose[b-o2b5455c3b],.report-section[b-o2b5455c3b]{margin-bottom:18px}.report-identification[b-o2b5455c3b]{padding:0}.report-identification .section-heading[b-o2b5455c3b]{border-bottom:1px solid #e7edf4}.identification-grid[b-o2b5455c3b]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:8px 24px 22px;gap:0 28px}.identification-grid div[b-o2b5455c3b]{padding:14px 0;border-bottom:1px solid #edf1f5}.identification-grid dt[b-o2b5455c3b]{margin-bottom:5px;color:#64748b;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.identification-grid dd[b-o2b5455c3b]{margin:0;font-size:14px;font-weight:700}.report-prose h2[b-o2b5455c3b]{margin:7px 0 8px}.report-prose p+p[b-o2b5455c3b]{margin-top:12px}.classification-result[b-o2b5455c3b]{color:#1479de;font-size:13px}.compact-table table[b-o2b5455c3b]{min-width:520px}.findings-section[b-o2b5455c3b]{padding:0}.findings-list[b-o2b5455c3b]{display:grid;gap:0}.finding-item[b-o2b5455c3b]{padding:22px 24px;border-top:1px solid #e7edf4}.finding-item header[b-o2b5455c3b]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.finding-number[b-o2b5455c3b]{display:inline-flex;padding:6px 9px;border-radius:7px;background:#fee2e2;color:#b91c1c;font-size:11px;font-weight:850}.finding-item header div[b-o2b5455c3b]{display:flex;flex-direction:column;gap:4px}.finding-item header div>small[b-o2b5455c3b]{color:#64748b}.criticality[b-o2b5455c3b]{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:750}.criticality.blocking[b-o2b5455c3b],.criticality.critical[b-o2b5455c3b]{background:#7f1d1d;color:#fff}.criticality.high[b-o2b5455c3b]{background:#fee2e2;color:#b91c1c}.criticality.medium[b-o2b5455c3b]{background:#fff4d6;color:#9a5a06}.criticality.low[b-o2b5455c3b]{background:#edf1f5;color:#475569}.finding-item dl[b-o2b5455c3b]{display:grid;grid-template-columns:2fr 1fr 1.3fr 1fr;gap:14px;margin:17px 0 0;padding:14px;border-radius:10px;background:#f8fafc}.finding-item dl div[b-o2b5455c3b]{min-width:0}.finding-item dt[b-o2b5455c3b]{color:#64748b;font-size:10px;font-weight:750;text-transform:uppercase}.finding-item dd[b-o2b5455c3b]{margin:4px 0 0;font-size:12px;font-weight:650;overflow-wrap:anywhere}.finding-item p[b-o2b5455c3b]{margin-top:14px;font-size:13px}.empty-findings[b-o2b5455c3b]{padding:0 24px 24px}.action-criterion[b-o2b5455c3b]{display:block;margin-top:5px;color:#64748b;font-weight:400;line-height:1.35}.declaration-section .signature-grid[b-o2b5455c3b]{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:48px}.signature-grid div[b-o2b5455c3b]{padding-top:12px;border-top:1px solid #94a3b8}.signature-grid span[b-o2b5455c3b],.signature-grid small[b-o2b5455c3b]{display:block;color:#64748b;font-size:11px}.signature-grid strong[b-o2b5455c3b]{display:block;margin:5px 0;font-size:13px}
.report-filter[b-o2b5455c3b]{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:18px 22px;border:1px solid #bfdbfe;border-radius:15px;background:#fff;box-shadow:0 6px 20px rgba(25,51,82,.055)}.report-filter>div[b-o2b5455c3b]{display:flex;flex-direction:column;gap:5px}.report-filter label[b-o2b5455c3b]{width:min(420px,48%);display:flex;align-items:center;gap:12px}.report-filter label>span[b-o2b5455c3b]{color:#64748b;font-size:12px;font-weight:750;text-transform:uppercase}.report-filter select[b-o2b5455c3b]{width:100%;padding:11px 38px 11px 13px;border:1px solid #cbd5e1;border-radius:9px;background:#f8fafc;color:#132033;font:inherit;font-weight:650;cursor:pointer}
@media(max-width:820px){.report-filter[b-o2b5455c3b]{align-items:stretch;flex-direction:column}.report-filter label[b-o2b5455c3b]{width:100%;align-items:stretch;flex-direction:column;gap:6px}.identification-grid[b-o2b5455c3b]{grid-template-columns:1fr 1fr}.finding-item header[b-o2b5455c3b]{grid-template-columns:auto 1fr}.criticality[b-o2b5455c3b]{grid-column:2}.finding-item dl[b-o2b5455c3b]{grid-template-columns:1fr 1fr}.declaration-section .signature-grid[b-o2b5455c3b]{grid-template-columns:1fr;gap:36px}}
@media print{.report-main[b-o2b5455c3b]{width:100%;padding:0}.print-button[b-o2b5455c3b],.report-filter[b-o2b5455c3b]{display:none}.report-header[b-o2b5455c3b]{margin-bottom:18px}.overview article[b-o2b5455c3b],.panel[b-o2b5455c3b]{box-shadow:none}.report-shell[b-o2b5455c3b]{background:#fff}.details-panel[b-o2b5455c3b]{break-before:auto}.network-sidebar[b-o2b5455c3b],.mobile-topbar[b-o2b5455c3b]{display:none!important}.report-identification[b-o2b5455c3b],.report-prose[b-o2b5455c3b],.report-section[b-o2b5455c3b],.finding-item[b-o2b5455c3b]{break-inside:avoid}.findings-section[b-o2b5455c3b],.action-plan[b-o2b5455c3b]{break-inside:auto}.donut[b-o2b5455c3b],.legend i[b-o2b5455c3b],.overview article[b-o2b5455c3b]::before,.progress i[b-o2b5455c3b],.situation[b-o2b5455c3b]{-webkit-print-color-adjust:exact;print-color-adjust:exact}.legend i[b-o2b5455c3b]{display:none}.legend>span[b-o2b5455c3b]::before{width:22px;height:16px;display:grid;place-items:center;border:1px solid #111;border-radius:2px;color:#111;font-size:8px;font-weight:800}.legend>span:nth-child(1)[b-o2b5455c3b]::before{content:"C";background:#111;color:#fff}.legend>span:nth-child(2)[b-o2b5455c3b]::before{content:"NC";border:2px dashed #111}.legend>span:nth-child(3)[b-o2b5455c3b]::before{content:"SR";border:2px dotted #111}.identification-grid[b-o2b5455c3b]{grid-template-columns:repeat(3,1fr)}.finding-item[b-o2b5455c3b]{padding:16px 20px}.finding-item dl[b-o2b5455c3b]{padding:10px}.declaration-section[b-o2b5455c3b]{break-before:page}}

/* Mantém os títulos e valores do resumo alinhados em qualquer largura. */
.table-wrap[b-o2b5455c3b]{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.report-summary-table[b-o2b5455c3b]{table-layout:fixed}
.report-summary-table th:nth-child(n+2)[b-o2b5455c3b],.report-summary-table td:nth-child(n+2)[b-o2b5455c3b]{text-align:center}
.report-summary-table th:first-child[b-o2b5455c3b]{width:22%}
.report-summary-table th:nth-child(2)[b-o2b5455c3b],.report-summary-table th:nth-child(3)[b-o2b5455c3b],.report-summary-table th:nth-child(4)[b-o2b5455c3b],.report-summary-table th:nth-child(5)[b-o2b5455c3b]{width:10%}
.report-summary-table th:nth-child(6)[b-o2b5455c3b]{width:24%}
.report-summary-table th:nth-child(7)[b-o2b5455c3b]{width:14%}
.report-summary-table .progress[b-o2b5455c3b]{width:min(85px,55%)}
.report-category-table[b-o2b5455c3b]{table-layout:fixed}
.report-category-table th:nth-child(n+2)[b-o2b5455c3b],.report-category-table td:nth-child(n+2)[b-o2b5455c3b]{text-align:center}
.report-category-table th:first-child[b-o2b5455c3b]{width:30%}
.report-category-table th:nth-child(2)[b-o2b5455c3b],.report-category-table th:nth-child(3)[b-o2b5455c3b],.report-category-table th:nth-child(4)[b-o2b5455c3b],.report-category-table th:nth-child(5)[b-o2b5455c3b]{width:12%}
.report-category-table th:nth-child(6)[b-o2b5455c3b]{width:22%}
.report-category-table .progress[b-o2b5455c3b]{width:min(85px,55%)}

@media(max-width:820px){
    .section-heading[b-o2b5455c3b]{align-items:flex-start;gap:10px;padding:18px}
    .report-summary-table[b-o2b5455c3b]{min-width:760px}
    .report-category-table[b-o2b5455c3b]{min-width:700px}
    .report-summary-table th[b-o2b5455c3b],.report-summary-table td[b-o2b5455c3b],.report-category-table th[b-o2b5455c3b],.report-category-table td[b-o2b5455c3b]{padding:12px 10px}
}
@media(max-width:520px){
    .section-heading[b-o2b5455c3b]{flex-direction:column}
    .section-heading>span[b-o2b5455c3b]{align-self:flex-start}
}
.recommended-actions[b-o2b5455c3b]{margin-top:14px;padding:14px 16px;border-left:4px solid #1479de;border-radius:0 10px 10px 0;background:#eff6ff;color:#1e3a5f}.recommended-actions>strong[b-o2b5455c3b]{display:block;margin-bottom:5px;color:#0f5fb8;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.recommended-actions p[b-o2b5455c3b]{margin:0;color:#334e6f;line-height:1.55}
.main-legislation[b-o2b5455c3b]{margin:14px 0 0;padding:11px 14px;border-radius:9px;background:#f8fafc;color:#475569;line-height:1.5}.main-legislation strong[b-o2b5455c3b]{color:#26374f}
/* /Components/Pages/VisaoDaRede.razor.rz.scp.css */
.network-shell[b-a80iwx0xek],
.network-shell *[b-a80iwx0xek] {
    box-sizing: border-box;
}

/* Ajustes finais de legibilidade: mantidos no fim para prevalecerem sobre os estilos responsivos. */
.network-main .metric-card small[b-a80iwx0xek]{font-size:15px}
.network-main .metric-card strong[b-a80iwx0xek]{font-size:clamp(24px,2vw,31px)}
.network-main .card-heading h2[b-a80iwx0xek]{font-size:18px}
.network-main .card-heading p[b-a80iwx0xek]{font-size:14px}
.network-main .regulatory-row strong[b-a80iwx0xek],
.network-main .regulatory-row>b[b-a80iwx0xek]{font-size:15px}
.network-main .regulatory-note[b-a80iwx0xek],
.network-main .map-legend[b-a80iwx0xek]{font-size:13px}
.network-main .performance-table[b-a80iwx0xek],
.network-main .history-card[b-a80iwx0xek]{font-size:15px}

.network-main .network-header p[b-a80iwx0xek],
.network-main .network-filters[b-a80iwx0xek],
.network-main .network-user[b-a80iwx0xek]{font-size:15px}

.network-main .network-brand-name[b-a80iwx0xek]{font-size:14px}

@font-face {
    font-family: "imetroIcon";
    src: url("/fonts/imetroIcon.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.network-shell[b-a80iwx0xek] {
    --blue: #1788ef;
    --blue-dark: #0871d1;
    --navy: #111820;
    --page: #edf1f5;
    --surface: #fff;
    --border: #dfe5eb;
    --text: #17202b;
    --muted: #697584;
    --green: #15ad67;
    --yellow: #f0a313;
    --red: #ef4444;
    min-height: 100vh;
    display: flex;
    background: var(--page);
    color: var(--text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.network-sidebar[b-a80iwx0xek] {
    width: 236px;
    min-height: 100vh;
    position: sticky;
    top: 0;
    display: flex;
    flex: 0 0 236px;
    flex-direction: column;
    padding: 20px 14px 16px;
    background: var(--navy);
    color: #fff;
}

.network-logo[b-a80iwx0xek] {
    min-height: 68px;
    display: grid;
    place-items: center;
    margin-bottom: 14px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

    .network-logo img[b-a80iwx0xek] {
        width: clamp(146px, 82%, 172px);
        max-height: 64px;
        object-fit: contain;
    }

.network-nav[b-a80iwx0xek] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 5px;
}

.network-nav-item[b-a80iwx0xek],
.network-logout[b-a80iwx0xek] {
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: rgba(255,255,255,.68);
    font: inherit;
    font-size: 15px;
    text-align: left;
    cursor: pointer;
    transition: .18s ease;
}

    .network-nav-item > span[b-a80iwx0xek] {
        width: 18px;
        color: #9eb3c6;
        text-align: center;
    }

    .network-nav-item strong[b-a80iwx0xek] {
        font-weight: 600;
    }

    .network-nav-item small[b-a80iwx0xek] {
        margin-left: auto;
        color: #768492;
        font-size: 11px;
        text-transform: uppercase;
    }

    .network-nav-item:hover[b-a80iwx0xek] {
        background: rgba(255,255,255,.07);
        color: #fff;
    }

    .network-nav-item.active[b-a80iwx0xek] {
        background: var(--blue);
        color: #fff;
        box-shadow: 0 6px 16px rgba(23,136,239,.25);
    }

        .network-nav-item.active > span[b-a80iwx0xek] {
            color: #fff;
        }

    .network-nav-item.future[b-a80iwx0xek] {
        opacity: .5;
        cursor: not-allowed;
    }

.network-logout[b-a80iwx0xek] {
    margin-top: 12px;
    border-top: 1px solid rgba(255,255,255,.08);
    border-radius: 0;
    color: rgba(255,255,255,.6);
}

    .network-logout:hover[b-a80iwx0xek] {
        color: #fff;
    }

.network-main[b-a80iwx0xek] {
    min-width: 0;
    flex: 1;
    padding: 24px 28px 36px;
}

.network-header[b-a80iwx0xek] {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 10px;
}

    .network-header h1[b-a80iwx0xek] {
        margin: 0;
        font-size: clamp(23px, 2vw, 30px);
        font-weight: 750;
        letter-spacing: -.035em;
    }

.network-title[b-a80iwx0xek] {
    flex: 0 0 auto;
}

.network-heading[b-a80iwx0xek] {
    min-width: 0;
}

.network-brand-center[b-a80iwx0xek] {
    position: absolute;
    top: 0;
    left: 50%;
    width: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    transform: translateX(-50%);
    text-align: center;
}

.network-brand-center .network-brand-name[b-a80iwx0xek] {
    width: 180px;
    color: #4f7fae;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .01em;
    text-align: center;
}

.network-location[b-a80iwx0xek] {
    min-width: 0;
    max-width: none;
    flex: 1 1 520px;
    display: grid;
    grid-template-columns: minmax(220px, 1.1fr) minmax(260px, 1fr);
    gap: 10px;
}

.network-controls[b-a80iwx0xek] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.network-controls .network-location[b-a80iwx0xek] {
    flex: 1 1 520px;
}

.network-controls .network-filters[b-a80iwx0xek] {
    margin-bottom: 0;
    flex: 0 1 430px;
}

.network-location-item[b-a80iwx0xek] {
    min-width: 0;
    min-height: 44px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    padding: 6px 10px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--surface);
}

.network-location-item > span[b-a80iwx0xek] {
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
}

.network-location-item strong[b-a80iwx0xek] {
    min-width: 0;
    overflow: hidden;
    color: var(--text);
    font-size: 13px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.network-coordinates-line[b-a80iwx0xek] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

    .network-coordinates-line strong[b-a80iwx0xek] {
        color: var(--blue-dark);
    }

.map-link[b-a80iwx0xek] {
    flex-shrink: 0;
    padding: 5px 10px;
    border-radius: 6px;
    background: #e8f2fe;
    color: #126dcc;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .2s, color .2s;
}

    .map-link:hover[b-a80iwx0xek] {
        background: #1d84f2;
        color: #ffffff;
    }

    .map-link:focus-visible[b-a80iwx0xek] {
        outline: 3px solid rgba(29, 132, 242, .25);
        outline-offset: 2px;
    }



.network-heading-grid[b-a80iwx0xek] {
    display: grid;
    grid-template-columns: max-content minmax(120px, 180px);
    grid-template-rows: auto auto;
    column-gap: 18px;
    row-gap: 5px;
    align-items: center;
    min-width: 0;
}

.network-brand-name[b-a80iwx0xek] {
    grid-column: 2;
    grid-row: 2;
    width: 180px;
    color: var(--blue-dark);
    font-size: 17px;
    font-weight: 750;
    letter-spacing: -.015em;
    line-height: 1.2;
    overflow-wrap: anywhere;
    text-align: center;
}

.network-brand-image[b-a80iwx0xek] {
    /* TAMANHO DA LOGO DA REDE NA VISAO GERAL */
    
    grid-column: 2;
    grid-row: 1;
    width: 180px;
    height: 28px;
    max-width: 180px;
    max-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    border: 0;
    border-radius: 7px;
    background: transparent;
    border: 0;
}

    .network-brand-image img[b-a80iwx0xek] {
        width: auto;
        height: auto;
        max-width: 104px;
        max-height: 28px;
        display: block;
        object-fit: contain;
        object-position: center;



        
    }

/* Legibilidade da Visão Geral */
.network-header p[b-a80iwx0xek],
.metric-card small[b-a80iwx0xek],
.card-heading p[b-a80iwx0xek] {
    font-size: 14px;
}

.card-heading h2[b-a80iwx0xek] {
    font-size: 17px;
}

.metric-card strong[b-a80iwx0xek] {
    font-size: clamp(21px, 1.8vw, 28px);
}

.regulatory-list[b-a80iwx0xek],
.performance-table[b-a80iwx0xek],
.history-card[b-a80iwx0xek] {
    font-size: 13px;
}

    .network-header p[b-a80iwx0xek] {
        grid-area: subtitle;
        margin: 3px 0 0;
        color: var(--muted);
        font-size: 13px;
    }

.network-user[b-a80iwx0xek] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .network-user > span:last-child[b-a80iwx0xek] {
        display: flex;
        flex-direction: column;
    }

    .network-user small[b-a80iwx0xek] {
        color: var(--muted);
    font-size: 12px;
    }

    .network-user strong[b-a80iwx0xek] {
        max-width: 210px;
        overflow: hidden;
    font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.network-avatar[b-a80iwx0xek] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #e3f1ff;
    color: var(--blue-dark);
    font-size: 13px;
    font-weight: 800;
}

.network-filters[b-a80iwx0xek] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 15px;
}

    .network-filters label[b-a80iwx0xek] {
        min-width: 185px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 7px 10px;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: var(--surface);
    }

        .network-filters label span[b-a80iwx0xek] {
            color: var(--muted);
            font-size: 11px;
            white-space: nowrap;
        }

    .network-filters select[b-a80iwx0xek] {
        min-width: 0;
        flex: 1;
        border: 0;
        outline: 0;
        background: transparent;
        color: var(--text);
        font: inherit;
        font-size: 13px;
        font-weight: 600;
    }

.metric-grid[b-a80iwx0xek] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 11px;
    margin-bottom: 14px;
}

.metric-card[b-a80iwx0xek] {
    min-height: 94px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--surface);
    box-shadow: 0 3px 10px rgba(18,31,45,.04);
}

.metric-icon[b-a80iwx0xek] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    border-radius: 50%;
    background: #e5f3ff;
    color: var(--blue);
    font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif;
    font-size: 20px;
    font-weight: 800;
}

.metric-card div[b-a80iwx0xek] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.metric-card small[b-a80iwx0xek] {
    min-height: 30px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.25;
}

.metric-card strong[b-a80iwx0xek] {
    overflow: hidden;
    font-size: clamp(20px, 1.6vw, 28px);
    font-weight: 750;
    letter-spacing: -.04em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.metric-card.green .metric-icon[b-a80iwx0xek] {
    background: #dcf8ea;
    color: var(--green);
}

.metric-card.green strong[b-a80iwx0xek] {
    color: var(--green);
}

.metric-card.yellow .metric-icon[b-a80iwx0xek] {
    background: #fff3d6;
    color: var(--yellow);
}

.metric-card.yellow strong[b-a80iwx0xek] {
    color: #c57b00;
}

.metric-card.red .metric-icon[b-a80iwx0xek] {
    background: #ffe5e5;
    color: var(--red);
}

.metric-card.red strong[b-a80iwx0xek] {
    color: var(--red);
}

.metric-card.neutral .metric-icon[b-a80iwx0xek] {
    background: #edf1f4;
    color: #6b8da8;
}

.metric-card.neutral strong[b-a80iwx0xek] {
    color: #6b8da8;
}

.dashboard-grid[b-a80iwx0xek] {
    display: grid;
    grid-template-columns: minmax(420px, 1.25fr) minmax(380px, 1fr);
    gap: 14px;
    margin-bottom: 14px;
}

.dashboard-column[b-a80iwx0xek] {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 14px;
}

.dashboard-card[b-a80iwx0xek] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--surface);
    box-shadow: 0 3px 10px rgba(18,31,45,.04);
}

.card-heading[b-a80iwx0xek] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px 11px;
}

    .card-heading h2[b-a80iwx0xek] {
        margin: 0;
        font-size: 14px;
        font-weight: 750;
    }

    .card-heading p[b-a80iwx0xek] {
        margin: 2px 0 0;
        color: var(--muted);
        font-size: 10px;
    }

.map-card[b-a80iwx0xek] {
    min-height: 520px;
}

.regulatory-card[b-a80iwx0xek] {
    padding-bottom: 10px;
}

.regulatory-list[b-a80iwx0xek] {
    display: grid;
    gap: 5px;
    padding: 0 13px;
}

.regulatory-row[b-a80iwx0xek] {
    width: 100%;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 62px 12px;
    align-items: center;
    gap: 9px;
    min-height: 41px;
    padding: 5px 7px;
    border: 0;
    border-bottom: 1px solid #eef1f4;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color .16s ease, transform .16s ease;
}

.regulatory-row:hover[b-a80iwx0xek] {
    border-radius: 7px;
    background: #f2f7fc;
    transform: translateX(2px);
}

.regulatory-symbol[b-a80iwx0xek] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    border-radius: 8px;
    background: #edf1f4;
    color: #6b8da8;
    font-size: 12px;
    font-weight: 850;
}

.regulatory-logo[b-a80iwx0xek] {
    width: 20px;
    height: 20px;
    display: block;
    object-fit: contain;
}

.anp-logo[b-a80iwx0xek] {
    border-radius: 4px;
}

.inmetro-logo[b-a80iwx0xek] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #15579a;
    font-family: "imetroIcon" !important;
    font-size: 36px;
    font-style: normal;
    font-weight: normal;
    line-height: 0;
    transform: translateY(1px) scale(1.12);
    transform-origin: center;
}

.bombeiros-logo[b-a80iwx0xek] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    line-height: 0;
}

.regulatory-row > div[b-a80iwx0xek] {
    min-width: 0;
}

.regulatory-row strong[b-a80iwx0xek] {
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
}

.regulatory-row > b[b-a80iwx0xek] {
    color: var(--muted);
    font-size: 11px;
    text-align: right;
}

.regulatory-arrow[b-a80iwx0xek] {
    color: #9aabb9;
    font-size: 18px;
    text-align: right;
}

.regulatory-track[b-a80iwx0xek] {
    height: 5px;
    display: block;
    overflow: hidden;
    border-radius: 999px;
    background: #e9edf1;
}

.regulatory-track i[b-a80iwx0xek] {
    height: 100%;
    display: block;
    border-radius: inherit;
    background: #6b8da8;
}

.regulatory-row.safe .regulatory-symbol[b-a80iwx0xek] { background: #ddf7e9; color: var(--green); }
.regulatory-row.safe .regulatory-track i[b-a80iwx0xek] { background: var(--green); }
.regulatory-row.safe > b[b-a80iwx0xek] { color: var(--green); }
.regulatory-row.attention .regulatory-symbol[b-a80iwx0xek] { background: #fff0ce; color: #c57b00; }
.regulatory-row.attention .regulatory-track i[b-a80iwx0xek] { background: var(--yellow); }
.regulatory-row.attention > b[b-a80iwx0xek] { color: #c57b00; }
.regulatory-row.critical .regulatory-symbol[b-a80iwx0xek] { background: #ffe4e4; color: var(--red); }
.regulatory-row.critical .regulatory-track i[b-a80iwx0xek] { background: var(--red); }
.regulatory-row.critical > b[b-a80iwx0xek] { color: var(--red); }

.regulatory-note[b-a80iwx0xek] {
    margin: 8px 20px 0;
    color: var(--muted);
    font-size: 9px;
}

.network-map-wrap[b-a80iwx0xek] {
    position: relative;
    margin: 0 12px;
}

.network-map[b-a80iwx0xek] {
    height: 420px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: #dfe8e7;
    z-index: 0;
}

.map-empty-message[b-a80iwx0xek] {
    position: absolute;
    left: 50%;
    bottom: 18px;
    z-index: 500;
    width: max-content;
    max-width: calc(100% - 32px);
    padding: 8px 12px;
    transform: translateX(-50%);
    border: 1px solid rgba(15, 46, 71, .14);
    border-radius: 7px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 4px 14px rgba(15, 46, 71, .12);
    color: var(--muted);
    font-size: 11px;
    text-align: center;
}

.map-legend[b-a80iwx0xek] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    padding: 13px 16px;
    color: var(--muted);
    font-size: 10px;
}

    .map-legend span[b-a80iwx0xek] {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .map-legend i[b-a80iwx0xek] {
        width: 9px;
        height: 9px;
        border-radius: 50%;
    }

    .map-legend .safe[b-a80iwx0xek] {
        background: var(--green);
    }

    .map-legend .attention[b-a80iwx0xek] {
        background: var(--yellow);
    }

    .map-legend .critical[b-a80iwx0xek] {
        background: var(--red);
    }

    .map-legend .neutral[b-a80iwx0xek] {
        background: #6b8da8;
    }

.immediate-card[b-a80iwx0xek] {
    min-height: 160px;
}

.immediate-row[b-a80iwx0xek] {
    width: calc(100% - 24px);
    display: grid;
    grid-template-columns: 34px auto 1fr auto;
    align-items: center;
    gap: 8px;
    margin: 0 12px 10px;
    padding: 10px;
    border: 1px solid #f1dcdc;
    border-radius: 8px;
    background: #fffafa;
    color: var(--text);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

    .immediate-row:hover[b-a80iwx0xek] {
        border-color: #f3b4b4;
        background: #fff2f2;
    }

.action-symbol[b-a80iwx0xek] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--red);
    color: #fff;
    font-weight: 900;
}

.immediate-row strong[b-a80iwx0xek] {
    color: var(--red);
    font-size: 21px;
}

.immediate-row span:nth-child(3)[b-a80iwx0xek] {
    color: #4f5c69;
    font-size: 11px;
}

.immediate-row b[b-a80iwx0xek] {
    color: #9aa4ae;
    font-size: 20px;
}

.future-message[b-a80iwx0xek] {
    margin: 0 12px 12px;
    padding: 9px 10px;
    border-radius: 7px;
    background: #f4f7fa;
    color: var(--muted);
    font-size: 10px;
    line-height: 1.4;
}

.performance-table-wrap[b-a80iwx0xek] {
    overflow-x: auto;
    padding: 0 12px 12px;
}

.performance-table[b-a80iwx0xek] {
    width: 100%;
    border-collapse: collapse;
    font-size: 10px;
}

    .performance-table th[b-a80iwx0xek] {
        padding: 7px 6px;
        border-bottom: 1px solid var(--border);
        color: var(--muted);
        font-weight: 600;
        text-align: left;
    }

    .performance-table td[b-a80iwx0xek] {
        max-width: 155px;
        padding: 9px 6px;
        border-bottom: 1px solid #eef1f4;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .performance-table td:nth-child(n+2)[b-a80iwx0xek], .performance-table th:nth-child(n+2)[b-a80iwx0xek] {
            text-align: center;
        }

        .performance-table td.safe[b-a80iwx0xek] {
            color: var(--green);
            font-weight: 700;
        }

        .performance-table td.attention[b-a80iwx0xek] {
            color: #c57b00;
            font-weight: 700;
        }

        .performance-table td.critical[b-a80iwx0xek] {
            color: var(--red);
            font-weight: 700;
        }

        .performance-table td.neutral[b-a80iwx0xek] {
            color: var(--muted);
        }

.performance-status[b-a80iwx0xek] {
    display: inline-flex;
    padding: 3px 7px;
    border-radius: 999px;
    font-weight: 700;
}

    .performance-status.safe[b-a80iwx0xek] {
        background: #ddf7e9;
        color: #11814c;
    }

    .performance-status.attention[b-a80iwx0xek] {
        background: #fff0ce;
        color: #9c6300;
    }

    .performance-status.critical[b-a80iwx0xek] {
        background: #ffe4e4;
        color: #ce3030;
    }

    .performance-status.neutral[b-a80iwx0xek] {
        background: #edf1f4;
        color: #697584;
    }

.table-empty[b-a80iwx0xek] {
    color: var(--muted);
    text-align: center !important;
}

.history-card[b-a80iwx0xek] {
    min-height: 260px;
}

.history-chart[b-a80iwx0xek] {
    height: 185px;
    display: flex;
    align-items: stretch;
    gap: clamp(8px, 2vw, 24px);
    padding: 8px 22px 0;
    border-top: 1px solid #f0f2f4;
}

.history-column[b-a80iwx0xek] {
    min-width: 42px;
    display: grid;
    flex: 1;
    grid-template-rows: 28px 1fr 24px;
    align-items: end;
    text-align: center;
}

.history-values[b-a80iwx0xek] {
    display: flex;
    justify-content: center;
    gap: 5px;
    font-size: 9px;
}

    .history-values span[b-a80iwx0xek] {
        color: var(--blue);
        font-weight: 800;
    }

    .history-values em[b-a80iwx0xek] {
        color: var(--green);
        font-style: normal;
        font-weight: 800;
    }

.history-bars[b-a80iwx0xek] {
    height: 120px;
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 3px;
    border-bottom: 1px solid var(--border);
    background-image: linear-gradient(to top, #eef2f5 1px, transparent 1px);
    background-size: 100% 25%;
}

    .history-bars i[b-a80iwx0xek] {
        width: min(18px, 30%);
        min-height: 3px;
        border-radius: 4px 4px 0 0;
        transition: height .25s ease;
    }

.volume-bar[b-a80iwx0xek] {
    background: var(--blue);
}

.quality-bar[b-a80iwx0xek] {
    background: var(--green);
}

.history-column small[b-a80iwx0xek] {
    padding-top: 6px;
    color: var(--muted);
    font-size: 9px;
    text-transform: capitalize;
}

.chart-legend[b-a80iwx0xek] {
    display: flex;
    justify-content: center;
    gap: 18px;
    padding: 8px 12px 13px;
    color: var(--muted);
    font-size: 10px;
}

    .chart-legend span[b-a80iwx0xek] {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .chart-legend i[b-a80iwx0xek] {
        width: 16px;
        height: 4px;
        border-radius: 2px;
    }

    .chart-legend .volume[b-a80iwx0xek] {
        background: var(--blue);
    }

    .chart-legend .quality[b-a80iwx0xek] {
        background: var(--green);
    }

.empty-state[b-a80iwx0xek] {
    min-height: 150px;
    display: grid;
    place-items: center;
    padding: 20px;
    color: var(--muted);
    font-size: 12px;
    text-align: center;
}

.network-loading[b-a80iwx0xek] {
    min-height: 420px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 10px;
    color: var(--muted);
}

.loading-spinner[b-a80iwx0xek] {
    width: 34px;
    height: 34px;
    border: 3px solid #d6e5f3;
    border-top-color: var(--blue);
    border-radius: 50%;
    animation: spin-b-a80iwx0xek .8s linear infinite;
}

@keyframes spin-b-a80iwx0xek {
    to {
        transform: rotate(360deg);
    }
}

[b-a80iwx0xek] .qualy-map-marker {
    border: 0;
    background: transparent;
}

[b-a80iwx0xek] .qualy-map-pin {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 2px solid #fff;
    border-radius: 50% 50% 50% 0;
    box-shadow: 0 2px 6px rgba(20,31,42,.3);
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    transform: rotate(-45deg);
}

    [b-a80iwx0xek] .qualy-map-pin span {
        transform: rotate(45deg);
    }

    [b-a80iwx0xek] .qualy-map-pin.safe {
        background: var(--green);
    }

    [b-a80iwx0xek] .qualy-map-pin.attention {
        background: var(--yellow);
    }

    [b-a80iwx0xek] .qualy-map-pin.critical {
        background: var(--red);
    }

    [b-a80iwx0xek] .qualy-map-pin.neutral {
        background: #6b8da8;
    }

[b-a80iwx0xek] .qualy-map-popup {
    min-width: 260px;
    font-family: Inter, sans-serif;
}

    [b-a80iwx0xek] .qualy-map-popup strong {
        display: block;
        margin-bottom: 6px;
        font-size: 13px;
        line-height: 1.25;
    }

    [b-a80iwx0xek] .qualy-map-popup span {
        display: block;
        margin-bottom: 9px;
        color: #697584;
        font-size: 10px;
        line-height: 1.35;
    }

    [b-a80iwx0xek] .qualy-map-popup dl {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 3px 10px;
        margin: 0 0 8px;
        font-size: 10px;
    }

    [b-a80iwx0xek] .qualy-map-popup dt {
        color: #697584;
        font-weight: 500;
    }

    [b-a80iwx0xek] .qualy-map-popup dd {
        margin: 0;
        font-weight: 800;
    }

    [b-a80iwx0xek] .qualy-map-popup a {
        display: inline-flex;
        padding: 5px 8px;
        border-radius: 5px;
        background: #e5f3ff;
        color: #0871d1;
        font-size: 10px;
        font-weight: 700;
        text-decoration: none;
    }

@media (max-width: 1180px) {
    .network-brand-center[b-a80iwx0xek] {
        position: static;
        order: 2;
        margin-right: auto;
        margin-left: auto;
        transform: none;
        align-content: center;
        
    }

    .network-user[b-a80iwx0xek] {
        order: 3;
    }

    .network-location[b-a80iwx0xek] {
        order: 4;
        width: 100%;
        max-width: none;
        flex-basis: 100%;
    }

    .network-controls[b-a80iwx0xek] {
        flex-direction: column;
    }

    .network-controls .network-filters[b-a80iwx0xek] {
        flex: 1 1 auto;
        width: 100%;
    }

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

    .dashboard-grid[b-a80iwx0xek] {
        grid-template-columns: 1fr;
    }

    .dashboard-column[b-a80iwx0xek] {
        grid-template-columns: 1fr 1.3fr;
        grid-template-rows: auto;
    }
}

@media (max-width: 820px) {
    .network-shell[b-a80iwx0xek] {
        display: block;
    }

    .network-sidebar[b-a80iwx0xek] {
        width: 100%;
        min-height: auto;
        position: static;
        padding: 10px;
    }

    .network-logo[b-a80iwx0xek] {
        min-height: 48px;
        margin: 0;
        padding: 0 0 9px;
    }

        .network-logo img[b-a80iwx0xek] {
            width: 128px;
        }

    .network-nav[b-a80iwx0xek] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 10px;
    }

    .network-nav-item.future[b-a80iwx0xek], .network-logout[b-a80iwx0xek] {
        display: none;
    }

    .network-main[b-a80iwx0xek] {
        padding: 18px 14px 28px;
    }

    .network-controls[b-a80iwx0xek] {
        gap: 10px;
        margin-bottom: 10px;
    }

    .network-controls .network-location[b-a80iwx0xek] {
        flex: 0 0 auto;
    }

    .network-header[b-a80iwx0xek] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "heading user"
            "brand brand";
        align-items: start;
        gap: 8px 12px;
    }

    .network-heading[b-a80iwx0xek] {
        grid-area: heading;
    }

    .network-user[b-a80iwx0xek] {
        grid-area: user;
        justify-self: end;
        align-self: start;
    }

    .network-brand-center[b-a80iwx0xek] {
        grid-area: brand;
        position: static;
        left: auto;
        top: auto;
        width: 100%;
        transform: none;
        margin-top: 2px;
        gap: 4px;
    }

    .network-brand-center .network-brand-name[b-a80iwx0xek] {
        width: auto;
        font-size: 13px;
    }

    .network-location[b-a80iwx0xek] {
        min-width: 0;
        grid-template-columns: 1fr;
        flex: 0 0 auto;
        width: 100%;
    }

    .network-location-item[b-a80iwx0xek] {
        min-height: auto;
        padding: 6px 10px;
    }

    .network-user > span:last-child[b-a80iwx0xek] {
        display: none;
    }

    .network-filters[b-a80iwx0xek] {
        justify-content: stretch;
    }

        .network-filters label[b-a80iwx0xek] {
            min-width: 0;
            flex: 1;
            flex-direction: column;
            align-items: stretch;
        }

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

    .dashboard-column[b-a80iwx0xek] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .network-heading[b-a80iwx0xek] {
        width: 100%;
    }

    .network-brand-center[b-a80iwx0xek] {
        width: 100%;
        margin: 4px 0 0;
    }

    .network-header h1[b-a80iwx0xek] {
        font-size: 23px;
    }

    .network-brand-name[b-a80iwx0xek] {
        font-size: 15px;
        color: #4f7fae;
        font-weight: 600;
        text-align: center;
    }

    .network-brand-image img[b-a80iwx0xek] {
        width: auto;
        height: auto;
        max-width: 104px;
        max-height: 26px;
        object-fit: contain;
        object-position: center;
    }

    .network-filters[b-a80iwx0xek] {
        flex-direction: column;
    }

    .network-controls[b-a80iwx0xek] {
        gap: 8px;
        margin-bottom: 8px;
    }

    .network-controls .network-location[b-a80iwx0xek] {
        flex: 0 0 auto;
    }

    .network-location-item[b-a80iwx0xek] {
        min-height: auto;
        padding: 6px 10px;
    }

    .network-location-item > span[b-a80iwx0xek] {
        font-size: 11px;
    }

    .network-location-item strong[b-a80iwx0xek] {
        font-size: 13px;
    }

    .metric-grid[b-a80iwx0xek] {
        grid-template-columns: 1fr;
    }

    .metric-card[b-a80iwx0xek] {
        min-height: 82px;
    }

    .network-map[b-a80iwx0xek] {
        height: 310px;
    }

    .history-chart[b-a80iwx0xek] {
        gap: 5px;
        padding-left: 10px;
        padding-right: 10px;
        overflow-x: auto;
    }

    .history-column[b-a80iwx0xek] {
        min-width: 50px;
    }
}

.network-header[b-a80iwx0xek] {
    min-height: 90px;
}

.network-brand img[b-a80iwx0xek] {
    object-fit: contain;
}

.cor-razao[b-a80iwx0xek] {
    color: #122f51;
}

/* Identidade da rede e usuário: padrão visual compartilhado entre as telas. */
.network-brand-center .cor-razao[b-a80iwx0xek]{font-size:16px;font-weight:700;line-height:1.3}
.network-user[b-a80iwx0xek]{flex-direction:column;justify-content:center;gap:5px;text-align:center}
.network-user>span:last-child[b-a80iwx0xek]{align-items:center}

/* Painel unificado que engloba tudo (Fundo Branco) */
.network-top-panel[b-a80iwx0xek] {
    display: flex;
    align-items: flex-end; /* Alinha a base do select com a base dos cards */
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--surface);
    margin-bottom: 14px;
    box-shadow: 0 3px 10px rgba(18,31,45,.04);
    flex-wrap: wrap;
}

/* Área dos Filtros (Selects) */
.network-filters-unified[b-a80iwx0xek] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex: 0 0 auto;
}

    .network-filters-unified label[b-a80iwx0xek] {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        gap: 4px;
        margin: 0;
    }

    .network-filters-unified span[b-a80iwx0xek] {
        color: var(--muted);
        font-size: 11px;
        font-weight: 700;
    }

    .network-filters-unified select[b-a80iwx0xek] {
        height: 44px; /* Mesma altura da caixa de endereço */
        min-width: 220px;
        padding: 0 10px;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: transparent;
        color: var(--text);
        font-size: 13px;
        font-weight: 600;
        outline: none;
        transition: border-color .18s;
    }

        .network-filters-unified select:focus[b-a80iwx0xek] {
            border-color: var(--blue);
        }

/* Os itens de Endereço e Coordenadas (Mantendo os cards com borda) */
.network-top-panel .network-location-item[b-a80iwx0xek] {
    flex: 1;
    min-width: 220px;
    margin: 0;
}

/* Ajustes Responsivos para Tablets e Celulares */
@media (max-width: 1180px) {
    .network-top-panel[b-a80iwx0xek] {
        flex-direction: column;
        align-items: stretch;
    }

    .network-filters-unified[b-a80iwx0xek] {
        flex-wrap: wrap;
        width: 100%;
    }

        .network-filters-unified label[b-a80iwx0xek] {
            flex: 1;
            min-width: 200px;
        }

    .network-top-panel .network-location-item[b-a80iwx0xek] {
        width: 100%;
    }
}
.regulatory-row.neutral .regulatory-symbol[b-a80iwx0xek]{background:#fff0ce;color:#c57b00}.regulatory-row.neutral>.regulatory-track[b-a80iwx0xek]{background:#fff0ce}.regulatory-row.neutral> b[b-a80iwx0xek]{color:#c57b00}
/* O mapa preenche toda a altura do card, preservando a legenda no rodapé. */
.map-card[b-a80iwx0xek]{display:flex;flex-direction:column}.map-card .network-map-wrap[b-a80iwx0xek]{flex:1;min-height:420px;display:flex}.map-card .network-map[b-a80iwx0xek]{width:100%;height:auto;flex:1}
.metric-card.unavailable[b-a80iwx0xek] { opacity:.72; background:#f6f8fb; border-color:#e1e7ef; }
.metric-card.unavailable strong[b-a80iwx0xek] { color:#64748b; font-size:clamp(18px, 2vw, 25px); }
.metric-card.unavailable em[b-a80iwx0xek] { display:block; margin-top:2px; color:#d08800; font-size:12px; font-style:normal; font-weight:700; }
.network-map-wrap[b-a80iwx0xek] { position:relative; }
.network-map.map-disabled[b-a80iwx0xek] { pointer-events:none; filter:grayscale(.45); opacity:.6; }
.module-unavailable-overlay[b-a80iwx0xek] { position:absolute; inset:0; z-index:500; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:16px; background:rgba(248,250,252,.55); color:#475569; text-align:center; pointer-events:auto; }
.module-unavailable-overlay strong[b-a80iwx0xek], .module-unavailable-content strong[b-a80iwx0xek] { color:#d08800; }
.module-unavailable-overlay span[b-a80iwx0xek], .module-unavailable-content span[b-a80iwx0xek] { font-size:13px; color:#64748b; }
.module-unavailable-card[b-a80iwx0xek] { min-height:142px; }
.module-unavailable-content[b-a80iwx0xek] { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:24px; text-align:center; }