/* _content/Mastisoft.Saf.Web/Components/ClientesMantenimientoVisual.razor.rz.scp.css */
.clients-page[b-2lh2i521c5] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-items: center;
    min-height: 100dvh;
    padding: 22px;
    overflow: auto;
    background: color-mix(in srgb, #020817 30%, transparent);
    backdrop-filter: blur(2px) saturate(1.01);
    -webkit-backdrop-filter: blur(2px) saturate(1.01);
    color: var(--md-sys-color-on-surface);
}

.clients-shell[b-2lh2i521c5] {
    width: min(940px, calc(100vw - 32px));
    height: min(calc(100dvh - 44px), 760px);
    max-height: calc(100dvh - 44px);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 10px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 24px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 96%, transparent);
    box-shadow: var(--elevation-3);
}

.clients-header[b-2lh2i521c5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 2px 2px 0;
}

.clients-header h1[b-2lh2i521c5] {
    margin: 0;
    font-size: clamp(1.12rem, 1.7vw, 1.42rem);
    font-weight: 720;
    line-height: 1.12;
    letter-spacing: 0;
}

.clients-close[b-2lh2i521c5] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 17px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 52%, transparent);
    color: var(--md-sys-color-on-surface);
    cursor: pointer;
}

.clients-workspace[b-2lh2i521c5] {
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto;
    gap: 7px;
    padding: 10px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 18px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 24%, var(--md-sys-color-surface));
    overflow: auto;
    overscroll-behavior: contain;
}

.clients-form-panel[b-2lh2i521c5],
.clients-search-panel[b-2lh2i521c5],
.clients-grid-card[b-2lh2i521c5] {
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 16px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 94%, transparent);
}

.clients-form-panel[b-2lh2i521c5] {
    display: grid;
    gap: 8px;
    padding: 9px 10px;
}

.clients-form-grid[b-2lh2i521c5] {
    display: grid;
    grid-template-columns: 254px 306px 112px 38px minmax(150px, 1fr);
    grid-template-areas:
        "type id validate check ."
        "name name name name name"
        "address address address address address"
        "email email email email email"
        "whatsapp group person ip ip";
    gap: 6px 8px;
}

.clients-form-grid label[b-2lh2i521c5] {
    min-width: 0;
    display: grid;
    grid-template-columns: 106px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
}

.clients-form-grid label > span[b-2lh2i521c5] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.74rem;
    font-weight: 760;
    line-height: 1.1;
}

.field-type-id[b-2lh2i521c5] { grid-area: type; }
.field-id-number[b-2lh2i521c5] { grid-area: id; }
.field-name[b-2lh2i521c5] { grid-area: name; }
.field-address[b-2lh2i521c5] { grid-area: address; }
.field-email[b-2lh2i521c5] { grid-area: email; }
.field-whatsapp[b-2lh2i521c5] { grid-area: whatsapp; }
.field-group[b-2lh2i521c5] { grid-area: group; grid-template-columns: 42px minmax(0, 1fr) !important; }
.field-person-type[b-2lh2i521c5] { grid-area: person; grid-template-columns: 38px minmax(0, 1fr) !important; }
.field-ip[b-2lh2i521c5] { grid-area: ip; grid-template-columns: 24px minmax(0, 1fr) !important; }

.clients-form-grid input[b-2lh2i521c5],
.clients-form-grid select[b-2lh2i521c5] {
    width: 100%;
    min-width: 0;
    min-height: 30px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 11px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.8rem;
    outline: none;
}

.clients-form-grid input[b-2lh2i521c5] {
    padding: 0 8px;
}

.clients-form-grid select[b-2lh2i521c5] {
    padding: 0 24px 0 8px;
}

.clients-form-grid input:focus[b-2lh2i521c5],
.clients-form-grid select:focus[b-2lh2i521c5] {
    border-color: var(--md-sys-color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--md-sys-color-primary) 16%, transparent);
}

.validate-action[b-2lh2i521c5],
.check-inline[b-2lh2i521c5] {
    min-height: 30px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 11px;
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 26%, var(--md-sys-color-surface));
}

.validate-action[b-2lh2i521c5] {
    grid-area: validate;
    grid-template-columns: 1fr !important;
    cursor: default;
}

.validate-action span[b-2lh2i521c5] {
    color: var(--md-sys-color-on-surface) !important;
    font-size: 0.84rem !important;
    font-weight: 760 !important;
}

.check-inline[b-2lh2i521c5] {
    grid-area: check;
    background: var(--md-sys-color-primary);
}

.check-inline input[b-2lh2i521c5] {
    width: 16px;
    height: 16px;
    min-height: 0;
    padding: 0;
    accent-color: var(--md-sys-color-primary);
}

.check-inline span[b-2lh2i521c5] {
    display: none;
}

.clients-search-panel[b-2lh2i521c5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 8px;
}

.clients-search[b-2lh2i521c5] {
    min-height: 34px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 13px;
    background: var(--md-sys-color-surface);
}

.clients-search .material-symbols-rounded[b-2lh2i521c5] {
    color: var(--md-sys-color-primary);
    font-size: 20px;
}

.clients-search input[b-2lh2i521c5] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.9rem;
}

.clients-quick-actions[b-2lh2i521c5] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.clients-quick-actions button[b-2lh2i521c5] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 9px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-primary);
    cursor: pointer;
}

.clients-quick-actions button:hover[b-2lh2i521c5],
.clients-quick-actions button:focus-visible[b-2lh2i521c5] {
    border-color: var(--md-sys-color-primary);
    background: var(--md-sys-color-primary-container);
    outline: none;
}

.clients-quick-actions .material-symbols-rounded[b-2lh2i521c5] {
    font-size: 18px;
}

.clients-grid-card[b-2lh2i521c5] {
    min-height: 0;
    overflow: auto;
}

.clients-grid[b-2lh2i521c5] {
    width: 100%;
    min-width: 860px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

.clients-grid th[b-2lh2i521c5] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 10px;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 58%, var(--md-sys-color-surface));
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.76rem;
    font-weight: 780;
    text-align: left;
}

.clients-grid th:nth-child(1)[b-2lh2i521c5] {
    width: 132px;
}

.clients-grid th:nth-child(2)[b-2lh2i521c5] {
    width: 310px;
}

.clients-grid th:nth-child(3)[b-2lh2i521c5] {
    width: 132px;
}

.clients-grid th:nth-child(4)[b-2lh2i521c5] {
    width: 120px;
}

.clients-grid th:nth-child(5)[b-2lh2i521c5] {
    width: 170px;
}

.clients-grid th:nth-child(6)[b-2lh2i521c5] {
    width: 96px;
}

.clients-grid td[b-2lh2i521c5] {
    padding: 6px 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 62%, transparent);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.86rem;
}

.clients-grid tbody tr[b-2lh2i521c5] {
    background: var(--md-sys-color-surface);
    cursor: pointer;
}

.clients-grid tbody tr:nth-child(even)[b-2lh2i521c5] {
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 34%, var(--md-sys-color-surface));
}

.clients-grid tbody tr:hover[b-2lh2i521c5],
.clients-grid tbody tr.selected[b-2lh2i521c5] {
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 58%, var(--md-sys-color-surface));
    color: var(--md-sys-color-primary);
}

.clients-actions[b-2lh2i521c5] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.clients-actions button[b-2lh2i521c5] {
    min-width: 92px;
    min-height: 48px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 5px;
    padding: 8px 12px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 15px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    cursor: pointer;
}

.clients-actions button.primary[b-2lh2i521c5] {
    border-color: color-mix(in srgb, var(--md-sys-color-primary) 42%, var(--md-sys-color-outline-variant));
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
}

.clients-actions .material-symbols-rounded[b-2lh2i521c5] {
    font-size: 20px;
}

.clients-actions strong[b-2lh2i521c5] {
    font-size: 0.78rem;
    font-weight: 760;
}

.clients-message[b-2lh2i521c5] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid color-mix(in srgb, var(--md-sys-color-info) 44%, var(--md-sys-color-outline-variant));
    border-radius: 13px;
    background: color-mix(in srgb, var(--md-sys-color-info) 12%, var(--md-sys-color-surface));
    color: var(--md-sys-color-on-surface);
    font-size: 0.82rem;
}

.clients-message .material-symbols-rounded[b-2lh2i521c5] {
    color: var(--md-sys-color-info);
    font-size: 19px;
}

@media (max-width: 980px) {
    .clients-form-grid[b-2lh2i521c5] {
        grid-template-columns: minmax(220px, 1fr) minmax(260px, 1fr) 100px 38px;
        grid-template-areas:
            "type id validate check"
            "name name name name"
            "address address address address"
            "email email email email"
            "whatsapp group group group"
            "person ip ip ip";
    }
}

@media (max-width: 720px) {
    .clients-page[b-2lh2i521c5] {
        padding: 8px;
    }

    .clients-shell[b-2lh2i521c5] {
        width: 100%;
        height: calc(100dvh - 16px);
        max-height: calc(100dvh - 16px);
        border-radius: 18px;
    }

    .clients-header[b-2lh2i521c5],
    .clients-search-panel[b-2lh2i521c5] {
        align-items: stretch;
    }

    .clients-search-panel[b-2lh2i521c5],
    .clients-form-grid[b-2lh2i521c5] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "type"
            "id"
            "validate"
            "check"
            "name"
            "address"
            "email"
            "whatsapp"
            "group"
            "person"
            "ip";
    }

    .clients-form-grid label[b-2lh2i521c5],
    .field-group[b-2lh2i521c5],
    .field-person-type[b-2lh2i521c5],
    .field-ip[b-2lh2i521c5] {
        grid-template-columns: 1fr !important;
        gap: 5px;
    }

    .clients-quick-actions[b-2lh2i521c5] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .clients-actions[b-2lh2i521c5] {
        justify-content: stretch;
    }

    .clients-actions button[b-2lh2i521c5] {
        flex: 1 1 130px;
    }
}
/* _content/Mastisoft.Saf.Web/Components/ControlUsuariosVisual.razor.rz.scp.css */
.users-page[b-wbzi502bry] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-items: center;
    min-height: 100dvh;
    padding: 22px;
    overflow: auto;
    background: color-mix(in srgb, #020817 30%, transparent);
    backdrop-filter: blur(2px) saturate(1.01);
    -webkit-backdrop-filter: blur(2px) saturate(1.01);
    color: var(--md-sys-color-on-surface);
}

.users-shell[b-wbzi502bry] {
    width: min(1240px, calc(100vw - 44px));
    height: min(calc(100dvh - 44px), 860px);
    max-height: calc(100dvh - 44px);
    margin: 0 auto;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 10px;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 14px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 24px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 96%, transparent);
    box-shadow: var(--elevation-3);
}

.users-header[b-wbzi502bry] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 4px 4px 0;
}

.users-header h1[b-wbzi502bry] {
    margin: 4px 0;
    font-size: clamp(1.32rem, 2vw, 1.72rem);
    font-weight: 720;
    line-height: 1.12;
    letter-spacing: 0;
}

.users-header p:not(.eyebrow)[b-wbzi502bry] {
    max-width: 740px;
    margin: 6px 0 0;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.92rem;
    line-height: 1.45;
}

.users-dialog-close[b-wbzi502bry] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 17px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 52%, transparent);
    color: var(--md-sys-color-on-surface);
    cursor: pointer;
}

.users-option-grid[b-wbzi502bry] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 2px 2px 4px;
}

.users-option-card[b-wbzi502bry] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 14px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 999px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 92%, transparent);
    color: var(--md-sys-color-on-surface);
    text-align: left;
    font: inherit;
    cursor: pointer;
    transition: transform var(--motion-fast) var(--easing-standard), border-color var(--motion-fast) var(--easing-standard), background var(--motion-fast) var(--easing-standard);
}

.users-option-card:hover[b-wbzi502bry],
.users-option-card:focus-visible[b-wbzi502bry],
.users-option-card.active[b-wbzi502bry] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--md-sys-color-primary) 64%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 62%, var(--md-sys-color-surface));
    color: var(--md-sys-color-primary);
}

.users-option-card .material-symbols-rounded[b-wbzi502bry] {
    width: auto;
    height: auto;
    display: inline-flex;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--md-sys-color-primary);
    font-size: 20px;
}

.users-option-card strong[b-wbzi502bry] {
    min-width: 0;
    font-size: 0.86rem;
    font-weight: 740;
}

.users-count-chip[b-wbzi502bry] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    padding: 0 14px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 999px;
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 42%, var(--md-sys-color-surface));
    color: var(--md-sys-color-primary);
}

.users-count-chip .material-symbols-rounded[b-wbzi502bry] {
    font-size: 19px;
}

.users-count-chip strong[b-wbzi502bry] {
    font-size: 0.84rem;
}

.users-workspace[b-wbzi502bry] {
    position: relative;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 12px;
    min-height: 0;
    padding: 14px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 18px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 24%, var(--md-sys-color-surface));
    overflow: auto;
    overscroll-behavior: contain;
}

.users-toolbar[b-wbzi502bry] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.users-toolbar > div:first-child[b-wbzi502bry] {
    display: grid;
    gap: 3px;
}

.users-toolbar strong[b-wbzi502bry] {
    font-size: 1rem;
    font-weight: 740;
}

.users-toolbar span[b-wbzi502bry] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.88rem;
}

.users-actions[b-wbzi502bry] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.users-search[b-wbzi502bry] {
    min-width: min(320px, 42vw);
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 14px;
    background: var(--md-sys-color-surface);
}

.users-search .material-symbols-rounded[b-wbzi502bry] {
    color: var(--md-sys-color-primary);
    font-size: 20px;
}

.users-search input[b-wbzi502bry] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.9rem;
}

.users-primary-action[b-wbzi502bry],
.users-footer-actions button[b-wbzi502bry],
.dialog-tile[b-wbzi502bry] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 14px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform var(--motion-fast) var(--easing-standard), border-color var(--motion-fast) var(--easing-standard), background var(--motion-fast) var(--easing-standard);
}

.users-primary-action[b-wbzi502bry] {
    border-color: color-mix(in srgb, var(--md-sys-color-primary) 42%, var(--md-sys-color-outline-variant));
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
}

.users-primary-action:hover[b-wbzi502bry],
.users-primary-action:focus-visible[b-wbzi502bry],
.users-footer-actions button:hover[b-wbzi502bry],
.users-footer-actions button:focus-visible[b-wbzi502bry],
.dialog-tile:hover[b-wbzi502bry],
.dialog-tile:focus-visible[b-wbzi502bry] {
    transform: translateY(-1px);
    border-color: var(--md-sys-color-primary);
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 44%, var(--md-sys-color-surface));
}

.users-primary-action .material-symbols-rounded[b-wbzi502bry],
.users-footer-actions .material-symbols-rounded[b-wbzi502bry],
.dialog-tile .material-symbols-rounded[b-wbzi502bry] {
    font-size: 20px;
}

.users-grid-wrap[b-wbzi502bry] {
    min-height: 0;
    max-height: none;
    overflow: auto;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 16px;
    background: var(--md-sys-color-surface);
}

.users-grid[b-wbzi502bry] {
    width: 100%;
    min-width: 960px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

.users-grid th[b-wbzi502bry] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 10px 10px;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 58%, var(--md-sys-color-surface));
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.76rem;
    font-weight: 760;
    text-align: left;
}

.users-grid th:nth-child(1)[b-wbzi502bry] {
    width: 132px;
}

.users-grid th:nth-child(2)[b-wbzi502bry] {
    width: 230px;
}

.users-grid th:nth-child(3)[b-wbzi502bry] {
    width: 132px;
}

.users-grid th:nth-child(4)[b-wbzi502bry] {
    width: 136px;
}

.users-grid th:nth-child(5)[b-wbzi502bry] {
    width: 210px;
}

.users-grid th:nth-child(6)[b-wbzi502bry] {
    width: 76px;
}

.users-grid th:nth-child(7)[b-wbzi502bry] {
    width: 160px;
}

.users-grid td[b-wbzi502bry] {
    padding: 5px;
    border-bottom: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 62%, transparent);
}

.users-grid tr[b-wbzi502bry] {
    background: var(--md-sys-color-surface);
}

.users-grid tr:nth-child(even)[b-wbzi502bry] {
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 34%, var(--md-sys-color-surface));
}

.users-grid tr.selected[b-wbzi502bry] {
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 58%, var(--md-sys-color-surface));
}

.grid-input[b-wbzi502bry],
.grid-select[b-wbzi502bry],
.password-cell input[b-wbzi502bry] {
    width: 100%;
    min-width: 0;
    height: 34px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.84rem;
    outline: none;
}

.grid-input[b-wbzi502bry] {
    padding: 0 8px;
}

.grid-select[b-wbzi502bry] {
    padding: 0 28px 0 8px;
}

.grid-input:focus[b-wbzi502bry],
.grid-select:focus[b-wbzi502bry],
.password-cell:focus-within[b-wbzi502bry] {
    border-color: var(--md-sys-color-primary);
    background: var(--md-sys-color-surface);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--md-sys-color-primary) 16%, transparent);
}

.password-cell[b-wbzi502bry] {
    height: 34px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 8px;
    border: 1px solid transparent;
    border-radius: 10px;
}

.password-cell input[b-wbzi502bry] {
    height: 30px;
    padding: 0;
}

.password-cell .material-symbols-rounded[b-wbzi502bry] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 17px;
}

.users-footer-actions[b-wbzi502bry] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 4px;
}

.users-modal[b-wbzi502bry] {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 18px;
    border-radius: inherit;
    background: color-mix(in srgb, #020817 38%, transparent);
    backdrop-filter: blur(3px) saturate(1.02);
    -webkit-backdrop-filter: blur(3px) saturate(1.02);
}

.users-dialog-frame[b-wbzi502bry] {
    width: min(50%, 455px);
    min-width: 390px;
    max-height: min(92%, 550px);
    display: grid;
    padding: 6px;
    border: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 88%, transparent);
    border-top: 1.5px solid color-mix(in srgb, var(--md-sys-color-primary) 58%, var(--md-sys-color-outline-variant));
    border-radius: 24px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 72%, transparent);
    box-shadow: 0 18px 58px color-mix(in srgb, #020817 42%, transparent), var(--elevation-2);
}

.users-dialog[b-wbzi502bry] {
    width: 100%;
    max-height: 100%;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 10px;
    overflow: auto;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--md-sys-color-primary) 20%, var(--md-sys-color-outline-variant));
    border-radius: 22px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 96%, transparent);
    box-shadow: none;
}

.users-dialog.branch-dialog[b-wbzi502bry],
.users-dialog.access-dialog[b-wbzi502bry] {
    width: min(96%, 1024px);
    min-width: min(760px, calc(100% - 28px));
    height: min(92%, 720px);
    max-height: 720px;
}

.access-panel[b-wbzi502bry],
.branch-panel[b-wbzi502bry] {
    min-height: 0;
    height: 100%;
    display: grid;
    gap: 12px;
    overflow: hidden;
}

.access-panel[b-wbzi502bry] {
    grid-template-rows: auto auto minmax(0, 1fr);
}

.branch-panel[b-wbzi502bry] {
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.access-panel .users-dialog-header[b-wbzi502bry],
.branch-panel .users-dialog-header[b-wbzi502bry] {
    padding: 2px 2px 10px;
}

.users-dialog-header[b-wbzi502bry] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 3px 4px 8px;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
}

.users-dialog-header span[b-wbzi502bry] {
    color: var(--md-sys-color-primary);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.users-dialog-header h2[b-wbzi502bry] {
    margin: 4px 0 0;
    font-size: 1.08rem;
    font-weight: 560;
    letter-spacing: 0;
}

.users-dialog-header p[b-wbzi502bry] {
    max-width: 330px;
    margin: 7px 0 0;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.8rem;
    line-height: 1.45;
}

.dialog-close[b-wbzi502bry] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 14px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    cursor: pointer;
}

.dialog-form-grid[b-wbzi502bry] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.dialog-field-card[b-wbzi502bry] {
    min-width: 0;
    padding: 18px 16px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 16px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 34%, var(--md-sys-color-surface));
}

.user-legacy-form[b-wbzi502bry] {
    display: grid;
    gap: 9px;
}

.user-form-row[b-wbzi502bry] {
    min-width: 0;
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.user-form-row > span:first-child[b-wbzi502bry] {
    color: var(--md-sys-color-on-surface);
    font-size: 0.88rem;
    font-weight: 560;
}

.user-form-row input[b-wbzi502bry],
.user-form-row select[b-wbzi502bry] {
    width: 100%;
    min-width: 0;
    height: 34px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 8px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.86rem;
    outline: none;
}

.user-form-row input[b-wbzi502bry] {
    padding: 0 10px;
}

.user-form-row select[b-wbzi502bry] {
    padding: 0 28px 0 10px;
}

.user-form-row input:focus[b-wbzi502bry],
.user-form-row select:focus[b-wbzi502bry] {
    border-color: var(--md-sys-color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--md-sys-color-primary) 16%, transparent);
}

.compact-id .id-entry[b-wbzi502bry] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.compact-id input[b-wbzi502bry] {
    width: 164px;
    flex: 0 0 164px;
}

.compact-id small[b-wbzi502bry] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 8px;
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 42%, var(--md-sys-color-surface));
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.72rem;
    white-space: nowrap;
}

.password-row input[b-wbzi502bry] {
    width: 164px;
}

.state-row select[b-wbzi502bry] {
    width: 92px;
}

.dialog-form-grid[b-wbzi502bry]  .field,
.dialog-form-grid[b-wbzi502bry]  .field-control {
    min-width: 0;
}

.dialog-form-grid[b-wbzi502bry]  .field-control {
    display: grid;
    gap: 6px;
}

.dialog-form-grid[b-wbzi502bry]  .field-control > span:first-child,
.dialog-form-grid[b-wbzi502bry]  .field-label {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.78rem;
    font-weight: 740;
}

.dialog-form-grid[b-wbzi502bry]  input,
.dialog-form-grid[b-wbzi502bry]  select {
    width: 100%;
    min-height: 40px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 12px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.9rem;
}

.dialog-form-grid[b-wbzi502bry]  input {
    padding: 0 12px;
}

.dialog-form-grid[b-wbzi502bry]  select {
    padding: 0 12px;
}

.dialog-action-row[b-wbzi502bry] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 6px;
    border-top: 1px solid var(--md-sys-color-outline-variant);
}

.dialog-tile.primary[b-wbzi502bry] {
    border-color: color-mix(in srgb, var(--md-sys-color-primary) 42%, var(--md-sys-color-outline-variant));
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
}

.access-control-band[b-wbzi502bry] {
    display: grid;
    grid-template-columns: minmax(240px, 0.9fr) minmax(280px, 1.15fr) minmax(230px, 0.9fr);
    gap: 14px;
    align-items: stretch;
    padding: 10px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 16px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 34%, var(--md-sys-color-surface));
}

.access-type-card[b-wbzi502bry],
.access-copy-card[b-wbzi502bry],
.access-action-card[b-wbzi502bry] {
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 8px;
}

.access-type-card[b-wbzi502bry] {
    padding-right: 8px;
    border-right: 1px solid var(--md-sys-color-outline-variant);
}

.access-type-card > span[b-wbzi502bry] {
    color: var(--md-sys-color-primary);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.access-type-card label[b-wbzi502bry] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.access-type-card label strong[b-wbzi502bry] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.74rem;
    font-weight: 760;
}

.access-type-card select[b-wbzi502bry] {
    width: 100%;
    min-height: 38px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 12px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.86rem;
    padding: 0 12px;
}

.access-copy-card[b-wbzi502bry] {
    border-right: 1px solid var(--md-sys-color-outline-variant);
    padding-right: 12px;
}

.access-copy-card h2[b-wbzi502bry] {
    margin: 0;
    color: var(--md-sys-color-on-surface);
    font-size: 1rem;
    font-weight: 740;
    letter-spacing: 0;
}

.access-copy-card p[b-wbzi502bry],
.access-action-card p[b-wbzi502bry] {
    margin: 0;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.78rem;
    line-height: 1.35;
}

.access-action-card[b-wbzi502bry] {
    justify-items: start;
}

.access-help-text[b-wbzi502bry] {
    margin: 0;
    padding: 8px 10px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 14px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 74%, transparent);
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.76rem;
}

.access-matrix[b-wbzi502bry] {
    min-height: 0;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(150px, 1fr);
    gap: 10px;
    overflow: auto;
    padding: 2px 2px 10px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 16px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 70%, transparent);
}

.access-column[b-wbzi502bry] {
    min-width: 150px;
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 10px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 14px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 96%, transparent);
}

.access-column-title[b-wbzi502bry] {
    min-height: 34px;
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    padding: 0 8px;
    border-radius: 10px;
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
}

.access-column-title .material-symbols-rounded[b-wbzi502bry] {
    font-size: 18px;
}

.access-column-title strong[b-wbzi502bry] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.84rem;
    font-weight: 780;
}

.access-section[b-wbzi502bry] {
    display: grid;
    gap: 4px;
}

.access-section-title[b-wbzi502bry] {
    min-height: 24px;
    display: flex;
    align-items: center;
    padding: 0 8px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--md-sys-color-success) 74%, #064e3b);
    color: var(--md-sys-color-on-primary);
    font-size: 0.76rem;
    font-weight: 760;
}

.access-check[b-wbzi502bry] {
    min-height: 26px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 6px;
    padding: 0 4px;
    border-radius: 7px;
    cursor: pointer;
}

.access-check:hover[b-wbzi502bry] {
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 28%, transparent);
}

.access-check input[b-wbzi502bry],
.access-column-title input[b-wbzi502bry] {
    width: 14px;
    height: 14px;
    margin: 0;
    accent-color: var(--md-sys-color-primary);
}

.access-check span[b-wbzi502bry] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--md-sys-color-on-surface);
    font-size: 0.76rem;
}

.access-fill[b-wbzi502bry] {
    min-height: 34px;
    padding: 0 18px;
    border: 1px solid color-mix(in srgb, var(--md-sys-color-warning) 58%, var(--md-sys-color-outline-variant));
    border-radius: 12px;
    background: var(--saf-color-warning-container);
    color: var(--md-sys-color-warning);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 760;
    cursor: pointer;
    box-shadow: none;
    transition: transform var(--motion-fast) var(--easing-standard), border-color var(--motion-fast) var(--easing-standard), background var(--motion-fast) var(--easing-standard), color var(--motion-fast) var(--easing-standard), box-shadow var(--motion-fast) var(--easing-standard);
}

.access-fill:hover[b-wbzi502bry],
.access-fill:focus-visible[b-wbzi502bry] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--md-sys-color-warning) 78%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-color-warning-container) 78%, var(--md-sys-color-surface));
    box-shadow: 0 8px 18px color-mix(in srgb, var(--md-sys-color-warning) 16%, transparent);
}

.access-fill.active[b-wbzi502bry] {
    border-color: color-mix(in srgb, var(--md-sys-color-success) 64%, var(--md-sys-color-outline-variant));
    background: var(--saf-color-success-container);
    color: var(--md-sys-color-success);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-success) 22%, transparent);
}

@media (max-width: 920px) {
    .users-header[b-wbzi502bry],
    .users-toolbar[b-wbzi502bry] {
        flex-direction: column;
        align-items: stretch;
    }

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

    .access-control-band[b-wbzi502bry] {
        grid-template-columns: 1fr;
    }

    .access-type-card[b-wbzi502bry],
    .access-copy-card[b-wbzi502bry] {
        padding-right: 0;
        border-right: 0;
        border-bottom: 1px solid var(--md-sys-color-outline-variant);
        padding-bottom: 10px;
    }

    .users-actions[b-wbzi502bry] {
        justify-content: stretch;
    }

    .users-search[b-wbzi502bry] {
        min-width: 0;
        flex: 1 1 auto;
    }
}

@media (max-width: 640px) {
    .users-page[b-wbzi502bry] {
        padding: 8px;
    }

    .users-shell[b-wbzi502bry] {
        width: 100%;
        height: calc(100dvh - 16px);
        max-height: calc(100dvh - 16px);
        border-radius: 18px;
    }

    .users-workspace[b-wbzi502bry],
    .users-dialog[b-wbzi502bry] {
        border-radius: 18px;
    }

    .users-modal[b-wbzi502bry] {
        padding: 12px;
    }

    .users-dialog-frame[b-wbzi502bry],
    .users-dialog.branch-dialog[b-wbzi502bry],
    .users-dialog.access-dialog[b-wbzi502bry] {
        width: min(100%, calc(100vw - 24px));
        min-width: 0;
        max-height: calc(100dvh - 24px);
    }
}
/* _content/Mastisoft.Saf.Web/Components/FacturaVentaVisual.razor.rz.scp.css */
.invoice-workspace[b-taopg6s4v7] {
    box-sizing: border-box;
    width: 100%;
    height: min(100%, calc(100dvh - 96px));
    max-height: calc(100dvh - 96px);
    min-height: 0;
    display: grid;
    place-items: stretch;
    overflow: hidden;
    padding-inline: clamp(3px, 0.45vw, 8px);
    background: transparent;
    color: inherit;
}

.invoice-dialog[b-taopg6s4v7] {
    --invoice-transition: var(--motion-normal) var(--easing-standard);
    --invoice-module-shadow: 0 10px 22px color-mix(in srgb, var(--md-sys-color-outline) 9%, transparent);
    --invoice-surface-soft: color-mix(in srgb, var(--md-sys-color-surface) 24%, transparent);
    --invoice-tone-client: color-mix(in srgb, var(--saf-tone-sales-container) 42%, var(--md-sys-color-surface));
    --invoice-tone-location: color-mix(in srgb, var(--saf-tone-admin-container) 50%, var(--md-sys-color-surface));
    --invoice-tone-issue: color-mix(in srgb, var(--saf-tone-documents-container) 44%, var(--md-sys-color-surface));
    --invoice-tone-payment: color-mix(in srgb, var(--saf-tone-money-container) 48%, var(--md-sys-color-surface));
    --invoice-tone-document: color-mix(in srgb, var(--saf-color-info-container) 42%, var(--md-sys-color-surface));
    --invoice-tone-product: color-mix(in srgb, var(--saf-tone-admin-container) 34%, var(--md-sys-color-surface));
    --invoice-tone-table: color-mix(in srgb, var(--md-sys-color-surface) 92%, var(--saf-tone-sales-container));
    --invoice-product-focus-bg: #155e9f;
    --invoice-product-focus-text: #f8fafc;
    --invoice-product-focus-border: #38bdf8;
    --invoice-product-focus-ring: rgba(14, 165, 233, 0.28);
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: 100%;
    margin-inline: auto;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 4px;
    overflow: hidden;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    font-size: 0.95rem;
}

[data-theme="dark"] .invoice-dialog[b-taopg6s4v7] {
    --invoice-product-focus-bg: #0c4a6e;
    --invoice-product-focus-text: #f0f9ff;
    --invoice-product-focus-border: #7dd3fc;
    --invoice-product-focus-ring: rgba(125, 211, 252, 0.28);
}

.invoice-dialog button[b-taopg6s4v7],
.invoice-dialog [role="button"][b-taopg6s4v7],
.invoice-dialog summary[b-taopg6s4v7],
.invoice-dialog select[b-taopg6s4v7],
.invoice-dialog label:has(input[type="checkbox"])[b-taopg6s4v7] {
    cursor: pointer;
}

.invoice-dialog-header[b-taopg6s4v7] {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    min-height: 0;
    padding-inline-start: 6px;
}

.invoice-header-actions[b-taopg6s4v7] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
}

.invoice-kicker[b-taopg6s4v7] {
    display: block;
    margin-bottom: 3px;
    color: var(--saf-tone-sales);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.invoice-dialog-header h2[b-taopg6s4v7] {
    margin: 0;
    color: var(--md-sys-color-on-surface);
    font-size: clamp(1.32rem, 1.72vw, 1.72rem);
    font-weight: 860;
    letter-spacing: 0;
    line-height: 1.06;
}

.invoice-dialog-header p[b-taopg6s4v7] {
    margin: 2px 0 0;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.84rem;
}

.invoice-close-button[b-taopg6s4v7] {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 14px;
    background: var(--md-sys-color-surface-variant);
    color: var(--md-sys-color-on-surface);
    cursor: pointer;
    transition: border-color var(--invoice-transition), background var(--invoice-transition), transform var(--invoice-transition);
}

.invoice-close-button:hover[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--saf-tone-sales) 36%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-tone-sales-container) 38%, var(--md-sys-color-surface));
    transform: translateY(-1px);
}

.invoice-chip-row[b-taopg6s4v7] {
    position: relative;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    margin-bottom: 4px;
    padding-inline-start: 2px;
}

.invoice-chip[b-taopg6s4v7] {
    --invoice-chip-tone: var(--saf-tone-sales);
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid color-mix(in srgb, var(--invoice-chip-tone) 16%, var(--md-sys-color-outline-variant));
    border-radius: 999px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 92%, var(--saf-tone-sales-container));
    color: var(--md-sys-color-on-surface);
    font: inherit;
    cursor: pointer;
    transition: border-color var(--invoice-transition), background var(--invoice-transition), box-shadow var(--invoice-transition), transform var(--invoice-transition);
}

.invoice-chip .material-symbols-rounded[b-taopg6s4v7] {
    color: var(--invoice-chip-tone);
    font-size: 15px;
}

.invoice-chip strong[b-taopg6s4v7] {
    font-size: 0.74rem;
    font-weight: 800;
}

.invoice-chip.active[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--invoice-chip-tone) 62%, var(--md-sys-color-outline-variant));
    background: linear-gradient(180deg, color-mix(in srgb, var(--invoice-chip-tone) 84%, var(--md-sys-color-primary-container)), color-mix(in srgb, var(--invoice-chip-tone) 94%, var(--md-sys-color-surface)));
    color: var(--md-sys-color-on-primary);
    box-shadow: 0 5px 14px color-mix(in srgb, var(--invoice-chip-tone) 14%, transparent);
}

.invoice-chip:hover[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--invoice-chip-tone) 42%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-tone-sales-container) 30%, var(--md-sys-color-surface));
    transform: translateY(-1px);
}

.invoice-chip.active .material-symbols-rounded[b-taopg6s4v7] {
    color: var(--md-sys-color-on-primary);
}

.invoice-chip.active strong[b-taopg6s4v7] {
    font-weight: 860;
}

.invoice-dialog.invoice-sales-mode[b-taopg6s4v7] {
    grid-template-rows: auto minmax(0, 1fr);
    gap: 3px;
}

.invoice-sales-mode > .invoice-dialog-header[b-taopg6s4v7] {
    display: none;
}

.invoice-chip-row[b-taopg6s4v7] {
    flex-wrap: nowrap;
    gap: 4px;
    margin-bottom: 2px;
    overflow-x: auto;
    scrollbar-width: thin;
}

.invoice-chip[b-taopg6s4v7] {
    flex: 0 0 auto;
    min-height: 24px;
    gap: 6px;
    padding: 0 9px;
}

.invoice-chip .material-symbols-rounded[b-taopg6s4v7] {
    font-size: 14px;
}

.invoice-chip strong[b-taopg6s4v7] {
    font-size: 0.7rem;
}

.invoice-dialog-body[b-taopg6s4v7] {
    position: relative;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(330px, 0.95fr) minmax(460px, 1.35fr) minmax(270px, 0.7fr);
    grid-template-rows: minmax(0, auto) auto minmax(0, 1fr) auto;
    grid-template-areas:
        "customer context document"
        "product product product"
        "table table table"
        "footer footer footer";
    gap: 8px;
    overflow: hidden;
    padding: 5px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 8%, var(--md-sys-color-outline-variant));
    border-radius: 24px;
    background: color-mix(in srgb, var(--invoice-surface-soft) 58%, transparent);
    box-shadow: none;
}

.invoice-status-chip-row[b-taopg6s4v7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-height: 26px;
}

.invoice-status-chip[b-taopg6s4v7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 24px;
    padding: 0 9px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 18%, var(--md-sys-color-outline-variant));
    border-radius: 999px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 78%, var(--saf-tone-sales-container));
    color: var(--md-sys-color-on-surface);
    font-size: 0.72rem;
    white-space: nowrap;
}

.invoice-status-chip .material-symbols-rounded[b-taopg6s4v7] {
    color: var(--saf-tone-sales);
    font-size: 15px;
}

.invoice-status-chip small[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.7rem;
    font-weight: 720;
}

.invoice-status-chip strong[b-taopg6s4v7] {
    font-weight: 820;
}

.invoice-status-chip.success[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--md-sys-color-success) 28%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-color-success-container) 34%, var(--md-sys-color-surface));
}

.invoice-status-chip.success .material-symbols-rounded[b-taopg6s4v7] {
    color: var(--md-sys-color-success);
}

.invoice-document-corner[b-taopg6s4v7] {
    position: absolute;
    top: 9px;
    right: 12px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    max-width: min(42%, 280px);
    min-height: 28px;
    padding: 3px 9px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-documents) 20%, var(--md-sys-color-outline-variant));
    border-radius: 999px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 92%, var(--saf-tone-documents-container));
    color: var(--md-sys-color-on-surface);
    box-shadow: 0 6px 16px color-mix(in srgb, var(--md-sys-color-outline) 8%, transparent);
    font-size: 0.68rem;
    font-weight: 820;
    pointer-events: none;
}

.invoice-document-corner .material-symbols-rounded[b-taopg6s4v7] {
    color: var(--saf-tone-documents);
    font-size: 15px;
}

.invoice-document-corner strong[b-taopg6s4v7],
.invoice-document-corner span:not(.material-symbols-rounded)[b-taopg6s4v7] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-sales-mode .invoice-product-section[b-taopg6s4v7] {
    padding-top: 30px;
}

.invoice-sales-mode .invoice-dialog-body[b-taopg6s4v7] {
    --invoice-config-width: 64px;
    grid-template-columns: var(--invoice-config-width) minmax(0, 1fr);
    grid-template-rows: max-content minmax(260px, 1fr) max-content;
    grid-template-areas:
        "config product"
        "config table"
        "config footer";
    align-items: stretch;
    height: 100%;
    overflow: hidden;
}

.invoice-sales-mode .invoice-table-card[b-taopg6s4v7] {
    min-height: 260px;
    height: 100%;
}

.invoice-sales-mode .invoice-product-section[b-taopg6s4v7],
.invoice-sales-mode .invoice-footer-grid[b-taopg6s4v7] {
    min-height: 0;
}

.invoice-sales-mode .invoice-dialog-body:has(.invoice-config-layer.expanded)[b-taopg6s4v7] {
    --invoice-config-width: clamp(280px, 18vw, 340px);
}

.invoice-sales-mode .invoice-context-section[b-taopg6s4v7],
.invoice-sales-mode .invoice-document-section[b-taopg6s4v7],
.invoice-sales-mode .invoice-customer-section[b-taopg6s4v7] {
    display: none;
}

.invoice-dialog-body[b-taopg6s4v7] {
    gap: 7px;
    padding: 5px;
}

.invoice-status-chip-row[b-taopg6s4v7] {
    min-height: 24px;
}

.invoice-status-chip[b-taopg6s4v7] {
    min-height: 22px;
    padding: 0 8px;
    font-size: 0.68rem;
}

.invoice-status-chip .material-symbols-rounded[b-taopg6s4v7] {
    font-size: 14px;
}

.invoice-section[b-taopg6s4v7],
.invoice-table-card[b-taopg6s4v7] {
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 18%, var(--md-sys-color-outline-variant));
    border-top: 1.5px solid var(--saf-tone-sales);
    border-radius: 18px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--saf-tone-sales-container) 48%, transparent), transparent 54%),
        var(--saf-color-card);
    box-shadow: var(--elevation-1);
}

.invoice-section[b-taopg6s4v7] {
    display: grid;
    gap: 5px;
    padding: 8px;
}

.invoice-context-section[b-taopg6s4v7] {
    grid-area: context;
}

.invoice-context-section > .context-grid[b-taopg6s4v7] {
    display: none;
}

.invoice-operation-strip[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    min-height: 0;
}

.invoice-operation-strip > span[b-taopg6s4v7],
.invoice-operation-payment[b-taopg6s4v7] {
    min-width: 0;
    min-height: 42px;
    display: grid;
    align-content: center;
    gap: 2px;
    padding: 5px 8px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 12%, var(--md-sys-color-outline-variant));
    border-radius: 13px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 86%, var(--saf-tone-sales-container));
    color: var(--md-sys-color-on-surface);
}

.invoice-operation-payment[b-taopg6s4v7] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    text-align: left;
    font: inherit;
}

.invoice-operation-payment .material-symbols-rounded[b-taopg6s4v7] {
    color: var(--saf-tone-sales);
    font-size: 17px;
}

.invoice-operation-strip small[b-taopg6s4v7],
.invoice-operation-strip strong[b-taopg6s4v7] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-operation-strip small[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.58rem;
    font-weight: 760;
}

.invoice-operation-strip strong[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    font-size: 0.74rem;
    font-weight: 840;
}

.invoice-document-section[b-taopg6s4v7] {
    grid-area: document;
}

.invoice-customer-section[b-taopg6s4v7] {
    grid-area: customer;
}

.invoice-customer-section[b-taopg6s4v7],
.invoice-context-section[b-taopg6s4v7],
.invoice-document-section[b-taopg6s4v7] {
    grid-template-rows: auto minmax(0, 1fr);
    align-content: stretch;
}

.invoice-product-section[b-taopg6s4v7] {
    grid-area: product;
}

.invoice-section-title[b-taopg6s4v7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--md-sys-color-on-surface);
    font-size: 0.94rem;
    font-weight: 820;
}

.invoice-section-title .material-symbols-rounded[b-taopg6s4v7] {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: var(--saf-tone-sales-container);
    color: var(--saf-tone-sales);
    font-size: 15px;
}

.invoice-shortcut-hint[b-taopg6s4v7] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 4px;
    padding: 2px 7px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 20%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 78%, transparent);
    color: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 72%, transparent);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0;
}

.invoice-shortcut-hint kbd[b-taopg6s4v7] {
    min-width: 22px;
    padding: 1px 4px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--saf-tone-sales-container) 62%, var(--md-sys-color-surface));
    color: var(--saf-tone-sales);
    font: inherit;
    font-weight: 900;
    line-height: 1.1;
    text-align: center;
}

.invoice-context-section .invoice-section-title .material-symbols-rounded[b-taopg6s4v7] {
    background: color-mix(in srgb, var(--saf-tone-purchases-container) 58%, var(--md-sys-color-surface));
    color: var(--saf-tone-purchases);
}

.invoice-document-section .invoice-section-title .material-symbols-rounded[b-taopg6s4v7] {
    background: color-mix(in srgb, var(--saf-tone-admin-container) 58%, var(--md-sys-color-surface));
    color: var(--saf-tone-admin);
}

.invoice-product-section .invoice-section-title .material-symbols-rounded[b-taopg6s4v7] {
    background: color-mix(in srgb, var(--saf-tone-inventory-container) 58%, var(--md-sys-color-surface));
    color: var(--saf-tone-inventory);
}

.invoice-field-grid[b-taopg6s4v7],
.invoice-document-grid[b-taopg6s4v7],
.invoice-product-grid[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 5px;
}

.context-grid[b-taopg6s4v7] {
    height: 100%;
    align-content: stretch;
    grid-auto-rows: auto;
}

.context-grid .invoice-field[b-taopg6s4v7],
.context-grid .invoice-context-card[b-taopg6s4v7],
.context-grid .invoice-user-info[b-taopg6s4v7] {
    grid-column: span 4;
}

.context-grid .invoice-context-segment[b-taopg6s4v7] {
    grid-column: span 12;
}

.context-grid .issue-segment[b-taopg6s4v7] {
    grid-column: span 6;
}

.context-grid .payment-segment[b-taopg6s4v7] {
    grid-column: span 3;
}

.context-grid .date-segment[b-taopg6s4v7] {
    grid-column: span 3;
}

.context-grid .invoice-field.wide[b-taopg6s4v7] {
    grid-column: span 3;
}

.invoice-context-button[b-taopg6s4v7] {
    grid-column: span 3;
    min-height: 26px;
    padding: 4px 8px;
}

.invoice-context-card[b-taopg6s4v7] {
    min-width: 0;
    min-height: 36px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px;
    padding: 5px 7px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 14px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 52%, transparent);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.invoice-context-segment[b-taopg6s4v7] {
    --segment-accent: var(--saf-tone-sales);
    --segment-container: color-mix(in srgb, var(--md-sys-color-surface-variant) 42%, var(--md-sys-color-surface));
    min-width: 0;
    display: grid;
    gap: 5px;
    padding: 7px;
    border: 1px solid color-mix(in srgb, var(--segment-accent) 12%, var(--md-sys-color-outline-variant));
    border-radius: 16px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--segment-container) 94%, transparent), color-mix(in srgb, var(--md-sys-color-surface) 86%, transparent)),
        var(--md-sys-color-surface);
    box-shadow: 0 6px 16px color-mix(in srgb, var(--segment-accent) 5%, transparent);
}

.location-segment[b-taopg6s4v7] {
    --segment-accent: var(--saf-tone-admin);
    --segment-container: var(--invoice-tone-location);
}

.issue-segment[b-taopg6s4v7] {
    --segment-accent: var(--saf-tone-documents);
    --segment-container: var(--invoice-tone-issue);
}

.payment-segment[b-taopg6s4v7] {
    --segment-accent: var(--md-sys-color-success);
    --segment-container: var(--invoice-tone-payment);
}

.date-segment[b-taopg6s4v7] {
    --segment-accent: var(--saf-tone-documents);
    --segment-container: color-mix(in srgb, var(--saf-tone-documents-container) 34%, var(--md-sys-color-surface));
}

.invoice-segment-heading[b-taopg6s4v7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    color: var(--md-sys-color-on-surface);
}

.invoice-segment-heading .material-symbols-rounded[b-taopg6s4v7] {
    width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--segment-accent) 12%, var(--md-sys-color-surface));
    color: var(--segment-accent);
    font-size: 13px;
}

.invoice-segment-heading strong[b-taopg6s4v7] {
    overflow: hidden;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.68rem;
    font-weight: 820;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.invoice-segment-controls[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
}

.payment-segment .invoice-segment-controls[b-taopg6s4v7],
.date-segment .invoice-segment-controls[b-taopg6s4v7] {
    grid-template-columns: 1fr;
}

.issue-segment .invoice-segment-controls[b-taopg6s4v7] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.payment-segment .invoice-segment-heading .material-symbols-rounded[b-taopg6s4v7],
.payment-segment .invoice-edit-cue[b-taopg6s4v7] {
    color: var(--md-sys-color-success);
}

.date-segment .invoice-segment-heading .material-symbols-rounded[b-taopg6s4v7],
.date-segment .invoice-edit-cue[b-taopg6s4v7] {
    color: var(--saf-tone-documents);
}

.invoice-segment-option[b-taopg6s4v7] {
    min-width: 0;
    min-height: 34px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border: 1px solid color-mix(in srgb, var(--segment-accent) 10%, var(--md-sys-color-outline-variant));
    border-radius: 13px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 84%, var(--segment-container));
    color: var(--md-sys-color-on-surface);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color var(--invoice-transition), background var(--invoice-transition), transform var(--invoice-transition);
}

.invoice-segment-option:hover[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--segment-accent) 38%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--segment-container) 58%, var(--md-sys-color-surface));
    transform: translateY(-1px);
}

.invoice-segment-option.readonly-option[b-taopg6s4v7] {
    cursor: default;
}

.invoice-segment-option.readonly-option:hover[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--segment-accent) 10%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--md-sys-color-surface) 84%, var(--segment-container));
    transform: none;
}

.invoice-segment-option small[b-taopg6s4v7],
.invoice-segment-option strong[b-taopg6s4v7] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-segment-option small[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.62rem;
    font-weight: 760;
}

.invoice-segment-option strong[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    font-size: 0.78rem;
    font-weight: 820;
}

.invoice-segment-option.payment-option[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--md-sys-color-success) 26%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-color-success-container) 36%, var(--md-sys-color-surface));
}

.invoice-segment-option.payment-cash[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--md-sys-color-success) 30%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-color-success-container) 44%, var(--md-sys-color-surface));
}

.invoice-segment-option.payment-credit[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--md-sys-color-warning) 34%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-color-warning-container) 42%, var(--md-sys-color-surface));
}

.invoice-segment-option.payment-card[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--saf-tone-documents) 28%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-tone-documents-container) 44%, var(--md-sys-color-surface));
}

.invoice-segment-option.payment-transfer[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--saf-tone-sales) 30%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-tone-sales-container) 44%, var(--md-sys-color-surface));
}

.invoice-context-card.payment-card[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--md-sys-color-success) 24%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-color-success-container) 20%, var(--md-sys-color-surface-variant));
}

.invoice-context-card.payment-card .invoice-card-icon[b-taopg6s4v7] {
    background: color-mix(in srgb, var(--saf-color-success-container) 70%, var(--md-sys-color-surface));
    color: var(--md-sys-color-success);
}

.invoice-context-card.payment-card .invoice-edit-cue[b-taopg6s4v7] {
    color: var(--md-sys-color-success);
}

.invoice-context-card:hover[b-taopg6s4v7],
.invoice-info-button:hover[b-taopg6s4v7],
.invoice-client-card:hover[b-taopg6s4v7],
.invoice-product-search:hover[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--saf-tone-sales) 42%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-tone-sales-container) 34%, var(--md-sys-color-surface));
}

.invoice-context-card.readonly[b-taopg6s4v7] {
    cursor: default;
}

.invoice-user-info[b-taopg6s4v7] {
    min-width: 0;
    min-height: 28px;
    align-self: center;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 4px 9px;
    border: 0;
    border-radius: 999px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 18%, transparent);
    color: var(--md-sys-color-on-surface-variant);
}

.invoice-user-info .invoice-card-icon[b-taopg6s4v7] {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: transparent;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 14px;
}

.invoice-user-info > span:not(.invoice-card-icon)[b-taopg6s4v7] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.invoice-user-info small[b-taopg6s4v7],
.invoice-user-info strong[b-taopg6s4v7] {
    display: inline;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-user-info small[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.64rem;
    font-weight: 760;
}

.invoice-user-info small[b-taopg6s4v7]::after {
    content: ":";
}

.invoice-user-info strong[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    font-size: 0.8rem;
    font-weight: 800;
}

.invoice-context-card small[b-taopg6s4v7],
.invoice-context-card strong[b-taopg6s4v7] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-context-card small[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.64rem;
    font-weight: 780;
}

.invoice-context-card strong[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    font-size: 0.8rem;
    font-weight: 800;
}

.invoice-card-icon[b-taopg6s4v7] {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: var(--saf-tone-sales-container);
    color: var(--saf-tone-sales);
    font-size: 15px;
}

.invoice-edit-cue[b-taopg6s4v7] {
    color: var(--saf-tone-sales);
    font-size: 18px;
    opacity: 0.86;
}

.invoice-context-card.readonly .invoice-edit-cue[b-taopg6s4v7] {
    color: var(--md-sys-color-success);
}

.invoice-document-grid .invoice-field[b-taopg6s4v7] {
    grid-column: span 6;
}

.invoice-field[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: minmax(72px, auto) minmax(0, 1fr);
    align-items: center;
    gap: 5px;
    min-width: 0;
}

.invoice-field.grow[b-taopg6s4v7] {
    flex: 1 1 auto;
}

.invoice-field span[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    font-size: 0.76rem;
    font-weight: 720;
}

.invoice-field input[b-taopg6s4v7],
.invoice-field select[b-taopg6s4v7] {
    width: 100%;
    min-width: 0;
    min-height: 25px;
    padding: 0 8px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 12px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 94%, transparent);
    color: var(--md-sys-color-on-surface);
}

.invoice-context-section[b-taopg6s4v7],
.invoice-document-section[b-taopg6s4v7],
.invoice-customer-section[b-taopg6s4v7],
.invoice-product-section[b-taopg6s4v7] {
    padding: 0;
    border: 0;
    border-top: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.invoice-info-strip[b-taopg6s4v7] {
    align-content: stretch;
}

.invoice-document-info[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: minmax(92px, 0.72fr) minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    grid-template-areas:
        "type status status"
        "serie number number";
    align-items: center;
    gap: 5px 10px;
    padding: 8px 10px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-admin) 18%, var(--md-sys-color-outline-variant));
    border-radius: 18px;
    background:
        radial-gradient(circle at 88% 20%, color-mix(in srgb, var(--saf-tone-documents-container) 42%, transparent), transparent 36%),
        linear-gradient(135deg, color-mix(in srgb, var(--invoice-tone-document) 72%, transparent), color-mix(in srgb, var(--md-sys-color-surface) 92%, transparent)),
        var(--md-sys-color-surface);
    box-shadow: 0 8px 18px color-mix(in srgb, var(--saf-tone-admin) 6%, transparent);
    overflow: hidden;
    height: 100%;
}

.invoice-document-info span[b-taopg6s4v7],
.invoice-extra-actions span[b-taopg6s4v7],
.invoice-info-button[b-taopg6s4v7] {
    min-width: 0;
    display: grid;
    gap: 2px;
    padding: 0;
}

.invoice-document-type[b-taopg6s4v7] {
    grid-area: type;
}

.invoice-document-info .invoice-document-status[b-taopg6s4v7] {
    grid-area: status;
    justify-self: end;
    align-self: center;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 24px;
    width: auto;
    padding: 0 10px;
    border: 1px solid color-mix(in srgb, var(--md-sys-color-success) 26%, var(--md-sys-color-outline-variant));
    border-radius: 999px;
    background: color-mix(in srgb, var(--saf-color-success-container) 34%, var(--md-sys-color-surface));
    color: var(--md-sys-color-on-surface);
    white-space: nowrap;
}

.invoice-document-info .invoice-document-status .material-symbols-rounded[b-taopg6s4v7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--md-sys-color-success);
    font-size: 15px;
    line-height: 1;
}

.invoice-document-info .invoice-document-status strong[b-taopg6s4v7] {
    display: inline;
    min-width: auto;
    flex: 0 1 auto;
    color: inherit;
    font-size: 0.68rem;
    font-weight: 820;
    line-height: 1;
}

.invoice-document-status.warning[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--md-sys-color-warning) 34%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-color-warning-container) 38%, var(--md-sys-color-surface));
}

.invoice-document-status.warning .material-symbols-rounded[b-taopg6s4v7] {
    color: var(--md-sys-color-warning);
}

.invoice-document-status.error[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--md-sys-color-error) 34%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--md-sys-color-error-container) 38%, var(--md-sys-color-surface));
}

.invoice-document-status.error .material-symbols-rounded[b-taopg6s4v7] {
    color: var(--md-sys-color-error);
}

.invoice-document-date[b-taopg6s4v7] {
    grid-area: date;
}

.invoice-document-info > span:not(.invoice-document-status)[b-taopg6s4v7] {
    border-bottom: 0;
}

.invoice-document-info span:last-child[b-taopg6s4v7] {
    border-bottom: 0;
}

.invoice-info-button[b-taopg6s4v7] {
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 12px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 52%, transparent);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.invoice-document-info small[b-taopg6s4v7],
.invoice-extra-actions small[b-taopg6s4v7],
.invoice-info-button small[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.64rem;
    font-weight: 760;
}

.invoice-document-info strong[b-taopg6s4v7],
.invoice-extra-actions strong[b-taopg6s4v7],
.invoice-info-button strong[b-taopg6s4v7] {
    min-width: 0;
    color: var(--md-sys-color-on-surface);
    font-size: 0.78rem;
    font-weight: 760;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-document-info .invoice-number-inline[b-taopg6s4v7] {
    grid-area: number;
    align-self: center;
    align-content: center;
    grid-template-columns: minmax(0, 1fr);
    justify-items: end;
    justify-content: end;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.invoice-document-info .invoice-number-inline strong[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    font-size: clamp(1.08rem, 1.24vw, 1.3rem);
    line-height: 1;
    text-align: right;
    letter-spacing: 0.015em;
    font-weight: 880;
    overflow: visible;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.invoice-document-info .invoice-number-inline small[b-taopg6s4v7] {
    width: 100%;
    text-align: right;
}

.invoice-document-serie[b-taopg6s4v7] {
    grid-area: serie;
    align-self: center;
}

.invoice-document-serie strong[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: clamp(1.08rem, 1.24vw, 1.3rem);
    line-height: 1;
    font-weight: 880;
    letter-spacing: 0.015em;
    font-variant-numeric: tabular-nums;
}

.invoice-document-type strong[b-taopg6s4v7] {
    width: fit-content;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: var(--saf-tone-admin);
}

.invoice-number-card[b-taopg6s4v7] {
    display: grid;
    justify-items: center;
    gap: 2px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 26%, var(--md-sys-color-outline-variant));
    border-radius: 18px;
    background: var(--md-sys-color-surface);
}

.invoice-number-card span[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.82rem;
    font-weight: 700;
}

.invoice-number-card strong[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    font-size: clamp(1.8rem, 4.4vw, 2.85rem);
    line-height: 1;
    font-weight: 760;
    letter-spacing: 0.02em;
}

.invoice-icon-button[b-taopg6s4v7],
.invoice-secondary-button[b-taopg6s4v7] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 12px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 740;
}

.invoice-icon-button[b-taopg6s4v7] {
    width: 38px;
}

.invoice-client-card[b-taopg6s4v7] {
    display: grid;
    position: relative;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: stretch;
    align-items: start;
    gap: 6px;
    min-height: 88px;
    height: 100%;
    padding: 9px 10px 8px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 12%, var(--md-sys-color-outline-variant));
    border-radius: 18px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--invoice-tone-client) 94%, transparent), color-mix(in srgb, var(--md-sys-color-surface) 88%, transparent)),
        var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 6px 16px color-mix(in srgb, var(--saf-tone-sales) 5%, transparent);
    transition: border-color var(--invoice-transition), background var(--invoice-transition), transform var(--invoice-transition);
}

.invoice-client-avatar[b-taopg6s4v7] {
    width: 30px;
    height: 30px;
    display: grid;
    grid-row: 1 / span 2;
    place-items: center;
    border-radius: 12px;
    background: color-mix(in srgb, var(--saf-tone-sales-container) 74%, var(--md-sys-color-surface));
    color: var(--saf-tone-sales);
}

.invoice-client-copy[b-taopg6s4v7] {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 2px 10px;
    padding-right: 30px;
}

.invoice-client-copy strong[b-taopg6s4v7],
.invoice-client-copy em:last-child[b-taopg6s4v7] {
    grid-column: 1 / -1;
}

.invoice-customer-section .invoice-client-copy em:last-child[b-taopg6s4v7] {
    display: none;
}

.invoice-client-card small[b-taopg6s4v7],
.invoice-client-card em[b-taopg6s4v7] {
    display: block;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.72rem;
    font-weight: 720;
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-client-card em[b-taopg6s4v7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 0;
}

.invoice-client-card em .material-symbols-rounded[b-taopg6s4v7] {
    width: 14px;
    color: color-mix(in srgb, var(--saf-tone-sales) 58%, var(--md-sys-color-on-surface-variant));
    font-size: 13px;
    line-height: 1;
    opacity: 0.9;
}

.invoice-client-card em b[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    font-weight: 820;
}

.invoice-client-card strong[b-taopg6s4v7] {
    display: block;
    color: var(--md-sys-color-on-surface);
    font-size: 0.84rem;
    font-weight: 840;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-client-cxc[b-taopg6s4v7] {
    display: inline-flex;
    grid-column: 2;
    align-self: end;
    justify-self: start;
    width: fit-content;
    margin-top: 2px;
    padding: 2px 7px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 18%, var(--md-sys-color-outline-variant));
    border-radius: 999px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 70%, transparent);
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.66rem;
    font-weight: 760;
}

.invoice-client-cxc.neutral[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--md-sys-color-outline-variant) 72%, transparent);
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 32%, transparent);
}

.invoice-client-cxc.warning[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--md-sys-color-warning) 34%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-color-warning-container) 42%, var(--md-sys-color-surface));
    color: var(--md-sys-color-warning);
}

.invoice-client-action[b-taopg6s4v7] {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 24%, var(--md-sys-color-outline-variant));
    border-radius: 11px;
    background: color-mix(in srgb, var(--saf-tone-sales-container) 52%, var(--md-sys-color-surface));
    color: var(--saf-tone-sales);
}

.invoice-client-card:hover[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--saf-tone-sales) 34%, var(--md-sys-color-outline-variant));
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--invoice-tone-client) 98%, transparent), color-mix(in srgb, var(--saf-tone-sales-container) 24%, var(--md-sys-color-surface))),
        var(--md-sys-color-surface);
    transform: translateY(-1px);
}

.invoice-client-action .material-symbols-rounded[b-taopg6s4v7] {
    font-size: 17px;
}

.invoice-secondary-button.warning[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--md-sys-color-warning) 40%, var(--md-sys-color-outline-variant));
    background: var(--saf-color-warning-container);
    color: var(--md-sys-color-warning);
}

.invoice-secondary-button.success[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--md-sys-color-success) 40%, var(--md-sys-color-outline-variant));
    background: var(--saf-color-success-container);
    color: var(--md-sys-color-success);
}

.invoice-check-row[b-taopg6s4v7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.invoice-check-row label[b-taopg6s4v7] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 0 9px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 999px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 62%, transparent);
    color: var(--md-sys-color-on-surface);
    font-size: 0.76rem;
    font-weight: 650;
}

.invoice-check-row .invoice-quick-sale-toggle[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--saf-tone-sales) 34%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-tone-sales-container) 44%, var(--md-sys-color-surface));
    color: color-mix(in srgb, var(--saf-tone-sales) 72%, var(--md-sys-color-on-surface));
    font-weight: 820;
}

.invoice-check-row input[type="checkbox"][b-taopg6s4v7] {
    width: 15px;
    height: 15px;
    accent-color: var(--saf-tone-sales);
}

.invoice-product-compact .invoice-product-grid[b-taopg6s4v7] {
    grid-template-columns: minmax(300px, 2.6fr) minmax(96px, 0.58fr) minmax(66px, 0.38fr) minmax(86px, 0.48fr) minmax(88px, 0.48fr) minmax(82px, 0.42fr) minmax(74px, 0.38fr) minmax(82px, 0.42fr) minmax(82px, 0.42fr);
    align-items: end;
    gap: 5px;
}

.invoice-product-search[b-taopg6s4v7] {
    min-height: 48px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 0 11px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-admin) 22%, var(--md-sys-color-outline-variant));
    border-radius: 16px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--invoice-tone-product) 70%, transparent), var(--md-sys-color-surface)),
        var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    text-align: left;
    box-shadow: var(--invoice-module-shadow);
    transition: border-color var(--invoice-transition), background var(--invoice-transition), transform var(--invoice-transition);
}

.invoice-product-search.inline[b-taopg6s4v7] {
    grid-template-columns: auto minmax(0, 1fr);
    cursor: pointer;
}

.invoice-product-grid.quick-sale-active[b-taopg6s4v7] {
    grid-template-columns: minmax(0, 1fr) 42px;
    align-items: stretch;
}

.invoice-product-search.quick-sale-host[b-taopg6s4v7] {
    min-height: 48px;
    cursor: text;
}

.invoice-product-search.quick-sale-host input[b-taopg6s4v7] {
    font-size: 0.94rem;
    font-weight: 760;
}

.invoice-quick-sale-exit[b-taopg6s4v7] {
    width: 42px;
    min-width: 42px;
    height: 100%;
    min-height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--md-sys-color-error) 28%, var(--md-sys-color-outline-variant));
    border-radius: 14px;
    background: color-mix(in srgb, var(--md-sys-color-error-container) 50%, var(--md-sys-color-surface));
    color: var(--md-sys-color-error);
    cursor: pointer;
    transition:
        transform var(--invoice-transition),
        border-color var(--invoice-transition),
        background-color var(--invoice-transition);
}

.invoice-quick-sale-exit:hover[b-taopg6s4v7],
.invoice-quick-sale-exit:focus-visible[b-taopg6s4v7] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--md-sys-color-error) 48%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--md-sys-color-error-container) 70%, var(--md-sys-color-surface));
}

.invoice-quick-sale-exit .material-symbols-rounded[b-taopg6s4v7] {
    font-size: 20px;
}

.invoice-product-search .material-symbols-rounded[b-taopg6s4v7] {
    color: var(--saf-tone-inventory);
    font-size: 20px;
}

.invoice-product-search input[b-taopg6s4v7] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.9rem;
    font-weight: 680;
    text-transform: none;
    cursor: pointer;
}

.invoice-product-search:hover[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--saf-tone-inventory) 34%, var(--md-sys-color-outline-variant));
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--saf-tone-inventory-container) 38%, transparent), var(--md-sys-color-surface)),
        var(--md-sys-color-surface);
    transform: translateY(-1px);
}

.invoice-product-search:focus-visible[b-taopg6s4v7] {
    outline: 0;
    border-color: var(--invoice-product-focus-border);
    background: var(--invoice-product-focus-bg);
    color: var(--invoice-product-focus-text);
    box-shadow: 0 0 0 3px var(--invoice-product-focus-ring);
}

.invoice-product-search:focus-visible .material-symbols-rounded[b-taopg6s4v7],
.invoice-product-search:focus-visible input[b-taopg6s4v7] {
    color: var(--invoice-product-focus-text);
}

.invoice-product-edit[b-taopg6s4v7],
.invoice-product-metric[b-taopg6s4v7] {
    min-width: 0;
    display: grid;
    gap: 3px;
    min-height: 40px;
    justify-content: stretch;
    padding: 5px 7px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-inventory) 20%, var(--md-sys-color-outline-variant));
    border-radius: 12px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 88%, var(--saf-tone-inventory-container));
}

.invoice-product-edit span[b-taopg6s4v7],
.invoice-product-metric small[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.62rem;
    font-weight: 780;
    line-height: 1.1;
}

.invoice-product-edit input[b-taopg6s4v7],
.invoice-product-edit select[b-taopg6s4v7] {
    width: 100%;
    min-width: 0;
    min-height: 20px;
    padding: 0;
    border: 0;
    outline: 0;
    border-radius: 0;
    background: transparent;
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.84rem;
    font-variant-numeric: tabular-nums;
    font-weight: 880;
    line-height: 1.1;
    text-align: right;
}

.invoice-product-edit input[type="number"][b-taopg6s4v7]::-webkit-outer-spin-button,
.invoice-product-edit input[type="number"][b-taopg6s4v7]::-webkit-inner-spin-button {
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
}

.invoice-product-edit input[type="number"][b-taopg6s4v7] {
    appearance: textfield;
    -moz-appearance: textfield;
}

.invoice-product-edit input:disabled[b-taopg6s4v7],
.invoice-product-edit select:disabled[b-taopg6s4v7] {
    opacity: 0.58;
    cursor: default;
}

.invoice-product-edit select[b-taopg6s4v7] {
    text-align: left;
}

.invoice-product-edit:focus-within[b-taopg6s4v7] {
    border-color: var(--invoice-product-focus-border);
    background: var(--invoice-product-focus-bg);
    box-shadow: 0 0 0 3px var(--invoice-product-focus-ring);
}

.invoice-product-edit:focus-within span[b-taopg6s4v7],
.invoice-product-edit:focus-within input[b-taopg6s4v7],
.invoice-product-edit:focus-within select[b-taopg6s4v7] {
    color: var(--invoice-product-focus-text);
}

.invoice-product-metric[b-taopg6s4v7] {
    pointer-events: none;
}

.invoice-product-metric strong[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    font-size: 0.84rem;
    font-variant-numeric: tabular-nums;
    font-weight: 880;
    line-height: 1.1;
    text-align: right;
}

.invoice-product-metric.stock[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--md-sys-color-success) 26%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-color-success-container) 42%, var(--md-sys-color-surface));
}

.invoice-product-metric.total strong[b-taopg6s4v7] {
    color: color-mix(in srgb, var(--saf-tone-sales) 74%, var(--md-sys-color-on-surface));
}

.invoice-product-search span:not(.material-symbols-rounded)[b-taopg6s4v7] {
    font-size: 0.88rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-product-search small[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    max-width: 170px;
    padding: 4px 8px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 999px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 82%, transparent);
    font-size: 0.7rem;
    font-weight: 650;
    text-align: right;
}

.invoice-mini-totals[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.invoice-mini-totals span[b-taopg6s4v7],
.invoice-summary-grid span[b-taopg6s4v7] {
    display: grid;
    gap: 2px;
    padding: 7px 9px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 12px;
    background: var(--md-sys-color-surface);
}

.invoice-mini-totals small[b-taopg6s4v7],
.invoice-summary-grid small[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.72rem;
    font-weight: 720;
}

.invoice-mini-totals strong[b-taopg6s4v7],
.invoice-summary-grid strong[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    font-size: 0.98rem;
    font-weight: 760;
    text-align: right;
}

.invoice-table-card[b-taopg6s4v7] {
    grid-area: table;
    min-height: 0;
    overflow: auto;
    border-color: color-mix(in srgb, var(--saf-tone-sales) 24%, var(--md-sys-color-outline-variant));
    border-radius: 16px;
    background: var(--invoice-tone-table);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--saf-tone-sales) 8%, transparent);
    scrollbar-gutter: stable;
}

.invoice-table-card[b-taopg6s4v7]::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

.invoice-table-card[b-taopg6s4v7]::-webkit-scrollbar-track {
    background: color-mix(in srgb, var(--md-sys-color-surface) 80%, var(--saf-tone-sales-container));
}

.invoice-table-card[b-taopg6s4v7]::-webkit-scrollbar-thumb {
    border: 2px solid color-mix(in srgb, var(--md-sys-color-surface) 80%, var(--saf-tone-sales-container));
    border-radius: 999px;
    background: color-mix(in srgb, var(--saf-tone-sales) 48%, var(--md-sys-color-outline-variant));
}

.invoice-table[b-taopg6s4v7] {
    min-width: 1040px;
    display: grid;
}

.invoice-line-cards[b-taopg6s4v7] {
    display: none;
}

.invoice-table-head[b-taopg6s4v7],
.invoice-table-row[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: 0.98fr minmax(220px, 2.18fr) 0.54fr 0.62fr 0.52fr 0.66fr 0.66fr 0.52fr 0.62fr 0.76fr 0.5fr;
    gap: 0;
}

.invoice-table-head[b-taopg6s4v7] {
    position: sticky;
    top: 0;
    z-index: 3;
    box-shadow: 0 8px 14px color-mix(in srgb, var(--md-sys-color-outline) 10%, transparent);
}

.invoice-table-head > span[b-taopg6s4v7],
.invoice-table-row > span[b-taopg6s4v7] {
    min-width: 0;
    padding: 7px 10px;
    border-right: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 44%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 72%, transparent);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: background var(--invoice-transition), color var(--invoice-transition);
}

.invoice-table-head > span:last-child[b-taopg6s4v7],
.invoice-table-row > span:last-child[b-taopg6s4v7] {
    border-right: 0;
}

.invoice-table-head > span[b-taopg6s4v7] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--saf-tone-sales) 94%, var(--md-sys-color-primary-container)), var(--saf-tone-sales));
    color: var(--md-sys-color-on-primary);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.invoice-table-head > span:first-child[b-taopg6s4v7] {
    border-top-left-radius: 12px;
}

.invoice-table-head > span:last-child[b-taopg6s4v7] {
    border-top-right-radius: 12px;
}

.invoice-table-row > span[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    min-height: 36px;
    font-size: 0.8rem;
    align-items: center;
    display: flex;
    font-variant-numeric: tabular-nums;
}

.invoice-table-row:nth-child(odd) > span[b-taopg6s4v7] {
    background: color-mix(in srgb, var(--saf-tone-sales-container) 12%, var(--md-sys-color-surface));
}

.invoice-table-row:hover > span[b-taopg6s4v7] {
    background: color-mix(in srgb, var(--saf-tone-sales-container) 30%, var(--md-sys-color-surface));
}

.invoice-table-row.last-added > span[b-taopg6s4v7],
.invoice-table-row.last-added:hover > span[b-taopg6s4v7] {
    background: linear-gradient(180deg, color-mix(in srgb, #bae6fd 58%, var(--md-sys-color-surface)), color-mix(in srgb, #e0f2fe 72%, var(--md-sys-color-surface)));
    box-shadow: inset 0 1px 0 color-mix(in srgb, #38bdf8 32%, transparent), inset 0 -1px 0 color-mix(in srgb, #38bdf8 18%, transparent);
}

[data-theme="dark"] .invoice-table-row.last-added > span[b-taopg6s4v7],
[data-theme="dark"] .invoice-table-row.last-added:hover > span[b-taopg6s4v7] {
    background: linear-gradient(180deg, color-mix(in srgb, #075985 48%, var(--md-sys-color-surface)), color-mix(in srgb, #0c4a6e 42%, var(--md-sys-color-surface)));
}

.invoice-table-row > span:nth-child(n+4)[b-taopg6s4v7] {
    justify-content: flex-end;
}

.invoice-table-row > span.invoice-quantity-cell[b-taopg6s4v7] {
    justify-content: center;
}

.invoice-table-row > span:nth-child(2)[b-taopg6s4v7],
.invoice-table-row > span:nth-child(11)[b-taopg6s4v7] {
    justify-content: flex-start;
}

.invoice-table-row > span:nth-child(6)[b-taopg6s4v7],
.invoice-table-row > span:nth-child(9)[b-taopg6s4v7],
.invoice-table-row > span:nth-child(10)[b-taopg6s4v7] {
    color: color-mix(in srgb, var(--md-sys-color-on-surface) 88%, var(--saf-tone-sales));
    font-weight: 820;
}

.invoice-product-code[b-taopg6s4v7] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--saf-tone-sales-container) 72%, var(--md-sys-color-surface));
    color: var(--saf-tone-sales);
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 850;
}

.invoice-product-detail[b-taopg6s4v7],
.invoice-product-pres[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface) !important;
}

.invoice-row-total[b-taopg6s4v7] {
    color: color-mix(in srgb, var(--saf-tone-sales) 72%, var(--md-sys-color-on-surface)) !important;
    font-weight: 900;
}

.invoice-price-cell[b-taopg6s4v7] {
    cursor: text;
}

.invoice-price-edit-input[b-taopg6s4v7] {
    width: 100%;
    min-width: 0;
    height: 28px;
    padding: 0 7px;
    border: 1px solid color-mix(in srgb, var(--md-sys-color-success) 48%, var(--md-sys-color-outline-variant));
    border-radius: 9px;
    background: color-mix(in srgb, var(--saf-color-success-container) 30%, var(--md-sys-color-surface));
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 840;
    text-align: right;
    outline: none;
}

.invoice-price-edit-input:focus[b-taopg6s4v7] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--md-sys-color-success) 18%, transparent);
}

.invoice-entered-body[b-taopg6s4v7] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
    grid-template-areas:
        "entered-toolbar"
        "entered-table"
        "entered-footer";
}

.entered-invoices-toolbar[b-taopg6s4v7] {
    grid-area: entered-toolbar;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 58px;
    padding: 10px 14px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 20%, var(--md-sys-color-outline-variant));
    border-radius: 16px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--saf-tone-sales-container) 38%, transparent), color-mix(in srgb, var(--md-sys-color-surface) 90%, transparent)),
        var(--saf-color-card);
    box-shadow: var(--invoice-module-shadow);
}

.entered-invoices-toolbar h3[b-taopg6s4v7] {
    margin: 2px 0 0;
    color: var(--md-sys-color-on-surface);
    font-size: 1rem;
    font-weight: 840;
    line-height: 1.2;
}

.entered-invoices-actions[b-taopg6s4v7] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.entered-invoices-actions .invoice-secondary-button[b-taopg6s4v7] {
    min-height: 36px;
    padding: 0 12px;
}

.entered-invoices-table-card[b-taopg6s4v7] {
    grid-area: entered-table;
    min-height: 0;
    overflow: auto;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 34%, var(--md-sys-color-outline-variant));
    border-radius: 16px;
    background: var(--invoice-tone-table);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--saf-tone-sales) 8%, transparent);
}

.entered-invoices-table[b-taopg6s4v7] {
    min-width: 1240px;
    display: grid;
}

.entered-invoices-head[b-taopg6s4v7],
.entered-invoices-row[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: 1.08fr 1.7fr 1.08fr 0.8fr 1.16fr 1fr 0.96fr 0.96fr 0.82fr 0.9fr 0.76fr 0.88fr;
    gap: 0;
}

.entered-invoices-row[b-taopg6s4v7] {
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

.entered-invoices-head > span[b-taopg6s4v7],
.entered-invoices-row > span[b-taopg6s4v7] {
    min-width: 0;
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-right: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 44%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 72%, transparent);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.entered-invoices-head > span[b-taopg6s4v7] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--saf-tone-sales) 94%, var(--md-sys-color-primary-container)), var(--saf-tone-sales));
    color: var(--md-sys-color-on-primary);
    font-size: 0.74rem;
    font-weight: 820;
}

.entered-invoices-row > span[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    font-size: 0.82rem;
}

.entered-invoices-row:nth-child(odd) > span[b-taopg6s4v7] {
    background: color-mix(in srgb, var(--saf-tone-sales-container) 12%, var(--md-sys-color-surface));
}

.entered-invoices-row:hover > span[b-taopg6s4v7],
.entered-invoices-row:focus-visible > span[b-taopg6s4v7] {
    background: color-mix(in srgb, var(--saf-tone-sales-container) 32%, var(--md-sys-color-surface));
}

.entered-invoices-row > span:nth-child(n+9)[b-taopg6s4v7] {
    justify-content: flex-end;
}

.entered-ruc[b-taopg6s4v7] {
    color: var(--saf-tone-sales) !important;
    font-weight: 850;
}

.entered-total[b-taopg6s4v7] {
    color: color-mix(in srgb, var(--saf-tone-sales) 74%, var(--md-sys-color-on-surface)) !important;
    font-weight: 900;
}

.entered-invoices-footer[b-taopg6s4v7] {
    grid-area: entered-footer;
    display: grid;
    grid-template-columns: 1.25fr repeat(4, minmax(120px, 0.72fr));
    gap: 8px;
    min-height: 54px;
    padding: 8px;
    border: 1px solid color-mix(in srgb, var(--md-sys-color-success) 22%, var(--md-sys-color-outline-variant));
    border-radius: 16px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--saf-color-success-container) 30%, transparent), color-mix(in srgb, var(--md-sys-color-surface) 90%, transparent)),
        var(--saf-color-card);
    box-shadow: var(--invoice-module-shadow);
}

.entered-invoices-footer span[b-taopg6s4v7] {
    min-width: 0;
    display: grid;
    gap: 2px;
    padding: 5px 9px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 12px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 90%, transparent);
}

.entered-invoices-footer small[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.68rem;
    font-weight: 780;
    text-transform: uppercase;
}

.entered-invoices-footer strong[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    font-size: 0.9rem;
    font-weight: 860;
    text-align: right;
}

.entered-grand-total strong[b-taopg6s4v7] {
    color: var(--md-sys-color-success);
    font-size: 1rem;
    font-weight: 920;
}

.invoice-special-body[b-taopg6s4v7] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) 146px;
    grid-template-areas:
        "special-toolbar"
        "special-table"
        "special-options";
}

.special-invoice-toolbar[b-taopg6s4v7] {
    grid-area: special-toolbar;
    display: grid;
    grid-template-columns: minmax(210px, 0.72fr) minmax(300px, 1fr) minmax(260px, 0.82fr);
    align-items: stretch;
    gap: 10px;
    min-height: 104px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 20%, var(--md-sys-color-outline-variant));
    border-radius: 16px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--saf-tone-sales-container) 28%, transparent), color-mix(in srgb, var(--md-sys-color-surface) 92%, transparent)),
        var(--saf-color-card);
    box-shadow: var(--invoice-module-shadow);
}

.special-filter-stack[b-taopg6s4v7] {
    display: grid;
    gap: 6px;
    align-content: center;
}

.special-filter-field[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
}

.special-filter-field span[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    font-size: 0.8rem;
    font-weight: 760;
    text-align: right;
}

.special-filter-field input[b-taopg6s4v7],
.special-filter-field select[b-taopg6s4v7] {
    width: 100%;
    min-width: 0;
    min-height: 30px;
    padding: 0 9px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 11px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 92%, transparent);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.8rem;
}

.special-search-actions[b-taopg6s4v7],
.special-print-actions[b-taopg6s4v7] {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.special-print-actions[b-taopg6s4v7] {
    justify-content: flex-end;
}

.special-large-action[b-taopg6s4v7] {
    min-width: 86px;
    min-height: 84px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 7px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 18%, var(--md-sys-color-outline-variant));
    border-radius: 14px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 88%, var(--saf-tone-sales-container));
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.8rem;
    font-weight: 760;
    text-align: center;
    transition: transform var(--invoice-transition), border-color var(--invoice-transition), background var(--invoice-transition);
}

.special-large-action .material-symbols-rounded[b-taopg6s4v7] {
    color: var(--saf-tone-sales);
    font-size: 30px;
}

.special-large-action:hover[b-taopg6s4v7] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--saf-tone-sales) 38%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-tone-sales-container) 42%, var(--md-sys-color-surface));
}

.special-invoice-table-card[b-taopg6s4v7] {
    grid-area: special-table;
    min-height: 0;
    overflow: auto;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 34%, var(--md-sys-color-outline-variant));
    border-radius: 16px;
    background: var(--invoice-tone-table);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--saf-tone-sales) 8%, transparent);
}

.special-invoice-table[b-taopg6s4v7] {
    min-width: 1040px;
    display: grid;
}

.special-invoice-head[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: 0.82fr 2.2fr 0.82fr 0.98fr 0.8fr 0.96fr 0.96fr 0.96fr;
}

.special-invoice-head > span[b-taopg6s4v7] {
    min-width: 0;
    display: flex;
    align-items: center;
    min-height: 36px;
    padding: 7px 10px;
    border-right: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 44%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 72%, transparent);
    background: linear-gradient(180deg, color-mix(in srgb, var(--saf-tone-sales) 94%, var(--md-sys-color-primary-container)), var(--saf-tone-sales));
    color: var(--md-sys-color-on-primary);
    font-size: 0.73rem;
    font-weight: 820;
    line-height: 1.1;
}

.special-options-panel[b-taopg6s4v7] {
    grid-area: special-options;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 20%, var(--md-sys-color-outline-variant));
    border-radius: 16px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 92%, transparent);
    box-shadow: var(--invoice-module-shadow);
    overflow: hidden;
}

.special-options-tabs[b-taopg6s4v7] {
    display: flex;
    gap: 0;
    padding: 0 10px;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
    background: color-mix(in srgb, var(--md-sys-color-surface) 88%, var(--saf-tone-sales-container));
}

.special-options-tabs button[b-taopg6s4v7] {
    min-height: 32px;
    padding: 0 12px;
    border: 0;
    border-right: 1px solid var(--md-sys-color-outline-variant);
    background: transparent;
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.8rem;
    font-weight: 760;
}

.special-options-tabs button.active[b-taopg6s4v7] {
    background: var(--md-sys-color-surface);
    color: var(--saf-tone-sales);
}

.special-options-content[b-taopg6s4v7] {
    position: relative;
    min-height: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    overflow: auto;
}

.special-option-tile[b-taopg6s4v7] {
    width: 92px;
    height: 92px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 7px;
    padding: 8px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 18%, var(--md-sys-color-outline-variant));
    border-radius: 14px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 88%, var(--saf-tone-sales-container));
    color: var(--md-sys-color-on-surface);
    font: inherit;
    text-align: center;
    transition: transform var(--invoice-transition), border-color var(--invoice-transition), background var(--invoice-transition);
}

.special-option-tile .material-symbols-rounded[b-taopg6s4v7] {
    color: var(--saf-tone-sales);
    font-size: 31px;
}

.special-option-tile strong[b-taopg6s4v7] {
    font-size: 0.78rem;
    font-weight: 760;
    line-height: 1.15;
}

.special-option-tile:hover[b-taopg6s4v7] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--saf-tone-sales) 38%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-tone-sales-container) 42%, var(--md-sys-color-surface));
}

.special-options-counter[b-taopg6s4v7] {
    position: absolute;
    top: 12px;
    right: 12px;
    min-width: 220px;
    min-height: 28px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 72%, transparent);
    color: var(--md-sys-color-on-surface);
}

.special-options-counter small[b-taopg6s4v7] {
    min-width: 0;
    overflow: hidden;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.72rem;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.special-options-counter strong[b-taopg6s4v7] {
    font-size: 0.9rem;
    font-variant-numeric: tabular-nums;
    font-weight: 850;
    text-align: right;
}

.invoice-resend-body[b-taopg6s4v7] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) 118px;
    grid-template-areas:
        "resend-header"
        "resend-table"
        "resend-footer";
}

.resend-header[b-taopg6s4v7] {
    grid-area: resend-header;
    min-height: 72px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(500px, 0.7fr);
    align-items: center;
    gap: 16px;
    padding: 8px 14px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 20%, var(--md-sys-color-outline-variant));
    border-radius: 16px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--saf-tone-sales-container) 30%, transparent), color-mix(in srgb, var(--md-sys-color-surface) 92%, transparent)),
        var(--saf-color-card);
    box-shadow: var(--invoice-module-shadow);
}

.resend-title[b-taopg6s4v7] {
    min-width: 0;
}

.resend-header h3[b-taopg6s4v7] {
    margin: 0;
    color: var(--md-sys-color-on-surface);
    font-size: 1.08rem;
    font-weight: 900;
    text-transform: uppercase;
}

.resend-header p[b-taopg6s4v7] {
    margin: 4px 0 0;
    color: var(--md-sys-color-on-surface);
    font-size: 0.84rem;
}

.resend-table-card[b-taopg6s4v7] {
    grid-area: resend-table;
    min-height: 0;
    overflow: auto;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 34%, var(--md-sys-color-outline-variant));
    border-radius: 16px;
    background: var(--invoice-tone-table);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--saf-tone-sales) 8%, transparent);
}

.resend-table[b-taopg6s4v7] {
    min-width: 1180px;
    display: grid;
}

.resend-table-head[b-taopg6s4v7],
.resend-table-row[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: 0.56fr 1.1fr 1.9fr 0.72fr 1fr 0.9fr 0.62fr 1fr 1.8fr 1.24fr;
}

.resend-table-row[b-taopg6s4v7] {
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

.resend-table-head > span[b-taopg6s4v7],
.resend-table-row > span[b-taopg6s4v7] {
    min-width: 0;
    display: flex;
    align-items: center;
    min-height: 31px;
    padding: 6px 8px;
    border-right: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 44%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 72%, transparent);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.resend-table-head > span[b-taopg6s4v7] {
    background: linear-gradient(180deg, color-mix(in srgb, var(--saf-tone-sales) 94%, var(--md-sys-color-primary-container)), var(--saf-tone-sales));
    color: var(--md-sys-color-on-primary);
    font-size: 0.73rem;
    font-weight: 820;
}

.resend-table-row > span[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    font-size: 0.82rem;
}

.resend-table-row:hover > span[b-taopg6s4v7],
.resend-table-row:focus-visible > span[b-taopg6s4v7] {
    background: color-mix(in srgb, var(--saf-tone-sales-container) 32%, var(--md-sys-color-surface));
}

.resend-ref[b-taopg6s4v7] {
    background: color-mix(in srgb, var(--saf-tone-sales) 90%, var(--md-sys-color-primary-container)) !important;
    color: var(--md-sys-color-on-primary) !important;
    font-weight: 860;
}

.resend-client[b-taopg6s4v7] {
    background: color-mix(in srgb, var(--saf-color-success-container) 62%, var(--md-sys-color-surface)) !important;
}

.resend-status[b-taopg6s4v7] {
    background: color-mix(in srgb, var(--md-sys-color-error) 84%, var(--md-sys-color-error-container)) !important;
    color: var(--md-sys-color-on-error) !important;
    font-weight: 860;
}

.resend-footer[b-taopg6s4v7] {
    grid-area: resend-footer;
    display: grid;
    grid-template-columns: auto minmax(430px, 1fr);
    grid-template-areas: "actions summary";
    align-items: start;
    gap: 12px;
    min-height: 0;
    padding: 8px 12px 10px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 20%, var(--md-sys-color-outline-variant));
    border-radius: 16px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 94%, transparent);
    box-shadow: var(--invoice-module-shadow);
}

.resend-filter-panel[b-taopg6s4v7] {
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 16%, var(--md-sys-color-outline-variant));
    border-radius: 14px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 90%, var(--saf-tone-sales-container));
}

.resend-filter-panel[b-taopg6s4v7] {
    grid-template-columns: minmax(280px, 1fr) minmax(150px, 0.42fr);
}

.resend-ranges[b-taopg6s4v7],
.resend-doc-status[b-taopg6s4v7] {
    display: grid;
    align-content: center;
    gap: 6px;
}

.resend-list-options[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: center;
    gap: 5px;
}

.resend-ranges strong[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    font-size: 0.76rem;
    font-weight: 860;
    text-transform: uppercase;
}

.resend-ranges label[b-taopg6s4v7] {
    display: inline-grid;
    grid-template-columns: 42px minmax(120px, 1fr);
    align-items: center;
    gap: 6px;
    margin-right: 8px;
}

.resend-ranges label span[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.68rem;
    font-weight: 760;
}

.resend-ranges input[b-taopg6s4v7],
.resend-doc-status input[b-taopg6s4v7] {
    width: 100%;
    min-height: 27px;
    padding: 0 7px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 8px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.76rem;
}

.resend-list-options[b-taopg6s4v7] {
    padding: 0;
}

.resend-list-options label[b-taopg6s4v7] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: var(--md-sys-color-on-surface);
    font-size: 0.78rem;
    font-weight: 720;
    white-space: nowrap;
}

.resend-doc-status[b-taopg6s4v7] {
    grid-template-columns: minmax(0, 1fr);
    padding: 0;
}

.resend-doc-status label[b-taopg6s4v7],
.resend-summary label[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 78px;
    align-items: center;
    gap: 8px;
    color: var(--md-sys-color-on-surface);
    font-size: 0.76rem;
    font-weight: 720;
}

.resend-doc-status input[b-taopg6s4v7],
.resend-summary strong[b-taopg6s4v7] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.resend-actions[b-taopg6s4v7] {
    grid-area: actions;
    display: grid;
    grid-template-columns: auto auto;
    align-content: start;
    align-items: start;
    justify-content: start;
    gap: 7px;
    min-width: 0;
}

.resend-main-actions[b-taopg6s4v7] {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, 106px);
    align-content: start;
    align-items: start;
    gap: 8px;
}

.resend-action-tile[b-taopg6s4v7] {
    width: 106px;
    min-width: 106px;
    min-height: 84px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    place-items: center;
    align-content: center;
    gap: 7px;
    padding: 8px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 18%, var(--md-sys-color-outline-variant));
    border-radius: 12px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--md-sys-color-surface) 96%, transparent), color-mix(in srgb, var(--saf-tone-sales-container) 16%, var(--md-sys-color-surface))),
        var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.69rem;
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
    box-shadow: 0 4px 10px color-mix(in srgb, var(--saf-tone-sales) 5%, transparent);
}

.resend-action-tile:hover[b-taopg6s4v7],
.resend-action-tile:focus-visible[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--saf-tone-sales) 42%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-tone-sales-container) 28%, var(--md-sys-color-surface));
    transform: translateY(-1px);
}

.resend-action-tile .material-symbols-rounded[b-taopg6s4v7] {
    color: var(--saf-tone-sales);
    font-size: 27px;
}

.resend-utility-actions[b-taopg6s4v7] {
    min-width: 0;
    display: grid;
    grid-template-columns: 106px;
    align-content: start;
    align-items: start;
    gap: 8px;
}

.resend-utility-actions button[b-taopg6s4v7] {
    width: 106px;
    min-width: 106px;
    min-height: 84px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    place-items: center;
    align-content: center;
    gap: 7px;
    padding: 8px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 16%, var(--md-sys-color-outline-variant));
    border-radius: 11px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 94%, var(--saf-tone-sales-container));
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.69rem;
    font-weight: 780;
    line-height: 1.12;
    text-align: center;
}

.resend-utility-actions button:hover[b-taopg6s4v7],
.resend-utility-actions button:focus-visible[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--saf-tone-sales) 38%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-tone-sales-container) 26%, var(--md-sys-color-surface));
}

.resend-utility-actions .material-symbols-rounded[b-taopg6s4v7] {
    color: var(--saf-tone-sales);
    font-size: 27px;
}

.resend-summary[b-taopg6s4v7] {
    grid-area: summary;
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    gap: 6px;
    min-height: 92px;
    padding: 2px 4px 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.resend-menu-wrap[b-taopg6s4v7] {
    position: relative;
}

.resend-summary-header[b-taopg6s4v7] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    align-items: center;
    gap: 10px;
}

.resend-summary-header h4[b-taopg6s4v7] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.74rem;
    font-weight: 860;
    letter-spacing: 0;
    text-transform: uppercase;
}

.resend-summary-header h4 .material-symbols-rounded[b-taopg6s4v7] {
    color: var(--md-sys-color-success);
    font-size: 18px;
}

.resend-options-button[b-taopg6s4v7] {
    width: 100%;
    min-height: 34px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 5px 8px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 18%, var(--md-sys-color-outline-variant));
    border-radius: 12px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 88%, var(--saf-tone-sales-container));
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.69rem;
    font-weight: 760;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.resend-options-button:hover[b-taopg6s4v7],
.resend-options-button:focus-visible[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--saf-tone-sales) 44%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-tone-sales-container) 36%, var(--md-sys-color-surface));
    transform: translateY(-1px);
}

.resend-summary-grid[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 14px;
    padding-top: 2px;
}

.resend-summary-grid label[b-taopg6s4v7],
.resend-doc-status label[b-taopg6s4v7] {
    min-height: 22px;
    grid-template-columns: minmax(0, 1fr) minmax(58px, auto);
    border-bottom: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 46%, transparent);
}

.resend-summary-grid .resend-summary-total[b-taopg6s4v7] {
    grid-column: auto;
    min-height: 24px;
    padding-top: 0;
    border-top: 0;
}

.resend-summary-total strong[b-taopg6s4v7] {
    color: var(--md-sys-color-success);
    font-size: 0.94rem;
    font-weight: 920;
}

.resend-options-button .material-symbols-rounded[b-taopg6s4v7] {
    color: var(--saf-tone-sales);
    font-size: 25px;
}

.resend-options-menu[b-taopg6s4v7] {
    position: absolute;
    right: 0;
    bottom: calc(100% + 8px);
    z-index: 5;
    width: 190px;
    display: grid;
    gap: 4px;
    padding: 8px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 26%, var(--md-sys-color-outline-variant));
    border-radius: 14px;
    background: var(--md-sys-color-surface);
    box-shadow: var(--elevation-3);
}

.resend-options-menu button[b-taopg6s4v7] {
    min-height: 45px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 10px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 44%, transparent);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.72rem;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.resend-options-menu button:hover[b-taopg6s4v7],
.resend-options-menu button:focus-visible[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--saf-tone-sales) 46%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-tone-sales-container) 42%, var(--md-sys-color-surface));
    color: var(--md-sys-color-on-surface);
    transform: translateX(2px);
}

.resend-options-menu .material-symbols-rounded[b-taopg6s4v7] {
    color: var(--saf-tone-sales);
    font-size: 24px;
}

.resend-options-menu hr[b-taopg6s4v7] {
    width: 100%;
    border: 0;
    border-top: 1px solid var(--md-sys-color-outline-variant);
}

.invoice-footer-grid[b-taopg6s4v7] {
    grid-area: footer;
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(220px, 0.62fr) minmax(390px, 1.15fr) minmax(260px, 0.74fr);
    grid-template-areas: "secondary total checkout";
    gap: 6px;
    min-height: 112px;
    height: 120px;
    max-height: 128px;
}

.invoice-secondary-panel[b-taopg6s4v7] {
    grid-area: secondary;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    align-content: stretch;
    gap: 5px;
}

.invoice-secondary-panel button[b-taopg6s4v7],
.invoice-checkout-panel .invoice-primary-action[b-taopg6s4v7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 10%, var(--md-sys-color-outline-variant));
    border-radius: 14px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.8rem;
    font-weight: 740;
    transition: border-color var(--invoice-transition), background var(--invoice-transition), box-shadow var(--invoice-transition), transform var(--invoice-transition);
}

.invoice-secondary-panel button[b-taopg6s4v7] {
    min-height: 0;
    height: 100%;
    justify-content: center;
    padding: 0 8px;
    line-height: 1.1;
}

.invoice-secondary-panel .material-symbols-rounded[b-taopg6s4v7],
.invoice-checkout-panel .material-symbols-rounded[b-taopg6s4v7] {
    font-size: 18px;
}

.invoice-footer-center[b-taopg6s4v7] {
    display: contents;
}

.invoice-mobile-config-action[b-taopg6s4v7] {
    display: none;
}

.invoice-settings-action[b-taopg6s4v7] {
    grid-area: settings;
    min-height: 0;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-documents) 24%, var(--md-sys-color-outline-variant));
    border-radius: 14px;
    background: color-mix(in srgb, var(--saf-tone-documents-container) 34%, var(--md-sys-color-surface));
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.8rem;
    font-weight: 820;
}

.invoice-settings-action .material-symbols-rounded[b-taopg6s4v7] {
    color: var(--saf-tone-documents);
    font-size: 19px;
}

.invoice-settings-action:hover[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--saf-tone-documents) 46%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-tone-documents-container) 48%, var(--md-sys-color-surface));
    transform: translateY(-1px);
}

.invoice-extra-actions[b-taopg6s4v7] {
    grid-area: extra;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(3, minmax(0, 1fr));
    align-content: stretch;
    gap: 3px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.invoice-extra-actions .invoice-secondary-button[b-taopg6s4v7] {
    justify-content: flex-start;
    min-height: 0;
    height: 100%;
    padding: 4px 8px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 12%, var(--md-sys-color-outline-variant));
    border-radius: 14px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 88%, var(--saf-tone-sales-container));
    color: var(--md-sys-color-on-surface);
    font-weight: 780;
}

.invoice-footer-tool[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
}

.invoice-footer-tool .material-symbols-rounded[b-taopg6s4v7] {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: var(--saf-tone-sales-container);
    color: var(--saf-tone-sales);
    font-size: 16px;
}

.invoice-extra-actions .invoice-secondary-button:hover[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--saf-tone-sales) 32%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-tone-sales-container) 36%, var(--md-sys-color-surface));
}

.invoice-footer-tool[b-taopg6s4v7],
.invoice-footer-card[b-taopg6s4v7] {
    grid-column: 1 / -1;
}

.invoice-footer-card[b-taopg6s4v7] {
    min-height: 0;
    height: 100%;
    padding: 4px 8px;
}

.invoice-footer-card > span:not(.invoice-card-icon):not(.invoice-edit-cue)[b-taopg6s4v7] {
    display: grid;
    align-content: center;
    gap: 2px;
    min-width: 0;
}

.invoice-footer-card small[b-taopg6s4v7],
.invoice-footer-card strong[b-taopg6s4v7] {
    line-height: 1.12;
}

.invoice-print-card[b-taopg6s4v7] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 78px;
    align-items: center;
    gap: 5px;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    padding: 4px 8px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 12%, var(--md-sys-color-outline-variant));
    border-radius: 14px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 84%, var(--saf-tone-sales-container));
}

.invoice-print-card > .invoice-card-icon[b-taopg6s4v7] {
    width: 28px;
    height: 28px;
    border-radius: 12px;
}

.invoice-print-card .invoice-info-button[b-taopg6s4v7],
.invoice-print-card .invoice-copy-field[b-taopg6s4v7] {
    border: 0;
    background: transparent;
}

.invoice-print-card .invoice-info-button[b-taopg6s4v7] {
    height: 100%;
    align-content: center;
    padding: 1px 4px;
}

.invoice-print-card .invoice-copy-field[b-taopg6s4v7] {
    height: 100%;
    display: grid;
    grid-template-columns: 64px;
    grid-template-rows: auto 24px;
    align-content: center;
    justify-items: center;
    gap: 1px;
    padding: 0 0 0 6px;
    border-left: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 70%, transparent);
}

.invoice-print-card .invoice-copy-field span[b-taopg6s4v7] {
    grid-row: 1;
    font-size: 0.62rem;
    line-height: 1;
}

.invoice-print-card .invoice-copy-field select[b-taopg6s4v7] {
    grid-row: 2;
    width: 54px;
    min-height: 24px;
    height: 24px;
    padding: 0 18px 0 8px;
    font-size: 0.8rem;
    line-height: 1;
}

.print-grid .invoice-field[b-taopg6s4v7] {
    grid-column: span 6;
}

.invoice-print-section .print-grid .invoice-field.wide[b-taopg6s4v7] {
    grid-column: span 6;
}

.invoice-checkout-panel[b-taopg6s4v7] {
    grid-area: checkout;
    display: grid;
    grid-template-columns: minmax(146px, 1fr) minmax(124px, 0.66fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 6px;
    align-content: stretch;
    min-width: 0;
}

.invoice-checkout-panel .invoice-primary-action[b-taopg6s4v7] {
    min-height: 72px;
    width: 100%;
    height: 100%;
    border-color: color-mix(in srgb, var(--md-sys-color-success) 72%, var(--md-sys-color-outline-variant));
    border-radius: 16px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--md-sys-color-success) 94%, var(--saf-color-success-container)), var(--md-sys-color-success));
    color: var(--md-sys-color-on-primary);
    font-size: 0.92rem;
    font-weight: 880;
    letter-spacing: 0.01em;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--md-sys-color-success) 24%, transparent);
}

.invoice-sale-total[b-taopg6s4v7] {
    min-height: 72px;
    height: 100%;
    display: grid;
    min-width: 0;
    align-content: center;
    justify-items: start;
    gap: 1px;
    padding: 4px 9px;
    border: 1px solid color-mix(in srgb, var(--md-sys-color-success) 28%, var(--md-sys-color-outline-variant));
    border-radius: 14px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--saf-color-success-container) 48%, transparent), color-mix(in srgb, var(--md-sys-color-surface) 88%, transparent)),
        var(--saf-color-card);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--md-sys-color-success) 10%, transparent);
}

.invoice-sale-total span[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.62rem;
    font-weight: 820;
    text-transform: uppercase;
    text-align: left;
}

.invoice-sale-total strong[b-taopg6s4v7] {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    color: var(--md-sys-color-success);
    font-size: clamp(1.18rem, 1.75vw, 1.7rem);
    line-height: 1;
    font-weight: 900;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-checkout-panel .invoice-primary-action:hover[b-taopg6s4v7] {
    transform: translateY(-1px);
    background: color-mix(in srgb, var(--md-sys-color-success) 86%, var(--md-sys-color-on-surface));
    box-shadow: 0 18px 34px color-mix(in srgb, var(--md-sys-color-success) 30%, transparent);
}

.invoice-secondary-panel button:hover[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--saf-tone-sales) 32%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-tone-sales-container) 40%, var(--md-sys-color-surface));
}

.invoice-total-panel[b-taopg6s4v7] {
    grid-area: total;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    grid-template-rows: 18px minmax(0, 1fr);
    gap: 3px;
    padding: 6px 10px;
    border: 1px solid color-mix(in srgb, var(--md-sys-color-success) 18%, var(--md-sys-color-outline-variant));
    border-radius: 16px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--saf-color-success-container) 32%, transparent), color-mix(in srgb, var(--md-sys-color-surface) 88%, transparent)),
        var(--saf-color-card);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--md-sys-color-success) 8%, transparent);
    overflow: hidden;
}

.invoice-summary-title[b-taopg6s4v7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    min-height: 18px;
    padding-bottom: 0;
    border-bottom: 0;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.62rem;
    font-weight: 840;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.invoice-summary-title[b-taopg6s4v7]::before {
    content: "monitoring";
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--saf-color-success-container) 60%, var(--md-sys-color-surface));
    color: var(--md-sys-color-success);
    font-family: "Material Symbols Rounded";
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
}

.invoice-total-head[b-taopg6s4v7] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
    padding-bottom: 6px;
    border-bottom: 1px solid color-mix(in srgb, var(--md-sys-color-success) 18%, var(--md-sys-color-outline-variant));
}

.invoice-total-head span[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.72rem;
    font-weight: 780;
    text-transform: uppercase;
}

.invoice-total-head strong[b-taopg6s4v7] {
    color: var(--md-sys-color-success);
    font-size: clamp(1.72rem, 2.6vw, 2.32rem);
    line-height: 1;
    font-weight: 780;
}

.copy-field[b-taopg6s4v7] {
    grid-template-columns: 1fr;
}

.invoice-copy-field[b-taopg6s4v7] {
    padding: 5px 7px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 12px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 52%, transparent);
}

.invoice-copy-field span[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.68rem;
    font-weight: 760;
}

.invoice-summary-grid[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-content: center;
    gap: 0 12px;
    padding-left: 0;
    border-left: 0;
}

.invoice-summary-grid span[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    align-content: center;
    gap: 8px;
    min-width: 0;
    padding: 4px 0;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 34%, transparent);
    border-radius: 0;
    background: transparent;
}

.invoice-summary-grid small[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.58rem;
    line-height: 1.1;
    font-weight: 760;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-summary-grid strong[b-taopg6s4v7] {
    min-width: 42px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--md-sys-color-on-surface);
    font-size: 0.66rem;
    line-height: 1.1;
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 840;
}

.invoice-config-layer[b-taopg6s4v7] {
    grid-area: config;
    position: relative;
    z-index: 3;
    display: grid;
    min-width: 0;
    min-height: 0;
    justify-items: start;
    background: transparent;
    pointer-events: auto;
}

.invoice-config-drawer[b-taopg6s4v7] {
    width: var(--invoice-config-width, min(420px, calc(100vw - 32px)));
    height: 100%;
    max-height: none;
    min-height: 0;
    display: grid;
    grid-template-rows: auto;
    align-content: start;
    gap: 10px;
    padding: 18px;
    border-right: 1px solid color-mix(in srgb, var(--saf-tone-sales) 18%, var(--md-sys-color-outline-variant));
    border-radius: 18px 0 0 18px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--saf-tone-sales-container) 18%, transparent), transparent 48%),
        var(--md-sys-color-surface);
    box-shadow: 18px 0 42px color-mix(in srgb, var(--md-sys-color-outline) 18%, transparent);
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    pointer-events: auto;
    transition: width var(--invoice-transition), padding var(--invoice-transition), box-shadow var(--invoice-transition);
}

.invoice-config-layer.collapsed .invoice-config-drawer[b-taopg6s4v7] {
    align-content: start;
    gap: 8px;
    padding: 8px;
    overflow: hidden;
    box-shadow: none;
}

.invoice-config-header[b-taopg6s4v7] {
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    margin: -18px -18px 0;
    padding: 14px 14px 12px 18px;
    border-bottom: 1px solid color-mix(in srgb, var(--saf-tone-sales) 18%, var(--md-sys-color-outline-variant));
    border-radius: 18px 0 0 0;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--saf-tone-sales-container) 54%, var(--md-sys-color-surface)), var(--md-sys-color-surface));
    box-shadow: 0 8px 18px color-mix(in srgb, var(--md-sys-color-outline) 7%, transparent);
}

.invoice-config-header > div[b-taopg6s4v7] {
    min-width: 0;
}

.invoice-config-layer.collapsed .invoice-config-header[b-taopg6s4v7] {
    justify-content: center;
    margin: -8px -8px 0;
    padding: 8px;
    border-radius: 18px 0 0 0;
}

.invoice-config-layer.collapsed .invoice-config-header > div[b-taopg6s4v7] {
    display: none;
}

.invoice-config-layer.collapsed .invoice-config-header .invoice-close-button[b-taopg6s4v7] {
    width: 42px;
    height: 42px;
    border-radius: 16px;
}

.invoice-config-layer.collapsed .invoice-config-header .invoice-close-button .material-symbols-rounded[b-taopg6s4v7] {
    transform: rotate(180deg);
}

.invoice-config-header h3[b-taopg6s4v7] {
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    color: var(--md-sys-color-on-surface);
    font-size: clamp(0.94rem, 1.1vw, 1.05rem);
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-config-card[b-taopg6s4v7] {
    display: grid;
    gap: 9px;
    min-width: 0;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 14%, var(--md-sys-color-outline-variant));
    border-radius: 16px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 88%, var(--saf-tone-sales-container));
}

.invoice-config-layer.collapsed .invoice-config-card[b-taopg6s4v7] {
    justify-items: center;
    gap: 6px;
    padding: 6px;
    border-color: transparent;
    background: transparent;
}

.invoice-config-layer.collapsed .invoice-config-card > :not(.invoice-config-card-title)[b-taopg6s4v7] {
    display: none;
}

.invoice-config-layer.collapsed .invoice-config-card-title[b-taopg6s4v7] {
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 16px;
    background: color-mix(in srgb, var(--saf-tone-sales-container) 42%, var(--md-sys-color-surface));
}

.invoice-config-layer.collapsed .invoice-config-card-title strong[b-taopg6s4v7] {
    display: none;
}

.invoice-config-layer.collapsed .invoice-config-card-title .material-symbols-rounded[b-taopg6s4v7] {
    width: 28px;
    height: 28px;
    background: transparent;
    font-size: 19px;
}

.invoice-config-card-title[b-taopg6s4v7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--md-sys-color-on-surface);
}

.invoice-config-card-title .material-symbols-rounded[b-taopg6s4v7] {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: var(--saf-tone-sales-container);
    color: var(--saf-tone-sales);
    font-size: 16px;
}

.invoice-config-card-title strong[b-taopg6s4v7] {
    overflow: hidden;
    font-size: 0.86rem;
    font-weight: 860;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-config-tabs[b-taopg6s4v7] {
    gap: 8px;
}

.invoice-drawer-chip-row[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.invoice-drawer-chip-row .invoice-chip[b-taopg6s4v7] {
    width: 100%;
    justify-content: flex-start;
    min-width: 0;
    border-radius: 12px;
}

.invoice-drawer-chip-row .invoice-chip strong[b-taopg6s4v7] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drawer-context-grid[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.drawer-context-grid .invoice-context-segment[b-taopg6s4v7] {
    grid-column: span 2;
}

.drawer-context-grid .payment-segment[b-taopg6s4v7],
.drawer-context-grid .date-segment[b-taopg6s4v7] {
    grid-column: span 1;
}

.drawer-context-grid .invoice-segment-controls[b-taopg6s4v7] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.drawer-context-grid .payment-segment .invoice-segment-controls[b-taopg6s4v7],
.drawer-context-grid .date-segment .invoice-segment-controls[b-taopg6s4v7] {
    grid-template-columns: minmax(0, 1fr);
}

.drawer-client-card[b-taopg6s4v7] {
    min-height: 118px;
    height: auto;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 12px 12px 10px;
}

.drawer-client-card .invoice-client-avatar[b-taopg6s4v7] {
    width: 34px;
    height: 34px;
}

.drawer-client-card .invoice-client-copy[b-taopg6s4v7] {
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
    padding-right: 36px;
}

.drawer-client-card .invoice-client-copy strong[b-taopg6s4v7],
.drawer-client-card .invoice-client-copy em:last-child[b-taopg6s4v7] {
    grid-column: auto;
}

.drawer-client-card strong[b-taopg6s4v7] {
    font-size: 0.92rem;
}

.drawer-client-card em[b-taopg6s4v7] {
    font-size: 0.72rem;
}

.drawer-client-card em .material-symbols-rounded[b-taopg6s4v7] {
    width: 16px;
    font-size: 14px;
}

.drawer-client-card .invoice-client-cxc[b-taopg6s4v7] {
    margin-top: 5px;
    padding: 3px 7px;
    font-size: 0.66rem;
}

.drawer-client-card .invoice-client-action[b-taopg6s4v7] {
    top: 9px;
    right: 9px;
    width: 28px;
    height: 28px;
}

.invoice-config-button[b-taopg6s4v7] {
    justify-content: flex-start;
    min-height: 38px;
    padding-inline: 12px;
}

.drawer-print-card[b-taopg6s4v7],
.drawer-vendor-card[b-taopg6s4v7] {
    min-height: 48px;
    height: auto;
}

.drawer-print-card[b-taopg6s4v7] {
    grid-template-columns: auto minmax(0, 1fr) 82px;
}

@media (max-width: 1460px) and (min-width: 761px) {
    .invoice-sales-mode .invoice-dialog-body:has(.invoice-config-layer.expanded)[b-taopg6s4v7] {
        --invoice-config-width: clamp(232px, 20vw, 292px);
    }

    .invoice-config-drawer[b-taopg6s4v7] {
        padding: 12px;
    }

    .invoice-config-card[b-taopg6s4v7] {
        padding: 10px;
    }

    .drawer-client-card[b-taopg6s4v7] {
        min-height: 106px;
        padding: 10px;
    }

    .invoice-table[b-taopg6s4v7] {
        min-width: 940px;
    }

    .invoice-table-head[b-taopg6s4v7],
    .invoice-table-row[b-taopg6s4v7] {
        grid-template-columns: 0.86fr minmax(170px, 1.82fr) 0.48fr 0.58fr 0.46fr 0.6fr 0.58fr 0.46fr 0.56fr 0.68fr 0.46fr;
    }

    .invoice-table-head > span[b-taopg6s4v7],
    .invoice-table-row > span[b-taopg6s4v7] {
        padding-inline: 8px;
    }

    .invoice-product-compact .invoice-product-grid[b-taopg6s4v7] {
        grid-template-columns: minmax(0, 1fr) minmax(92px, 0.42fr) minmax(70px, 0.3fr) repeat(6, minmax(74px, 0.34fr));
        gap: 4px;
    }

    .invoice-product-search[b-taopg6s4v7],
    .invoice-product-search.inline[b-taopg6s4v7] {
        min-height: 42px;
        padding-inline: 10px;
    }

    .invoice-product-edit[b-taopg6s4v7],
    .invoice-product-metric[b-taopg6s4v7] {
        min-height: 38px;
        padding: 4px 6px;
    }

    .invoice-footer-grid[b-taopg6s4v7] {
        grid-template-columns: minmax(0, 1fr) minmax(270px, 320px);
        grid-template-areas: "secondary checkout";
        min-height: 92px;
        height: auto;
        max-height: none;
    }

    .invoice-footer-center[b-taopg6s4v7] {
        display: none;
    }

    .invoice-checkout-panel[b-taopg6s4v7] {
        grid-template-columns: minmax(112px, 0.72fr) minmax(150px, 1fr);
        grid-template-rows: minmax(0, 1fr);
    }
}

@media (max-width: 1240px) and (min-width: 761px) {
    .invoice-sales-mode .invoice-dialog-body:has(.invoice-config-layer.expanded)[b-taopg6s4v7] {
        --invoice-config-width: clamp(214px, 19vw, 260px);
    }

    .invoice-product-compact .invoice-product-grid[b-taopg6s4v7] {
        grid-template-columns: repeat(8, minmax(0, 1fr));
        grid-auto-flow: row dense;
    }

    .invoice-product-search.inline[b-taopg6s4v7] {
        grid-column: 1 / -1;
    }

    .invoice-product-edit.presentation[b-taopg6s4v7] {
        grid-column: span 2;
    }

    .invoice-product-edit.compact[b-taopg6s4v7] {
        grid-column: span 1;
    }

    .invoice-product-edit:not(.presentation):not(.compact)[b-taopg6s4v7],
    .invoice-product-metric[b-taopg6s4v7] {
        grid-column: span 1;
    }

    .invoice-table[b-taopg6s4v7] {
        min-width: 840px;
    }

    .invoice-table-head[b-taopg6s4v7],
    .invoice-table-row[b-taopg6s4v7] {
        grid-template-columns: 0.78fr minmax(142px, 1.58fr) 0.44fr 0.54fr 0.42fr 0.54fr 0.52fr 0.42fr 0.5fr 0.62fr 0.42fr;
    }

    .invoice-summary-grid[b-taopg6s4v7] {
        gap: 2px 5px;
    }

    .invoice-checkout-panel[b-taopg6s4v7] {
        gap: 5px;
    }

    .invoice-sale-total[b-taopg6s4v7] {
        height: 100%;
    }
}

.invoice-row-actions[b-taopg6s4v7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.invoice-quantity-cell[b-taopg6s4v7] {
    justify-content: center;
    gap: 6px;
    color: var(--md-sys-color-on-surface) !important;
}

.invoice-quantity-cell strong[b-taopg6s4v7] {
    min-width: 16px;
    color: var(--md-sys-color-on-surface);
    text-align: center;
    font-size: 0.84rem;
}

.invoice-row-actions button[b-taopg6s4v7],
.invoice-quantity-cell button[b-taopg6s4v7] {
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
    width: 24px;
    height: 24px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 999px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 88%, transparent);
    color: var(--saf-tone-sales);
    cursor: pointer;
    appearance: none;
    font: inherit;
    line-height: 1;
    box-shadow: none;
    outline: 0;
    transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.invoice-quantity-cell button.quantity-plus[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--md-sys-color-success) 38%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-color-success-container) 74%, var(--md-sys-color-surface));
    color: var(--md-sys-color-success);
}

.invoice-quantity-cell button.quantity-minus[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--md-sys-color-error) 34%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--md-sys-color-error-container) 58%, var(--md-sys-color-surface));
    color: var(--md-sys-color-error);
}

.invoice-row-actions button.danger[b-taopg6s4v7] {
    margin-left: 0;
    border-color: color-mix(in srgb, var(--md-sys-color-error) 38%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--md-sys-color-error-container) 64%, var(--md-sys-color-surface));
    color: var(--md-sys-color-error);
}

.invoice-row-actions button:hover[b-taopg6s4v7],
.invoice-quantity-cell button:hover[b-taopg6s4v7] {
    transform: translateY(-1px);
}

.invoice-quantity-cell button.quantity-plus:hover[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--md-sys-color-success) 54%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-color-success-container) 58%, var(--md-sys-color-surface));
}

.invoice-quantity-cell button.quantity-minus:hover[b-taopg6s4v7],
.invoice-row-actions button.danger:hover[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--md-sys-color-error) 48%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--md-sys-color-error-container) 58%, var(--md-sys-color-surface));
}

.invoice-row-actions button:focus[b-taopg6s4v7],
.invoice-quantity-cell button:focus[b-taopg6s4v7] {
    outline: 0;
    box-shadow: none;
}

.invoice-row-actions button:focus-visible[b-taopg6s4v7],
.invoice-quantity-cell button:focus-visible[b-taopg6s4v7] {
    outline: 2px solid color-mix(in srgb, var(--saf-tone-sales) 42%, transparent);
    outline-offset: 2px;
}

.invoice-row-actions .material-symbols-rounded[b-taopg6s4v7],
.invoice-quantity-cell .material-symbols-rounded[b-taopg6s4v7] {
    display: grid;
    place-items: center;
    width: 16px;
    height: 16px;
    padding: 0;
    border: 0;
    background: transparent;
    color: currentColor;
    font-size: 14px;
    line-height: 1;
}

.invoice-line-card[b-taopg6s4v7] {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 18%, var(--md-sys-color-outline-variant));
    border-radius: 14px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 88%, var(--saf-tone-sales-container));
}

.invoice-line-card.last-added[b-taopg6s4v7] {
    border-color: color-mix(in srgb, #38bdf8 44%, var(--md-sys-color-outline-variant));
    background: linear-gradient(180deg, color-mix(in srgb, #bae6fd 50%, var(--md-sys-color-surface)), color-mix(in srgb, #e0f2fe 68%, var(--md-sys-color-surface)));
    box-shadow: 0 10px 24px color-mix(in srgb, #38bdf8 16%, transparent);
}

[data-theme="dark"] .invoice-line-card.last-added[b-taopg6s4v7] {
    background: linear-gradient(180deg, color-mix(in srgb, #075985 46%, var(--md-sys-color-surface)), color-mix(in srgb, #0c4a6e 38%, var(--md-sys-color-surface)));
}

.invoice-line-card header[b-taopg6s4v7],
.invoice-line-card footer[b-taopg6s4v7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.invoice-line-card header strong[b-taopg6s4v7] {
    color: color-mix(in srgb, var(--saf-tone-sales) 74%, var(--md-sys-color-on-surface));
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
    font-weight: 900;
}

.invoice-line-card p[b-taopg6s4v7] {
    margin: 0;
    color: var(--md-sys-color-on-surface);
    font-size: 0.84rem;
    font-weight: 760;
    line-height: 1.25;
}

.invoice-line-meta[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
}

.invoice-line-meta span[b-taopg6s4v7] {
    min-width: 0;
    display: grid;
    gap: 1px;
    padding: 5px 6px;
    border: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 58%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 74%, transparent);
}

.invoice-line-meta small[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.56rem;
    font-weight: 760;
}

.invoice-line-meta strong[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    font-size: 0.7rem;
    font-variant-numeric: tabular-nums;
    font-weight: 840;
}

.invoice-line-card footer > button[b-taopg6s4v7] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--md-sys-color-error) 38%, var(--md-sys-color-outline-variant));
    border-radius: 999px;
    background: color-mix(in srgb, var(--md-sys-color-error-container) 64%, var(--md-sys-color-surface));
    color: var(--md-sys-color-error);
}

.invoice-inner-dialog-layer[b-taopg6s4v7] {
    position: fixed;
    inset: 0;
    z-index: 6;
    display: grid;
    place-items: center;
    padding: 24px;
    background: color-mix(in srgb, var(--saf-color-glass-shadow) 60%, transparent);
}

.invoice-inner-dialog[b-taopg6s4v7] {
    width: min(760px, calc(100vw - 48px));
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid color-mix(in srgb, var(--saf-tone-sales) 30%, var(--md-sys-color-outline-variant));
    border-top: 1.5px solid var(--saf-tone-sales);
    border-radius: 20px;
    background: var(--md-sys-color-surface);
    box-shadow: var(--elevation-3);
}

.invoice-inner-dialog header[b-taopg6s4v7],
.invoice-inner-dialog footer[b-taopg6s4v7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.invoice-inner-dialog h3[b-taopg6s4v7] {
    margin: 0;
    color: var(--md-sys-color-on-surface);
    font-size: 1.04rem;
}

.invoice-inner-dialog footer[b-taopg6s4v7] {
    justify-content: flex-end;
}

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

.invoice-search-dialog[b-taopg6s4v7] {
    display: grid;
    gap: 12px;
}

.invoice-dialog-search[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 14px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 52%, transparent);
}

.invoice-dialog-search .material-symbols-rounded[b-taopg6s4v7] {
    color: var(--saf-tone-sales);
    font-size: 21px;
}

.invoice-dialog-search input[b-taopg6s4v7] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--md-sys-color-on-surface);
    font: inherit;
}

.invoice-search-dialog > strong[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    font-size: 0.86rem;
}

.invoice-result-list[b-taopg6s4v7] {
    display: grid;
    gap: 8px;
    max-height: min(420px, 54dvh);
    overflow: auto;
    padding-right: 4px;
}

.invoice-result-list button[b-taopg6s4v7] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 14px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 58%, transparent);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    text-align: left;
    transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;
}

.invoice-result-list button:hover[b-taopg6s4v7],
.invoice-result-list button.active[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--saf-tone-sales) 54%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--saf-tone-sales-container) 44%, var(--md-sys-color-surface));
}

.invoice-result-list button.active[b-taopg6s4v7] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--saf-tone-sales) 24%, transparent);
}

.invoice-result-list button > .material-symbols-rounded[b-taopg6s4v7] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: var(--saf-tone-sales-container);
    color: var(--saf-tone-sales);
}

.invoice-result-list strong[b-taopg6s4v7],
.invoice-result-list small[b-taopg6s4v7] {
    display: block;
}

.invoice-result-list strong[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface);
    font-size: 0.86rem;
    font-weight: 800;
}

.invoice-result-list small[b-taopg6s4v7],
.invoice-result-list em[b-taopg6s4v7] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.76rem;
    font-style: normal;
    font-weight: 700;
}

.invoice-result-status[b-taopg6s4v7] {
    display: block;
    padding: 12px;
    border: 1px dashed color-mix(in srgb, var(--saf-tone-sales) 32%, var(--md-sys-color-outline-variant));
    border-radius: 14px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 45%, transparent);
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.82rem;
    font-weight: 700;
}

.invoice-result-status.error[b-taopg6s4v7] {
    border-color: color-mix(in srgb, var(--md-sys-color-error) 38%, var(--md-sys-color-outline-variant));
    color: var(--md-sys-color-error);
}

@media (max-width: 1180px) {
    .invoice-dialog-body[b-taopg6s4v7] {
        grid-template-columns: minmax(240px, 0.92fr) minmax(280px, 1.2fr) minmax(220px, 0.86fr);
        grid-template-rows: auto auto minmax(0, 1fr) auto;
        grid-template-areas:
            "customer context document"
            "product product product"
            "table table table"
            "footer footer footer";
    }

    .invoice-sales-mode .invoice-dialog-body[b-taopg6s4v7] {
        --invoice-config-width: 58px;
        grid-template-columns: var(--invoice-config-width) minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr) auto;
        grid-template-areas:
            "config product"
            "config table"
            "config footer";
    }

    .invoice-sales-mode .invoice-dialog-body:has(.invoice-config-layer.expanded)[b-taopg6s4v7] {
        --invoice-config-width: clamp(238px, 25vw, 292px);
    }

    .invoice-config-drawer[b-taopg6s4v7] {
        padding: 12px;
    }

    .invoice-config-card[b-taopg6s4v7] {
        padding: 9px;
    }

    .drawer-client-card[b-taopg6s4v7] {
        min-height: 102px;
        padding: 9px;
    }

    .invoice-table[b-taopg6s4v7] {
        min-width: 900px;
    }

    .invoice-table-head[b-taopg6s4v7],
    .invoice-table-row[b-taopg6s4v7] {
        grid-template-columns: 0.82fr minmax(160px, 1.78fr) 0.48fr 0.58fr 0.46fr 0.58fr 0.58fr 0.46fr 0.54fr 0.66fr 0.46fr;
    }

    .invoice-table-head > span[b-taopg6s4v7],
    .invoice-table-row > span[b-taopg6s4v7] {
        padding-inline: 7px;
    }

    .invoice-footer-grid[b-taopg6s4v7] {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 312px);
        grid-template-areas: "secondary checkout";
        min-height: 92px;
        height: auto;
        max-height: none;
    }

    .invoice-footer-center[b-taopg6s4v7] {
        display: none;
    }

    .invoice-secondary-panel[b-taopg6s4v7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
        align-content: stretch;
    }

    .invoice-product-compact .invoice-product-grid[b-taopg6s4v7] {
        grid-template-columns: minmax(220px, 1.8fr) minmax(82px, 0.72fr) minmax(58px, 0.48fr) minmax(76px, 0.62fr) minmax(78px, 0.62fr) minmax(76px, 0.58fr) minmax(64px, 0.5fr) minmax(76px, 0.58fr) minmax(76px, 0.58fr);
    }

    .invoice-product-search.inline[b-taopg6s4v7],
    .invoice-product-edit.presentation[b-taopg6s4v7] {
        grid-column: auto;
    }

    .entered-invoices-toolbar[b-taopg6s4v7] {
        align-items: stretch;
        flex-direction: column;
    }

    .entered-invoices-actions[b-taopg6s4v7] {
        justify-content: flex-start;
    }

    .entered-invoices-footer[b-taopg6s4v7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .invoice-special-body[b-taopg6s4v7] {
        grid-template-rows: auto minmax(0, 1fr) auto;
    }

    .special-invoice-toolbar[b-taopg6s4v7] {
        grid-template-columns: 1fr;
    }

    .special-search-actions[b-taopg6s4v7],
    .special-print-actions[b-taopg6s4v7] {
        justify-content: flex-start;
    }

    .special-options-panel[b-taopg6s4v7] {
        min-height: 160px;
    }
}

@media (max-width: 980px) and (min-width: 761px) {
    .invoice-sales-mode .invoice-dialog-body:has(.invoice-config-layer.expanded)[b-taopg6s4v7] {
        --invoice-config-width: clamp(206px, 24vw, 244px);
    }
}

@media (max-width: 1460px) and (min-width: 761px) {
    .invoice-product-compact .invoice-product-grid[b-taopg6s4v7] {
        grid-template-columns: repeat(8, minmax(0, 1fr));
        grid-auto-flow: row dense;
        align-items: stretch;
    }

    .invoice-product-search.inline[b-taopg6s4v7] {
        grid-column: 1 / -1;
        min-height: 42px;
    }

    .invoice-product-edit.presentation[b-taopg6s4v7] {
        grid-column: span 2;
    }

    .invoice-product-edit.compact[b-taopg6s4v7] {
        grid-column: span 1;
    }

    .invoice-product-edit:not(.presentation):not(.compact)[b-taopg6s4v7],
    .invoice-product-metric[b-taopg6s4v7] {
        grid-column: span 1;
    }
}

@media (max-width: 1240px) and (min-width: 761px) {
    .invoice-footer-grid[b-taopg6s4v7] {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 312px);
        grid-template-areas: "secondary checkout";
        align-items: stretch;
        min-height: 86px;
        height: auto;
        max-height: none;
    }

    .invoice-secondary-panel[b-taopg6s4v7] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: minmax(0, 1fr);
    }

    .invoice-checkout-panel[b-taopg6s4v7] {
        min-width: 0;
    }

    .invoice-secondary-panel button[b-taopg6s4v7] {
        gap: 0;
        padding-inline: 0;
        font-size: 0;
    }

    .invoice-secondary-panel .material-symbols-rounded[b-taopg6s4v7] {
        font-size: 20px;
    }

    .invoice-chip[b-taopg6s4v7] {
        gap: 0;
        padding-inline: 8px;
    }

    .invoice-chip strong[b-taopg6s4v7] {
        display: none;
    }
}

@media (max-width: 760px) {
    .invoice-workspace[b-taopg6s4v7] {
        height: auto;
        min-height: 100%;
        overflow: visible;
    }

    .invoice-dialog[b-taopg6s4v7] {
        width: 100%;
        height: auto;
        max-height: none;
        overflow: visible;
        border-radius: 18px;
    }

    .invoice-dialog-body[b-taopg6s4v7] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto minmax(0, 1fr) auto;
        grid-template-areas:
            "customer"
            "context"
            "document"
            "product"
            "table"
            "footer";
    }

    .invoice-sales-mode .invoice-dialog-body[b-taopg6s4v7] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr) auto;
        grid-template-areas:
            "product"
            "table"
            "footer";
    }

    .invoice-document-corner[b-taopg6s4v7] {
        top: 8px;
        right: 10px;
        max-width: 174px;
        min-height: 26px;
        padding-inline: 8px;
        font-size: 0.64rem;
    }

    .invoice-document-corner strong[b-taopg6s4v7] {
        display: none;
    }

    .invoice-sales-mode .invoice-product-section[b-taopg6s4v7] {
        padding-top: 28px;
    }

    .invoice-dialog-header[b-taopg6s4v7] {
        align-items: flex-start;
    }

    .invoice-chip-row[b-taopg6s4v7] {
        padding-inline: 0 4px;
    }

    .invoice-chip[b-taopg6s4v7] {
        min-height: 24px;
        padding-inline: 8px;
    }

    .invoice-field[b-taopg6s4v7],
    .copy-field[b-taopg6s4v7] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .context-grid .invoice-field[b-taopg6s4v7],
    .context-grid .invoice-field.wide[b-taopg6s4v7],
    .context-grid .invoice-context-card[b-taopg6s4v7],
    .context-grid .invoice-context-segment[b-taopg6s4v7],
    .context-grid .invoice-user-info[b-taopg6s4v7],
    .print-grid .invoice-field[b-taopg6s4v7] {
        grid-column: 1 / -1;
    }

    .invoice-segment-controls[b-taopg6s4v7] {
        grid-template-columns: 1fr;
    }

    .invoice-product-compact .invoice-product-grid[b-taopg6s4v7] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        align-items: stretch;
    }

    .invoice-product-search[b-taopg6s4v7],
    .invoice-product-search.inline[b-taopg6s4v7] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .invoice-product-search.inline[b-taopg6s4v7] {
        grid-column: 1 / -1;
    }

    .invoice-product-edit.presentation[b-taopg6s4v7] {
        grid-column: span 1;
    }

    .invoice-product-edit[b-taopg6s4v7],
    .invoice-product-metric[b-taopg6s4v7] {
        grid-column: span 1;
        min-height: 38px;
    }

    .invoice-product-metric[b-taopg6s4v7] {
        padding-inline: 6px;
    }

    .invoice-product-metric small[b-taopg6s4v7],
    .invoice-product-edit span[b-taopg6s4v7] {
        font-size: 0.56rem;
    }

    .invoice-product-metric strong[b-taopg6s4v7],
    .invoice-product-edit input[b-taopg6s4v7],
    .invoice-product-edit select[b-taopg6s4v7] {
        font-size: 0.72rem;
    }

    .invoice-mini-totals[b-taopg6s4v7],
    .invoice-secondary-panel[b-taopg6s4v7],
    .invoice-inner-form[b-taopg6s4v7],
    .entered-invoices-footer[b-taopg6s4v7] {
        grid-template-columns: 1fr 1fr;
    }

    .invoice-client-card[b-taopg6s4v7] {
        grid-template-columns: auto minmax(0, 1fr);
        min-height: 104px;
        padding: 9px 10px 8px;
    }

    .invoice-client-copy[b-taopg6s4v7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2px 10px;
    }

    .invoice-client-copy strong[b-taopg6s4v7],
    .invoice-client-copy em:last-child[b-taopg6s4v7] {
        grid-column: 1 / -1;
    }

    .invoice-client-cxc[b-taopg6s4v7] {
        grid-column: 2;
    }

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

    .invoice-operation-strip[b-taopg6s4v7] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .context-grid .invoice-context-segment[b-taopg6s4v7] {
        grid-column: span 1;
    }

    .context-grid .location-segment[b-taopg6s4v7],
    .context-grid .issue-segment[b-taopg6s4v7] {
        grid-column: 1 / -1;
    }

    .location-segment .invoice-segment-controls[b-taopg6s4v7],
    .issue-segment .invoice-segment-controls[b-taopg6s4v7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .invoice-context-segment[b-taopg6s4v7] {
        padding: 6px;
    }

    .invoice-document-info[b-taopg6s4v7] {
        grid-template-columns: minmax(104px, 0.75fr) minmax(0, 1fr);
        grid-template-rows: auto auto;
        grid-template-areas:
            "type status"
            "serie number";
        gap: 7px 10px;
        padding: 8px 10px;
        height: auto;
    }

    .invoice-document-info .invoice-document-status[b-taopg6s4v7] {
        justify-self: end;
        width: auto;
        min-height: 24px;
        padding-inline: 10px;
    }

    .invoice-footer-grid[b-taopg6s4v7] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "checkout"
            "secondary"
            "mobile-config";
        min-height: 0;
        height: auto;
        max-height: none;
        gap: 8px;
    }

    .invoice-footer-center[b-taopg6s4v7] {
        display: none;
    }

    .invoice-checkout-panel[b-taopg6s4v7] {
        grid-template-columns: minmax(116px, 0.72fr) minmax(150px, 1fr);
        grid-template-rows: minmax(56px, auto);
        gap: 8px;
        align-items: stretch;
    }

    .invoice-sale-total[b-taopg6s4v7] {
        height: auto;
        min-height: 56px;
        justify-items: start;
        text-align: left;
    }

    .invoice-sale-total span[b-taopg6s4v7],
    .invoice-sale-total strong[b-taopg6s4v7] {
        text-align: left;
    }

    .invoice-checkout-panel .invoice-primary-action[b-taopg6s4v7] {
        min-height: 56px;
        height: 100%;
    }

    .invoice-mobile-config-action[b-taopg6s4v7] {
        grid-area: mobile-config;
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border: 1px solid color-mix(in srgb, var(--saf-tone-documents) 24%, var(--md-sys-color-outline-variant));
        border-radius: 14px;
        background: color-mix(in srgb, var(--saf-tone-documents-container) 34%, var(--md-sys-color-surface));
        color: var(--md-sys-color-on-surface);
        font: inherit;
        font-size: 0.82rem;
        font-weight: 820;
    }

    .invoice-mobile-config-action .material-symbols-rounded[b-taopg6s4v7] {
        color: var(--saf-tone-documents);
        font-size: 19px;
    }

    .invoice-summary-grid[b-taopg6s4v7] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .invoice-table-card[b-taopg6s4v7] {
        min-height: 210px;
    }

    .invoice-table[b-taopg6s4v7] {
        display: none;
    }

    .invoice-line-cards[b-taopg6s4v7] {
        min-height: 0;
        display: grid;
        align-content: start;
        gap: 8px;
        padding: 8px;
    }

    .invoice-settings-action[b-taopg6s4v7] {
        padding: 0;
        font-size: 0;
    }

    .invoice-settings-action .material-symbols-rounded[b-taopg6s4v7] {
        font-size: 21px;
    }

    .invoice-config-layer[b-taopg6s4v7] {
        position: fixed;
        inset: 0;
        align-items: end;
        justify-items: stretch;
        background: color-mix(in srgb, var(--saf-color-glass-shadow) 38%, transparent);
        pointer-events: auto;
    }

    .invoice-config-layer.collapsed[b-taopg6s4v7] {
        display: none;
    }

    .invoice-config-drawer[b-taopg6s4v7] {
        width: 100%;
        height: clamp(340px, 82dvh, 620px);
        max-height: calc(100dvh - 14px);
        gap: 8px;
        padding: 12px 14px 14px;
        border-right: 0;
        border-left: 0;
        border-top: 1px solid color-mix(in srgb, var(--saf-tone-sales) 20%, var(--md-sys-color-outline-variant));
        border-radius: 22px 22px 0 0;
        box-shadow: 0 -18px 42px color-mix(in srgb, var(--md-sys-color-outline) 20%, transparent);
    }

    .drawer-context-grid .payment-segment[b-taopg6s4v7],
    .drawer-context-grid .date-segment[b-taopg6s4v7] {
        grid-column: span 2;
    }

    .invoice-secondary-panel[b-taopg6s4v7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }
}

@media (max-height: 640px) {
    .invoice-workspace[b-taopg6s4v7] {
        height: auto;
        min-height: 100%;
        overflow: visible;
    }

    .invoice-dialog[b-taopg6s4v7] {
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .invoice-dialog-body[b-taopg6s4v7] {
        overflow: visible;
    }

    .invoice-workspace:has(.invoice-sales-mode)[b-taopg6s4v7] {
        height: calc(100dvh - 82px);
        max-height: calc(100dvh - 82px);
        overflow: hidden;
    }

    .invoice-sales-mode.invoice-dialog[b-taopg6s4v7],
    .invoice-sales-mode .invoice-dialog-body[b-taopg6s4v7] {
        height: 100%;
        max-height: 100%;
        overflow: hidden;
    }

    .invoice-table-card[b-taopg6s4v7] {
        max-height: min(58vh, 460px);
    }

    .invoice-config-drawer[b-taopg6s4v7] {
        height: 100%;
        max-height: none;
        gap: 7px;
        padding: 10px 12px 12px;
    }

    .invoice-config-card[b-taopg6s4v7] {
        gap: 7px;
        padding: 10px;
    }
}

@media (max-width: 760px) and (max-height: 640px) {
    .invoice-config-drawer[b-taopg6s4v7] {
        height: calc(100dvh - 8px);
        max-height: calc(100dvh - 8px);
    }
}

@media (max-height: 800px) {
    .invoice-dialog[b-taopg6s4v7] {
        gap: 3px;
        padding: 5px 8px 7px;
    }

    .invoice-dialog-header h2[b-taopg6s4v7] {
        font-size: clamp(1.2rem, 1.58vw, 1.48rem);
    }

    .invoice-chip-row[b-taopg6s4v7] {
        margin-bottom: 3px;
    }

    .invoice-chip[b-taopg6s4v7] {
        min-height: 26px;
        padding-inline: 9px;
    }

    .invoice-dialog-body[b-taopg6s4v7] {
        grid-template-rows: auto auto minmax(72px, 1fr) auto;
        gap: 6px;
        padding: 6px;
    }

    .invoice-sales-mode .invoice-dialog-body[b-taopg6s4v7] {
        grid-template-rows: auto minmax(72px, 1fr) auto;
    }

    .invoice-section-title[b-taopg6s4v7] {
        font-size: 0.86rem;
    }

    .invoice-section-title .material-symbols-rounded[b-taopg6s4v7] {
        width: 20px;
        height: 20px;
        font-size: 14px;
    }

    .invoice-section[b-taopg6s4v7] {
        gap: 4px;
        padding: 7px;
    }

    .invoice-customer-section[b-taopg6s4v7],
    .invoice-context-section[b-taopg6s4v7],
    .invoice-document-section[b-taopg6s4v7] {
        grid-template-rows: auto minmax(0, max-content);
        align-content: start;
        gap: 4px;
    }

    .invoice-client-card[b-taopg6s4v7] {
        min-height: 0;
        height: auto;
        gap: 6px;
        padding: 8px 10px 7px;
    }

    .invoice-client-avatar[b-taopg6s4v7] {
        width: 30px;
        height: 30px;
    }

    .invoice-client-copy[b-taopg6s4v7] {
        gap: 1px;
        padding-right: 30px;
    }

    .invoice-client-card strong[b-taopg6s4v7] {
        font-size: 0.84rem;
    }

    .invoice-client-card small[b-taopg6s4v7],
    .invoice-client-card em[b-taopg6s4v7] {
        font-size: 0.66rem;
        line-height: 1.08;
    }

    .invoice-client-card em .material-symbols-rounded[b-taopg6s4v7] {
        width: 14px;
        font-size: 13px;
    }

    .invoice-client-cxc[b-taopg6s4v7] {
        margin-top: 2px;
        padding: 2px 6px;
        font-size: 0.62rem;
    }

    .invoice-client-action[b-taopg6s4v7] {
        top: 7px;
        right: 7px;
        width: 26px;
        height: 26px;
    }

    .context-grid[b-taopg6s4v7] {
        height: auto;
        align-content: start;
        gap: 4px;
    }

    .invoice-context-segment[b-taopg6s4v7] {
        gap: 4px;
        padding: 5px;
        border-radius: 14px;
    }

    .invoice-segment-heading[b-taopg6s4v7] {
        gap: 5px;
    }

    .invoice-segment-heading .material-symbols-rounded[b-taopg6s4v7] {
        width: 16px;
        height: 16px;
        font-size: 12px;
    }

    .invoice-segment-heading strong[b-taopg6s4v7] {
        font-size: 0.62rem;
    }

    .invoice-segment-controls[b-taopg6s4v7] {
        gap: 4px;
    }

    .invoice-segment-option[b-taopg6s4v7] {
        min-height: 30px;
        padding: 3px 7px;
        border-radius: 11px;
    }

    .invoice-segment-option small[b-taopg6s4v7] {
        font-size: 0.58rem;
    }

    .invoice-segment-option strong[b-taopg6s4v7] {
        font-size: 0.72rem;
    }

    .invoice-document-info[b-taopg6s4v7] {
        grid-template-columns: minmax(92px, 0.72fr) minmax(0, 1fr) auto;
        grid-template-areas:
            "type status status"
            "serie number number";
        align-content: stretch;
        height: auto;
    }

    .invoice-document-info span[b-taopg6s4v7],
    .invoice-extra-actions span[b-taopg6s4v7],
    .invoice-info-button[b-taopg6s4v7] {
        padding: 4px 7px;
    }

    .invoice-document-info small[b-taopg6s4v7],
    .invoice-extra-actions small[b-taopg6s4v7],
    .invoice-info-button small[b-taopg6s4v7] {
        font-size: 0.6rem;
    }

    .invoice-document-info strong[b-taopg6s4v7],
    .invoice-extra-actions strong[b-taopg6s4v7],
    .invoice-info-button strong[b-taopg6s4v7] {
        font-size: 0.72rem;
    }

    .invoice-document-serie strong[b-taopg6s4v7],
    .invoice-document-info .invoice-number-inline strong[b-taopg6s4v7] {
        font-size: clamp(1.06rem, 1.8vw, 1.36rem);
    }

    .invoice-product-section[b-taopg6s4v7] {
        gap: 4px;
    }

    .invoice-product-compact .invoice-product-grid[b-taopg6s4v7] {
        gap: 4px;
        align-items: stretch;
    }

    .invoice-product-search[b-taopg6s4v7],
    .invoice-product-search.inline[b-taopg6s4v7],
    .invoice-product-edit[b-taopg6s4v7],
    .invoice-product-metric[b-taopg6s4v7] {
        min-height: 36px;
    }

    .invoice-product-search[b-taopg6s4v7] {
        padding-inline: 9px;
    }

    .invoice-product-search span:not(.material-symbols-rounded)[b-taopg6s4v7] {
        font-size: 0.62rem;
    }

    .invoice-product-search small[b-taopg6s4v7] {
        max-width: 112px;
        padding: 2px 6px;
        font-size: 0.62rem;
    }

    .invoice-product-edit[b-taopg6s4v7],
    .invoice-product-metric[b-taopg6s4v7] {
        gap: 1px;
        padding: 4px 6px;
    }

    .invoice-product-edit span[b-taopg6s4v7],
    .invoice-product-metric small[b-taopg6s4v7] {
        font-size: 0.58rem;
    }

    .invoice-product-edit input[b-taopg6s4v7],
    .invoice-product-edit select[b-taopg6s4v7],
    .invoice-product-metric strong[b-taopg6s4v7] {
        min-height: 18px;
        font-size: 0.76rem;
    }

    .invoice-footer-grid[b-taopg6s4v7] {
        min-height: 116px;
        height: 124px;
        max-height: 132px;
    }

    .invoice-secondary-panel[b-taopg6s4v7] {
        gap: 4px;
    }

    .invoice-secondary-panel button[b-taopg6s4v7] {
        padding-inline: 7px;
    }

    .invoice-extra-actions[b-taopg6s4v7] {
        gap: 4px;
    }

    .invoice-footer-card[b-taopg6s4v7],
    .invoice-extra-actions .invoice-secondary-button[b-taopg6s4v7],
    .invoice-print-card[b-taopg6s4v7] {
        padding-block: 5px;
    }

    .invoice-checkout-panel[b-taopg6s4v7] {
        grid-template-rows: 52px minmax(0, 1fr);
        gap: 5px;
    }

    .invoice-sale-total[b-taopg6s4v7] {
        height: 52px;
        padding-block: 4px;
    }

    .invoice-checkout-panel .invoice-primary-action[b-taopg6s4v7] {
        height: 100%;
        min-height: 0;
    }
}

@media (max-width: 1240px) and (min-width: 761px) and (max-height: 800px) {
    .invoice-footer-grid[b-taopg6s4v7] {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 312px);
        grid-template-areas: "secondary checkout";
        min-height: 92px;
        height: auto;
        max-height: none;
    }

    .invoice-footer-center[b-taopg6s4v7] {
        display: none;
    }

    .invoice-checkout-panel[b-taopg6s4v7] {
        grid-template-columns: minmax(112px, 0.72fr) minmax(150px, 1fr);
        grid-template-rows: minmax(0, 1fr);
        gap: 6px;
    }

    .invoice-sale-total[b-taopg6s4v7] {
        height: 100%;
        min-height: 72px;
    }

    .invoice-checkout-panel .invoice-primary-action[b-taopg6s4v7] {
        min-height: 72px;
    }
}

@media (max-width: 760px) and (max-height: 800px) {
    .invoice-footer-grid[b-taopg6s4v7] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "checkout"
            "secondary"
            "mobile-config";
        min-height: 0;
        height: auto;
        max-height: none;
    }

    .invoice-checkout-panel[b-taopg6s4v7] {
        grid-template-columns: minmax(116px, 0.72fr) minmax(150px, 1fr);
        grid-template-rows: minmax(56px, auto);
        gap: 8px;
    }

    .invoice-sale-total[b-taopg6s4v7] {
        height: auto;
        min-height: 56px;
    }

    .invoice-checkout-panel .invoice-primary-action[b-taopg6s4v7] {
        height: 100%;
        min-height: 56px;
    }
}

@media (max-width: 520px) {
    .invoice-secondary-panel button[b-taopg6s4v7],
    .invoice-mobile-config-action[b-taopg6s4v7],
    .invoice-chip[b-taopg6s4v7] {
        gap: 0;
        padding-inline: 0;
        font-size: 0;
    }

    .invoice-secondary-panel .material-symbols-rounded[b-taopg6s4v7],
    .invoice-mobile-config-action .material-symbols-rounded[b-taopg6s4v7],
    .invoice-chip .material-symbols-rounded[b-taopg6s4v7] {
        font-size: 20px;
    }

    .invoice-chip strong[b-taopg6s4v7] {
        display: none;
    }

    .invoice-checkout-panel[b-taopg6s4v7] {
        grid-template-columns: minmax(98px, 0.62fr) minmax(132px, 1fr);
        gap: 6px;
    }

    .invoice-sale-total strong[b-taopg6s4v7] {
        font-size: clamp(1.18rem, 7vw, 1.48rem);
    }
}

@media (max-width: 1180px) and (max-height: 800px) {
    .invoice-footer-grid[b-taopg6s4v7] {
        gap: 5px;
    }
}

@media (min-width: 1181px) and (max-height: 800px) {
    .context-grid .location-segment[b-taopg6s4v7] {
        grid-column: span 4;
    }

    .context-grid .issue-segment[b-taopg6s4v7] {
        grid-column: span 4;
    }

    .context-grid .payment-segment[b-taopg6s4v7] {
        grid-column: span 2;
    }

    .context-grid .date-segment[b-taopg6s4v7] {
        grid-column: span 2;
    }

    .invoice-context-section .invoice-segment-controls[b-taopg6s4v7] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.invoice-workspace:has(.invoice-sales-mode)[b-taopg6s4v7] {
    height: calc(100dvh - 96px);
    max-height: calc(100dvh - 96px);
    min-height: 0;
    overflow: hidden;
}

.invoice-sales-mode[b-taopg6s4v7] {
    height: 100%;
    min-height: 0;
}

.invoice-sales-mode .invoice-dialog-body[b-taopg6s4v7] {
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.invoice-sales-mode .invoice-table-card[b-taopg6s4v7] {
    align-self: stretch;
    min-height: 0;
    height: 100%;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--md-sys-color-surface) 96%, var(--saf-tone-sales-container)), color-mix(in srgb, var(--md-sys-color-surface) 90%, var(--saf-tone-sales-container))),
        var(--invoice-tone-table);
}

.invoice-sales-mode .invoice-table[b-taopg6s4v7] {
    min-height: 100%;
    align-content: start;
}

@media (max-width: 1460px) {
    .invoice-workspace[b-taopg6s4v7] {
        padding-inline: 3px;
    }

    .invoice-dialog-body[b-taopg6s4v7] {
        padding-inline: 4px;
    }
}

@media (max-width: 760px) {
    .invoice-workspace[b-taopg6s4v7] {
        padding-inline: 2px;
    }

    .invoice-dialog-body[b-taopg6s4v7] {
        padding-inline: 3px;
    }
}

.invoice-checkout-panel[b-taopg6s4v7] {
    align-self: stretch;
    align-items: stretch;
    height: 100%;
    min-height: 72px;
}

.invoice-checkout-panel > .invoice-sale-total[b-taopg6s4v7],
.invoice-checkout-panel > .invoice-primary-action[b-taopg6s4v7] {
    align-self: stretch;
    height: 100%;
    min-height: 72px;
}

@media (max-height: 800px) and (min-width: 761px) {
    .invoice-checkout-panel[b-taopg6s4v7] {
        grid-template-rows: minmax(72px, 1fr);
    }
}

@media (max-width: 760px) {
    .invoice-checkout-panel[b-taopg6s4v7] {
        min-height: 56px;
    }

    .invoice-checkout-panel > .invoice-sale-total[b-taopg6s4v7],
    .invoice-checkout-panel > .invoice-primary-action[b-taopg6s4v7] {
        min-height: 56px;
    }
}

.invoice-product-compact .invoice-product-grid.quick-sale-active[b-taopg6s4v7] {
    grid-template-columns: minmax(0, 1fr) 42px;
    grid-auto-flow: initial;
}

.invoice-product-compact .invoice-product-grid.quick-sale-active .invoice-product-search.inline[b-taopg6s4v7] {
    grid-column: auto;
}
/* _content/Mastisoft.Saf.Web/Components/GestionEmpresarialVisual.razor.rz.scp.css */
.business-page[b-3kmpfhx14z] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-items: center;
    min-height: 100dvh;
    padding: 22px;
    overflow: auto;
    background: color-mix(in srgb, #020817 30%, transparent);
    backdrop-filter: blur(2px) saturate(1.01);
    -webkit-backdrop-filter: blur(2px) saturate(1.01);
    color: var(--md-sys-color-on-surface);
}

.business-shell[b-3kmpfhx14z] {
    width: min(1240px, calc(100vw - 44px));
    height: min(calc(100dvh - 44px), 860px);
    max-height: calc(100dvh - 44px);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 10px;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 14px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 24px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 96%, transparent);
    box-shadow: var(--elevation-3);
}

.business-header[b-3kmpfhx14z],
.business-section-header[b-3kmpfhx14z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 4px 4px 0;
}

.business-header h1[b-3kmpfhx14z],
.business-section-header h2[b-3kmpfhx14z] {
    margin: 4px 0;
    font-size: clamp(1.28rem, 2vw, 1.72rem);
    font-weight: 720;
    line-height: 1.12;
    letter-spacing: 0;
}

.business-header p:not(.eyebrow)[b-3kmpfhx14z],
.business-section-header p[b-3kmpfhx14z] {
    max-width: 760px;
    margin: 6px 0 0;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.92rem;
    line-height: 1.45;
}

.business-close[b-3kmpfhx14z] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 17px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 52%, transparent);
    color: var(--md-sys-color-on-surface);
    cursor: pointer;
}

.business-tabs[b-3kmpfhx14z] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 2px 2px 4px;
}

.business-tab[b-3kmpfhx14z] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 14px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 999px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 92%, transparent);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    cursor: pointer;
    transition: transform var(--motion-fast) var(--easing-standard), border-color var(--motion-fast) var(--easing-standard), background var(--motion-fast) var(--easing-standard);
}

.business-tab:hover[b-3kmpfhx14z],
.business-tab:focus-visible[b-3kmpfhx14z],
.business-tab.active[b-3kmpfhx14z] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--md-sys-color-primary) 64%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 62%, var(--md-sys-color-surface));
    color: var(--md-sys-color-primary);
}

.business-tab .material-symbols-rounded[b-3kmpfhx14z] {
    color: var(--md-sys-color-primary);
    font-size: 20px;
}

.business-tab strong[b-3kmpfhx14z] {
    font-size: 0.86rem;
    font-weight: 740;
}

.business-workspace[b-3kmpfhx14z] {
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 18px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 24%, var(--md-sys-color-surface));
    overflow: auto;
    overscroll-behavior: contain;
}

.business-section-header[b-3kmpfhx14z] {
    padding: 0 2px 10px;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
}

.business-section-header span[b-3kmpfhx14z] {
    color: var(--md-sys-color-primary);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.business-stack[b-3kmpfhx14z] {
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    gap: 10px;
}

.business-form-grid[b-3kmpfhx14z] {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 16px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 34%, var(--md-sys-color-surface));
}

.business-form-grid.one[b-3kmpfhx14z] { grid-template-columns: minmax(280px, 520px); }
.business-form-grid.two[b-3kmpfhx14z] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.business-form-grid.three[b-3kmpfhx14z] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.business-form-grid.four[b-3kmpfhx14z] { grid-template-columns: 1fr 1.5fr 0.7fr 0.7fr; }
.business-form-grid .wide[b-3kmpfhx14z] { grid-column: span 1; }

.business-form-grid label[b-3kmpfhx14z] {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.business-form-grid label span[b-3kmpfhx14z] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.76rem;
    font-weight: 760;
}

.business-form-grid input[b-3kmpfhx14z],
.business-form-grid select[b-3kmpfhx14z],
.business-grid-row input[b-3kmpfhx14z],
.business-grid-row select[b-3kmpfhx14z] {
    width: 100%;
    min-width: 0;
    min-height: 36px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 11px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.86rem;
    padding: 0 10px;
}

.business-actions[b-3kmpfhx14z] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.business-actions.left[b-3kmpfhx14z] {
    justify-content: flex-start;
}

.business-action[b-3kmpfhx14z] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 14px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.86rem;
    font-weight: 740;
    cursor: pointer;
}

.business-action.primary[b-3kmpfhx14z] {
    border-color: color-mix(in srgb, var(--md-sys-color-primary) 42%, var(--md-sys-color-outline-variant));
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
}

.business-grid-card[b-3kmpfhx14z] {
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: auto;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 16px;
    background: var(--md-sys-color-surface);
}

.business-grid-head[b-3kmpfhx14z],
.business-grid-list button[b-3kmpfhx14z],
.business-grid-row[b-3kmpfhx14z] {
    display: grid;
    align-items: center;
    gap: 10px;
}

.business-grid-head[b-3kmpfhx14z] {
    padding: 10px 14px;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 52%, var(--md-sys-color-surface));
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.76rem;
    font-weight: 780;
}

.business-grid-list[b-3kmpfhx14z] {
    overflow: auto;
}

.caja-grid-card .business-grid-list[b-3kmpfhx14z] {
    overflow: visible;
}

.business-grid-list button[b-3kmpfhx14z],
.business-grid-row[b-3kmpfhx14z] {
    width: 100%;
    min-height: 44px;
    padding: 7px 14px;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 62%, transparent);
    background: transparent;
    color: var(--md-sys-color-on-surface);
    text-align: left;
    font: inherit;
}

.business-grid-list button[b-3kmpfhx14z] {
    cursor: pointer;
}

.business-grid-list button.active[b-3kmpfhx14z],
.business-grid-list button:hover[b-3kmpfhx14z],
.business-grid-list button:focus-visible[b-3kmpfhx14z] {
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
}

.business-grid-list span[b-3kmpfhx14z] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.9rem;
    font-weight: 720;
}

.business-grid-list small[b-3kmpfhx14z] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.78rem;
}

.cols-1[b-3kmpfhx14z] { grid-template-columns: 1fr; }
.cols-2[b-3kmpfhx14z] { grid-template-columns: 1.2fr 1fr; }
.cols-4[b-3kmpfhx14z] { grid-template-columns: 1.1fr 2fr 0.7fr 0.8fr; }
.caja-cols[b-3kmpfhx14z] {
    grid-template-columns: 160px 95px 95px 115px 115px 135px 110px 150px 170px 115px 220px 135px 160px 105px 120px;
    min-width: 2100px;
}

.business-note[b-3kmpfhx14z] {
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--md-sys-color-warning) 46%, var(--md-sys-color-outline-variant));
    border-radius: 14px;
    background: var(--saf-color-warning-container);
    color: var(--md-sys-color-warning);
    font-size: 0.78rem;
    line-height: 1.4;
}

.business-empty-panel[b-3kmpfhx14z] {
    min-height: 220px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    border: 1px dashed var(--md-sys-color-outline-variant);
    border-radius: 16px;
    color: var(--md-sys-color-on-surface-variant);
    text-align: center;
}

.business-empty-panel .material-symbols-rounded[b-3kmpfhx14z] {
    color: var(--md-sys-color-primary);
    font-size: 34px;
}

.business-empty-panel strong[b-3kmpfhx14z] {
    color: var(--md-sys-color-on-surface);
}

@media (max-width: 920px) {
    .business-form-grid.one[b-3kmpfhx14z],
    .business-form-grid.two[b-3kmpfhx14z],
    .business-form-grid.three[b-3kmpfhx14z],
    .business-form-grid.four[b-3kmpfhx14z],
    .cols-4[b-3kmpfhx14z] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .business-page[b-3kmpfhx14z] {
        padding: 8px;
    }

    .business-shell[b-3kmpfhx14z] {
        width: 100%;
        height: calc(100dvh - 16px);
        max-height: calc(100dvh - 16px);
        border-radius: 18px;
    }

    .business-form-grid.one[b-3kmpfhx14z],
    .business-form-grid.two[b-3kmpfhx14z],
    .business-form-grid.three[b-3kmpfhx14z],
    .business-form-grid.four[b-3kmpfhx14z],
    .cols-2[b-3kmpfhx14z],
    .cols-4[b-3kmpfhx14z] {
        grid-template-columns: 1fr;
    }
}
/* _content/Mastisoft.Saf.Web/Components/ParametrosDatosElectronicosVisual.razor.rz.scp.css */
.electronicos-page[b-rbhbi6s1u3] {
    min-height: calc(100vh - 96px);
    padding: clamp(20px, 4vw, 44px);
    color: var(--md-sys-color-on-surface);
}

.electronicos-shell[b-rbhbi6s1u3] {
    width: min(100%, 1320px);
    margin: 0 auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

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

.electronicos-header h1[b-rbhbi6s1u3] {
    margin: 4px 0;
    font-size: clamp(1.55rem, 2.4vw, 2.15rem);
    font-weight: 420;
    line-height: 1.05;
    letter-spacing: 0;
}

.electronicos-header p:not(.eyebrow)[b-rbhbi6s1u3] {
    max-width: 720px;
    margin: 8px 0 0;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.98rem;
    line-height: 1.55;
}

.electronicos-status[b-rbhbi6s1u3],
.electronicos-message[b-rbhbi6s1u3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    border: 1px solid var(--md-sys-color-outline-variant);
    background: var(--md-sys-color-surface-variant);
    color: var(--md-sys-color-on-surface);
}

.electronicos-status[b-rbhbi6s1u3] {
    padding: 10px 14px;
    white-space: nowrap;
}

.electronicos-status .material-symbols-rounded[b-rbhbi6s1u3] {
    color: var(--md-sys-color-primary);
    font-size: 20px;
}

.electronicos-status strong[b-rbhbi6s1u3] {
    font-size: 0.88rem;
    font-weight: 650;
}

.electronicos-message[b-rbhbi6s1u3] {
    width: 100%;
    margin-bottom: 14px;
    padding: 12px 14px;
    background: color-mix(in srgb, var(--md-sys-color-info) 12%, var(--md-sys-color-surface));
    color: var(--md-sys-color-on-surface);
    font-size: 0.92rem;
}

.electronicos-message .material-symbols-rounded[b-rbhbi6s1u3] {
    color: var(--md-sys-color-info);
}

.electronicos-subnav[b-rbhbi6s1u3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 0 18px;
    padding: 12px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 20px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 34%, var(--md-sys-color-surface));
}

.subnav-back[b-rbhbi6s1u3],
.subnav-chip[b-rbhbi6s1u3] {
    min-height: 40px;
    border: 1px solid var(--md-sys-color-outline-variant);
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    cursor: pointer;
    transition: transform var(--motion-fast) var(--easing-standard), border-color var(--motion-fast) var(--easing-standard), box-shadow var(--motion-fast) var(--easing-standard), background var(--motion-fast) var(--easing-standard);
}

.subnav-back[b-rbhbi6s1u3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 14px;
    border-radius: 14px;
    white-space: nowrap;
}

.subnav-back .material-symbols-rounded[b-rbhbi6s1u3],
.subnav-chip .material-symbols-rounded[b-rbhbi6s1u3] {
    color: var(--md-sys-color-primary);
    font-size: 19px;
}

.subnav-back strong[b-rbhbi6s1u3],
.subnav-chip strong[b-rbhbi6s1u3] {
    font-size: 0.86rem;
    font-weight: 650;
}

.subnav-chips[b-rbhbi6s1u3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.subnav-chip[b-rbhbi6s1u3] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border-radius: 999px;
}

.subnav-chip.active[b-rbhbi6s1u3] {
    border-color: color-mix(in srgb, var(--md-sys-color-primary) 54%, var(--md-sys-color-outline-variant));
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
}

.subnav-back:hover[b-rbhbi6s1u3],
.subnav-back:focus-visible[b-rbhbi6s1u3],
.subnav-chip:hover[b-rbhbi6s1u3],
.subnav-chip:focus-visible[b-rbhbi6s1u3] {
    transform: translateY(-1px);
    border-color: var(--md-sys-color-primary);
    box-shadow: var(--elevation-1);
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 42%, var(--md-sys-color-surface));
}

.electronicos-form[b-rbhbi6s1u3] {
    display: grid;
    gap: 0;
}

.form-dialog-modal[b-rbhbi6s1u3] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-items: center;
    padding: 22px;
    background: color-mix(in srgb, #020817 30%, transparent);
    backdrop-filter: blur(2px) saturate(1.01);
    -webkit-backdrop-filter: blur(2px) saturate(1.01);
    color: inherit;
}

.form-dialog[b-rbhbi6s1u3] {
    width: min(1240px, calc(100vw - 44px));
    height: min(calc(100dvh - 44px), 860px);
    max-height: calc(100dvh - 44px);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    gap: 10px;
    overflow: hidden;
    padding: 14px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 24px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 96%, transparent);
    box-shadow: var(--elevation-3);
}

.modal-snack-layer[b-rbhbi6s1u3] {
    pointer-events: none;
}

.modal-snack-layer[b-rbhbi6s1u3]  .app-snack {
    pointer-events: auto;
    z-index: 2;
}

.business-dialog-layer[b-rbhbi6s1u3] {
    position: fixed;
    inset: 0;
    z-index: 4;
    display: grid;
    place-items: center;
    padding: 24px;
    background: color-mix(in srgb, #020817 18%, transparent);
}

.business-dialog-card[b-rbhbi6s1u3] {
    --dialog-tone: var(--md-sys-color-primary);
    --dialog-tone-container: var(--md-sys-color-primary-container);
    width: min(460px, calc(100vw - 48px));
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    padding: 18px;
    border: 1px solid color-mix(in srgb, var(--dialog-tone) 32%, var(--md-sys-color-outline-variant));
    border-top: 1.5px solid var(--dialog-tone);
    border-radius: 20px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 98%, transparent);
    box-shadow: var(--elevation-3);
}

.business-dialog-card.success[b-rbhbi6s1u3] {
    --dialog-tone: var(--md-sys-color-success);
    --dialog-tone-container: var(--saf-color-success-container);
}

.business-dialog-card.error[b-rbhbi6s1u3] {
    --dialog-tone: var(--md-sys-color-error);
    --dialog-tone-container: var(--saf-color-error-container);
}

.business-dialog-card.warning[b-rbhbi6s1u3] {
    --dialog-tone: var(--md-sys-color-warning);
    --dialog-tone-container: var(--saf-color-warning-container);
}

.business-dialog-card.processing[b-rbhbi6s1u3] {
    --dialog-tone: var(--md-sys-color-primary);
    --dialog-tone-container: var(--md-sys-color-primary-container);
    grid-template-columns: auto minmax(0, 1fr);
}

.processing-layer[b-rbhbi6s1u3] {
    z-index: 6;
    background: color-mix(in srgb, #020817 28%, transparent);
}

.processing-spin[b-rbhbi6s1u3] {
    animation: processing-spin-b-rbhbi6s1u3 0.95s linear infinite;
}

@keyframes processing-spin-b-rbhbi6s1u3 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.business-dialog-icon[b-rbhbi6s1u3] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: var(--dialog-tone-container);
    color: var(--dialog-tone);
    font-size: 24px;
}

.business-dialog-copy[b-rbhbi6s1u3] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.business-dialog-copy strong[b-rbhbi6s1u3] {
    color: var(--md-sys-color-on-surface);
    font-size: 1rem;
    font-weight: 720;
}

.business-dialog-copy p[b-rbhbi6s1u3] {
    margin: 0;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.9rem;
    line-height: 1.45;
}

.business-dialog-actions[b-rbhbi6s1u3] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 4px;
}

.business-dialog-button[b-rbhbi6s1u3] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 13px;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 700;
    cursor: pointer;
}

.business-dialog-button.secondary[b-rbhbi6s1u3] {
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
}

.business-dialog-button.primary[b-rbhbi6s1u3] {
    border-color: color-mix(in srgb, var(--dialog-tone) 42%, var(--md-sys-color-outline-variant));
    background: var(--dialog-tone-container);
    color: var(--dialog-tone);
}

.form-dialog-header[b-rbhbi6s1u3] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.form-dialog-kicker[b-rbhbi6s1u3] {
    color: var(--md-sys-color-primary);
    font-size: 0.76rem;
    font-weight: 760;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.form-dialog-header h2[b-rbhbi6s1u3] {
    margin: 4px 0 0;
    color: var(--md-sys-color-on-surface);
    font-size: 1.28rem;
    font-weight: 680;
}

.form-dialog-header p[b-rbhbi6s1u3] {
    margin: 4px 0 0;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.92rem;
    line-height: 1.4;
}

.form-dialog-close[b-rbhbi6s1u3] {
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 14px;
    background: var(--md-sys-color-surface-variant);
    color: var(--md-sys-color-on-surface);
    cursor: pointer;
}

.form-dialog-chips[b-rbhbi6s1u3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 2px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.form-dialog-chip[b-rbhbi6s1u3] {
    --module-tone: var(--saf-tone-admin);
    --module-tone-container: var(--saf-tone-admin-container);
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 14px;
    border: 1px solid color-mix(in srgb, var(--module-tone) 32%, var(--md-sys-color-outline-variant));
    border-radius: 999px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    cursor: pointer;
    transition: transform var(--motion-fast) var(--easing-standard), border-color var(--motion-fast) var(--easing-standard), background var(--motion-fast) var(--easing-standard), box-shadow var(--motion-fast) var(--easing-standard);
}

.form-dialog-chip.tone-sales[b-rbhbi6s1u3] {
    --module-tone: var(--saf-tone-sales);
    --module-tone-container: var(--saf-tone-sales-container);
}

.form-dialog-chip.tone-money[b-rbhbi6s1u3] {
    --module-tone: var(--saf-tone-money);
    --module-tone-container: var(--saf-tone-money-container);
}

.form-dialog-chip.tone-documents[b-rbhbi6s1u3] {
    --module-tone: var(--saf-tone-documents);
    --module-tone-container: var(--saf-tone-documents-container);
}

.form-dialog-chip.tone-admin[b-rbhbi6s1u3] {
    --module-tone: var(--saf-tone-admin);
    --module-tone-container: var(--saf-tone-admin-container);
}

.form-dialog-chip .material-symbols-rounded[b-rbhbi6s1u3] {
    color: var(--module-tone);
    font-size: 19px;
}

.form-dialog-chip strong[b-rbhbi6s1u3] {
    font-size: 0.86rem;
    font-weight: 800;
}

.form-dialog-chip:hover[b-rbhbi6s1u3],
.form-dialog-chip:focus-visible[b-rbhbi6s1u3],
.form-dialog-chip.active[b-rbhbi6s1u3] {
    border-color: var(--module-tone);
    background: var(--module-tone-container);
    color: var(--module-tone);
    box-shadow: none;
    outline: none;
}

.form-dialog-chip:hover[b-rbhbi6s1u3],
.form-dialog-chip:focus-visible[b-rbhbi6s1u3] {
    transform: translateY(-1px);
}

.dialog-form-card[b-rbhbi6s1u3] {
    min-height: 0;
    height: 100%;
    max-height: none;
    overflow: auto;
    align-self: stretch;
    align-content: start;
    padding: 0 10px 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    scrollbar-gutter: stable;
}

.form-dialog-footer[b-rbhbi6s1u3] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 0;
}

.dialog-actions[b-rbhbi6s1u3] {
    width: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    padding: 0;
}

.dialog-actions .action-tile[b-rbhbi6s1u3] {
    min-width: 138px;
    min-height: 46px;
    display: inline-flex;
    grid-template-columns: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border-radius: 14px;
}

.dialog-actions .action-tile .material-symbols-rounded[b-rbhbi6s1u3] {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    font-size: 18px;
}

.electronicos-workspace[b-rbhbi6s1u3] {
    display: grid;
    gap: 24px;
}

.workspace-summary[b-rbhbi6s1u3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    padding: 20px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 22px;
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 26%, var(--md-sys-color-surface));
}

.workspace-summary > .material-symbols-rounded[b-rbhbi6s1u3] {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
    font-size: 30px;
}

.workspace-summary strong[b-rbhbi6s1u3] {
    display: block;
    color: var(--md-sys-color-on-surface);
    font-size: 1.05rem;
    font-weight: 650;
}

.workspace-summary p[b-rbhbi6s1u3] {
    max-width: 760px;
    margin: 6px 0 0;
    color: var(--md-sys-color-on-surface-variant);
    line-height: 1.55;
}

.option-grid[b-rbhbi6s1u3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 16px;
}

.option-card[b-rbhbi6s1u3] {
    --module-tone: var(--saf-tone-admin);
    --module-tone-container: var(--saf-tone-admin-container);
    min-height: 210px;
    display: grid;
    align-content: start;
    gap: 12px;
    padding: 22px;
    border: 1px solid color-mix(in srgb, var(--module-tone) 42%, var(--md-sys-color-outline-variant));
    border-radius: 22px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--module-tone-container) 34%, transparent), transparent 58%),
        var(--saf-color-card);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    text-align: left;
    text-decoration: none;
    box-shadow: var(--elevation-1);
    cursor: pointer;
    transition: transform var(--motion-fast) var(--easing-standard), border-color var(--motion-fast) var(--easing-standard), box-shadow var(--motion-fast) var(--easing-standard), background var(--motion-fast) var(--easing-standard);
}

.option-card:hover[b-rbhbi6s1u3],
.option-card:focus-visible[b-rbhbi6s1u3] {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--module-tone) 28%, var(--md-sys-color-outline-variant));
    box-shadow: var(--elevation-3);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--module-tone-container) 44%, transparent), transparent 60%),
        var(--saf-color-card-hover);
}

.option-card > .material-symbols-rounded[b-rbhbi6s1u3] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: color-mix(in srgb, var(--module-tone-container) 86%, var(--md-sys-color-surface));
    color: var(--module-tone);
    font-size: 26px;
}

.option-card.tone-sales[b-rbhbi6s1u3] {
    --module-tone: var(--saf-tone-sales);
    --module-tone-container: var(--saf-tone-sales-container);
}

.option-card.tone-money[b-rbhbi6s1u3] {
    --module-tone: var(--saf-tone-money);
    --module-tone-container: var(--saf-tone-money-container);
}

.option-card.tone-documents[b-rbhbi6s1u3] {
    --module-tone: var(--saf-tone-documents);
    --module-tone-container: var(--saf-tone-documents-container);
}

.option-card.tone-admin[b-rbhbi6s1u3] {
    --module-tone: var(--saf-tone-admin);
    --module-tone-container: var(--saf-tone-admin-container);
}

.option-card strong[b-rbhbi6s1u3] {
    color: var(--md-sys-color-on-surface);
    font-size: 1.05rem;
    font-weight: 650;
}

.option-card small[b-rbhbi6s1u3] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.9rem;
    line-height: 1.45;
}

.option-cta[b-rbhbi6s1u3] {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--md-sys-color-primary);
    font-size: 0.9rem;
    font-weight: 650;
}

.option-cta .material-symbols-rounded[b-rbhbi6s1u3] {
    font-size: 18px;
}

.form-card[b-rbhbi6s1u3] {
    display: grid;
    gap: 18px;
    padding: 16px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 22px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 96%, transparent);
    box-shadow:
        var(--elevation-1);
    backdrop-filter: blur(14px) saturate(1.12);
    -webkit-backdrop-filter: blur(14px) saturate(1.12);
}

.form-card.dialog-form-card[b-rbhbi6s1u3] {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.form-section[b-rbhbi6s1u3] {
    display: grid;
    align-content: start;
    gap: 11px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
}

.form-section:last-child[b-rbhbi6s1u3] {
    padding-bottom: 0;
    border-bottom: 0;
}

.section-title[b-rbhbi6s1u3] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--md-sys-color-on-surface);
}

.section-title .material-symbols-rounded[b-rbhbi6s1u3] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
    font-size: 20px;
}

.section-title strong[b-rbhbi6s1u3] {
    font-size: 0.95rem;
    font-weight: 650;
}

.field-grid[b-rbhbi6s1u3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
    gap: 10px 18px;
}

.compact-grid[b-rbhbi6s1u3] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), max-content));
}

.datos-generales-form-section .field-grid[b-rbhbi6s1u3] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
}

.empresa-emision-form-section > .field-row-wide[b-rbhbi6s1u3],
.empresa-emision-form-section > .logo-upload-card[b-rbhbi6s1u3] {
    max-width: none;
}

.empresa-emision-form-section .compact-grid[b-rbhbi6s1u3] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
}

.correo-form-section[b-rbhbi6s1u3] {
    gap: 16px;
}

.provider-choice[b-rbhbi6s1u3] {
    display: grid;
    gap: 6px;
}

.provider-choice small[b-rbhbi6s1u3] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.82rem;
    line-height: 1.35;
}

.email-help-card[b-rbhbi6s1u3],
.email-steps[b-rbhbi6s1u3] {
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 14px;
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 18%, var(--md-sys-color-surface));
}

.email-help-card[b-rbhbi6s1u3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
}

.email-help-card .material-symbols-rounded[b-rbhbi6s1u3] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
    font-size: 20px;
}

.email-help-card strong[b-rbhbi6s1u3],
.email-step strong[b-rbhbi6s1u3] {
    display: block;
    color: var(--md-sys-color-on-surface);
    font-size: 0.88rem;
    font-weight: 700;
}

.email-help-card small[b-rbhbi6s1u3],
.email-step small[b-rbhbi6s1u3] {
    display: block;
    margin-top: 3px;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.8rem;
    line-height: 1.35;
}

.email-steps[b-rbhbi6s1u3] {
    display: grid;
    gap: 0;
    overflow: hidden;
}

.email-step[b-rbhbi6s1u3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
}

.email-step + .email-step[b-rbhbi6s1u3] {
    border-top: 1px solid var(--md-sys-color-outline-variant);
}

.email-step > span[b-rbhbi6s1u3] {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: var(--md-sys-color-primary);
    color: var(--md-sys-color-on-primary);
    font-size: 0.78rem;
    font-weight: 800;
}

.email-step a[b-rbhbi6s1u3] {
    display: inline-flex;
    width: fit-content;
    margin-top: 4px;
    color: var(--md-sys-color-primary);
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.email-step a:hover[b-rbhbi6s1u3],
.email-step a:focus-visible[b-rbhbi6s1u3] {
    text-decoration: underline;
}

.correo-form-section .field-grid[b-rbhbi6s1u3] {
    grid-template-columns: 1fr;
    gap: 14px 18px;
}

.correo-form-section .compact-grid[b-rbhbi6s1u3] {
    grid-template-columns: minmax(240px, 360px) minmax(0, 1fr);
    align-items: center;
}

.correo-form-section .test-email-row[b-rbhbi6s1u3] {
    grid-template-columns: 1fr;
}

.correo-form-section .test-email-field[b-rbhbi6s1u3] {
    max-width: 100%;
}

.correo-form-section .test-email-field[b-rbhbi6s1u3]  .field {
    grid-template-columns: 150px minmax(0, 1fr);
}

.field-row[b-rbhbi6s1u3] {
    margin-bottom: 0;
}

.field-row-wide[b-rbhbi6s1u3]  .field,
.field-row-wide[b-rbhbi6s1u3]  .field-control,
[b-rbhbi6s1u3] .field,
[b-rbhbi6s1u3] .field-control {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

[b-rbhbi6s1u3] .field-label,
[b-rbhbi6s1u3] .field-control span {
    color: var(--md-sys-color-on-surface);
    font-size: 0.84rem;
    font-weight: 620;
}

[b-rbhbi6s1u3] .field-label,
[b-rbhbi6s1u3] .field-control > span:first-child {
    min-width: 0;
    text-align: left;
    line-height: 1.15;
}

[b-rbhbi6s1u3] .field .field-control,
[b-rbhbi6s1u3] .field-control .field-control {
    display: block;
}

[b-rbhbi6s1u3] .field-control input,
[b-rbhbi6s1u3] .field-control select {
    width: 100%;
    min-height: 36px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 12px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.89rem;
    padding: 7px 10px;
    outline: none;
    transition: border-color var(--motion-fast) var(--easing-standard), box-shadow var(--motion-fast) var(--easing-standard), background var(--motion-fast) var(--easing-standard);
}

[b-rbhbi6s1u3] .field-control input.has-icon {
    padding-left: 44px;
}

[b-rbhbi6s1u3] .field-control input.has-trailing-action {
    padding-right: 44px;
}

[b-rbhbi6s1u3] .field-secret-toggle {
    right: 6px;
    width: 28px;
    height: 28px;
    color: var(--md-sys-color-primary);
}

[b-rbhbi6s1u3] .field-secret-toggle:hover {
    background: var(--md-sys-color-surface-variant);
}

[b-rbhbi6s1u3] .field-icon {
    left: 7px;
    width: 26px;
    height: 26px;
    border-radius: 10px;
    font-size: 1rem;
}

[b-rbhbi6s1u3] .field-control input:hover,
[b-rbhbi6s1u3] .field-control select:hover {
    border-color: var(--md-sys-color-outline);
}

[b-rbhbi6s1u3] .field-control input:focus,
[b-rbhbi6s1u3] .field-control select:focus {
    border-color: var(--md-sys-color-primary);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--md-sys-color-primary) 16%, transparent);
}

.with-inline-action[b-rbhbi6s1u3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: center;
    gap: 12px;
}

.inline-action[b-rbhbi6s1u3],
.test-action[b-rbhbi6s1u3],
.action-tile[b-rbhbi6s1u3] {
    border: 1px solid var(--md-sys-color-outline-variant);
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    cursor: pointer;
    transition: transform var(--motion-fast) var(--easing-standard), border-color var(--motion-fast) var(--easing-standard), box-shadow var(--motion-fast) var(--easing-standard), background var(--motion-fast) var(--easing-standard);
}

.inline-action[b-rbhbi6s1u3] {
    min-height: 36px;
    padding: 0 14px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.inline-action .material-symbols-rounded[b-rbhbi6s1u3] {
    font-size: 18px;
    color: var(--md-sys-color-primary);
}

.inline-action strong[b-rbhbi6s1u3],
.test-action strong[b-rbhbi6s1u3],
.action-tile strong[b-rbhbi6s1u3] {
    font-size: 0.86rem;
    font-weight: 650;
}

.check-field[b-rbhbi6s1u3] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--md-sys-color-on-surface);
    font-size: 0.86rem;
    font-weight: 620;
}

.check-field input[b-rbhbi6s1u3] {
    width: 18px;
    height: 18px;
    accent-color: var(--md-sys-color-primary);
}

.logo-upload-card[b-rbhbi6s1u3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) max-content;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 18px;
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 18%, var(--md-sys-color-surface));
}

.logo-preview[b-rbhbi6s1u3] {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    border-radius: 20px;
    border: 1px solid var(--md-sys-color-outline-variant);
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface-variant);
    box-shadow: var(--elevation-1);
}

.logo-preview.loaded[b-rbhbi6s1u3] {
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
    border-color: color-mix(in srgb, var(--md-sys-color-primary) 42%, var(--md-sys-color-outline-variant));
}

.logo-preview .material-symbols-rounded[b-rbhbi6s1u3] {
    font-size: 30px;
}

.logo-preview img[b-rbhbi6s1u3] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    border-radius: inherit;
}

.logo-preview span:not(.material-symbols-rounded)[b-rbhbi6s1u3] {
    font-size: 1.12rem;
    font-weight: 760;
    letter-spacing: 0.02em;
}

.logo-copy[b-rbhbi6s1u3] {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.logo-copy strong[b-rbhbi6s1u3] {
    color: var(--md-sys-color-on-surface);
    font-size: 0.98rem;
    font-weight: 650;
}

.logo-copy small[b-rbhbi6s1u3] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.86rem;
    line-height: 1.4;
}

.logo-picker[b-rbhbi6s1u3] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 16px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 14px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    cursor: pointer;
    transition: transform var(--motion-fast) var(--easing-standard), border-color var(--motion-fast) var(--easing-standard), box-shadow var(--motion-fast) var(--easing-standard), background var(--motion-fast) var(--easing-standard);
}

.logo-picker:hover[b-rbhbi6s1u3],
.logo-picker:focus-within[b-rbhbi6s1u3] {
    transform: translateY(-2px);
    border-color: var(--md-sys-color-primary);
    box-shadow: var(--elevation-2);
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 44%, var(--md-sys-color-surface));
}

.logo-picker .material-symbols-rounded[b-rbhbi6s1u3] {
    color: var(--md-sys-color-primary);
    font-size: 20px;
}

.logo-picker strong[b-rbhbi6s1u3] {
    font-size: 0.86rem;
    font-weight: 650;
}

.logo-picker input[b-rbhbi6s1u3] {
    width: 1px;
    height: 1px;
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.test-email-row[b-rbhbi6s1u3] {
    display: grid;
    grid-template-columns: max-content minmax(280px, 1fr);
    align-items: center;
    gap: 16px;
}

.test-action[b-rbhbi6s1u3] {
    min-width: 136px;
    min-height: 76px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 6px;
}

.test-action .material-symbols-rounded[b-rbhbi6s1u3],
.action-tile .material-symbols-rounded[b-rbhbi6s1u3] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
    font-size: 24px;
}

.test-email-field[b-rbhbi6s1u3] {
    display: grid;
    gap: 6px;
}

.test-email-field small[b-rbhbi6s1u3] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.82rem;
}

.signature-summary[b-rbhbi6s1u3] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    padding: 16px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 18px;
    background: color-mix(in srgb, var(--md-sys-color-success) 12%, var(--md-sys-color-surface));
}

.signature-summary.loaded[b-rbhbi6s1u3] {
    border-color: color-mix(in srgb, var(--md-sys-color-success) 42%, var(--md-sys-color-outline-variant));
}

.signature-summary.expired[b-rbhbi6s1u3] {
    border-color: color-mix(in srgb, var(--md-sys-color-error) 48%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--md-sys-color-error-container) 34%, var(--md-sys-color-surface));
}

.signature-summary .material-symbols-rounded[b-rbhbi6s1u3] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: color-mix(in srgb, var(--md-sys-color-success) 18%, var(--md-sys-color-surface));
    color: var(--md-sys-color-success);
    font-size: 26px;
}

.signature-summary.expired .material-symbols-rounded[b-rbhbi6s1u3] {
    background: var(--md-sys-color-error-container);
    color: var(--md-sys-color-error);
}

.signature-summary strong[b-rbhbi6s1u3] {
    display: block;
    color: var(--md-sys-color-on-surface);
    font-size: 1rem;
    font-weight: 650;
}

.signature-summary small[b-rbhbi6s1u3] {
    display: block;
    margin-top: 4px;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.88rem;
}

.signature-upload[b-rbhbi6s1u3] {
    display: grid;
}

.file-picker[b-rbhbi6s1u3] {
    min-height: 150px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    padding: 20px;
    border: 1px dashed var(--md-sys-color-outline);
    border-radius: 20px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 38%, var(--md-sys-color-surface));
    color: var(--md-sys-color-on-surface);
    text-align: center;
    cursor: pointer;
    transition: border-color var(--motion-fast) var(--easing-standard), background var(--motion-fast) var(--easing-standard), box-shadow var(--motion-fast) var(--easing-standard);
}

.file-picker:hover[b-rbhbi6s1u3],
.file-picker:focus-within[b-rbhbi6s1u3] {
    border-color: var(--md-sys-color-primary);
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 34%, var(--md-sys-color-surface));
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent);
}

.file-picker .material-symbols-rounded[b-rbhbi6s1u3] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
    font-size: 28px;
}

.file-picker strong[b-rbhbi6s1u3] {
    font-size: 0.96rem;
    font-weight: 650;
}

.file-picker small[b-rbhbi6s1u3] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.84rem;
}

.file-picker input[b-rbhbi6s1u3] {
    width: 1px;
    height: 1px;
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.action-grid[b-rbhbi6s1u3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, max-content));
    justify-content: center;
    gap: 12px;
    padding: 28px 8px 0;
}

.action-tile[b-rbhbi6s1u3] {
    min-height: 94px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
}

.action-grid.dialog-actions[b-rbhbi6s1u3] {
    width: auto;
    display: flex;
    grid-template-columns: none;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    padding: 0;
}

.action-grid.dialog-actions .action-tile[b-rbhbi6s1u3] {
    min-width: 138px;
    min-height: 46px;
    display: inline-flex;
    grid-template-columns: none;
    place-items: center;
    align-content: center;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border-radius: 14px;
}

.action-grid.dialog-actions .action-tile .material-symbols-rounded[b-rbhbi6s1u3] {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    font-size: 18px;
}

.inline-action:hover[b-rbhbi6s1u3],
.inline-action:focus-visible[b-rbhbi6s1u3],
.test-action:hover[b-rbhbi6s1u3],
.test-action:focus-visible[b-rbhbi6s1u3],
.action-tile:hover[b-rbhbi6s1u3],
.action-tile:focus-visible[b-rbhbi6s1u3] {
    transform: translateY(-2px);
    border-color: var(--md-sys-color-primary);
    box-shadow: var(--elevation-2);
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 48%, var(--md-sys-color-surface));
}

.inline-action:active[b-rbhbi6s1u3],
.test-action:active[b-rbhbi6s1u3],
.action-tile:active[b-rbhbi6s1u3] {
    transform: translateY(0);
}

@media (max-width: 860px) {
    .electronicos-header[b-rbhbi6s1u3] {
        flex-direction: column;
    }

    .electronicos-subnav[b-rbhbi6s1u3] {
        align-items: stretch;
        flex-direction: column;
    }

    .form-dialog[b-rbhbi6s1u3] {
        height: min(calc(100dvh - 28px), 820px);
        max-height: calc(100dvh - 28px);
        padding: 14px;
    }

    .form-dialog-chips[b-rbhbi6s1u3] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .form-dialog-chip[b-rbhbi6s1u3] {
        justify-content: center;
    }

    .correo-form-section .field-grid[b-rbhbi6s1u3],
    .correo-form-section .compact-grid[b-rbhbi6s1u3] {
        grid-template-columns: 1fr;
    }

    .correo-form-section .test-email-field[b-rbhbi6s1u3] {
        max-width: none;
    }

    .subnav-chips[b-rbhbi6s1u3] {
        justify-content: flex-start;
    }

    .with-inline-action[b-rbhbi6s1u3],
    .test-email-row[b-rbhbi6s1u3],
    .logo-upload-card[b-rbhbi6s1u3],
    .workspace-summary[b-rbhbi6s1u3],
    .signature-summary[b-rbhbi6s1u3] {
        grid-template-columns: 1fr;
    }

    .inline-action[b-rbhbi6s1u3],
    .test-action[b-rbhbi6s1u3],
    .logo-picker[b-rbhbi6s1u3] {
        width: fit-content;
    }

    .dialog-actions[b-rbhbi6s1u3] {
        flex-wrap: wrap;
    }
}

@media (max-width: 560px) {
    .electronicos-page[b-rbhbi6s1u3] {
        padding: 14px;
    }

    .electronicos-shell[b-rbhbi6s1u3] {
        padding: 16px;
        border-radius: 22px;
    }

    .form-dialog-modal[b-rbhbi6s1u3] {
        padding: 8px;
    }

    .form-dialog[b-rbhbi6s1u3] {
        width: 100%;
        height: calc(100dvh - 16px);
        max-height: calc(100dvh - 16px);
        border-radius: 18px;
    }

    .form-card[b-rbhbi6s1u3] {
        padding: 14px;
    }

    .subnav-back[b-rbhbi6s1u3],
    .subnav-chip[b-rbhbi6s1u3] {
        width: 100%;
        justify-content: center;
    }

    .subnav-chips[b-rbhbi6s1u3] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .form-dialog-chips[b-rbhbi6s1u3] {
        grid-template-columns: 1fr;
    }

    .form-dialog-header[b-rbhbi6s1u3] {
        align-items: flex-start;
        flex-direction: column;
    }

    [b-rbhbi6s1u3] .field,
    [b-rbhbi6s1u3] .field-control,
    .field-row-wide[b-rbhbi6s1u3]  .field,
    .field-row-wide[b-rbhbi6s1u3]  .field-control {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .compact-grid[b-rbhbi6s1u3],
    .action-grid:not(.dialog-actions)[b-rbhbi6s1u3] {
        grid-template-columns: 1fr;
    }

    .action-tile:not(.dialog-actions .action-tile)[b-rbhbi6s1u3] {
        min-height: 76px;
        grid-template-columns: auto 1fr;
        justify-content: flex-start;
        padding: 12px;
    }

    .dialog-actions[b-rbhbi6s1u3] {
        width: 100%;
        justify-content: flex-end;
    }

    .dialog-actions .action-tile[b-rbhbi6s1u3] {
        min-width: 0;
    }

    .action-tile strong[b-rbhbi6s1u3] {
        text-align: left;
    }
}
/* _content/Mastisoft.Saf.Web/Components/ProductosServiciosVisual.razor.rz.scp.css */
.products-page[b-bp3lflvto6] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-items: center;
    min-height: 100dvh;
    padding: 22px;
    overflow: auto;
    background: color-mix(in srgb, #020817 30%, transparent);
    backdrop-filter: blur(2px) saturate(1.01);
    -webkit-backdrop-filter: blur(2px) saturate(1.01);
    color: var(--md-sys-color-on-surface);
}

.products-shell[b-bp3lflvto6] {
    width: min(980px, calc(100vw - 32px));
    height: min(calc(100dvh - 44px), 790px);
    max-height: calc(100dvh - 44px);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 8px;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 10px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 24px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 96%, transparent);
    box-shadow: var(--elevation-3);
}

.products-header[b-bp3lflvto6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 2px 2px 0;
}

.products-header h1[b-bp3lflvto6] {
    margin: 0;
    font-size: clamp(1.12rem, 1.7vw, 1.42rem);
    font-weight: 720;
    line-height: 1.12;
    letter-spacing: 0;
}

.products-close[b-bp3lflvto6] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 17px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 52%, transparent);
    color: var(--md-sys-color-on-surface);
    cursor: pointer;
}

.products-tabs[b-bp3lflvto6] {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    padding: 0 2px 2px;
}

.products-tabs button[b-bp3lflvto6] {
    flex: 0 0 auto;
    min-height: 30px;
    padding: 0 12px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 999px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 760;
    cursor: pointer;
}

.products-tabs button.active[b-bp3lflvto6] {
    border-color: color-mix(in srgb, var(--md-sys-color-primary) 42%, var(--md-sys-color-outline-variant));
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
}

.products-workspace[b-bp3lflvto6] {
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto;
    gap: 7px;
    padding: 10px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 18px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 24%, var(--md-sys-color-surface));
    overflow: auto;
    overscroll-behavior: contain;
}

.products-form-panel[b-bp3lflvto6],
.products-search-panel[b-bp3lflvto6],
.products-grid-card[b-bp3lflvto6] {
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 16px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 94%, transparent);
}

.products-form-panel[b-bp3lflvto6] {
    display: grid;
    gap: 8px;
    padding: 9px 10px;
}

.products-form-grid[b-bp3lflvto6] {
    display: grid;
    grid-template-columns: 190px 150px 150px minmax(160px, 1fr);
    grid-template-areas:
        "code type state ."
        "name name name name"
        "unit group price stock"
        "iva iva iva iva";
    gap: 6px 8px;
}

.products-form-grid label[b-bp3lflvto6] {
    min-width: 0;
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
}

.products-form-grid label > span[b-bp3lflvto6] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.74rem;
    font-weight: 760;
    line-height: 1.1;
}

.field-code[b-bp3lflvto6] { grid-area: code; }
.field-type[b-bp3lflvto6] { grid-area: type; grid-template-columns: 42px minmax(0, 1fr) !important; }
.field-state[b-bp3lflvto6] { grid-area: state; grid-template-columns: 50px minmax(0, 1fr) !important; }
.field-name[b-bp3lflvto6] { grid-area: name; }
.field-unit[b-bp3lflvto6] { grid-area: unit; grid-template-columns: 54px minmax(0, 1fr) !important; }
.field-group[b-bp3lflvto6] { grid-area: group; }
.field-price[b-bp3lflvto6] { grid-area: price; grid-template-columns: 38px minmax(0, 1fr) !important; }
.field-stock[b-bp3lflvto6] { grid-area: stock; grid-template-columns: 78px minmax(0, 1fr) !important; }
.field-iva[b-bp3lflvto6] { grid-area: iva; grid-template-columns: 32px 150px !important; }

.products-form-grid input[b-bp3lflvto6],
.products-form-grid select[b-bp3lflvto6] {
    width: 100%;
    min-width: 0;
    min-height: 30px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 11px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.8rem;
    outline: none;
}

.products-form-grid input[b-bp3lflvto6] {
    padding: 0 8px;
}

.products-form-grid select[b-bp3lflvto6] {
    padding: 0 24px 0 8px;
}

.products-form-grid input:focus[b-bp3lflvto6],
.products-form-grid select:focus[b-bp3lflvto6] {
    border-color: var(--md-sys-color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--md-sys-color-primary) 16%, transparent);
}

.products-search-panel[b-bp3lflvto6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 8px;
}

.products-search[b-bp3lflvto6] {
    min-height: 34px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 13px;
    background: var(--md-sys-color-surface);
}

.products-search .material-symbols-rounded[b-bp3lflvto6] {
    color: var(--md-sys-color-primary);
    font-size: 20px;
}

.products-search input[b-bp3lflvto6] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.9rem;
}

.products-quick-actions[b-bp3lflvto6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.products-quick-actions button[b-bp3lflvto6] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 9px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-primary);
    cursor: pointer;
}

.products-quick-actions button:hover[b-bp3lflvto6],
.products-quick-actions button:focus-visible[b-bp3lflvto6] {
    border-color: var(--md-sys-color-primary);
    background: var(--md-sys-color-primary-container);
    outline: none;
}

.products-quick-actions .material-symbols-rounded[b-bp3lflvto6] {
    font-size: 18px;
}

.products-grid-card[b-bp3lflvto6] {
    min-height: 0;
    overflow: auto;
}

.products-grid[b-bp3lflvto6] {
    width: 100%;
    min-width: 920px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

.products-grid th[b-bp3lflvto6] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 10px;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 58%, var(--md-sys-color-surface));
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.76rem;
    font-weight: 780;
    text-align: left;
}

.products-grid th:nth-child(1)[b-bp3lflvto6] { width: 104px; }
.products-grid th:nth-child(2)[b-bp3lflvto6] { width: 310px; }
.products-grid th:nth-child(3)[b-bp3lflvto6] { width: 110px; }
.products-grid th:nth-child(4)[b-bp3lflvto6] { width: 82px; }
.products-grid th:nth-child(5)[b-bp3lflvto6] { width: 136px; }
.products-grid th:nth-child(6)[b-bp3lflvto6] { width: 78px; }
.products-grid th:nth-child(7)[b-bp3lflvto6] { width: 70px; }
.products-grid th:nth-child(8)[b-bp3lflvto6] { width: 82px; }

.products-grid td[b-bp3lflvto6] {
    padding: 6px 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 62%, transparent);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.86rem;
}

.products-grid tbody tr[b-bp3lflvto6] {
    background: var(--md-sys-color-surface);
    cursor: pointer;
}

.products-grid tbody tr:nth-child(even)[b-bp3lflvto6] {
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 34%, var(--md-sys-color-surface));
}

.products-grid tbody tr:hover[b-bp3lflvto6],
.products-grid tbody tr.selected[b-bp3lflvto6] {
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 58%, var(--md-sys-color-surface));
    color: var(--md-sys-color-primary);
}

.products-actions[b-bp3lflvto6] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.products-actions button[b-bp3lflvto6] {
    min-width: 92px;
    min-height: 48px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 5px;
    padding: 8px 12px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 15px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    cursor: pointer;
}

.products-actions button.primary[b-bp3lflvto6] {
    border-color: color-mix(in srgb, var(--md-sys-color-primary) 42%, var(--md-sys-color-outline-variant));
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
}

.products-actions .material-symbols-rounded[b-bp3lflvto6] {
    font-size: 20px;
}

.products-actions strong[b-bp3lflvto6] {
    font-size: 0.78rem;
    font-weight: 760;
}

.products-message[b-bp3lflvto6] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid color-mix(in srgb, var(--md-sys-color-primary) 44%, var(--md-sys-color-outline-variant));
    border-radius: 13px;
    background: color-mix(in srgb, var(--md-sys-color-primary) 12%, var(--md-sys-color-surface));
    color: var(--md-sys-color-on-surface);
    font-size: 0.82rem;
}

.products-message .material-symbols-rounded[b-bp3lflvto6] {
    color: var(--md-sys-color-primary);
    font-size: 19px;
}

@media (max-width: 980px) {
    .products-form-grid[b-bp3lflvto6] {
        grid-template-columns: minmax(180px, 1fr) minmax(160px, 1fr) minmax(160px, 1fr);
        grid-template-areas:
            "code type state"
            "name name name"
            "unit group group"
            "price stock iva";
    }
}

@media (max-width: 720px) {
    .products-page[b-bp3lflvto6] {
        padding: 8px;
    }

    .products-shell[b-bp3lflvto6] {
        width: 100%;
        height: calc(100dvh - 16px);
        max-height: calc(100dvh - 16px);
        border-radius: 18px;
    }

    .products-search-panel[b-bp3lflvto6],
    .products-form-grid[b-bp3lflvto6] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "code"
            "type"
            "state"
            "name"
            "unit"
            "group"
            "price"
            "stock"
            "iva";
    }

    .products-form-grid label[b-bp3lflvto6],
    .field-type[b-bp3lflvto6],
    .field-state[b-bp3lflvto6],
    .field-unit[b-bp3lflvto6],
    .field-group[b-bp3lflvto6],
    .field-price[b-bp3lflvto6],
    .field-stock[b-bp3lflvto6],
    .field-iva[b-bp3lflvto6] {
        grid-template-columns: 1fr !important;
        gap: 5px;
    }

    .products-quick-actions[b-bp3lflvto6] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .products-actions[b-bp3lflvto6] {
        justify-content: stretch;
    }

    .products-actions button[b-bp3lflvto6] {
        flex: 1 1 130px;
    }
}
/* _content/Mastisoft.Saf.Web/Components/ProveedoresMantenimientoVisual.razor.rz.scp.css */
.providers-page[b-axzkqv4a36] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-items: center;
    min-height: 100dvh;
    padding: 22px;
    overflow: auto;
    background: color-mix(in srgb, #020817 30%, transparent);
    backdrop-filter: blur(2px) saturate(1.01);
    -webkit-backdrop-filter: blur(2px) saturate(1.01);
    color: var(--md-sys-color-on-surface);
}

.providers-shell[b-axzkqv4a36] {
    width: min(940px, calc(100vw - 32px));
    height: min(calc(100dvh - 44px), 760px);
    max-height: calc(100dvh - 44px);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 10px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 24px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 96%, transparent);
    box-shadow: var(--elevation-3);
}

.providers-header[b-axzkqv4a36] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 2px 2px 0;
}

.providers-header h1[b-axzkqv4a36] {
    margin: 0;
    font-size: clamp(1.12rem, 1.7vw, 1.42rem);
    font-weight: 720;
    line-height: 1.12;
    letter-spacing: 0;
}

.providers-close[b-axzkqv4a36] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 17px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 52%, transparent);
    color: var(--md-sys-color-on-surface);
    cursor: pointer;
}

.providers-workspace[b-axzkqv4a36] {
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto;
    gap: 7px;
    padding: 10px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 18px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 24%, var(--md-sys-color-surface));
    overflow: auto;
    overscroll-behavior: contain;
}

.providers-form-panel[b-axzkqv4a36],
.providers-search-panel[b-axzkqv4a36],
.providers-grid-card[b-axzkqv4a36] {
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 16px;
    background: color-mix(in srgb, var(--md-sys-color-surface) 94%, transparent);
}

.providers-form-panel[b-axzkqv4a36] {
    display: grid;
    gap: 8px;
    padding: 9px 10px;
}

.providers-form-grid[b-axzkqv4a36] {
    display: grid;
    grid-template-columns: 254px 306px 112px 38px minmax(150px, 1fr);
    grid-template-areas:
        "type type check . ."
        "id id id . ."
        "name name name name name"
        "address address address address address"
        "serie phone ret ret ."
        "email email email email email"
        "document document provider provider .";
    gap: 6px 8px;
}

.providers-form-grid label[b-axzkqv4a36] {
    min-width: 0;
    display: grid;
    grid-template-columns: 106px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
}

.providers-form-grid label > span[b-axzkqv4a36] {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.74rem;
    font-weight: 760;
    line-height: 1.1;
}

.field-type-id[b-axzkqv4a36] { grid-area: type; }
.field-id-number[b-axzkqv4a36] { grid-area: id; }
.field-name[b-axzkqv4a36] { grid-area: name; }
.field-address[b-axzkqv4a36] { grid-area: address; }
.field-email[b-axzkqv4a36] { grid-area: email; }
.field-serie[b-axzkqv4a36] { grid-area: serie; }
.field-phone[b-axzkqv4a36] { grid-area: phone; }
.field-ret[b-axzkqv4a36] { grid-area: ret; grid-template-columns: 70px minmax(0, 1fr) !important; }
.field-document[b-axzkqv4a36] { grid-area: document; }
.field-provider-type[b-axzkqv4a36] { grid-area: provider; grid-template-columns: 104px minmax(0, 1fr) !important; }

.providers-form-grid input[b-axzkqv4a36],
.providers-form-grid select[b-axzkqv4a36] {
    width: 100%;
    min-width: 0;
    min-height: 30px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 11px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.8rem;
    outline: none;
}

.providers-form-grid input[b-axzkqv4a36] {
    padding: 0 8px;
}

.providers-form-grid select[b-axzkqv4a36] {
    padding: 0 24px 0 8px;
}

.providers-form-grid input:focus[b-axzkqv4a36],
.providers-form-grid select:focus[b-axzkqv4a36] {
    border-color: var(--md-sys-color-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--md-sys-color-primary) 16%, transparent);
}

.check-inline[b-axzkqv4a36] {
    min-height: 30px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 11px;
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 26%, var(--md-sys-color-surface));
}

.check-inline[b-axzkqv4a36] {
    grid-area: check;
    background: var(--md-sys-color-primary);
}

.check-inline input[b-axzkqv4a36] {
    width: 16px;
    height: 16px;
    min-height: 0;
    padding: 0;
    accent-color: var(--md-sys-color-primary);
}

.check-inline span[b-axzkqv4a36] {
    display: none;
}

.providers-search-panel[b-axzkqv4a36] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 8px;
}

.providers-search[b-axzkqv4a36] {
    min-height: 34px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 13px;
    background: var(--md-sys-color-surface);
}

.providers-search .material-symbols-rounded[b-axzkqv4a36] {
    color: var(--md-sys-color-primary);
    font-size: 20px;
}

.providers-search input[b-axzkqv4a36] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.9rem;
}

.providers-quick-actions[b-axzkqv4a36] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.providers-quick-actions button[b-axzkqv4a36] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 9px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-primary);
    cursor: pointer;
}

.providers-quick-actions button:hover[b-axzkqv4a36],
.providers-quick-actions button:focus-visible[b-axzkqv4a36] {
    border-color: var(--md-sys-color-primary);
    background: var(--md-sys-color-primary-container);
    outline: none;
}

.providers-quick-actions .material-symbols-rounded[b-axzkqv4a36] {
    font-size: 18px;
}

.providers-grid-card[b-axzkqv4a36] {
    min-height: 0;
    overflow: auto;
}

.providers-grid[b-axzkqv4a36] {
    width: 100%;
    min-width: 860px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

.providers-grid th[b-axzkqv4a36] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 8px 10px;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 58%, var(--md-sys-color-surface));
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.76rem;
    font-weight: 780;
    text-align: left;
}

.providers-grid th:nth-child(1)[b-axzkqv4a36] {
    width: 132px;
}

.providers-grid th:nth-child(2)[b-axzkqv4a36] {
    width: 310px;
}

.providers-grid th:nth-child(3)[b-axzkqv4a36] {
    width: 132px;
}

.providers-grid th:nth-child(4)[b-axzkqv4a36] {
    width: 120px;
}

.providers-grid th:nth-child(5)[b-axzkqv4a36] {
    width: 170px;
}

.providers-grid th:nth-child(6)[b-axzkqv4a36] {
    width: 96px;
}

.providers-grid td[b-axzkqv4a36] {
    padding: 6px 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 62%, transparent);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.86rem;
}

.providers-grid tbody tr[b-axzkqv4a36] {
    background: var(--md-sys-color-surface);
    cursor: pointer;
}

.providers-grid tbody tr:nth-child(even)[b-axzkqv4a36] {
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 34%, var(--md-sys-color-surface));
}

.providers-grid tbody tr:hover[b-axzkqv4a36],
.providers-grid tbody tr.selected[b-axzkqv4a36] {
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 58%, var(--md-sys-color-surface));
    color: var(--md-sys-color-primary);
}

.providers-actions[b-axzkqv4a36] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.providers-actions button[b-axzkqv4a36] {
    min-width: 92px;
    min-height: 48px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 5px;
    padding: 8px 12px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 15px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    cursor: pointer;
}

.providers-actions button.primary[b-axzkqv4a36] {
    border-color: color-mix(in srgb, var(--md-sys-color-primary) 42%, var(--md-sys-color-outline-variant));
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
}

.providers-actions .material-symbols-rounded[b-axzkqv4a36] {
    font-size: 20px;
}

.providers-actions strong[b-axzkqv4a36] {
    font-size: 0.78rem;
    font-weight: 760;
}

.providers-message[b-axzkqv4a36] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid color-mix(in srgb, var(--md-sys-color-info) 44%, var(--md-sys-color-outline-variant));
    border-radius: 13px;
    background: color-mix(in srgb, var(--md-sys-color-info) 12%, var(--md-sys-color-surface));
    color: var(--md-sys-color-on-surface);
    font-size: 0.82rem;
}

.providers-message .material-symbols-rounded[b-axzkqv4a36] {
    color: var(--md-sys-color-info);
    font-size: 19px;
}

@media (max-width: 980px) {
    .providers-form-grid[b-axzkqv4a36] {
        grid-template-columns: minmax(220px, 1fr) minmax(260px, 1fr) 100px 38px;
        grid-template-areas:
            "type type type check"
            "id id id id"
            "name name name name"
            "address address address address"
            "serie phone ret ret"
            "email email email email"
            "document document provider provider";
    }
}

@media (max-width: 720px) {
    .providers-page[b-axzkqv4a36] {
        padding: 8px;
    }

    .providers-shell[b-axzkqv4a36] {
        width: 100%;
        height: calc(100dvh - 16px);
        max-height: calc(100dvh - 16px);
        border-radius: 18px;
    }

    .providers-header[b-axzkqv4a36],
    .providers-search-panel[b-axzkqv4a36] {
        align-items: stretch;
    }

    .providers-search-panel[b-axzkqv4a36],
    .providers-form-grid[b-axzkqv4a36] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "type"
            "id"
            "check"
            "name"
            "address"
            "serie"
            "phone"
            "ret"
            "email"
            "document"
            "provider";
    }

    .providers-form-grid label[b-axzkqv4a36],
    .field-ret[b-axzkqv4a36],
    .field-provider-type[b-axzkqv4a36] {
        grid-template-columns: 1fr !important;
        gap: 5px;
    }

    .providers-quick-actions[b-axzkqv4a36] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .providers-actions[b-axzkqv4a36] {
        justify-content: stretch;
    }

    .providers-actions button[b-axzkqv4a36] {
        flex: 1 1 130px;
    }
}
/* _content/Mastisoft.Saf.Web/Components/SucursalesGestionVisual.razor.rz.scp.css */
.shared-branch-layout[b-hu2deyuuao] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 10px;
    min-height: 0;
}

.shared-branch-form[b-hu2deyuuao] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-content: start;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 18px;
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 34%, var(--md-sys-color-surface));
}

.shared-branch-form[b-hu2deyuuao]  .field,
.shared-branch-form[b-hu2deyuuao]  .field-control {
    min-width: 0;
}

.shared-branch-form[b-hu2deyuuao]  .field-control {
    display: grid;
    gap: 6px;
}

.shared-branch-form[b-hu2deyuuao]  .field-control > span:first-child,
.shared-branch-form[b-hu2deyuuao]  .field-label {
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.78rem;
    font-weight: 740;
}

.shared-branch-form[b-hu2deyuuao]  input,
.shared-branch-form[b-hu2deyuuao]  select {
    width: 100%;
    min-height: 40px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 12px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.9rem;
}

.shared-branch-form[b-hu2deyuuao]  input {
    padding: 0 12px;
}

.shared-branch-form[b-hu2deyuuao]  select {
    padding: 0 12px;
}

.shared-branch-actions[b-hu2deyuuao] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.shared-branch-action[b-hu2deyuuao] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 14px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
}

.shared-branch-action.primary[b-hu2deyuuao] {
    border-color: color-mix(in srgb, var(--md-sys-color-primary) 42%, var(--md-sys-color-outline-variant));
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
}

.shared-branch-grid-card[b-hu2deyuuao] {
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 18px;
    background: var(--md-sys-color-surface);
}

.shared-branch-grid-head[b-hu2deyuuao] {
    display: grid;
    grid-template-columns: 1.1fr 2fr 0.7fr 0.8fr;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
    background: color-mix(in srgb, var(--md-sys-color-surface-variant) 52%, var(--md-sys-color-surface));
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.76rem;
    font-weight: 780;
}

.shared-branch-list[b-hu2deyuuao] {
    overflow: auto;
}

.shared-branch-list button[b-hu2deyuuao] {
    width: 100%;
    min-height: 46px;
    display: grid;
    grid-template-columns: 1.1fr 2fr 0.7fr 0.8fr;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--md-sys-color-outline-variant) 62%, transparent);
    background: transparent;
    color: var(--md-sys-color-on-surface);
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.shared-branch-list button.active[b-hu2deyuuao],
.shared-branch-list button:hover[b-hu2deyuuao],
.shared-branch-list button:focus-visible[b-hu2deyuuao] {
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
}

.shared-branch-list span[b-hu2deyuuao] {
    font-size: 0.92rem;
    font-weight: 720;
}

.shared-branch-list small[b-hu2deyuuao] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--md-sys-color-on-surface-variant);
    font-size: 0.78rem;
}

@media (max-width: 920px) {
    .shared-branch-form[b-hu2deyuuao],
    .shared-branch-grid-head[b-hu2deyuuao],
    .shared-branch-list button[b-hu2deyuuao] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .shared-branch-form[b-hu2deyuuao],
    .shared-branch-grid-head[b-hu2deyuuao],
    .shared-branch-list button[b-hu2deyuuao] {
        grid-template-columns: 1fr;
    }
}
/* _content/Mastisoft.Saf.Web/Pages/Perfil.razor.rz.scp.css */
.profile-page[b-ikpoovh2lj] {
    width: min(1180px, 100%);
    margin: 0 auto;
    display: grid;
    gap: 24px;
}

.profile-hero[b-ikpoovh2lj] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 24px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 28px;
    background: var(--md-sys-color-surface);
    box-shadow: var(--elevation-1);
}

.profile-hero .hero-action[b-ikpoovh2lj] {
    align-self: center;
}

.profile-avatar-large[b-ikpoovh2lj] {
    width: 76px;
    height: 76px;
    display: grid;
    place-items: center;
    border-radius: 24px;
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
    font-size: 1.25rem;
    font-weight: 800;
}

.profile-hero h1[b-ikpoovh2lj] {
    margin: 0;
    font-size: 2rem;
}

.profile-hero p:last-child[b-ikpoovh2lj] {
    margin: 4px 0 0;
}

.profile-card-grid[b-ikpoovh2lj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.profile-summary-card[b-ikpoovh2lj] {
    --card-tone: var(--md-sys-color-primary);
    --card-container: var(--md-sys-color-primary-container);
    min-height: 220px;
    display: grid;
    align-content: start;
    justify-items: start;
    gap: 16px;
    border: 1px solid color-mix(in srgb, var(--card-tone) 42%, var(--md-sys-color-outline-variant));
    border-radius: 22px;
    padding: 24px 22px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--card-container) 42%, transparent), transparent 62%),
        var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    text-align: left;
    box-shadow: var(--elevation-1);
    cursor: pointer;
}

.profile-summary-card:hover[b-ikpoovh2lj],
.profile-summary-card:focus-visible[b-ikpoovh2lj] {
    transform: translateY(-1px);
    box-shadow: var(--elevation-2);
    outline: none;
}

.profile-summary-card.tone-admin[b-ikpoovh2lj] {
    --card-tone: var(--md-sys-color-primary);
    --card-container: var(--md-sys-color-primary-container);
}

.profile-summary-card.tone-security[b-ikpoovh2lj] {
    --card-tone: var(--md-sys-color-error);
    --card-container: var(--saf-color-error-container);
}

.profile-summary-card.tone-context[b-ikpoovh2lj] {
    --card-tone: var(--saf-tone-money);
    --card-container: var(--saf-tone-money-container);
}

.profile-summary-card > .material-symbols-rounded[b-ikpoovh2lj] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: var(--card-container);
    color: var(--card-tone);
    font-size: 27px;
}

.profile-summary-card strong[b-ikpoovh2lj] {
    font-size: 1.05rem;
    font-weight: 850;
}

.profile-summary-card p[b-ikpoovh2lj] {
    min-height: 46px;
    margin: 0;
    color: var(--md-sys-color-on-surface-variant);
    line-height: 1.45;
}

.profile-summary-card small[b-ikpoovh2lj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    color: var(--card-tone);
    font-weight: 800;
}

.profile-summary-card small .material-symbols-rounded[b-ikpoovh2lj] {
    font-size: 18px;
}

.profile-panel[b-ikpoovh2lj] {
    display: grid;
    align-content: start;
    gap: 18px;
    padding: 22px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 24px;
    background: var(--md-sys-color-surface);
    box-shadow: var(--elevation-1);
}

.context-panel[b-ikpoovh2lj] {
    grid-column: 1 / -1;
}

.profile-dialog-modal[b-ikpoovh2lj] {
    position: fixed;
    inset: 0;
    z-index: 2147483645;
    display: grid;
    place-items: center;
    padding: 24px;
    overflow: auto;
    background: color-mix(in srgb, var(--md-sys-color-scrim, #000) 34%, transparent);
}

.profile-dialog[b-ikpoovh2lj] {
    width: min(920px, calc(100vw - 48px)) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(760px, calc(100dvh - 48px)) !important;
    display: grid;
    gap: 16px;
    padding: 18px;
    overflow: auto;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 28px;
    background: var(--md-sys-color-surface);
    box-shadow: var(--elevation-3);
}

.profile-dialog-header[b-ikpoovh2lj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: start;
    padding: 4px 4px 0;
}

.profile-dialog-kicker[b-ikpoovh2lj] {
    color: var(--md-sys-color-primary);
    font-size: 0.75rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.profile-dialog-header h2[b-ikpoovh2lj] {
    margin: 8px 0 0;
    font-size: 1.45rem;
}

.profile-dialog-header p[b-ikpoovh2lj] {
    margin: 6px 0 0;
    color: var(--md-sys-color-on-surface-variant);
}

.profile-dialog-close[b-ikpoovh2lj] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 16px;
    background: var(--md-sys-color-surface-container-low);
    color: var(--md-sys-color-on-surface);
    cursor: pointer;
}

.profile-dialog-chips[b-ikpoovh2lj] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.profile-dialog-chip[b-ikpoovh2lj] {
    --chip-tone: var(--md-sys-color-primary);
    --chip-container: var(--md-sys-color-primary-container);
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid color-mix(in srgb, var(--chip-tone) 32%, var(--md-sys-color-outline-variant));
    border-radius: 999px;
    padding: 0 14px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    font-size: 0.86rem;
    font-weight: 800;
    cursor: pointer;
}

.profile-dialog-chip.tone-admin[b-ikpoovh2lj] {
    --chip-tone: var(--md-sys-color-primary);
    --chip-container: var(--md-sys-color-primary-container);
}

.profile-dialog-chip.tone-security[b-ikpoovh2lj] {
    --chip-tone: var(--md-sys-color-error);
    --chip-container: var(--saf-color-error-container);
}

.profile-dialog-chip.tone-context[b-ikpoovh2lj] {
    --chip-tone: var(--saf-tone-money);
    --chip-container: var(--saf-tone-money-container);
}

.profile-dialog-chip.active[b-ikpoovh2lj],
.profile-dialog-chip:hover[b-ikpoovh2lj],
.profile-dialog-chip:focus-visible[b-ikpoovh2lj] {
    border-color: var(--chip-tone);
    background: var(--chip-container);
    color: var(--chip-tone);
    outline: none;
}

.profile-dialog-chip .material-symbols-rounded[b-ikpoovh2lj] {
    font-size: 19px;
}

.dialog-panel[b-ikpoovh2lj] {
    min-height: 0;
    align-content: start;
    box-shadow: none;
}

.profile-readonly-note[b-ikpoovh2lj] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--md-sys-color-on-surface-variant);
}

.profile-readonly-note p[b-ikpoovh2lj] {
    margin: 0;
}

.section-heading > .material-symbols-rounded[b-ikpoovh2lj] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
}

.profile-fields[b-ikpoovh2lj] {
    display: grid;
    gap: 14px;
}

.profile-fields label[b-ikpoovh2lj] {
    display: grid;
    gap: 7px;
    color: var(--md-sys-color-on-surface);
    font-size: 0.86rem;
    font-weight: 650;
}

.profile-fields input[b-ikpoovh2lj],
.profile-fields select[b-ikpoovh2lj] {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 14px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font: inherit;
    padding: 8px 12px;
    outline: none;
}

.profile-fields select:disabled[b-ikpoovh2lj] {
    opacity: 1;
    background: var(--md-sys-color-surface-variant);
    color: var(--md-sys-color-on-surface-variant);
}

.profile-check[b-ikpoovh2lj] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--md-sys-color-on-surface);
    font-size: 0.88rem;
    font-weight: 650;
}

.profile-check input[b-ikpoovh2lj] {
    width: 18px;
    height: 18px;
    accent-color: var(--md-sys-color-primary);
}

.profile-actions[b-ikpoovh2lj] {
    display: flex;
    justify-content: flex-end;
}

.profile-button[b-ikpoovh2lj] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 16px;
    padding: 0 16px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    font-weight: 750;
    cursor: pointer;
}

.profile-button.primary[b-ikpoovh2lj] {
    border-color: var(--md-sys-color-outline-variant);
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
}

.profile-button .material-symbols-rounded[b-ikpoovh2lj] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: var(--md-sys-color-primary-container);
    color: var(--md-sys-color-primary);
    font-size: 18px;
}

.profile-button:hover[b-ikpoovh2lj],
.profile-button:focus-visible[b-ikpoovh2lj] {
    border-color: color-mix(in srgb, var(--md-sys-color-primary) 32%, var(--md-sys-color-outline-variant));
    background: color-mix(in srgb, var(--md-sys-color-primary-container) 30%, var(--md-sys-color-surface));
    outline: none;
}

.profile-process-layer[b-ikpoovh2lj] {
    position: fixed;
    inset: 0;
    z-index: 2147483646;
    display: grid;
    place-items: center;
    padding: 20px;
    background: color-mix(in srgb, var(--md-sys-color-scrim, #000) 34%, transparent);
}

.profile-process-card[b-ikpoovh2lj] {
    width: min(360px, 100%);
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: 24px;
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: 22px;
    background: var(--md-sys-color-surface);
    color: var(--md-sys-color-on-surface);
    text-align: center;
    box-shadow: var(--elevation-3);
}

.profile-process-card .material-symbols-rounded[b-ikpoovh2lj] {
    color: var(--md-sys-color-primary);
    font-size: 32px;
    animation: profile-spin-b-ikpoovh2lj 1s linear infinite;
}

.profile-process-card p[b-ikpoovh2lj] {
    margin: 0;
}

@keyframes profile-spin-b-ikpoovh2lj {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 860px) {
    .profile-card-grid[b-ikpoovh2lj] {
        grid-template-columns: 1fr;
    }

    .profile-hero[b-ikpoovh2lj] {
        grid-template-columns: 1fr;
    }

    .profile-hero .hero-action[b-ikpoovh2lj] {
        width: 100%;
    }

    .profile-dialog-modal[b-ikpoovh2lj] {
        padding: 12px;
    }

    .profile-dialog[b-ikpoovh2lj] {
        max-height: calc(100vh - 24px);
    }

    .profile-readonly-note[b-ikpoovh2lj] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (min-width: 861px) and (max-width: 1180px) {
    .profile-card-grid[b-ikpoovh2lj] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}