.grid-card { overflow: hidden; border: 1px solid #e7e5e4; border-radius: 1.25rem; background: white; }
.grid-card { min-width: 0; max-width: 100%; }
.grid-card .overflow-x-auto { max-width: 100%; overscroll-behavior-x: contain; }
.grid-card .overflow-x-auto:focus-visible { outline: 2px solid #d97706; outline-offset: -2px; }
table[data-grid-selectable] th { white-space: nowrap; }
.grid-products-table { min-width: 103rem; }
.grid-products-table td:not(.truncate):not(.whitespace-nowrap) { overflow-wrap: anywhere; }
[data-grid-pagination] > div, [data-grid-pagination] > nav { flex-wrap: wrap; min-width: 0; }
[data-grid-pagination] > nav > * { white-space: nowrap; }
[data-grid-selection-toolbar] button[hidden], #notification-bulk button[hidden] { display: none !important; }
[data-grid-selection-toolbar] { background: white !important; padding: .55rem 1rem !important; font-size: .8rem !important; }
[data-grid-selection-toolbar] button, .grid-toolbar button, .grid-toolbar > a, .grid-toolbar > div > a {
    min-height: 2.15rem; padding: .4rem .7rem !important; border: 1px solid #e7e5e4;
    border-radius: .5rem !important; background: white !important; color: #44403c !important;
    font-size: .8rem !important; font-weight: 500 !important; box-shadow: none !important;
}
[data-grid-selection-toolbar] [data-grid-bulk-delete] { border-color: #fecaca; color: #b91c1c !important; }
[data-grid-selection-toolbar] button:hover, .grid-toolbar button:hover { background: #f5f5f4 !important; border-color: #a8a29e; }
[data-grid-selection-toolbar] [data-grid-bulk-delete]:hover { background: #fef2f2 !important; border-color: #fca5a5; }
.grid-row-action { display: inline-flex !important; align-items: center; justify-content: center; width: 2.15rem; min-height: 2.15rem;
    padding: .4rem !important; margin: 0 .1rem !important; border: 1px solid transparent !important;
    border-radius: .5rem !important; background: transparent !important; color: #57534e !important; box-shadow: none !important; }
.grid-row-action svg { width: 1rem; height: 1rem; }
.grid-row-action-text { width: auto; padding: .4rem .6rem !important; }
.grid-row-action:hover { background: #f5f5f4 !important; color: #92400e !important; border-color: #e7e5e4 !important; }
.grid-row-action.grid-action-danger { color: #b91c1c !important; }
.grid-row-action.grid-action-danger:hover { background: #fef2f2 !important; border-color: #fecaca !important; }
.grid-row-action:focus-visible, [data-grid-selection-toolbar] button:focus-visible, .grid-toolbar button:focus-visible {
    outline: 2px solid #d97706; outline-offset: 2px;
}
.grid-row-actions { white-space: nowrap; }
.grid-export-dialog { width: min(32rem, calc(100vw - 2rem)); max-height: 90vh; padding: 1.5rem; border-radius: 1.25rem; color: #1c1917; }
.grid-export-dialog::backdrop { background: #0008; }
.grid-export-dialog h2 { font-size: 1.25rem; font-weight: 700; }
.grid-export-dialog p { margin-top: .75rem; font-size: .875rem; color: #57534e; }
.grid-export-formats { display: grid; gap: .75rem; margin: 1.25rem 0; }
.grid-export-formats label { padding: .85rem; border: 1px solid #d6d3d1; border-radius: .75rem; cursor: pointer; }
.grid-export-formats small { display: block; margin: .4rem 0 0 1.25rem; color: #57534e; }
.grid-export-actions { display: flex; justify-content: flex-end; gap: .75rem; margin-top: 1.25rem; }
.grid-export-actions button { padding: .6rem 1rem; border: 1px solid #d6d3d1; border-radius: .65rem; }
.grid-export-actions [data-export-download] { background: #1c1917; color: white; }
.grid-export-actions button:disabled { opacity: .5; cursor: wait; }
.grid-export-dialog [data-export-error] { color: #b91c1c; }
.grid-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; padding: .85rem 1rem; border-bottom: 1px solid #e7e5e4; background: #fafaf9; }
.grid-toolbar > div:not(.grid-search-field) { flex: 0 1 auto; min-width: 0; }
.grid-toolbar .grid-search-field { flex: 1 1 16rem; min-width: 0; max-width: 32rem; }
.grid-toolbar > input:not([type=hidden]) { flex: 1 1 16rem; min-width: 0; max-width: 32rem; }
.grid-toolbar .input, .grid-toolbar select { width: auto; max-width: 100%; padding: .55rem .8rem; border-radius: .65rem; font-size: .875rem; }
.grid-toolbar .grid-search-field input { width: 100%; }
.grid-toolbar > .grid-search-field { display: block; flex: 1 1 16rem; }
.grid-toolbar select { flex: 0 1 13rem; min-width: 0; }
.grid-toolbar > div:not(.grid-search-field):has(select), .grid-toolbar > label:has(select),
.grid-toolbar > .app-select {
    flex: 0 0 15rem;
    width: 15rem;
    min-width: 15rem;
    max-width: 100%;
}
.grid-toolbar > div .app-select, .grid-toolbar > label .app-select { width: 100%; min-width: 0; }
.grid-toolbar .app-select .ts-control { width: 100%; }
.grid-toolbar button[hidden] { display: none !important; }
.grid-toolbar button, .grid-toolbar a { flex: 0 0 auto; white-space: nowrap; }
.grid-toolbar label:not(.sr-only) { font-size: .75rem; }
.grid-feedback { flex-basis: 100%; margin: 0; font-size: .8rem; color: #57534e; }
.grid-feedback:empty { display: none; }
.grid-feedback:not([data-error=true]) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.grid-feedback[data-error=true] { color: #b91c1c; }
[data-grid-results][aria-busy=true] { opacity: .7; }
[data-grid-results] { transition: opacity .12s; }
@media (max-width: 639px) {
    [data-grid-pagination] > div, [data-grid-pagination] > nav { width: 100%; }
    [data-grid-pagination] > nav { justify-content: space-between; gap: .35rem; }
    .grid-toolbar > input:not([type=hidden]), .grid-toolbar .grid-search-field { flex-basis: 100%; max-width: none; }
    .grid-toolbar select { flex: 1 1 9rem; }
    .grid-toolbar > div:not(.grid-search-field):has(select), .grid-toolbar > label:has(select),
    .grid-toolbar > .app-select { flex: 1 1 100%; width: 100%; min-width: 0; }
}