@import '_content/TheftManagement.Web.Components/TheftManagement.Web.Components.8qq7udr1x1.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
.app-body[b-90n0qozll1] {
    display: flex;
    margin-top: var(--header-height);
    min-height: calc(100vh - var(--header-height));
}

.content-area[b-90n0qozll1] {
    flex: 1;
    margin-left: var(--sidebar-width);
    padding: var(--content-padding);
    background-color: var(--surface-background);
    min-width: 0; /* prevent flex overflow */
}

@media (max-width: 1200px) {
    .content-area[b-90n0qozll1] {
        padding: 24px;
    }
}
/* /Pages/Complaints/ComplaintAllPage.razor.rz.scp.css */
/* Loading */
.loading-container[b-qdcx5hut6y] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--spacing-2xl) 0;
}

.loading-text[b-qdcx5hut6y] {
    font-size: var(--type-body-size);
    color: var(--text-secondary);
}

/* Error state */
.all-complaints-error[b-qdcx5hut6y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md);
    padding: var(--spacing-2xl) 0;
    color: var(--text-secondary);
}

/* Table wrapper */
.table-outer[b-qdcx5hut6y] {
    width: 100%;
}

/* Table toolbar */
.table-toolbar[b-qdcx5hut6y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.table-title[b-qdcx5hut6y] {
    font-size: var(--type-body-size, 16px);
    font-weight: var(--font-weight-bold, 700);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-primary, black);
}

/* Filter button */
.filter-btn-wrap[b-qdcx5hut6y] {
    position: relative;
}

.filter-btn-wrap[b-qdcx5hut6y]  .btn-outline {
    color: var(--color-danger);
    border-color: transparent;
}

.filter-btn-wrap[b-qdcx5hut6y]  .btn-outline:hover:not(:disabled) {
    background-color: var(--color-danger-softest);
}

.filter-badge[b-qdcx5hut6y] {
    position: absolute;
    top: 4px;
    left: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    font-size: 9px;
    font-weight: var(--font-weight-bold);
    color: var(--color-white, #fff);
    background-color: var(--color-primary, #d91a1a);
    border-radius: 999px;
    pointer-events: none;
}

/* Sortable headers */
.sortable-header[b-qdcx5hut6y] {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.sortable-header[b-qdcx5hut6y]  .sort-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    opacity: 0.4;
    transition: opacity 0.15s;
    background-color: var(--surface-primary);
}

.sortable-header.sort-asc[b-qdcx5hut6y]  .sort-icon,
.sortable-header.sort-desc[b-qdcx5hut6y]  .sort-icon {
    opacity: 1;
}

/* ID QC column with alert icon */
.col-id-qc[b-qdcx5hut6y] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs, 4px);
}

.auto-created-icon[b-qdcx5hut6y] {
    display: inline-flex;
    align-items: center;
    color: var(--color-warning, #f59e0b);
}

/* Standalone empty card (no table) */
.empty-card[b-qdcx5hut6y] {
    background-color: var(--surface-default, #FFF);
    border-radius: var(--radius-default, 8px);
    border: 1px solid var(--outline-card, #D5D5D5);
    padding: var(--spacing-lg, 24px);
}

/* Empty state */
.empty-state-container[b-qdcx5hut6y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md, 16px);
    padding: var(--spacing-2xl, 48px) var(--spacing-md, 16px);
}

.empty-state-title[b-qdcx5hut6y] {
    font-size: var(--type-body-size, 16px);
    font-weight: var(--font-weight-semibold, 600);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-primary, #000);
    margin: 0;
}

.empty-state-subtitle[b-qdcx5hut6y] {
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    color: var(--text-secondary, #6F7070);
    margin: 0;
}
/* /Pages/Complaints/ComplaintDetailPage.razor.rz.scp.css */
.form-loading[b-kvzoqnzihe] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2xl);
    color: var(--text-secondary);
}

/* ══════════════════════════════════════ */
/* View mode — read-only detail cards    */
/* ══════════════════════════════════════ */

.detail-card[b-kvzoqnzihe] {
    background: var(--surface-default, white);
    border: 1px solid var(--outline-card, #D5D5D5);
    border-radius: var(--border-radius-default, 8px);
    padding: var(--spacing-lg, 24px) 0;
    margin-bottom: var(--spacing-lg, 24px);
}

.detail-card-header[b-kvzoqnzihe] {
    padding: 0 var(--spacing-lg, 24px);
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, black);
    margin-bottom: var(--spacing-lg, 24px);
}

/* Header row variant that also holds a right-aligned action (e.g. "Ver Registo de furto") */
.detail-card-header-row[b-kvzoqnzihe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.detail-card-header-row .card-header-action[b-kvzoqnzihe] {
    font-weight: var(--font-weight-semibold, 600);
    color: var(--brand-primary, #E30613);
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs, 4px);
    margin-left: auto;
}

.tab-content[b-kvzoqnzihe] {
    margin-top: var(--spacing-lg, 24px);
}

.detail-body[b-kvzoqnzihe] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xl, 32px);
    padding: 0 var(--spacing-xl, 32px);
}

.detail-body--sm[b-kvzoqnzihe] {
    gap: var(--spacing-lg, 24px);
}

.detail-slot[b-kvzoqnzihe] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg, 24px);
}

.detail-row[b-kvzoqnzihe] {
    display: flex;
    gap: var(--spacing-lg, 24px);
    align-items: flex-start;
}

.detail-row > .detail-item[b-kvzoqnzihe] {
    flex: 1 0 0;
    min-width: 1px;
}

.detail-row-4[b-kvzoqnzihe] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-lg, 24px);
}

.detail-row-3[b-kvzoqnzihe] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg, 24px);
}


.detail-row-2[b-kvzoqnzihe] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg, 24px);
}

.detail-item[b-kvzoqnzihe] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 8px);
}

.detail-item-full[b-kvzoqnzihe] {
    flex: 1;
    min-width: 100%;
}

.detail-label[b-kvzoqnzihe] {
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-secondary, #4E4F4F);
}

.detail-value[b-kvzoqnzihe] {
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-primary, black);
}

/* Estado section row: 3 equal flex cols + shrink-0 button, bottom-aligned */
.detail-row--estado[b-kvzoqnzihe] {
    display: flex;
    gap: var(--spacing-lg, 24px);
    align-items: flex-end;
}

.detail-row--estado .detail-item[b-kvzoqnzihe] {
    flex: 1 0 0;
    min-width: 1px;
    align-items: flex-start;
}

[b-kvzoqnzihe] .detail-row--estado .status-label {
    align-self: flex-start;
}

/* Detail tables (attachments) */
.detail-table-scroll[b-kvzoqnzihe] {
    overflow-x: auto;
    padding: 0 var(--spacing-lg, 24px);
}

.detail-table[b-kvzoqnzihe] {
    width: 100%;
    border-collapse: collapse;
}

.detail-table th[b-kvzoqnzihe] {
    padding: var(--spacing-xs, 8px) var(--spacing-md, 16px);
    text-align: left;
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-secondary, #4E4F4F);
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
    white-space: nowrap;
}

.detail-table td[b-kvzoqnzihe] {
    padding: var(--spacing-md, 16px);
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-primary, black);
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
}

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

.detail-empty[b-kvzoqnzihe] {
    text-align: center;
    padding: var(--spacing-xl, 32px) var(--spacing-md, 16px) !important;
    color: var(--text-secondary, #4E4F4F);
}

.col-actions[b-kvzoqnzihe] {
    width: 48px;
    text-align: center;
}

.icon-action-btn[b-kvzoqnzihe] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    color: var(--text-secondary, #4E4F4F);
}

.icon-action-btn:hover[b-kvzoqnzihe] {
    background: var(--surface-hover, #f5f5f5);
}

/* Modal table */
.modal-table[b-kvzoqnzihe] {
    width: 100%;
    border-collapse: collapse;
}

.modal-table th[b-kvzoqnzihe] {
    padding: var(--spacing-xs, 8px) var(--spacing-md, 16px);
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-secondary, #4E4F4F);
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
}

.modal-table td[b-kvzoqnzihe] {
    padding: var(--spacing-md, 16px);
    font-size: 16px;
    color: var(--text-primary, black);
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
}

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

.modal-loading[b-kvzoqnzihe] {
    display: flex;
    justify-content: center;
    padding: var(--spacing-xl, 32px);
    color: var(--text-secondary, #4E4F4F);
}

.modal-error[b-kvzoqnzihe] {
    color: var(--text-danger, #AB2424);
    text-align: center;
    padding: var(--spacing-xl, 32px);
}

/* Gerar Minuta modal body */
.gerar-minuta-body[b-kvzoqnzihe] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 16px);
    color: var(--text-primary, black);
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
}

/* Registo de Furto placeholder */
.coming-soon-message[b-kvzoqnzihe] {
    text-align: center;
    padding: var(--spacing-2xl, 48px) var(--spacing-xl, 32px);
    color: var(--text-secondary, #4E4F4F);
    font-size: var(--type-body-size, 16px);
}

/* Auto-created incomplete complaint empty state */
.auto-created-empty-state[b-kvzoqnzihe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 32px var(--spacing-lg, 24px);
    text-align: center;
}

.auto-created-empty-text[b-kvzoqnzihe] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm, 8px);
}

.empty-state-container[b-kvzoqnzihe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md, 16px);
    padding: 32px var(--spacing-md, 16px);
    width: 100%;
    text-align: center;
}

.empty-state-container img[b-kvzoqnzihe] {
    margin-bottom: 24px;
}

.empty-state-title[b-kvzoqnzihe] {
    font-size: var(--type-body-lg-size, 18px);
    line-height: var(--type-body-lg-line-height, 24px);
    font-weight: var(--font-weight-bold, 700);
    color: var(--text-primary, black);
    margin: 0;
}

.empty-state-subtitle[b-kvzoqnzihe] {
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-primary, black);
    margin: 0;
}

/* ── Attachment rows ── */
.attachment-list[b-kvzoqnzihe] {
    display: flex;
    flex-direction: column;
}

.attachment-row[b-kvzoqnzihe] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md, 16px);
    padding: 12px var(--spacing-lg, 24px);
    min-height: 72px;
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
}

.attachment-row:last-child[b-kvzoqnzihe] {
    border-bottom: none;
}

.attachment-row[b-kvzoqnzihe]  .app-icon {
    background-color: var(--text-primary, black);
    flex-shrink: 0;
}

.attachment-row .icon-action-btn[b-kvzoqnzihe]  .app-icon {
    background-color: var(--surface-primary);
}

.attachment-text[b-kvzoqnzihe] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.attachment-name[b-kvzoqnzihe] {
    font-family: var(--font-family);
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-primary, black);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attachment-size[b-kvzoqnzihe] {
    font-family: var(--font-family);
    font-size: 12px;
    line-height: 16px;
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-secondary, #4E4F4F);
}

@media (max-width: 1200px) {
    .detail-row-4[b-kvzoqnzihe],
    .detail-row-3[b-kvzoqnzihe] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .detail-row-4[b-kvzoqnzihe],
    .detail-row-3[b-kvzoqnzihe],
    .detail-row-2[b-kvzoqnzihe] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Complaints/ComplaintEditPage.razor.rz.scp.css */
.form-loading[b-lmg7wl13hk] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2xl);
    color: var(--text-secondary);
}

/* ── Mandatory hint ── */

.mandatory-hint[b-lmg7wl13hk] {
    font-size: 12px;
    line-height: 16px;
    color: var(--text-secondary, #4E4F4F);
    margin-bottom: var(--spacing-md, 16px);
}

.mandatory-hint[b-lmg7wl13hk]::first-letter {
    color: #AB2424;
}

/* ── Wizard ── */

.wizard-wrapper[b-lmg7wl13hk] {
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacing-lg, 24px);
}

.wizard-wrapper[b-lmg7wl13hk]  .wizard-horizontal {
    width: 587px;
}

/* ── Card section headers ── */

.detail-card[b-lmg7wl13hk] {
    background-color: var(--surface-default);
    border: 1px solid var(--outline-card);
    border-radius: var(--radius-default);
    padding: var(--spacing-lg) 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

.edit-card-header[b-lmg7wl13hk] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--spacing-lg, 24px);
}

.edit-card-title[b-lmg7wl13hk] {
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, black);
}

.edit-card-body[b-lmg7wl13hk] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl, 32px);
    padding: 0 var(--spacing-lg, 24px);
}

/* ── Form layout ── */

.form-cards[b-lmg7wl13hk] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg, 24px);
}

.form-slot[b-lmg7wl13hk] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg, 24px);
}

.form-row-2[b-lmg7wl13hk] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg, 24px);
}

.form-row-2-sm[b-lmg7wl13hk] {
    display: grid;
    grid-template-columns: 298px 298px;
    gap: var(--spacing-md, 16px);
}

.form-row-3[b-lmg7wl13hk] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg, 24px);
}

.form-row-4[b-lmg7wl13hk] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-lg, 24px);
}

.toggle-section[b-lmg7wl13hk] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 16px);
}

/* ── Attachments drop zone ── */

.attachments-field[b-lmg7wl13hk] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.attachments-file-input[b-lmg7wl13hk] {
    display: none;
}

.attachments-dropzone[b-lmg7wl13hk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-md, 16px);
    min-height: 96px;
    padding: var(--spacing-md, 16px);
    box-sizing: border-box;
    background-color: color-mix(in srgb, var(--surface-primary) 10%, white);
    border: 1px dashed var(--surface-primary);
    border-radius: 8px;
    cursor: pointer;
}

.attachments-helper-text[b-lmg7wl13hk] {
    font-family: var(--font-family);
    font-size: var(--type-caption-size, 12px);
    line-height: var(--type-caption-line-height, 16px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, black);
    text-align: center;
}

/* ── Attachment rows ── */

.attachment-list[b-lmg7wl13hk] {
    display: flex;
    flex-direction: column;
}

.attachment-row[b-lmg7wl13hk] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md, 16px);
    padding: 12px var(--spacing-lg, 24px);
    min-height: 72px;
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
}

.attachment-row:last-child[b-lmg7wl13hk] {
    border-bottom: none;
}

.attachment-row[b-lmg7wl13hk]  .app-icon {
    background-color: var(--text-primary, black);
    flex-shrink: 0;
}

.attachment-row .icon-action-btn[b-lmg7wl13hk]  .app-icon {
    background-color: var(--surface-primary);
}

.attachment-text[b-lmg7wl13hk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.attachment-name[b-lmg7wl13hk] {
    font-family: var(--font-family);
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-primary, black);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attachment-size[b-lmg7wl13hk] {
    font-family: var(--font-family);
    font-size: 12px;
    line-height: 16px;
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-secondary, #4E4F4F);
}

/* ── Empty states ── */

.table-empty-state[b-lmg7wl13hk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
    gap: 16px;
}

.empty-state-illustration[b-lmg7wl13hk] {
    width: 104px;
    height: 104px;
    object-fit: contain;
}

.empty-state-text[b-lmg7wl13hk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.empty-state-title[b-lmg7wl13hk] {
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: var(--text-primary);
    margin: 0;
}

.empty-state-subtitle[b-lmg7wl13hk] {
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--text-secondary);
    margin: 0;
    text-align: center;
}

/* ── Tables ── */

.detail-table-scroll[b-lmg7wl13hk] {
    overflow-x: auto;
    padding: 0 var(--spacing-lg, 24px);
}

.detail-table[b-lmg7wl13hk] {
    width: 100%;
    border-collapse: collapse;
}

.detail-table th[b-lmg7wl13hk] {
    padding: var(--spacing-xs, 8px) var(--spacing-md, 16px);
    text-align: left;
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-secondary, #4E4F4F);
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
    white-space: nowrap;
}

.detail-table td[b-lmg7wl13hk] {
    padding: var(--spacing-md, 16px);
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-primary, black);
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
}

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

.col-actions[b-lmg7wl13hk] {
    width: 48px;
    text-align: center;
}

th.col-actions-2[b-lmg7wl13hk] {
    width: 80px;
    text-align: center;
}

td.col-actions-2[b-lmg7wl13hk] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.totals-row[b-lmg7wl13hk] {
    background: var(--surface-background, #F5F5F5);
}

.totals-row td[b-lmg7wl13hk] {
    border-bottom: none;
}

.totals-label-cell[b-lmg7wl13hk] {
    font-weight: var(--font-weight-semibold, 600);
}

.totals-value-cell[b-lmg7wl13hk] {
    font-weight: var(--font-weight-semibold, 600);
}

.icon-action-btn[b-lmg7wl13hk] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    color: var(--text-secondary, #4E4F4F);
}

.icon-action-btn:hover[b-lmg7wl13hk] {
    background: var(--surface-hover, #f5f5f5);
}

/* ── Form actions ── */

.form-actions[b-lmg7wl13hk] {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-sm, 12px);
    padding: var(--spacing-lg, 24px) 0;
}

/* ── Toast ── */

.coming-soon-message[b-lmg7wl13hk] {
    padding: var(--spacing-xl, 32px) var(--spacing-lg, 24px);
    color: var(--text-secondary, #4E4F4F);
    text-align: center;
}

/* ── Responsive ── */

@media (max-width: 1200px) {
    .form-row-4[b-lmg7wl13hk] {
        grid-template-columns: repeat(2, 1fr);
    }

    .form-row-3[b-lmg7wl13hk] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .form-row-4[b-lmg7wl13hk],
    .form-row-3[b-lmg7wl13hk],
    .form-row-2[b-lmg7wl13hk] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Complaints/ComplaintFormPage.razor.rz.scp.css */
.form-loading[b-brtxj591y7] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2xl);
    color: var(--text-secondary);
}

.wizard-wrapper[b-brtxj591y7] {
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacing-lg, 24px);
}

.wizard-wrapper[b-brtxj591y7]  .wizard-horizontal {
    width: 587px;
}

/* ── Card section headers ── */

.detail-card[b-brtxj591y7] {
    background-color: var(--surface-default);
    border: 1px solid var(--outline-card);
    border-radius: var(--radius-default);
    padding: var(--spacing-lg) 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

.edit-card-header[b-brtxj591y7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--spacing-lg, 24px);
}

.edit-card-header-left[b-brtxj591y7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-card.section-error[b-brtxj591y7] {
    border: 1px solid var(--surface-danger);
    border-radius: var(--radius-default);
}

.required-star[b-brtxj591y7] {
    color: var(--surface-danger);
    font-weight: var(--font-weight-semibold);
    margin-left: 2px;
}

.section-error-message[b-brtxj591y7] {
    display: block;
    font-size: var(--font-size-caption, 12px);
    line-height: var(--line-height-caption, 16px);
    color: var(--surface-danger);
    padding: 2px 0 8px;
}

.section-error-action[b-brtxj591y7] {
    color: var(--surface-danger) !important;
}

.edit-card-title[b-brtxj591y7] {
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, black);
}

.edit-card-hint[b-brtxj591y7] {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-secondary, #4E4F4F);
}

.edit-card-hint[b-brtxj591y7]::first-letter {
    color: #AB2424;
}

.edit-card-body[b-brtxj591y7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl, 32px);
    padding: 0 var(--spacing-lg, 24px);
}

/* ── Form layout ── */

.form-cards[b-brtxj591y7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg, 24px);
}

.form-slot[b-brtxj591y7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg, 24px);
}

.form-row-2[b-brtxj591y7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg, 24px);
}

.form-row-2-sm[b-brtxj591y7] {
    display: grid;
    grid-template-columns: 298px 298px;
    gap: var(--spacing-md, 16px);
}

.form-row-4[b-brtxj591y7] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-lg, 24px);
}

.toggle-section[b-brtxj591y7] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 16px);
}

/* ── Card header action button ── */

.card-header-action[b-brtxj591y7] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs, 8px);
    padding: var(--spacing-xs, 8px) var(--spacing-sm, 12px);
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--type-body-size, 16px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, black);
    border-radius: var(--border-radius-default, 8px);
}

.card-header-action:hover[b-brtxj591y7] {
    background: var(--surface-hover, #f5f5f5);
}

/* ── Attachments drop zone ── */

.attachments-field[b-brtxj591y7] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.attachments-label[b-brtxj591y7] {
    height: 24px;
    font-family: var(--font-family);
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-secondary, #4E4F4F);
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.attachments-file-input[b-brtxj591y7] {
    display: none;
}

.attachments-dropzone[b-brtxj591y7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-md, 16px);
    min-height: 96px;
    padding: var(--spacing-md, 16px);
    box-sizing: border-box;
    background-color: color-mix(in srgb, var(--surface-primary) 10%, white);
    border: 1px dashed var(--surface-primary);
    border-radius: 8px;
    cursor: pointer;
}

.attachments-helper-text[b-brtxj591y7] {
    font-family: var(--font-family);
    font-size: var(--type-caption-size, 12px);
    line-height: var(--type-caption-line-height, 16px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, black);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

/* ── Attachment rows ── */

.attachment-list[b-brtxj591y7] {
    display: flex;
    flex-direction: column;
}

.attachment-row[b-brtxj591y7] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md, 16px);
    padding: 12px var(--spacing-lg, 24px);
    min-height: 72px;
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
}

.attachment-row:last-child[b-brtxj591y7] {
    border-bottom: none;
}

.attachment-row[b-brtxj591y7]  .app-icon {
    background-color: var(--text-primary, black);
    flex-shrink: 0;
}

.attachment-row .icon-action-btn[b-brtxj591y7]  .app-icon {
    background-color: var(--surface-primary);
}

.attachment-text[b-brtxj591y7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.attachment-name[b-brtxj591y7] {
    font-family: var(--font-family);
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-primary, black);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attachment-size[b-brtxj591y7] {
    font-family: var(--font-family);
    font-size: 12px;
    line-height: 16px;
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-secondary, #4E4F4F);
}

/* ── Tables (persons + articles) ── */

.detail-table-scroll[b-brtxj591y7] {
    overflow-x: auto;
    padding: 0 var(--spacing-lg, 24px);
}

.detail-table[b-brtxj591y7] {
    width: 100%;
    border-collapse: collapse;
}

.detail-table th[b-brtxj591y7] {
    padding: var(--spacing-xs, 8px) var(--spacing-md, 16px);
    text-align: left;
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-secondary, #4E4F4F);
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
    white-space: nowrap;
}

.detail-table th.col-numeric[b-brtxj591y7] {
    text-align: right;
}

.detail-table td[b-brtxj591y7] {
    padding: var(--spacing-md, 16px);
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-primary, black);
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
}

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

.col-numeric[b-brtxj591y7] {
    text-align: right;
}

.col-actions[b-brtxj591y7] {
    width: 56px;
    text-align: center;
}

td.col-actions[b-brtxj591y7] {
    text-align: center;
    vertical-align: middle;
}

th.col-actions-2[b-brtxj591y7] {
    width: 88px;
    text-align: center;
}

td.col-actions-2[b-brtxj591y7] {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

/* Table action icons are always red */
.detail-table .icon-action-btn[b-brtxj591y7]  .app-icon {
    background-color: var(--surface-primary);
}

.detail-empty[b-brtxj591y7] {
    text-align: center;
    padding: var(--spacing-xl, 32px) var(--spacing-md, 16px) !important;
    color: var(--text-secondary, #4E4F4F);
}

.table-empty-state[b-brtxj591y7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
    gap: 16px;
    border-radius: var(--radius-default);
}

.empty-state-illustration[b-brtxj591y7] {
    width: 104px;
    height: 104px;
    object-fit: contain;
}

.empty-state-text[b-brtxj591y7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.empty-state-title[b-brtxj591y7] {
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: var(--text-primary);
    margin: 0;
}

.empty-state-subtitle[b-brtxj591y7] {
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--text-secondary);
    margin: 0;
    text-align: center;
}

.detail-table .totals-row[b-brtxj591y7] {
    background: var(--surface-background, #F5F5F5);
}

.detail-table .totals-row td[b-brtxj591y7] {
    border-bottom: none;
}

.detail-table .totals-label-cell[b-brtxj591y7] {
    font-weight: var(--font-weight-semibold, 600);
}

.detail-table .totals-value-cell[b-brtxj591y7] {
    font-weight: var(--font-weight-semibold, 600);
}

.icon-action-btn[b-brtxj591y7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    color: var(--text-secondary, #4E4F4F);
}

.icon-action-btn:hover[b-brtxj591y7] {
    background: var(--surface-hover, #f5f5f5);
}

/* ── Dialog form ── */

.dialog-hint[b-brtxj591y7] {
    font-size: 12px;
    line-height: 16px;
    color: var(--text-secondary, #4E4F4F);
    margin: 0 0 var(--spacing-md, 16px) 0;
}

.dialog-hint[b-brtxj591y7]::first-letter {
    color: #AB2424;
}

.dialog-form[b-brtxj591y7] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 16px);
}

.dialog-loading-overlay[b-brtxj591y7] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: var(--radius-default);
    z-index: 10;
}

/* ── Form actions ── */

.form-actions[b-brtxj591y7] {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-sm, 12px);
    padding: var(--spacing-lg, 24px) 0;
}

/* ── Responsive ── */

@media (max-width: 1200px) {
    .form-row-4[b-brtxj591y7] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .form-row-4[b-brtxj591y7],
    .form-row-2[b-brtxj591y7] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Complaints/Complaints.razor.rz.scp.css */
.filter-btn-wrap[b-rb0zi35d2o] {
    position: relative;
}

.filter-btn-wrap[b-rb0zi35d2o]  .btn-outline {
    color: var(--color-danger);
    border-color: transparent;
}

.filter-btn-wrap[b-rb0zi35d2o]  .btn-outline:hover:not(:disabled) {
    background-color: var(--color-danger-softest);
}

.filter-badge[b-rb0zi35d2o] {
    position: absolute;
    top: 4px;
    left: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    font-size: 9px;
    font-weight: var(--font-weight-bold);
    color: var(--color-white, #fff);
    background-color: var(--color-primary, #d91a1a);
    border-radius: 999px;
    pointer-events: none;
}

.overview-empty[b-rb0zi35d2o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-md);
    padding: var(--spacing-3xl) var(--spacing-xl);
    height: 100%;
}

.overview-empty p[b-rb0zi35d2o] {
    margin: 0;
    color: var(--text-secondary);
    font-size: var(--type-body-sm-size);
}
/* /Pages/Complaints/ComplaintStoreDetailPage.razor.rz.scp.css */
/* Backdrop — captures outside clicks to close open dropdowns */
.dropdown-backdrop[b-s73mjv6xtn] {
    position: fixed;
    inset: 0;
    z-index: 49;
}

/* Allow row popovers to overflow the table scroll container */
.table-outer[b-s73mjv6xtn]  .data-table-scroll {
    overflow: visible !important;
}

/* Month selector */
.month-selector-container[b-s73mjv6xtn] {
    position: relative;
}

.month-selector[b-s73mjv6xtn] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}

.month-selector-text[b-s73mjv6xtn] {
    font-size: var(--type-body-size, 16px);
    font-weight: var(--font-weight-semibold, 600);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-tertiary, #6F7070);
}

.month-selector[b-s73mjv6xtn]  .app-icon {
    background-color: var(--surface-primary);
}

.month-chevron-open[b-s73mjv6xtn] {
    transform: rotate(180deg);
}

.month-dropdown[b-s73mjv6xtn] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 50;
    width: min(320px, calc(100vw - var(--sidebar-width) - 48px));
    max-height: 480px;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--surface-default, white);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.month-option[b-s73mjv6xtn] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--spacing-sm, 12px) var(--spacing-lg, 24px);
    background: var(--surface-default, white);
    border: none;
    cursor: pointer;
    text-align: left;
}

.month-option:hover[b-s73mjv6xtn] {
    background-color: var(--surface-hover, #f5f5f5);
}

.month-option.selected[b-s73mjv6xtn] {
    background-color: var(--surface-hover, #f5f5f5);
}

.month-option-label[b-s73mjv6xtn] {
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-primary, black);
}

/* Loading */
.loading-container[b-s73mjv6xtn] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--spacing-2xl) 0;
}

.loading-text[b-s73mjv6xtn] {
    font-size: var(--type-body-size);
    color: var(--text-secondary);
}

/* KPI Summary Card — single row of 4 items per Figma "module-a" */
.kpi-card[b-s73mjv6xtn] {
    background: var(--surface-default, white);
    border: 1px solid var(--outline-card, #D5D5D5);
    border-radius: var(--radius-default, 8px);
    padding: var(--spacing-lg, 24px) var(--spacing-xl, 32px);
    margin-bottom: var(--spacing-lg, 24px);
}

.kpi-row[b-s73mjv6xtn] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-lg, 24px);
}

.kpi-item[b-s73mjv6xtn] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 8px);
    min-width: 0;
}

.kpi-label[b-s73mjv6xtn] {
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-secondary, #4E4F4F);
}

.kpi-value[b-s73mjv6xtn] {
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-primary, black);
}

/* Table toolbar */
.table-toolbar[b-s73mjv6xtn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.table-title[b-s73mjv6xtn] {
    font-size: var(--type-body-size, 16px);
    font-weight: var(--font-weight-bold, 700);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-primary, black);
}

/* Active filter badge */
.filter-btn-wrap[b-s73mjv6xtn] {
    position: relative;
}

.filter-btn-wrap[b-s73mjv6xtn]  .btn-outline {
    color: var(--color-danger);
    border-color: transparent;
}

.filter-btn-wrap[b-s73mjv6xtn]  .btn-outline:hover:not(:disabled) {
    background-color: var(--color-danger-softest);
}

.filter-badge[b-s73mjv6xtn] {
    position: absolute;
    top: 4px;
    left: 22px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    font-size: 9px;
    font-weight: var(--font-weight-bold);
    color: var(--color-white, #fff);
    background-color: var(--color-primary, #d91a1a);
    border-radius: 999px;
    pointer-events: none;
}

/* Sortable headers */
.sortable-header[b-s73mjv6xtn] {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
}

.sortable-header[b-s73mjv6xtn]  .app-icon {
    opacity: 0.4;
    transition: opacity 0.15s;
    background-color: var(--surface-primary);
    flex-shrink: 0;
}

.sortable-header.sort-asc[b-s73mjv6xtn]  .app-icon,
.sortable-header.sort-desc[b-s73mjv6xtn]  .app-icon {
    opacity: 1;
}

/* ID R. Furto column — icon after value */
.col-id-qc[b-s73mjv6xtn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: var(--spacing-xs, 8px);
}

.col-id-rf[b-s73mjv6xtn] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs, 4px);
}

.auto-created-icon[b-s73mjv6xtn] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.auto-created-icon[b-s73mjv6xtn]  .app-icon {
    background-color: #CE8500;
}

/* Row actions popover */
.row-actions[b-s73mjv6xtn] {
    position: relative;
    width: 1%;
    white-space: nowrap;
}

.popover-container[b-s73mjv6xtn] {
    position: relative;
    display: inline-flex;
}

.popover-trigger[b-s73mjv6xtn] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    padding: var(--spacing-2xs, 4px);
    border-radius: var(--radius-default, 8px);
}

.popover-trigger[b-s73mjv6xtn]  .app-icon {
    background-color: var(--surface-primary);
}

.popover-trigger:hover[b-s73mjv6xtn] {
    background-color: var(--surface-hover, #f5f5f5);
}

.popover-menu[b-s73mjv6xtn] {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 50;
    min-width: 240px;
    background: var(--surface-default, white);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.popover-item[b-s73mjv6xtn] {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg, 24px);
    width: 100%;
    padding: var(--spacing-md, 16px) var(--spacing-lg, 24px);
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--type-body-size, 16px);
    color: var(--text-primary, black);
    text-align: left;
}

.popover-item:hover[b-s73mjv6xtn] {
    background-color: var(--surface-hover, #f5f5f5);
}

.popover-divider[b-s73mjv6xtn] {
    height: 1px;
    background: var(--outline-default-variant, #d5d5d5);
    margin: 0 var(--spacing-lg, 24px);
}

/* Status chip — fill column width */
[b-s73mjv6xtn] .status-label {
    width: 100%;
    box-sizing: border-box;
}

/* Standalone empty card (no table) */
.empty-card[b-s73mjv6xtn] {
    background-color: var(--surface-default, #FFF);
    border-radius: var(--radius-default, 8px);
    border: 1px solid var(--outline-card, #D5D5D5);
    padding: var(--spacing-lg, 24px);
}

/* Empty state */
.empty-state-container[b-s73mjv6xtn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md, 16px);
    padding: var(--spacing-2xl, 48px) var(--spacing-md, 16px);
}

.empty-state-title[b-s73mjv6xtn] {
    font-size: var(--type-body-size, 16px);
    font-weight: var(--font-weight-semibold, 600);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-primary, #000);
    margin: 0;
}

.empty-state-subtitle[b-s73mjv6xtn] {
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    color: var(--text-secondary, #6F7070);
    margin: 0;
}

/* Responsive — narrower desktops */
@media (max-width: 1200px) {
    .kpi-card[b-s73mjv6xtn] {
        padding: var(--spacing-md, 16px) var(--spacing-lg, 24px);
    }

    .kpi-row[b-s73mjv6xtn] {
        grid-template-columns: repeat(2, 1fr);
    }

    .table-toolbar[b-s73mjv6xtn] {
        padding: 0 0 var(--spacing-sm, 12px) 0;
    }
}
/* /Pages/Complaints/MinutaPage.razor.rz.scp.css */
/* ── Screen layout ── */

.minuta-loading[b-y297lyr77p],
.minuta-error[b-y297lyr77p] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    font-family: var(--font-family);
    color: var(--text-secondary);
}

.minuta-toolbar[b-y297lyr77p] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 12px 24px;
    background: var(--surface-background);
    border-bottom: 1px solid var(--outline-card);
    position: sticky;
    top: 0;
    z-index: 10;
}

.minuta-toolbar-btn[b-y297lyr77p] {
    background: var(--surface-primary);
    color: var(--text-on-primary);
    border: none;
    border-radius: var(--radius-default);
    padding: 8px 20px;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
}

.minuta-toolbar-btn:hover[b-y297lyr77p] {
    opacity: 0.9;
}

.minuta-preview[b-y297lyr77p] {
    display: flex;
    justify-content: center;
    padding: 32px;
    background: var(--surface-background);
    min-height: calc(100vh - 57px);
}

/* Paper shadow on screen only */
.minuta-preview :deep(.minuta-root)[b-y297lyr77p] {
    box-shadow: var(--shadow-overlay);
}

/* ── Print ── */

@media print {
    .minuta-toolbar[b-y297lyr77p] {
        display: none;
    }

    .minuta-preview[b-y297lyr77p] {
        display: block;
        padding: 0;
        background: white;
        min-height: unset;
    }
}
/* /Pages/Diffusions/DiffusionDetailPage.razor.rz.scp.css */
/* Close Month button */
.close-month-btn[b-92oxd62eil]  .btn {
    color: var(--color-danger, #D32F2F);
    background-color: transparent;
    border-color: transparent;
}

.close-month-btn[b-92oxd62eil]  .btn:hover:not(:disabled) {
    background-color: transparent;
    color: var(--color-danger, #D32F2F);
}

/* Back button row */
.back-row[b-92oxd62eil] {
    display: flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
    margin-bottom: 8px;
}

.back-icon-btn[b-92oxd62eil] {
    display: flex;
    min-width: 32px;
    min-height: 32px;
    padding: var(--spacing-2xs, 4px);
    justify-content: center;
    align-items: center;
    gap: 0;
    border-radius: var(--border-radius-default, 8px);
    border: var(--outline-size-default, 1px) solid var(--outline-default, #6F7070);
    background: var(--surface-default, #FFF);
    cursor: pointer;
    flex-shrink: 0;
}

.back-icon-btn[b-92oxd62eil]  .app-icon {
    width: 8.55px;
    height: 16px;
}

.back-icon-btn:hover[b-92oxd62eil] {
    background: var(--surface-hover, #f5f5f5);
}

.back-label[b-92oxd62eil] {
    color: var(--text-primary, #000);
    font-family: var(--font-family, "Open Sans"), sans-serif;
    font-size: var(--type-body-size, 16px);
    font-weight: 600;
    line-height: var(--type-body-line-height, 24px);
    cursor: pointer;
}

/* Loading */
.loading-container[b-92oxd62eil] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--spacing-2xl) 0;
}

.loading-text[b-92oxd62eil] {
    font-size: var(--type-body-size);
    color: var(--text-secondary);
}

/* Info Card */
.info-card[b-92oxd62eil] {
    position: relative;
    background: var(--surface-default, white);
    border: 1px solid var(--outline-card, #D5D5D5);
    border-radius: var(--radius-default, 8px);
    padding: var(--spacing-lg, 24px) var(--spacing-xl, 32px);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg, 24px);
    margin-bottom: var(--spacing-lg, 24px);
}

.info-card[b-92oxd62eil]  .status-label {
    position: absolute;
    top: var(--spacing-lg, 24px);
    right: var(--spacing-xl, 32px);
}

.info-row[b-92oxd62eil] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-lg, 24px);
}

.info-item[b-92oxd62eil] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 8px);
    min-width: 0;
}

.info-label[b-92oxd62eil] {
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-secondary, #4E4F4F);
}

.info-value[b-92oxd62eil] {
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-primary, black);
}

/* Table toolbar */
.table-toolbar[b-92oxd62eil] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.table-title[b-92oxd62eil] {
    font-size: var(--type-body-size, 16px);
    font-weight: var(--font-weight-bold, 700);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-primary, black);
}

.filter-btn-wrap[b-92oxd62eil] {
    position: relative;
}

.filter-btn-wrap[b-92oxd62eil]  .btn-outline {
    color: var(--color-danger);
    border-color: transparent;
}

.filter-btn-wrap[b-92oxd62eil]  .btn-outline:hover:not(:disabled) {
    background-color: var(--color-danger-softest);
}

.filter-badge[b-92oxd62eil] {
    position: absolute;
    top: 4px;
    left: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    font-size: 9px;
    font-weight: var(--font-weight-bold);
    color: var(--color-white, #fff);
    background-color: var(--color-primary, #d91a1a);
    border-radius: 999px;
    pointer-events: none;
}

/* Empty card/state */
.empty-card[b-92oxd62eil] {
    background-color: var(--surface-default, #FFF);
    border-radius: var(--radius-default, 8px);
    border: 1px solid var(--outline-card, #D5D5D5);
    padding: var(--spacing-lg, 24px);
}

.empty-state-container[b-92oxd62eil] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md, 16px);
    padding: var(--spacing-2xl, 48px) var(--spacing-md, 16px);
}

.empty-state-title[b-92oxd62eil] {
    font-size: var(--type-body-size, 16px);
    font-weight: var(--font-weight-semibold, 600);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-primary, #000);
    margin: 0;
}

.empty-state-subtitle[b-92oxd62eil] {
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    color: var(--text-secondary, #6F7070);
    margin: 0;
}

/* Responsive */
@media (max-width: 1200px) {
    .info-card[b-92oxd62eil] {
        padding: var(--spacing-md, 16px) var(--spacing-lg, 24px);
    }

    .info-card[b-92oxd62eil]  .status-label {
        top: var(--spacing-md, 16px);
        right: var(--spacing-lg, 24px);
    }

    .info-row[b-92oxd62eil] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Pages/Diffusions/DiffusionOverviewPage.razor.rz.scp.css */


.filter-badge[b-x2aa4g98ng] {
    position: absolute;
    top: 4px;
    left: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    font-size: 9px;
    font-weight: var(--font-weight-bold);
    color: var(--color-white, #fff);
    background-color: var(--color-primary, #d91a1a);
    border-radius: 999px;
    pointer-events: none;
}

[b-x2aa4g98ng] .data-table td {
    padding: var(--spacing-md);
}

.col-month[b-x2aa4g98ng],
.col-year[b-x2aa4g98ng],
.col-end-date[b-x2aa4g98ng] {
    white-space: nowrap;
}

.col-month[b-x2aa4g98ng] {
    width: 100px;
    min-width: 100px;
}

.col-year[b-x2aa4g98ng] {
    width: 80px;
    min-width: 80px;
}

.col-end-date[b-x2aa4g98ng] {
    width: 120px;
    min-width: 120px;
}

.col-spacer[b-x2aa4g98ng] {
    width: 100%;
}

.col-chevron[b-x2aa4g98ng] {
    width: 40px;
    text-align: right;
    color: var(--color-danger);
}

.col-chevron[b-x2aa4g98ng]  .app-icon {
    color: var(--color-danger);
}

.filter-btn-wrap[b-x2aa4g98ng] {
    position: relative;
}

.filter-btn-wrap[b-x2aa4g98ng]  .btn-outline {
    color: var(--color-danger);
    border-color: transparent;
}

.filter-btn-wrap[b-x2aa4g98ng]  .btn-outline:hover:not(:disabled) {
    background-color: var(--color-danger-softest);
}
/* /Pages/Home.razor.rz.scp.css */
/* Page header: title + subtitle + filter button */
.dashboard-header[b-y6gqv2zafs] {
    display: flex;
    gap: var(--spacing-lg);
    align-items: flex-start;
}

.dashboard-header-left[b-y6gqv2zafs] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

.dashboard-title[b-y6gqv2zafs] {
    margin: 0;
    font-family: var(--font-family);
    font-size: var(--type-page-title-size);
    font-weight: var(--font-weight-semibold);
    line-height: var(--type-page-title-line-height);
    color: var(--text-primary);
}

.dashboard-subtitle[b-y6gqv2zafs] {
    margin: 0;
    font-family: var(--font-family);
    font-size: var(--type-body-size);
    font-weight: var(--font-weight-semibold);
    line-height: var(--type-body-line-height);
    color: var(--text-tertiary);
}

.dashboard[b-y6gqv2zafs] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    margin-top: var(--spacing-xl);
}

/* KPI cards row */
.dashboard-kpis[b-y6gqv2zafs] {
    display: flex;
    gap: var(--spacing-xl);
    align-items: stretch;
}

/* Chart sections */
.dashboard-charts[b-y6gqv2zafs] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
}

.dashboard-chart-card[b-y6gqv2zafs] {
    background-color: var(--surface-default);
    border: 1px solid var(--outline-card);
    border-radius: var(--radius-default);
    padding: var(--spacing-lg);
}

.chart-detail-link[b-y6gqv2zafs] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
    color: var(--color-danger, #e03131);
    font-family: var(--font-family);
    font-size: var(--type-body-sm-size);
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    align-self: flex-start;
    padding-top: 4px;
}

.chart-detail-link:hover[b-y6gqv2zafs] {
    text-decoration: underline;
}

/* Bottom row: donut + active complaints */
.dashboard-bottom-row[b-y6gqv2zafs] {
    display: flex;
    gap: var(--spacing-xl);
}

.dashboard-bottom-row > :first-child[b-y6gqv2zafs] {
    flex: 797;
    min-width: 0;
}

.dashboard-bottom-row > :last-child[b-y6gqv2zafs] {
    flex: 459;
    min-width: 0;
}

/* Card style for donut and active complaints */
.dashboard-card[b-y6gqv2zafs] {
    background-color: var(--surface-default);
    border: 1px solid var(--outline-card);
    border-radius: var(--radius-default);
    padding: var(--spacing-lg);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xl, 40px);
}

.dashboard-card-header[b-y6gqv2zafs] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

.dashboard-card-title[b-y6gqv2zafs] {
    margin: 0;
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    color: var(--text-primary);
}

.dashboard-card-subtitle[b-y6gqv2zafs] {
    margin: 0;
    font-family: var(--font-family);
    font-size: var(--type-body-sm-size);
    font-weight: var(--font-weight-semibold);
    line-height: var(--type-body-sm-line-height);
    color: var(--text-tertiary);
}

/* Active complaints number */
.active-complaints-number[b-y6gqv2zafs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    text-align: center;
}

.active-complaints-value[b-y6gqv2zafs] {
    font-family: var(--font-family);
    font-size: 28px;
    font-weight: var(--font-weight-bold);
    line-height: 32px;
    color: var(--text-primary);
}

.active-complaints-label[b-y6gqv2zafs] {
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: var(--font-weight-regular);
    line-height: 24px;
    color: var(--text-tertiary);
}

/* Active complaints progress bars */
.active-complaints-bars[b-y6gqv2zafs] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

/* Table section — card wrapper (same style as other dashboard components) */
.dashboard-table-section[b-y6gqv2zafs] {
    display: flex;
    flex-direction: column;
    background-color: var(--surface-default);
    border: 1px solid var(--outline-card);
    border-radius: var(--radius-default);
    overflow: hidden;
}

/* Content area below the tab bar (receives padding) */
.dashboard-table-content[b-y6gqv2zafs] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xl);
    padding: var(--spacing-lg);
}

.dashboard-table-toolbar[b-y6gqv2zafs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.dashboard-table-header[b-y6gqv2zafs] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

.dashboard-table-title[b-y6gqv2zafs] {
    margin: 0;
    font-family: var(--font-family);
    font-size: var(--type-section-title-size);
    font-weight: var(--type-section-title-weight);
    line-height: var(--type-section-title-line-height);
    color: var(--text-primary);
}

.dashboard-table-subtitle[b-y6gqv2zafs] {
    margin: 0;
    font-family: var(--font-family);
    font-size: var(--type-body-sm-size);
    font-weight: var(--font-weight-semibold);
    line-height: var(--type-body-sm-line-height);
    color: var(--text-tertiary);
}

/* Grouped data table */
.grouped-table[b-y6gqv2zafs] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--font-family);
    font-size: var(--type-body-sm-size);
    line-height: var(--type-body-sm-line-height);
    border: 1px solid var(--outline-card);
}

.grouped-table th[b-y6gqv2zafs] {
    padding: var(--spacing-sm) var(--spacing-md);
    font-weight: var(--font-weight-semibold);
    color: var(--text-secondary);
    text-align: right;
    white-space: nowrap;
    border-bottom: 1px solid var(--outline-card);
    background-color: var(--surface-background);
}

.grouped-table th:first-child[b-y6gqv2zafs] {
    text-align: left;
}

.grouped-table th.col-group-header[b-y6gqv2zafs] {
    text-align: center;
    font-size: var(--type-body-sm-size);
    font-weight: var(--font-weight-bold);
    color: var(--text-primary);
    border-bottom: 2px solid var(--outline-card);
    padding: var(--spacing-md);
}

.grouped-table--l4l th.col-group-header[b-y6gqv2zafs] {
    background-color: var(--color-info-soft);
}

/* Homologous tab — green header for current year, coral-pink for previous year */
.grouped-table--homologous th.col-group-header--current[b-y6gqv2zafs] {
    background-color: var(--color-success-deep);   /* #007e50 — forest green */
    color: var(--color-white);
    text-align: center;
}

.grouped-table--homologous th.col-group-header--prev[b-y6gqv2zafs] {
    background-color: #e05c5c;                     /* coral-pink — softer than danger red */
    color: var(--color-white);
    text-align: center;
}

/* Month sub-header row: tinted backgrounds matching the group */
.grouped-table--homologous th.col-month-subheader[b-y6gqv2zafs] {
    text-align: center;
    font-size: 11px;
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
    padding: var(--spacing-xs) var(--spacing-sm);
}

.grouped-table--homologous th.col-month-subheader--current[b-y6gqv2zafs] {
    background-color: var(--color-success-soft);   /* #e1fbe9 — light green tint */
    color: var(--semantic-success-text, var(--color-success-deep));
}

.grouped-table--homologous th.col-month-subheader--prev[b-y6gqv2zafs] {
    background-color: var(--color-danger-softest); /* #fbe4e4 — light pink tint */
    color: var(--color-danger-strong);
}

/* Previous year body cells: subtle pink tint */
.grouped-table--homologous td.col-prev-cell[b-y6gqv2zafs] {
    background-color: #fff8f8;
}

/* Horizontal scroll wrapper for the homologous table */
.table-scroll-wrapper--homologous[b-y6gqv2zafs] {
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    border-radius: var(--radius-md, 6px);
}

/* Sticky first column for the homologous table */
.grouped-table--homologous th.col-sticky-first[b-y6gqv2zafs],
.grouped-table--homologous td.col-sticky-first[b-y6gqv2zafs] {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: var(--color-surface, #fff);
}

.grouped-table--homologous thead th.col-sticky-first[b-y6gqv2zafs] {
    z-index: 3;
}

.grouped-table--homologous .group-row td.col-sticky-first[b-y6gqv2zafs] {
    background-color: var(--color-surface-alt, #f5f5f5);
}

/* Annual cell: value + evolution % stacked */
.grouped-table .col-annual-cell[b-y6gqv2zafs] {
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    padding: var(--spacing-xs) var(--spacing-sm);
}

.grouped-table .col-annual-cell span[b-y6gqv2zafs] {
    display: block;
    line-height: 1.4;
}

/* Evolution % colours */
.col-evolution-pos[b-y6gqv2zafs] {
    color: var(--color-success-deep);
    font-size: 12px;
}

.col-evolution-neg[b-y6gqv2zafs] {
    color: var(--color-danger);
    font-size: 12px;
}

.col-evolution-neutral[b-y6gqv2zafs] {
    color: var(--text-tertiary);
    font-size: 12px;
}

.grouped-table th.col-category-header[b-y6gqv2zafs] {
    font-size: var(--type-overline-size);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    color: var(--text-secondary);
    letter-spacing: 0.04em;
    vertical-align: bottom;
}

.grouped-table td[b-y6gqv2zafs] {
    padding: var(--spacing-sm) var(--spacing-md);
    color: var(--text-primary);
    text-align: right;
    white-space: nowrap;
    border-bottom: 1px solid var(--outline-card);
}

.grouped-table td:first-child[b-y6gqv2zafs] {
    text-align: left;
}

.grouped-table .total-row td[b-y6gqv2zafs] {
    font-weight: var(--font-weight-bold);
    background-color: var(--surface-background);
}

.grouped-table .group-row td[b-y6gqv2zafs] {
    font-weight: var(--font-weight-bold);
    cursor: pointer;
    background-color: var(--surface-background);
}

.grouped-table .group-row:hover td[b-y6gqv2zafs] {
    background-color: var(--surface-active);
}

.grouped-table .group-toggle[b-y6gqv2zafs] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
}

.grouped-table .child-row td[b-y6gqv2zafs] {
    padding-left: var(--spacing-xl);
    font-weight: var(--font-weight-regular);
}

.grouped-table .child-row td:first-child[b-y6gqv2zafs] {
    padding-left: 40px;
}

.grouped-table .col-pct[b-y6gqv2zafs] {
    color: var(--text-tertiary);
    font-size: 12px;
}

.grouped-table .col-separator[b-y6gqv2zafs] {
    border-left: 2px solid var(--outline-card);
}

/* === Commercial pivot table === */

/* Horizontal scroll wrapper */
.table-scroll-wrapper[b-y6gqv2zafs] {
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    border-radius: var(--radius-md, 6px);
}

/* Sticky first (label) column */
.grouped-table--commercial th.commercial-label-col[b-y6gqv2zafs],
.grouped-table--commercial td.commercial-label-col[b-y6gqv2zafs] {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: var(--color-surface, #fff);
    min-width: 200px;
    max-width: 260px;
    white-space: normal;
    text-align: left;
}

.grouped-table--commercial thead th.commercial-label-col[b-y6gqv2zafs] {
    z-index: 3;
}

.grouped-table--commercial .total-row td.commercial-label-col[b-y6gqv2zafs],
.grouped-table--commercial .group-row td.commercial-label-col[b-y6gqv2zafs] {
    background-color: var(--surface-background, #f5f5f5);
}

.grouped-table--commercial .group-row:hover td.commercial-label-col[b-y6gqv2zafs] {
    background-color: var(--surface-active);
}

/* Coloured section header cells */
.grouped-table--commercial .commercial-header[b-y6gqv2zafs] {
    text-align: center;
    font-size: 11px;
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.06em;
    padding: var(--spacing-sm) var(--spacing-md);
    white-space: nowrap;
}

/* Sub-header row */
.grouped-table--commercial .commercial-sub[b-y6gqv2zafs] {
    font-size: 11px;
    font-weight: var(--font-weight-semibold);
    color: var(--text-secondary);
    text-align: right;
    padding: var(--spacing-xs) var(--spacing-sm);
    white-space: nowrap;
}

/* Insignia row (non-clickable section header inside the table) */
.grouped-table--commercial .commercial-insignia-row td[b-y6gqv2zafs] {
    background-color: var(--surface-background, #f5f5f5);
    font-weight: var(--font-weight-bold);
    cursor: default;
}

/* Override th:first-child left-align for sub-header cells in the commercial table.
   Because the label th uses rowspan="2", the first sub-header th in row 2 is
   "Valor" and would inherit text-align:left without this override. */
.grouped-table--commercial .commercial-sub:first-child[b-y6gqv2zafs] {
    text-align: right;
}



/* Loading and error states */
.dashboard-loading[b-y6gqv2zafs],
.dashboard-error[b-y6gqv2zafs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-md);
    padding: var(--spacing-3xl, 40px);
    color: var(--text-secondary);
}

/* Top 5 stores section */
.dashboard-top5-section[b-y6gqv2zafs] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

.top5-header[b-y6gqv2zafs] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

.top5-title[b-y6gqv2zafs] {
    margin: 0;
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 24px;
    color: var(--text-primary);
}

.top5-subtitle[b-y6gqv2zafs] {
    margin: 0;
    font-family: var(--font-family);
    font-size: var(--type-body-sm-size);
    font-weight: var(--font-weight-regular);
    line-height: var(--type-body-sm-line-height);
    color: var(--text-tertiary);
}

.top5-table[b-y6gqv2zafs] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--font-family);
    font-size: var(--type-body-sm-size);
    line-height: var(--type-body-sm-line-height);
}

.top5-table thead tr[b-y6gqv2zafs] {
    background-color: var(--surface-background);
}

.top5-table th[b-y6gqv2zafs] {
    padding: var(--spacing-sm) var(--spacing-md);
    font-weight: var(--font-weight-semibold);
    color: var(--text-secondary);
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid var(--outline-card);
}

.top5-rank-col[b-y6gqv2zafs] {
    width: 80px;
    min-width: 80px;
}

.top5-insignia-col[b-y6gqv2zafs] {
    min-width: 220px;
}

.top5-table td[b-y6gqv2zafs] {
    padding: var(--spacing-sm) var(--spacing-md);
    border-bottom: 1px solid var(--outline-card);
    color: var(--text-primary);
}

.top5-rank-cell[b-y6gqv2zafs] {
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary);
    vertical-align: middle;
}

.top5-store-cell[b-y6gqv2zafs] {
    display: table-cell;
}

.top5-store-cell > span[b-y6gqv2zafs] {
    display: inline;
}

.top5-store-name[b-y6gqv2zafs] {
    margin-right: var(--spacing-sm);
}

.top5-pct[b-y6gqv2zafs] {
    color: var(--text-tertiary);
    font-size: var(--type-body-sm-size);
    white-space: nowrap;
}

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

/* Active filters bar */
.active-filters-bar[b-y6gqv2zafs] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    flex-wrap: wrap;
}

.active-filters-badges[b-y6gqv2zafs] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-xs);
    flex: 1;
}

.filter-badge[b-y6gqv2zafs] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    background-color: var(--color-info-soft);
    color: var(--color-info-deep);
    border-radius: var(--radius-pill);
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: var(--font-weight-semibold);
    line-height: 20px;
    white-space: nowrap;
}

/* Responsive */
@media (max-width: 900px) {
    .dashboard-kpis[b-y6gqv2zafs] {
        flex-wrap: wrap;
    }
}

@media (max-width: 900px) {
    .dashboard-bottom-row[b-y6gqv2zafs] {
        flex-direction: column;
    }
}

/* Filter button wrapper — positions the red count badge relative to the button */
.filter-btn-wrap[b-y6gqv2zafs] {
    position: relative;
    display: inline-flex;
}

/* Red circular notification badge overlapping the top-right corner of Filtros button */
.filter-count-badge[b-y6gqv2zafs] {
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    background-color: var(--color-danger, #e2231a);
    color: #ffffff;
    border-radius: 10px;
    font-family: var(--font-family);
    font-size: 11px;
    font-weight: var(--font-weight-bold);
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    pointer-events: none;
    z-index: 1;
}
/* /Pages/Settings/Dops/DopDetailPage.razor.rz.scp.css */
.form-loading[b-u20paybyr6] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2xl);
    color: var(--text-secondary);
}

.detail-card[b-u20paybyr6] {
    background: var(--surface-default, white);
    border: 1px solid var(--outline-card, #D5D5D5);
    border-radius: var(--border-radius-default, 8px);
    padding: var(--spacing-lg, 24px) 0;
    margin-bottom: var(--spacing-lg, 24px);
}

.insignia-info-row[b-u20paybyr6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 var(--spacing-xl, 32px);
    gap: var(--spacing-lg, 24px);
}

.stores-card-title[b-u20paybyr6] {
    flex: 1;
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, black);
}

.detail-item[b-u20paybyr6] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 8px);
}

.detail-label[b-u20paybyr6] {
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-secondary, #4E4F4F);
}

.detail-value[b-u20paybyr6] {
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-primary, black);
}

.insignia-info-row[b-u20paybyr6]  .status-label {
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    padding: var(--spacing-xs, 8px) var(--spacing-md, 16px);
}

.dops-empty[b-u20paybyr6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2xl, 48px) var(--spacing-md, 16px);
    text-align: center;
    gap: var(--spacing-xs, 8px);
}

.dops-empty-title[b-u20paybyr6] {
    margin: 0;
    font-size: var(--type-body-size, 16px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, #000);
}

.dops-empty-hint[b-u20paybyr6] {
    margin: 0;
    font-size: var(--type-body-sm-size, 14px);
    color: var(--text-secondary, #4E4F4F);
}
/* /Pages/Settings/Dops/DopFormPage.razor.rz.scp.css */
.form-loading[b-90ywshey8l] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2xl);
    color: var(--text-secondary);
}

.detail-card[b-90ywshey8l] {
    background: var(--surface-default, white);
    border: 1px solid var(--outline-card, #D5D5D5);
    border-radius: var(--border-radius-default, 8px);
    padding: var(--spacing-lg, 24px) 0;
    margin-bottom: var(--spacing-lg, 24px);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg, 24px);
}

.edit-card-header[b-90ywshey8l] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--spacing-lg, 24px);
}

.edit-card-hint[b-90ywshey8l] {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-secondary, #4E4F4F);
}

.edit-card-hint[b-90ywshey8l]::first-letter {
    color: #AB2424;
}

.edit-card-title[b-90ywshey8l] {
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, black);
}

.edit-card-body[b-90ywshey8l] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl, 32px);
    padding: 0 var(--spacing-xl, 32px);
}

.fields-row[b-90ywshey8l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-xl, 32px);
}

.toggle-section[b-90ywshey8l] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 16px);
}

.dops-list[b-90ywshey8l] {
    padding: 0 var(--spacing-lg, 24px);
    max-height: 360px;
    overflow-y: auto;
}

.dops-empty[b-90ywshey8l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2xl, 48px) var(--spacing-md, 16px);
    text-align: center;
    gap: var(--spacing-xs, 8px);
}

.dops-empty-title[b-90ywshey8l] {
    margin: 0;
    font-size: var(--type-body-size, 16px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, #000);
}

.dops-empty-hint[b-90ywshey8l] {
    margin: 0;
    font-size: var(--type-body-sm-size, 14px);
    color: var(--text-secondary, #4E4F4F);
}

.dops-table[b-90ywshey8l] {
    width: 100%;
    border-collapse: collapse;
}

.dops-table th[b-90ywshey8l] {
    padding: var(--spacing-xs, 8px) var(--spacing-md, 16px);
    text-align: left;
    font-size: var(--type-body-sm-size, 14px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-secondary, #4E4F4F);
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
}

.dops-table td[b-90ywshey8l] {
    padding: var(--spacing-md, 16px);
    font-size: var(--type-body-size, 16px);
    color: var(--text-primary, black);
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
}

.dops-table tbody tr:last-child td[b-90ywshey8l] {
    border-bottom: none;
}


.col-dop-action[b-90ywshey8l] {
    width: 48px;
    text-align: right;
}

.form-actions[b-90ywshey8l] {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-sm, 12px);
    padding: var(--spacing-lg, 24px) 0;
}

.exit-confirm-body[b-90ywshey8l] {
    margin: 0;
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-primary);
}

.exit-confirm-content[b-90ywshey8l] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/* /Pages/Settings/Insignias/InsigniaDetailPage.razor.rz.scp.css */
.form-loading[b-mhku6i3y1n] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2xl);
    color: var(--text-secondary);
}

.detail-card[b-mhku6i3y1n] {
    background: var(--surface-default, white);
    border: 1px solid var(--outline-card, #D5D5D5);
    border-radius: var(--border-radius-default, 8px);
    padding: var(--spacing-lg, 24px) 0;
    margin-bottom: var(--spacing-lg, 24px);
}

.insignia-info-row[b-mhku6i3y1n] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 var(--spacing-lg, 24px);
    gap: var(--spacing-md, 16px);
}

.dops-card-title[b-mhku6i3y1n] {
    flex: 1;
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, black);
}

.detail-item[b-mhku6i3y1n] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 8px);
}

.detail-label[b-mhku6i3y1n] {
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-secondary, #4E4F4F);
}

.detail-value[b-mhku6i3y1n] {
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-primary, black);
}

.insignia-info-row[b-mhku6i3y1n]  .status-label {
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    padding: var(--spacing-xs, 8px) var(--spacing-md, 16px);
}
    overflow-x: auto;
    padding: 0 var(--spacing-lg, 24px);[b-mhku6i3y1n]
}

.detail-table[b-mhku6i3y1n] {
    width: 100%;
    border-collapse: collapse;
}

.detail-table th[b-mhku6i3y1n] {
    padding: var(--spacing-xs, 8px) var(--spacing-md, 16px);
    text-align: left;
    font-size: var(--type-body-sm-size, 14px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-secondary, #4E4F4F);
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
}

.detail-table td[b-mhku6i3y1n] {
    padding: var(--spacing-md, 16px);
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-primary, black);
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
}

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

.detail-empty[b-mhku6i3y1n] {
    text-align: center;
    padding: var(--spacing-xl, 32px) var(--spacing-md, 16px) !important;
    color: var(--text-secondary, #4E4F4F);
}

.dops-empty[b-mhku6i3y1n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2xl, 48px) var(--spacing-md, 16px);
    text-align: center;
    gap: var(--spacing-xs, 8px);
}

.dops-empty-title[b-mhku6i3y1n] {
    margin: 0;
    font-size: var(--type-body-size, 16px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, #000);
}

.dops-empty-hint[b-mhku6i3y1n] {
    margin: 0;
    font-size: var(--type-body-sm-size, 14px);
    color: var(--text-secondary, #4E4F4F);
}
/* /Pages/Settings/Insignias/InsigniaFormPage.razor.rz.scp.css */
.form-loading[b-e8temnskqg] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2xl);
    color: var(--text-secondary);
}

.detail-card[b-e8temnskqg] {
    background: var(--surface-default, white);
    border: 1px solid var(--outline-card, #D5D5D5);
    border-radius: var(--border-radius-default, 8px);
    padding: var(--spacing-lg, 24px) 0;
    margin-bottom: var(--spacing-lg, 24px);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg, 24px);
}

.edit-card-header[b-e8temnskqg] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--spacing-lg, 24px);
}

.edit-card-hint[b-e8temnskqg] {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-secondary, #4E4F4F);
}

.edit-card-hint[b-e8temnskqg]::first-letter {
    color: #AB2424;
}

.edit-card-title[b-e8temnskqg] {
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-primary, black);
}

.edit-card-body[b-e8temnskqg] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl, 32px);
    padding: 0 var(--spacing-xl, 32px);
}

.toggle-section[b-e8temnskqg] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 16px);
}

.dops-list[b-e8temnskqg] {
    padding: 0 var(--spacing-lg, 24px);
}

.dops-empty[b-e8temnskqg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2xl, 48px) var(--spacing-md, 16px);
    text-align: center;
    gap: var(--spacing-xs, 8px);
}

.dops-empty-title[b-e8temnskqg] {
    margin: 0;
    font-size: var(--type-body-size, 16px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, #000);
}

.dops-empty-hint[b-e8temnskqg] {
    margin: 0;
    font-size: var(--type-body-sm-size, 14px);
    color: var(--text-secondary, #4E4F4F);
}

.dops-table[b-e8temnskqg] {
    width: 100%;
    border-collapse: collapse;
}

.dops-table th[b-e8temnskqg] {
    padding: var(--spacing-xs, 8px) var(--spacing-md, 16px);
    text-align: left;
    font-size: var(--type-body-sm-size, 14px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-secondary, #4E4F4F);
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
}

.dops-table td[b-e8temnskqg] {
    padding: var(--spacing-md, 16px);
    font-size: var(--type-body-size, 16px);
    color: var(--text-primary, black);
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
}

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


.col-dop-action[b-e8temnskqg] {
    width: 48px;
    text-align: right;
}

.form-actions[b-e8temnskqg] {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-lg, 24px);
    padding: var(--spacing-lg, 24px) 0;
}

.exit-confirm-body[b-e8temnskqg] {
    margin: 0;
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-primary);
}

.exit-confirm-content[b-e8temnskqg] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
}
/* /Pages/Settings/Lojas/StoreDetailPage.razor.rz.scp.css */
.form-loading[b-1x4lez8h3l] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2xl);
    color: var(--text-secondary);
}

.detail-card[b-1x4lez8h3l] {
    background: var(--surface-default, white);
    border: 1px solid var(--outline-card, #D5D5D5);
    border-radius: var(--border-radius-default, 8px);
    padding: var(--spacing-lg, 24px) 0;
    margin-bottom: var(--spacing-lg, 24px);
    position: relative;
}

.detail-card-status-badge[b-1x4lez8h3l] {
    position: absolute;
    top: var(--spacing-lg, 24px);
    right: var(--spacing-xl, 32px);
}

.detail-fields-grid[b-1x4lez8h3l] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl, 32px);
    padding: 0 var(--spacing-xl, 32px);
}

.detail-row[b-1x4lez8h3l] {
    display: flex;
    gap: var(--spacing-lg, 24px);
    align-items: flex-start;
    width: 100%;
}

.detail-row .detail-item[b-1x4lez8h3l] {
    flex: 1 0 0;
    min-width: 0;
}

.detail-item[b-1x4lez8h3l] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 8px);
}

.detail-label[b-1x4lez8h3l] {
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-secondary, #4E4F4F);
}

.detail-value[b-1x4lez8h3l] {
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-primary, black);
}

.detail-card-status-badge[b-1x4lez8h3l]  .status-label {
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    padding: var(--spacing-xs, 8px) var(--spacing-md, 16px);
}
/* /Pages/Settings/Lojas/StoreFormPage.razor.rz.scp.css */
.form-loading[b-2yuk7tiku4] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2xl);
    color: var(--text-secondary);
}

.detail-card[b-2yuk7tiku4] {
    background: var(--surface-default, white);
    border: 1px solid var(--outline-card, #D5D5D5);
    border-radius: var(--border-radius-default, 8px);
    padding: var(--spacing-lg, 24px) 0;
    margin-bottom: var(--spacing-lg, 24px);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg, 24px);
}

.edit-card-header[b-2yuk7tiku4] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--spacing-xl, 32px);
}

.edit-card-hint[b-2yuk7tiku4] {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-secondary, #4E4F4F);
}

.edit-card-hint[b-2yuk7tiku4]::first-letter {
    color: #AB2424;
}

.edit-card-body[b-2yuk7tiku4] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl, 32px);
    padding: 0 var(--spacing-xl, 32px);
}

.fields-row[b-2yuk7tiku4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-lg, 24px);
}

.toggle-section[b-2yuk7tiku4] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 16px);
}

.form-actions[b-2yuk7tiku4] {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-sm, 12px);
    padding: var(--spacing-lg, 24px) 0;
}
/* /Pages/Settings/SettingsDeleteAction.razor.rz.scp.css */
.delete-action-wrap[b-9dqpcn2odv] {
    display: flex;
    justify-content: flex-end;
}

.delete-action-wrap[b-9dqpcn2odv]  .btn.btn-ghost {
    padding: var(--spacing-2xs, 4px);
    min-height: unset;
    color: var(--surface-primary);
}

.delete-action-wrap[b-9dqpcn2odv]  .btn.btn-ghost:hover:not(:disabled) {
    background-color: var(--surface-hover, #f5f5f5);
    color: var(--surface-primary);
}
/* /Pages/Settings/SettingsRowActions.razor.rz.scp.css */
.settings-row-actions[b-x87w195at6] {
    width: auto;
    text-align: right;
}

.actions-wrap[b-x87w195at6] {
    display: flex;
    gap: 0;
    justify-content: flex-end;
    align-items: stretch;
    height: 100%;
}

/* Override ghost button defaults — higher specificity (.btn.btn-ghost) beats Button.razor.css (.btn-ghost) */
.actions-wrap[b-x87w195at6]  .btn.btn-ghost {
    padding: var(--spacing-2xs, 4px) var(--spacing-md, 16px);
    min-height: unset;
    color: var(--surface-primary);
    align-self: stretch;
}

.actions-wrap[b-x87w195at6]  .btn.btn-ghost:hover:not(:disabled) {
    background-color: var(--surface-hover, #f5f5f5);
    color: var(--surface-primary);
}
/* /Pages/SettingsPage.razor.rz.scp.css */
.settings-layout[b-zyey8rzi29] {
    display: flex;
    gap: 0;
    align-items: stretch;
    height: calc(100dvh - var(--header-height) - var(--content-padding) - var(--content-padding) - 56px);
    background: var(--surface-default, #fff);
    border: 1px solid var(--outline-card, #D5D5D5);
    border-radius: var(--border-radius-default, 8px);
    overflow: hidden;
}

/* ── Left subnav ── */
.settings-subnav[b-zyey8rzi29] {
    display: flex;
    flex-direction: column;
    width: 240px;
    flex-shrink: 0;
    border-right: 1px solid var(--outline-card, #D5D5D5);
    transition: width 0.2s ease;
}

.settings-subnav.collapsed[b-zyey8rzi29] {
    width: 48px;
}

.settings-subnav.collapsed .subnav-toggle[b-zyey8rzi29] {
    justify-content: center;
    padding: var(--spacing-lg, 24px) 0;
}

.subnav-toggle[b-zyey8rzi29] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--spacing-lg, 24px);
    background: none;
    border: none;
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
    cursor: pointer;
    flex-shrink: 0;
    color: var(--text-primary, #000);
}

.subnav-toggle:hover[b-zyey8rzi29] {
    background: var(--surface-hover, #f5f5f5);
}

.subnav-links[b-zyey8rzi29] {
    display: flex;
    flex-direction: column;
    padding: 0 0 var(--spacing-md, 16px) 0;
}

.subnav-item[b-zyey8rzi29] {
    width: 100%;
    padding: var(--spacing-md, 16px);
    text-align: left;
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-secondary, #4E4F4F);
    background: none;
    border: none;
    cursor: pointer;
}

.subnav-item:hover:not(:disabled)[b-zyey8rzi29] {
    background: var(--surface-hover, #f5f5f5);
    color: var(--text-primary, #000);
}

.subnav-item.active[b-zyey8rzi29] {
    font-weight: var(--font-weight-bold, 700);
    color: var(--surface-primary);
    border-left: 1px solid var(--surface-primary);
    padding-left: calc(var(--spacing-md, 16px) - 1px);
}

.subnav-item:disabled[b-zyey8rzi29] {
    cursor: default;
    opacity: 0.5;
}

/* ── Right content ── */
.settings-content[b-zyey8rzi29] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg, 24px);
    padding: var(--spacing-xl, 32px);
    overflow-y: auto;
}

/* Remove DataTable's own card border inside settings (the layout card is the border) */
.settings-content[b-zyey8rzi29]  .data-table-container {
    border: none;
    border-radius: 0;
    padding: 0;
    /* Restore inner gap between toolbar and table rows, but tighten toolbar-to-table */
    gap: var(--spacing-md, 16px);
}

/* ── Toolbar ── */
.toolbar-search[b-zyey8rzi29] {
    flex: 1;
    min-width: 0;
}

/* ── Table helpers ── */
.col-sortable[b-zyey8rzi29] {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.col-sortable[b-zyey8rzi29]  .app-icon {
    vertical-align: middle;
    margin-left: 4px;
}

.sort-icon[b-zyey8rzi29] {
    width: 12px;
    height: 16px;
    vertical-align: middle;
    margin-left: 4px;
}


.col-code[b-zyey8rzi29] {
    width: 1%;
    white-space: nowrap;
}

.col-name[b-zyey8rzi29] {
    text-align: left;
}

.col-estado[b-zyey8rzi29] {
    width: 1%;
    white-space: nowrap;
    text-align: left;
}

/* Actions column header — cell styling lives in SettingsRowActions.razor.css */
.col-row-actions[b-zyey8rzi29] {
    width: 80px;
    text-align: right;
}

/* ── Footer ── */
.list-footer[b-zyey8rzi29] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}

/* ── Queixa-crime / Valor Alerta ── */
.valor-alerta-section[b-zyey8rzi29] {
    padding: var(--spacing-lg, 24px);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 16px);
}

.valor-alerta-row[b-zyey8rzi29] {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg, 24px);
}

.valor-alerta-info[b-zyey8rzi29] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs, 4px);
}

.valor-alerta-label[b-zyey8rzi29] {
    font-size: var(--font-size-body-sm, 14px);
    line-height: var(--line-height-body-sm, 20px);
    color: var(--text-secondary, #4E4F4F);
}

.valor-alerta-value[b-zyey8rzi29] {
    font-size: var(--font-size-body, 16px);
    line-height: var(--line-height-body, 24px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-primary, #111);
}

.valor-alerta-description[b-zyey8rzi29] {
    font-size: var(--font-size-body, 16px);
    line-height: var(--line-height-body, 24px);
    color: var(--text-primary, #000);
    margin: 0;
}

.list-footer-count[b-zyey8rzi29] {
    font-size: var(--type-body-sm-size, 14px);
    color: var(--text-secondary, #4E4F4F);
}

/* ── States ── */
.list-loading[b-zyey8rzi29] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2xl, 48px) var(--spacing-md, 16px);
    color: var(--text-secondary, #4E4F4F);
    font-size: var(--type-body-sm-size, 14px);
}

.list-loading p[b-zyey8rzi29] {
    margin: 0;
}

.list-empty[b-zyey8rzi29] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-md, 16px);
    padding: var(--spacing-2xl, 48px) var(--spacing-md, 16px);
}

.list-empty p[b-zyey8rzi29] {
    margin: 0;
    color: var(--text-secondary, #4E4F4F);
    font-size: var(--type-body-sm-size, 14px);
    text-align: center;
}

.list-empty-text[b-zyey8rzi29] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    text-align: center;
}

.list-empty-title[b-zyey8rzi29] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: var(--on-surface-default, black);
    text-align: center;
}

.list-empty-subtitle[b-zyey8rzi29] {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--on-surface-default, black);
    text-align: center;
}

.tab-placeholder[b-zyey8rzi29] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2xl, 48px);
    color: var(--text-secondary, #4E4F4F);
}
/* /Pages/Thefts/TheftAllPage.razor.rz.scp.css */
/* Loading */
.loading-container[b-hgbunvdy1g] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--spacing-2xl) 0;
}

.loading-text[b-hgbunvdy1g] {
    font-size: var(--type-body-size);
    color: var(--text-secondary);
}

/* Error state */
.all-thefts-error[b-hgbunvdy1g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md);
    padding: var(--spacing-2xl) 0;
    color: var(--text-secondary);
}

/* Table wrapper */
.table-outer[b-hgbunvdy1g] {
    width: 100%;
}

/* Table toolbar */
.table-toolbar[b-hgbunvdy1g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.table-title[b-hgbunvdy1g] {
    font-size: var(--type-body-size, 16px);
    font-weight: var(--font-weight-bold, 700);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-primary, black);
}

/* Filter button */
.filter-btn-wrap[b-hgbunvdy1g] {
    position: relative;
}

.filter-btn-wrap[b-hgbunvdy1g]  .btn-outline {
    color: var(--color-danger);
    border-color: transparent;
}

.filter-btn-wrap[b-hgbunvdy1g]  .btn-outline:hover:not(:disabled) {
    background-color: var(--color-danger-softest);
}

.filter-badge[b-hgbunvdy1g] {
    position: absolute;
    top: 4px;
    left: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    font-size: 9px;
    font-weight: var(--font-weight-bold);
    color: var(--color-white, #fff);
    background-color: var(--color-primary, #d91a1a);
    border-radius: 999px;
    pointer-events: none;
}

/* Sortable headers */
.sortable-header[b-hgbunvdy1g] {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.sortable-header[b-hgbunvdy1g]  .sort-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    opacity: 0.4;
    transition: opacity 0.15s;
    background-color: var(--surface-primary);
}

.sortable-header.sort-asc[b-hgbunvdy1g]  .sort-icon,
.sortable-header.sort-desc[b-hgbunvdy1g]  .sort-icon {
    opacity: 1;
}

/* Standalone empty card (no table) */
.empty-card[b-hgbunvdy1g] {
    background-color: var(--surface-default, #FFF);
    border-radius: var(--radius-default, 8px);
    border: 1px solid var(--outline-card, #D5D5D5);
    padding: var(--spacing-lg, 24px);
}

.empty-card[b-hgbunvdy1g]  .divider {
    margin-block: var(--spacing-md);
}

/* Empty state */
.empty-state-container[b-hgbunvdy1g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md, 16px);
    padding: var(--spacing-2xl, 48px) var(--spacing-md, 16px);
}

.empty-state-title[b-hgbunvdy1g] {
    font-size: var(--type-body-size, 16px);
    font-weight: var(--font-weight-semibold, 600);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-primary, #000);
    margin: 0;
}

.empty-state-subtitle[b-hgbunvdy1g] {
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    color: var(--text-secondary, #6F7070);
    margin: 0;
}
/* /Pages/Thefts/TheftFormPage.razor.rz.scp.css */
.form-loading[b-m98evhaflt] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2xl);
    color: var(--text-secondary);
}

.dialog-loading-overlay[b-m98evhaflt] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: var(--radius-default);
    z-index: 10;
}

.form-full-width[b-m98evhaflt] {
    max-width: 600px;
}

/* ══════════════════════════════════════ */
/* Edit mode — card layout & form grids  */
/* ══════════════════════════════════════ */

/* Edit-mode cards use flex+gap for proper spacing */
.detail-card:has(.edit-card-header)[b-m98evhaflt] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg, 24px);
}

.edit-card-header[b-m98evhaflt] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 8px);
    padding: 0 var(--spacing-lg, 24px);
}

.edit-card-header:has(.card-header-action)[b-m98evhaflt] {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.edit-card-header-left[b-m98evhaflt] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.edit-card-title[b-m98evhaflt] {
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, black);
}

.edit-card-hint[b-m98evhaflt] {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-secondary, #4E4F4F);
}

.edit-card-hint[b-m98evhaflt]::first-letter {
    color: #AB2424;
}

.edit-card-body[b-m98evhaflt] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl, 32px);
    padding: 0 var(--spacing-xl, 32px);
}

.form-slot[b-m98evhaflt] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg, 24px);
}

.card-header-action[b-m98evhaflt] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xs, 8px);
    padding: var(--spacing-xs, 8px);
    padding-right: var(--spacing-sm, 12px);
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--type-body-size, 16px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, black);
    border-radius: var(--border-radius-default-2xl, 8px);
}

.card-header-action[b-m98evhaflt]  .app-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.card-header-action:hover[b-m98evhaflt] {
    background: var(--surface-hover, #f5f5f5);
}

.form-row-4[b-m98evhaflt] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-lg, 24px);
}

.form-row-2[b-m98evhaflt] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg, 24px);
}

.toggle-section[b-m98evhaflt] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 16px);
}

.icon-action-btn[b-m98evhaflt] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    color: var(--color-danger);
}

.icon-action-btn:hover[b-m98evhaflt] {
    background: var(--surface-hover, #f5f5f5);
}

th.col-actions-2[b-m98evhaflt] {
    width: 80px;
    text-align: center;
}

td.col-actions-2[b-m98evhaflt] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

/* Dialog form */
.dialog-hint[b-m98evhaflt] {
    font-size: 12px;
    line-height: 16px;
    color: var(--text-secondary, #4E4F4F);
    margin: 0 0 var(--spacing-md, 16px) 0;
}

.dialog-hint[b-m98evhaflt]::first-letter {
    color: #AB2424;
}

.dialog-form[b-m98evhaflt] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md, 16px);
}

/* Form actions */
.form-actions[b-m98evhaflt] {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-sm);
    padding: var(--spacing-lg) 0;
}

/* Table column helpers */
.col-numeric[b-m98evhaflt] {
    text-align: right;
}

.col-actions[b-m98evhaflt] {
    width: 48px;
    text-align: center;
}

/* ══════════════════════════════════════ */
/* View mode — read-only detail cards    */
/* ══════════════════════════════════════ */



.detail-card[b-m98evhaflt] {
    background: var(--surface-default, white);
    border: 1px solid var(--outline-card, #D5D5D5);
    border-radius: var(--border-radius-default, 8px);
    padding: var(--spacing-lg, 24px) 0;
    margin-bottom: var(--spacing-lg, 24px);
}

.detail-card-header[b-m98evhaflt] {
    padding: 0 var(--spacing-lg, 24px);
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-primary, black);
    margin-bottom: var(--spacing-lg, 24px);
}

.detail-body[b-m98evhaflt] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg, 24px);
    padding: 0 var(--spacing-xl, 32px);
}

.detail-row[b-m98evhaflt] {
    display: flex;
    gap: var(--spacing-lg, 24px);
    flex-wrap: wrap;
}

.detail-row-4[b-m98evhaflt] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-lg, 24px);
}

.detail-row-2[b-m98evhaflt] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg, 24px);
}

.detail-item[b-m98evhaflt] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 8px);
}

.detail-item-full[b-m98evhaflt] {
    flex: 1;
    min-width: 100%;
}

.detail-label[b-m98evhaflt] {
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-secondary, #4E4F4F);
}

.detail-value[b-m98evhaflt] {
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-primary, black);
}

/* Detail tables (persons + articles) */
.detail-table-scroll[b-m98evhaflt] {
    overflow-x: auto;
    padding: 0 var(--spacing-lg, 24px);
}

.detail-table[b-m98evhaflt] {
    width: 100%;
    border-collapse: collapse;
}

.detail-table th[b-m98evhaflt] {
    padding: var(--spacing-xs, 8px) var(--spacing-md, 16px);
    text-align: left;
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-secondary, #4E4F4F);
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
    white-space: nowrap;
}

.detail-table th.col-numeric[b-m98evhaflt] {
    text-align: right;
}

.detail-table td[b-m98evhaflt] {
    padding: var(--spacing-md, 16px);
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-primary, black);
    border-bottom: 1px solid var(--outline-card, #D5D5D5);
}

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

.detail-table .totals-row[b-m98evhaflt] {
    background: var(--surface-background, #F5F5F5);
}

.detail-table .totals-row td[b-m98evhaflt] {
    border-bottom: none;
}

.detail-table .totals-label-cell[b-m98evhaflt] {
    font-weight: var(--font-weight-semibold, 600);
}

.detail-table .totals-value-cell[b-m98evhaflt] {
    font-weight: var(--font-weight-semibold, 600);
}

.detail-empty[b-m98evhaflt] {
    text-align: center;
    padding: var(--spacing-xl, 32px) var(--spacing-md, 16px) !important;
    color: var(--text-secondary, #4E4F4F);
}

.table-empty-state[b-m98evhaflt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
    gap: 16px;
    border-radius: var(--radius-default);
}

.detail-card.section-error[b-m98evhaflt] {
    border: 1px solid var(--surface-danger);
    border-radius: var(--radius-default);
}

.required-star[b-m98evhaflt] {
    color: var(--surface-danger);
    font-weight: var(--font-weight-semibold);
    margin-left: 2px;
}

.section-error-message[b-m98evhaflt] {
    display: block;
    font-size: var(--font-size-caption, 12px);
    line-height: var(--line-height-caption, 16px);
    color: var(--surface-danger);
    padding: 2px 0 8px;
}

.section-error-action[b-m98evhaflt] {
    color: var(--surface-danger) !important;
}

.empty-state-illustration[b-m98evhaflt] {
    width: 104px;
    height: 104px;
    object-fit: contain;
}

.empty-state-text[b-m98evhaflt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.empty-state-title[b-m98evhaflt] {
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: var(--text-primary);
    margin: 0;
}

.empty-state-subtitle[b-m98evhaflt] {
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--text-secondary);
    margin: 0;
    text-align: center;
}

@media (max-width: 1200px) {
    .detail-row-4[b-m98evhaflt],
    .form-row-4[b-m98evhaflt] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .detail-row-4[b-m98evhaflt],
    .detail-row-2[b-m98evhaflt],
    .form-row-4[b-m98evhaflt],
    .form-row-2[b-m98evhaflt] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Thefts/TheftOverviewPage.razor.rz.scp.css */
.overview-actions[b-cdpfqjlgp2] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}

[b-cdpfqjlgp2] .data-table-container {
    flex: 1;
}

[b-cdpfqjlgp2] .data-table td {
    padding: var(--spacing-md);
}

.filter-btn-wrap[b-cdpfqjlgp2] {
    position: relative;
}

.filter-btn-wrap[b-cdpfqjlgp2]  .btn-outline {
    color: var(--color-danger);
    border-color: transparent;
}

.filter-btn-wrap[b-cdpfqjlgp2]  .btn-outline:hover:not(:disabled) {
    background-color: var(--color-danger-softest);
}

.filter-badge[b-cdpfqjlgp2] {
    position: absolute;
    top: 4px;
    left: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    font-size: 9px;
    font-weight: var(--font-weight-bold);
    color: var(--color-white, #fff);
    background-color: var(--color-primary, #d91a1a);
    border-radius: 999px;
    pointer-events: none;
}

.overview-loading[b-cdpfqjlgp2] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-2xl);
    color: var(--text-secondary);
}

.overview-error[b-cdpfqjlgp2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md);
    padding: var(--spacing-2xl);
    color: var(--text-secondary);
}

.overview-empty[b-cdpfqjlgp2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-md);
    padding: var(--spacing-3xl) var(--spacing-xl);
    height: 100%;
}

.overview-empty-icon[b-cdpfqjlgp2] {
    background-color: var(--text-tertiary, #999);
    margin-bottom: var(--spacing-sm);
}

.overview-empty-title[b-cdpfqjlgp2] {
    margin: 0;
    font-size: var(--type-body-size);
    font-weight: var(--font-weight-bold);
    color: var(--text-primary);
}

.overview-empty-subtitle[b-cdpfqjlgp2] {
    margin: 0;
    color: var(--text-secondary);
    font-size: var(--type-body-sm-size);
}

.overview-empty p[b-cdpfqjlgp2] {
    margin: 0;
    color: var(--text-secondary);
    font-size: var(--type-body-sm-size);
}

.list-empty[b-cdpfqjlgp2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-md);
    padding: var(--spacing-3xl) var(--spacing-xl);
}

.list-empty-text[b-cdpfqjlgp2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-xs);
    text-align: center;
}

.list-empty-title[b-cdpfqjlgp2] {
    margin: 0;
    font-size: var(--type-body-size);
    font-weight: var(--font-weight-bold);
    color: var(--text-primary);
}

.list-empty-subtitle[b-cdpfqjlgp2] {
    margin: 0;
    font-size: var(--type-body-sm-size);
    color: var(--text-secondary);
}

.col-numeric[b-cdpfqjlgp2] {
    text-align: right;
}

.col-store[b-cdpfqjlgp2],
.col-insignia[b-cdpfqjlgp2],
.col-dop[b-cdpfqjlgp2] {
    white-space: nowrap;
}

.col-store[b-cdpfqjlgp2] {
    min-width: 200px;
}

.col-insignia[b-cdpfqjlgp2],
.col-dop[b-cdpfqjlgp2] {
    min-width: 120px;
}

.col-spacer[b-cdpfqjlgp2] {
    width: 100%;
}

.col-chevron[b-cdpfqjlgp2] {
    width: 40px;
    text-align: right;
    color: var(--color-danger);
}

.col-chevron[b-cdpfqjlgp2]  .app-icon {
    color: var(--color-danger);
}

/* Allow row popovers to overflow the table scroll container */
.table-outer[b-cdpfqjlgp2]  .data-table-scroll {
  overflow: visible !important;
}
/* /Pages/Thefts/TheftPrintPage.razor.rz.scp.css */
/* ── Loading / error states ── */

.print-loading[b-agxjcwhri7],
.print-error[b-agxjcwhri7] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    font-family: var(--font-family, system-ui, sans-serif);
    color: var(--text-secondary, #666);
    font-size: 14px;
}

/* ── Screen toolbar ── */

.print-toolbar[b-agxjcwhri7] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 12px 24px;
    background: var(--surface-background, #f5f5f5);
    border-bottom: 1px solid var(--outline-card, #e0e0e0);
    position: sticky;
    top: 0;
    z-index: 10;
}

.print-toolbar-btn[b-agxjcwhri7] {
    background: var(--surface-primary, #1a73e8);
    color: var(--text-on-primary, #fff);
    border: none;
    border-radius: var(--radius-default, 4px);
    padding: 8px 20px;
    font-family: var(--font-family, system-ui, sans-serif);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.print-toolbar-btn:hover[b-agxjcwhri7] {
    opacity: 0.9;
}

/* ── Preview wrapper (screen only) ── */

.print-preview[b-agxjcwhri7] {
    display: flex;
    justify-content: center;
    padding: 32px;
    background: var(--surface-background, #f5f5f5);
    min-height: calc(100vh - 57px);
}

/* ── A4 document ── */

.print-doc[b-agxjcwhri7] {
    background: #fff;
    width: 794px; /* A4 at 96 dpi */
    min-height: 1123px;
    padding: 30px 36px 40px;
    font-family: var(--font-family, system-ui, sans-serif);
    font-size: 12px;
    color: #1a1a1a;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}

/* ── Document header ── */

.doc-header[b-agxjcwhri7] {
    margin-bottom: 24px;
    padding-bottom: 14px;
    border-bottom: 2px solid #1a1a1a;
}

.doc-title[b-agxjcwhri7] {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 4px 0;
    color: #1a1a1a;
}

.doc-meta[b-agxjcwhri7] {
    font-size: 12px;
    color: #555;
    margin: 0;
}

/* ── Sections ── */

.doc-section[b-agxjcwhri7] {
    margin-bottom: 20px;
}

.doc-section-title[b-agxjcwhri7] {
    font-size: 13px;
    font-weight: 700;
    color: #1a1a1a;
    border-bottom: 1px solid #ccc;
    padding-bottom: 4px;
    margin-bottom: 10px;
}

/* ── Field grid layouts ── */

.doc-grid[b-agxjcwhri7] {
    display: grid;
    gap: 8px 16px;
    margin-bottom: 8px;
}

.doc-grid-1[b-agxjcwhri7] { grid-template-columns: 1fr; }
.doc-grid-2[b-agxjcwhri7] { grid-template-columns: repeat(2, 1fr); }
.doc-grid-4[b-agxjcwhri7] { grid-template-columns: repeat(4, 1fr); }

.doc-field[b-agxjcwhri7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.doc-label[b-agxjcwhri7] {
    font-size: 10px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.doc-value[b-agxjcwhri7] {
    font-size: 12px;
    color: #1a1a1a;
    word-break: break-word;
}

/* ── Tables ── */

.doc-table[b-agxjcwhri7] {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

.doc-table th[b-agxjcwhri7] {
    text-align: left;
    font-weight: 600;
    font-size: 10px;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding: 5px 8px;
    border-bottom: 1px solid #ccc;
}

.doc-table td[b-agxjcwhri7] {
    padding: 5px 8px;
    border-bottom: 1px solid #eee;
    vertical-align: top;
}

.doc-table .col-num[b-agxjcwhri7] {
    text-align: right;
}

.totals-row td[b-agxjcwhri7] {
    border-top: 2px solid #1a1a1a;
    border-bottom: none;
    font-weight: 700;
    padding-top: 6px;
}

.totals-label[b-agxjcwhri7] {
    text-align: right;
    color: #555;
}

.totals-value[b-agxjcwhri7] {
    text-align: right;
}

/* ── Empty state ── */

.doc-empty[b-agxjcwhri7] {
    font-size: 11px;
    color: #888;
    font-style: italic;
    margin: 4px 0;
}

/* ── Print overrides ── */

@media print {
    .print-toolbar[b-agxjcwhri7] {
        display: none;
    }

    .print-preview[b-agxjcwhri7] {
        display: block;
        padding: 0;
        background: white;
        min-height: unset;
    }

    .print-doc[b-agxjcwhri7] {
        box-shadow: none;
        width: 100%;
        min-height: unset;
        padding: 0;
    }
}
/* /Pages/Thefts/TheftStoreDetailPage.razor.rz.scp.css */
/* Allow row popovers to overflow the table scroll container */
[b-xw8g1uu3gs] .data-table-scroll {
    overflow: visible !important;
}

/* Filter button */
.filter-btn-wrap[b-xw8g1uu3gs] {
    position: relative;
}

.filter-btn-wrap[b-xw8g1uu3gs]  .btn-outline {
    color: var(--color-danger);
    border-color: transparent;
}

.filter-btn-wrap[b-xw8g1uu3gs]  .btn-outline:hover:not(:disabled) {
    background-color: var(--color-danger-softest);
}

.filter-badge[b-xw8g1uu3gs] {
    position: absolute;
    top: 4px;
    left: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    font-size: 9px;
    font-weight: var(--font-weight-bold);
    color: var(--color-white, #fff);
    background-color: var(--color-primary, #d91a1a);
    border-radius: 999px;
    pointer-events: none;
}

/* Back button row */
.back-row[b-xw8g1uu3gs] {
    display: flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
    margin-bottom: 8px;
}

.back-icon-btn[b-xw8g1uu3gs] {
    display: flex;
    min-width: 32px;
    min-height: 32px;
    padding: var(--spacing-2xs, 4px);
    justify-content: center;
    align-items: center;
    gap: 0;
    border-radius: var(--border-radius-default, 8px);
    border: var(--outline-size-default, 1px) solid var(--outline-default, #6F7070);
    background: var(--surface-default, #FFF);
    cursor: pointer;
    flex-shrink: 0;
}

.back-icon-btn[b-xw8g1uu3gs]  .app-icon {
    width: 8.55px;
    height: 16px;
}

.back-icon-btn:hover[b-xw8g1uu3gs] {
    background: var(--surface-hover, #f5f5f5);
}

.back-label[b-xw8g1uu3gs] {
    color: var(--text-primary, #000);
    font-family: var(--font-family, "Open Sans"), sans-serif;
    font-size: var(--type-body-size, 16px);
    font-weight: 600;
    line-height: var(--type-body-line-height, 24px);
    cursor: pointer;
}

/* Backdrop — captures outside clicks to close open dropdowns */
.dropdown-backdrop[b-xw8g1uu3gs] {
    position: fixed;
    inset: 0;
    z-index: 49;
}

/* Month selector */
.month-selector-container[b-xw8g1uu3gs] {
  position: relative;
}

.month-selector[b-xw8g1uu3gs] {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

.month-selector-text[b-xw8g1uu3gs] {
  font-size: var(--type-body-size, 16px);
  font-weight: var(--font-weight-semibold, 600);
  line-height: var(--type-body-line-height, 24px);
  color: var(--text-tertiary, #6F7070);
}

.month-selector[b-xw8g1uu3gs]  .app-icon {
  background-color: var(--surface-primary);
}

.month-chevron-open[b-xw8g1uu3gs] {
    transform: rotate(180deg);
}

.month-dropdown[b-xw8g1uu3gs] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 50;
    width: min(320px, calc(100vw - var(--sidebar-width) - 48px));
    max-height: 480px;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--surface-default, white);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);

}

.month-option[b-xw8g1uu3gs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-lg, 24px);
    width: 100%;
    padding: var(--spacing-sm, 12px) var(--spacing-lg, 24px);
    background: var(--surface-default, white);
    border: none;
    cursor: pointer;
    text-align: left;
}

.month-option:hover[b-xw8g1uu3gs] {
    background-color: var(--surface-hover, #f5f5f5);
}

.month-option.selected[b-xw8g1uu3gs] {
    background-color: var(--surface-hover, #f5f5f5);
}

.month-option-label[b-xw8g1uu3gs] {
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-primary, black);
}

.month-status[b-xw8g1uu3gs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: var(--spacing-2xs, 4px) var(--spacing-sm, 12px);
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    white-space: nowrap;
}

.month-status-disponibilizado[b-xw8g1uu3gs] {
    background: #D0E1F3;
    color: #082B4D;
}

.month-status-submetido[b-xw8g1uu3gs] {
    background: #D1FAD2;
    color: #0A5D0C;
}

.month-status-expirado[b-xw8g1uu3gs] {
    background: #F5D0D0;
    color: #520909;
}

/* Loading */
.loading-container[b-xw8g1uu3gs] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--spacing-2xl) 0;
}

.loading-text[b-xw8g1uu3gs] {
    font-size: var(--type-body-size);
    color: var(--text-secondary);
}

/* KPI Summary Card */
.kpi-card[b-xw8g1uu3gs] {
    position: relative;
    background: var(--surface-default, white);
    border: 1px solid var(--outline-card, #D5D5D5);
    border-radius: var(--radius-default, 8px);
    padding: var(--spacing-lg, 24px) var(--spacing-xl, 32px);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg, 24px);
    margin-bottom: var(--spacing-lg, 24px);
}

.kpi-card-header[b-xw8g1uu3gs] {
    display: contents;
}

.kpi-card[b-xw8g1uu3gs]  .status-label {
    position: absolute;
    top: var(--spacing-lg, 24px);
    right: var(--spacing-xl, 32px);
}

.kpi-row[b-xw8g1uu3gs] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-lg, 24px);
}

.kpi-row-4[b-xw8g1uu3gs] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-lg, 24px);
}

.kpi-item[b-xw8g1uu3gs] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 8px);
    min-width: 0;
}

.kpi-label[b-xw8g1uu3gs] {
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-secondary, #4E4F4F);
}

.kpi-value[b-xw8g1uu3gs] {
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    font-weight: var(--font-weight-regular, 400);
    color: var(--text-primary, black);
}

/* Table toolbar */
.table-toolbar[b-xw8g1uu3gs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.table-title[b-xw8g1uu3gs] {
    font-size: var(--type-body-size, 16px);
    font-weight: var(--font-weight-bold, 700);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-primary, black);
}

/* Table footer */
.table-footer[b-xw8g1uu3gs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.table-count[b-xw8g1uu3gs] {
    font-size: var(--type-body-sm-size, 14px);
    color: var(--text-secondary, #6F7070);
}

/* Sortable headers */
.sortable-header[b-xw8g1uu3gs] {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.sortable-header[b-xw8g1uu3gs]  .sort-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    opacity: 0.4;
    transition: opacity 0.15s;
    background-color: red;
}

.sortable-header.sort-asc[b-xw8g1uu3gs]  .sort-icon,
.sortable-header.sort-desc[b-xw8g1uu3gs]  .sort-icon {
    opacity: 1;
}

/* Row actions popover */
.row-actions[b-xw8g1uu3gs] {
  position: relative;
  width: 1%;
  white-space: nowrap;
}

.popover-container[b-xw8g1uu3gs] {
  position: relative;
  display: inline-flex;
}

.popover-trigger[b-xw8g1uu3gs] {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--spacing-2xs, 4px);
  border-radius: var(--radius-default, 8px);
}

  .popover-trigger[b-xw8g1uu3gs]  .app-icon {
    background-color: var(--surface-primary);
  }

  .popover-trigger:hover[b-xw8g1uu3gs] {
    background-color: var(--surface-hover, #f5f5f5);
  }

.popover-menu[b-xw8g1uu3gs] {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 50;
    min-width: 250px;
    background: var(--surface-default, white);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.popover-item[b-xw8g1uu3gs] {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg, 24px);
    width: 100%;
    padding: var(--spacing-md, 16px) var(--spacing-lg, 24px);
    background: none;
    border: none;
    cursor: pointer;
    font-size: var(--type-body-size, 16px);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-primary, black);
    text-align: left;
}

.popover-item:hover[b-xw8g1uu3gs] {
    background-color: var(--surface-hover, #f5f5f5);
}

.popover-divider[b-xw8g1uu3gs] {
    height: 1px;
    background: var(--outline-card, #D5D5D5);
    margin: 0 var(--spacing-lg, 24px);
}

/* Standalone empty card (no table) */
.empty-card[b-xw8g1uu3gs] {
    background-color: var(--surface-default, #FFF);
    border-radius: var(--radius-default, 8px);
    border: 1px solid var(--outline-card, #D5D5D5);
    padding: var(--spacing-lg, 24px);
}

/* Empty state */
.empty-state-container[b-xw8g1uu3gs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md, 16px);
    padding: var(--spacing-2xl, 48px) var(--spacing-md, 16px);
}

.empty-state-title[b-xw8g1uu3gs] {
    font-size: var(--type-body-size, 16px);
    font-weight: var(--font-weight-semibold, 600);
    line-height: var(--type-body-line-height, 24px);
    color: var(--text-primary, #000);
    margin: 0;
}

.empty-state-subtitle[b-xw8g1uu3gs] {
    font-size: var(--type-body-sm-size, 14px);
    line-height: var(--type-body-sm-line-height, 20px);
    color: var(--text-secondary, #6F7070);
    margin: 0;
}

/* Responsive — narrower desktops */
@media (max-width: 1200px) {
    .kpi-card[b-xw8g1uu3gs] {
        padding: var(--spacing-md, 16px) var(--spacing-lg, 24px);
    }

    .kpi-card[b-xw8g1uu3gs]  .status-label {
        top: var(--spacing-md, 16px);
        right: var(--spacing-lg, 24px);
    }

    .kpi-row[b-xw8g1uu3gs],
    .kpi-row-4[b-xw8g1uu3gs] {
        grid-template-columns: repeat(2, 1fr);
    }

    .table-toolbar[b-xw8g1uu3gs] {
        padding: 0 0 var(--spacing-sm, 12px) 0;
    }