html {
    scrollbar-gutter: stable;
}

.ts-dropdown {
    z-index: 1111;
}

form {
    margin-bottom: 0;
}

.offcanvas.offcanvas-end {
    margin: 20px;
    border-radius: 10px;
    right: 20px;
}

.card-img {
    background: color-mix(in oklab, oklch(96.7% .003 264.542) 50%, transparent);
    border-radius: 10px;
}

.card-img img {
    border-radius: 10px;
}

.img-box-200px-h {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    width: 100%;
}

.img-box-200px-h img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.img-box-w-300 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 300px;
}

.img-box-w-300 img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.jstree-wholerow-clicked {
    background: var(--tblr-primary-bg-subtle) !important;
}

.sortable-item {
    background: #ffffff;
    border: 1px solid #e3e6f0;
    border-radius: 0.35rem;
    padding: 0.5rem;
    margin-bottom: 8px;
    cursor: move;
    transition: all 0.3s ease;
    box-shadow: 0 0 0px 1px rgba(58, 59, 69, 0.15);
}

.sortable-item:hover {
    box-shadow: 0 0px 0px 1.3px rgba(58, 59, 69, 0.25);
    transform: translateY(-1px);
}

.section-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-details h5 {
    margin: 0;
    color: #5a5c69;
    font-size: 0.9rem;
}

.section-details small {
    color: #858796;
    font-size: 0.875rem;
}

.section-meta {
    text-align: right;
}

.section-order {
    background: var(--tblr-link-color);
    color: white;
    padding: 4px 8px;
    border-radius: 50%;
    font-size: 0.65rem;
    font-weight: 600;
    /* margin-top: 0.25rem; */
    display: inline-block;
    min-width: 1.5rem;
    text-align: center;
}

.sort-info {
    background: #f8f9fc;
    border-left: 4px solid #4e73df;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.pending {
    background-color: #FFF3CD; /* Light yellow for pending */
    color: #333333;
}

.awaiting_store_response {
    color: color-mix(in srgb, var(--tblr-warning) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-warning-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.awaiting_seller_response {
    background-color: #FFECB3; /* Lighter amber for awaiting seller response */
    color: #333333;
}

.accepted {
    background-color: #C8E6C9; /* Light green for accepted */
    color: #333333;
}

.accepted_by_seller {
    background-color: #A5D6A7; /* Slightly darker light green for accepted by seller */
    color: #333333;
}

.partially_accepted {
    background-color: #DCEDC8; /* Pale green for partially accepted */
    color: #333333;
}

.rejected {
    background-color: #FFCDD2; /* Light red for rejected */
    color: #333333;
}

.rejected_by_seller {
    background-color: #EF9A9A; /* Slightly darker light red for rejected by seller */
    color: #333333;
}

.preparing {
    background-color: #BBDEFB; /* Light blue for preparing */
    color: #333333;
}

.assigned {
    background-color: #90CAF9; /* Light medium blue for assigned */
    color: #333333;
}

.collected {
    background-color: #B2EBF2; /* Light cyan for collected */
    color: #333333;
}

.out_for_delivery {
    background-color: #4FC3F7; /* Light bright blue for out for delivery */
    color: #333333;
}

.delivered {
    background-color: #f0fdf4;
    color: #008236;
    border-color: #b9f8cf;
}

.approved {
    background-color: #C8E6C9; /* Light green for approved (matches bg-green-lt) */
    color: #333333;
}

.visible {
    background-color: #C8E6C9; /* Light green for visible (matches bg-green-lt) */
    color: #333333;
}

.published {
    background-color: #C8E6C9; /* Light green for published (matches bg-green-lt) */
    color: #333333;
}

.inactive {
    background-color: #ffe1e4;
    color: #ff0000;
    border: solid 1px #ff3535;
}

.not_approved {
    background-color: #FFCDD2; /* Light red for not approved (matches bg-red-lt) */
    color: #333333;
}

.draft {
    background-color: #FFCDD2; /* Light red for draft (matches bg-red-lt) */
    color: #333333;
}

.pending_verification {
    background-color: #FFCDD2; /* Light red for pending verification (matches bg-red-lt) */
    color: #333333;
}

.cancelled {
    color: color-mix(in srgb, var(--tblr-secondary) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-secondary-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.failed {
    background-color: #FFCDD2; /* Light red for failed (matches bg-red-lt) */
    color: #333333;
}

.delivery_failed {
    background-color: #FFCDD2; /* Light red — delivery attempt didn't complete */
    color: #b71c1c;
}

.returning_to_store {
    background-color: #FFE0B2; /* Light orange — items in transit back to seller */
    color: #4e342e;
}

.dropped {
    background-color: #CFD8DC; /* Slate grey — rider voluntarily abandoned */
    color: #37474F;
}

[data-star-rating] .gl-active .gl-star-full {
    fill: #fdac35 !important;
    stroke: #fdac35 !important;
}

.pointer-events-none {
    pointer-events: none;
}

.badge {
    padding: 6px !important;
}

/* Collapse/Expand Styling */
.cursor-pointer {
    cursor: pointer;
}

.section-group-header {
    background-color: rgba(0, 0, 0, 0.02);
    border-radius: 0.375rem;
    padding: 0.5rem;
    transition: background-color 0.2s ease;
}

.collapse-icon {
    transition: transform 0.3s ease;
}

.section-group-header[aria-expanded="false"] .collapse-icon {
    transform: rotate(180deg);
}

.section-group {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.5rem;
    padding: 1rem;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.section-group-header h4 {
    font-weight: 600;
}

/* Smooth collapse animation */
.collapse {
    transition: height 0.35s ease;
}

#dt-length-0 {
    margin-right: 5px;
}

@media (min-width: 992px) {
    .navbar-expand-lg.navbar-vertical ~ .navbar, .navbar-expand-lg.navbar-vertical ~ {
        margin-left: 16rem;
    }

    .navbar-vertical.navbar-expand-lg {
        width: 16rem;
    }
}

div.dt-button-collection .dropdown-menu {
    background: var(--tblr-bg-surface);
    color: var(--tblr-body-color);
    box-shadow: var(--tblr-shadow-dropdown);
    border: 1px solid var(--tblr-border-color-translucent);
    border-radius: 0.5rem;
    padding: 0.375rem;
    min-width: 180px;
}

div.dt-button-collection .dropdown-menu .dropdown-item {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    color: var(--tblr-body-color);
    font-size: 0.875rem;
    transition: background-color 0.15s ease, color 0.15s ease;
}

div.dt-button-collection .dropdown-menu .dropdown-item:hover,
div.dt-button-collection .dropdown-menu .dropdown-item:focus {
    background-color: var(--tblr-primary-lt);
    color: var(--tblr-primary);
}

div.dt-button-collection .dropdown-menu .dt-button.active > .dropdown-item,
div.dt-button-collection .dropdown-menu .dt-button-active-a > .dropdown-item {
    background-color: var(--tblr-primary-lt);
    color: var(--tblr-primary);
    font-weight: 500;
}

div.dt-button-collection .dropdown-menu .dropdown-item i {
    flex-shrink: 0;
    font-size: 1.1rem;
}

.dt-toolbar-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.4375rem 0.875rem;
    line-height: 1.2;
    font-weight: 500;
}

.dt-toolbar-btn i {
    font-size: 1.05rem;
    line-height: 1;
}

.dropdown-item {
    white-space: normal;
}

.swal2-confirm {
    background-color: var(--tblr-primary) !important;
}

.text-ellipsis-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.step__item.active .step__icon, .step__item.active ~ .step__divider, .step__item.active ~ .step__item .step__icon {
    background-color: var(--tblr-primary) !important;
}

.img-box-60 {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-box-60 img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.dt-button-collection {
    overflow: hidden !important;
}

.plan-ribbon {
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease-in-out;
}

td:hover .plan-ribbon {
    opacity: 1;
    transform: translateY(0);
}

/* ============================================================
   Modern DataTables (DataTables 2.x + Tabler) — global redesign
   ============================================================ */

:root {
    --dt-border: #eef0f3;
    --dt-border-strong: #e6e7e9;
    --dt-head-bg: #f8fafc;
    --dt-row-hover: #fafbfc;
    --dt-text-muted: #6c7383;
    --dt-text: #1d273b;
}

/* Toolbar rows */
.dt-layout-row {
    align-items: center;
    gap: .75rem;
    padding: .75rem 0;
}

.dt-layout-row.dt-layout-table {
    padding: 0;
}

.dt-layout-row + .dt-layout-row {
    padding-top: 1rem;
}

/* --- Search input --- */
.dt-search {
    position: relative;
    margin-left: auto;
}

.dt-search input[type="search"] {
    border-radius: .5rem;
    padding: .5rem .85rem .5rem 2.25rem;
    min-width: 240px;
    background-color: #fff;
    border: 1px solid var(--dt-border-strong);
    box-shadow: none;
    font-size: .875rem;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.dt-search input[type="search"]:focus {
    border-color: var(--tblr-primary, #206bc4);
    box-shadow: 0 0 0 3px rgba(32, 107, 196, .12);
}

.dt-search::before {
    content: "";
    position: absolute;
    left: .75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2398a2b3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='10' cy='10' r='7'/%3e%3cline x1='21' y1='21' x2='15' y2='15'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 2;
}

/* --- Length selector --- */
.dt-length {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--dt-text-muted);
    font-size: .875rem;
}

.dt-length select.dt-input {
    width: auto;
    min-width: 4rem;
    padding: .35rem 1.75rem .35rem .65rem;
    border-radius: .5rem;
    border: 1px solid var(--dt-border-strong);
    background-color: #fff;
    font-size: .875rem;
}

/* --- Info text --- */
.dt-info {
    color: var(--dt-text-muted);
    font-size: .875rem;
    padding-top: 0;
}

/* --- Pagination (simple_numbers: prev, [n], next) --- */
.dt-paging {
    margin-left: .5rem;
}

.dt-paging .pagination {
    margin: 0;
    gap: .375rem;
}

.dt-paging .page-item .page-link,
.dt-paging .dt-paging-button {
    border-radius: .5rem;
    border: 1px solid var(--dt-border-strong);
    color: var(--dt-text);
    padding: 0;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .875rem;
    background: #fff;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.dt-paging .page-item.active .page-link,
.dt-paging .dt-paging-button.current {
    background: #f1f3f8;
    border-color: #d8dde5;
    color: var(--dt-text);
    font-weight: 600;
}

.dt-paging .page-item:not(.disabled) .page-link:hover,
.dt-paging .dt-paging-button:not(.disabled):hover {
    background: #f4f6fa;
    border-color: #d8dde5;
    color: var(--dt-text);
}

.dt-paging .page-item.disabled .page-link,
.dt-paging .dt-paging-button.disabled {
    opacity: .4;
    pointer-events: none;
}

.dt-paging .page-link i,
.dt-paging .dt-paging-button i {
    font-size: 1rem;
    line-height: 1;
}

/* --- Table: clean borderless look with row separators --- */
table.dataTable {
    border-collapse: separate;
    border-spacing: 0;
}

table.dataTable > thead > tr > th {
    background-color: var(--dt-head-bg);
    color: var(--dt-text-muted);
    font-weight: 600;
    font-size: .8125rem;
    letter-spacing: 0;
    text-transform: none;
    border-top: 1px solid var(--dt-border);
    border-bottom: 1px solid var(--dt-border);
    padding: .75rem 1rem;
    white-space: nowrap;
}

/* Sort indicators: hide both arrows on non-orderable cols, show one
   subtle chevron on orderable cols, swap to active when sorted. */
table.dataTable > thead > tr > th.dt-orderable-none .dt-column-order {
    display: none;
}

table.dataTable > thead > tr > th .dt-column-order {
    width: .9em;
    margin-left: .35em;
    opacity: .35;
}

table.dataTable > thead > tr > th .dt-column-order::before,
table.dataTable > thead > tr > th .dt-column-order::after {
    font-size: .55em;
    line-height: 1.1;
    color: var(--dt-text-muted);
}

table.dataTable > thead > tr > th.dt-orderable-asc:hover .dt-column-order,
table.dataTable > thead > tr > th.dt-orderable-desc:hover .dt-column-order {
    opacity: .7;
}

table.dataTable > thead > tr > th.dt-ordering-asc .dt-column-order,
table.dataTable > thead > tr > th.dt-ordering-desc .dt-column-order {
    opacity: 1;
}

table.dataTable > thead > tr > th.dt-ordering-asc .dt-column-order::before,
table.dataTable > thead > tr > th.dt-ordering-desc .dt-column-order::after {
    color: var(--dt-text);
}

/* --- Table body rows: hairline separators, soft hover --- */
table.dataTable > tbody > tr {
    transition: background-color .12s ease;
}

table.dataTable > tbody > tr > td {
    padding: .9rem 1rem;
    border-top: 1px solid var(--dt-border);
    border-bottom: 0;
    vertical-align: middle;
    font-size: .9rem;
    color: var(--dt-text);
}

table.dataTable > tbody > tr:first-child > td {
    border-top: 0;
}

table.dataTable > tbody > tr:hover > td {
    background-color: var(--dt-row-hover);
}

/* Strip default striping so the design stays clean */
table.dataTable.table-striped > tbody > tr:nth-of-type(odd) > *,
table.dataTable.stripe > tbody > tr.odd > * {
    background-color: transparent;
}

/* Remove the heavy outer border the .table-bordered class adds */
table.dataTable.table-bordered,
table.dataTable.table-bordered > thead > tr > th,
table.dataTable.table-bordered > tbody > tr > td {
    border-left: 0;
    border-right: 0;
}

/* --- Toolbar buttons (Columns, Export) — soft "ghost" pills --- */
.dt-buttons {
    gap: .5rem;
    display: inline-flex;
}

.dt-buttons .dt-button.btn,
.dt-buttons .dt-button.btn-outline-secondary,
.dt-buttons .dt-button.btn-outline-primary {
    background-color: #fff !important;
    border: 1px solid var(--dt-border-strong) !important;
    color: var(--dt-text-muted) !important;
    font-weight: 500;
    font-size: .8125rem;
    border-radius: .5rem !important;
    padding: .4rem .8rem !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.dt-buttons .dt-button:not(.disabled):hover,
.dt-buttons .dt-button.btn-outline-secondary:not(.disabled):hover,
.dt-buttons .dt-button.btn-outline-primary:not(.disabled):hover {
    background-color: #f4f6fa !important;
    border-color: #d8dde5 !important;
    color: var(--dt-text) !important;
}

.dt-buttons .dt-button:not(.disabled):focus,
.dt-buttons .dt-button:not(.disabled).focus {
    box-shadow: 0 0 0 3px rgba(32, 107, 196, .12) !important;
    border-color: var(--tblr-primary, #206bc4) !important;
}

.dt-buttons .dt-button.btn-active,
.dt-buttons .dt-button[aria-expanded="true"] {
    background-color: #f1f3f8 !important;
    border-color: #d8dde5 !important;
    color: var(--dt-text) !important;
}

.dt-buttons .dt-button i,
.dt-buttons .dt-button .ti {
    font-size: 1rem;
    color: var(--dt-text-muted);
}

.dt-buttons .dt-button:hover i,
.dt-buttons .dt-button:hover .ti {
    color: var(--dt-text);
}

/* Strip the small caret default styling so the dropdown chevron sits inline */
.dt-buttons .dt-button.dropdown-toggle::after {
    border-top-color: currentColor;
    opacity: .55;
    margin-left: .35rem;
}

[data-bs-theme="dark"] .dt-buttons .dt-button.btn,
[data-bs-theme="dark"] .dt-buttons .dt-button.btn-outline-secondary,
[data-bs-theme="dark"] .dt-buttons .dt-button.btn-outline-primary {
    background-color: #1a2030 !important;
    border-color: var(--dt-border-strong) !important;
    color: var(--dt-text-muted) !important;
}

/* --- Empty state --- */
.dt-empty {
    padding: 2rem 1rem !important;
    color: var(--dt-text-muted);
}

/* Dark-mode parity (Tabler theme variables) */
[data-bs-theme="dark"] {
    --dt-border: #2a3242;
    --dt-border-strong: #2f384a;
    --dt-head-bg: #1c2230;
    --dt-row-hover: #232a3a;
    --dt-text-muted: #98a2b3;
    --dt-text: #e6eaf2;
}

[data-bs-theme="dark"] .dt-search input[type="search"],
[data-bs-theme="dark"] .dt-length select.dt-input,
[data-bs-theme="dark"] .dt-paging .page-item .page-link,
[data-bs-theme="dark"] .dt-paging .dt-paging-button {
    background-color: #1a2030;
    color: var(--dt-text);
}

/* ── Ad Campaigns ───────────────────────────────────────────────── */

/* Range slider */
.budget-slider-wrap {
    position: relative;
    padding-bottom: .25rem;
}

input[type="range"].budget-range {
    -webkit-appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    background: linear-gradient(to right, var(--tblr-primary) 0%, var(--tblr-primary) var(--pct, 0%), #dee2e6 var(--pct, 0%), #dee2e6 100%);
    transition: background .1s;
}

input[type="range"].budget-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--tblr-primary);
    border: 3px solid #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
    cursor: grab;
    transition: transform .15s;
}

input[type="range"].budget-range::-webkit-slider-thumb:active {
    transform: scale(1.15);
    cursor: grabbing;
}

input[type="range"].budget-range::-moz-range-thumb {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--tblr-primary);
    border: 3px solid #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
    cursor: grab;
}

/* Budget preset chips */
.budget-presets {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .75rem;
}

.budget-chip {
    padding: .3rem .85rem;
    border-radius: 20px;
    border: 1.5px solid #dee2e6;
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    background: #fff;
    transition: border-color .15s, background .15s, color .15s;
    user-select: none;
}

.budget-chip:hover {
    border-color: var(--tblr-primary);
    color: var(--tblr-primary);
}

.budget-chip.active {
    border-color: var(--tblr-primary);
    background: var(--tblr-primary);
    color: #fff;
}

/* Estimated stats pills */
.stat-pill {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 1rem 1.25rem;
    text-align: center;
    flex: 1;
}

.stat-pill .stat-value {
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1;
    color: var(--tblr-primary);
    font-variant-numeric: tabular-nums;
    transition: all .2s ease;
}

.stat-pill .stat-label {
    font-size: .75rem;
    color: #6c757d;
    margin-top: .3rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* Insufficient balance banner */
.balance-warning {
    display: none;
    border-left: 4px solid #f76707;
}

/* What You Get benefit strip */
.benefit-strip {
    margin-top: 2rem;
}

.benefit-card {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.25rem;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 14px;
    transition: box-shadow .2s, transform .2s;
}

.benefit-card:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, .07);
    transform: translateY(-2px);
}

.benefit-icon {
    font-size: 1.6rem;
    line-height: 1;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #f1f3f5;
}

.benefit-title {
    font-size: .95rem;
    font-weight: 700;
    color: #354052;
    margin-bottom: .2rem;
}

.benefit-body {
    font-size: .82rem;
    color: #6c757d;
    line-height: 1.55;
}

.benefit-refund .benefit-icon {
    background: #fff3cd;
}

.benefit-search .benefit-icon {
    background: #d3f9d8;
}

.benefit-related .benefit-icon {
    background: #dbe4ff;
}

.benefit-pause .benefit-icon {
    background: #fff3cd;
}

.benefit-dash .benefit-icon {
    background: #e3fafc;
}

/* Ad preview chip */
.ad-preview-chip {
    display: flex;
    align-items: center;
    gap: .75rem;
    border: 1.5px dashed #ced4da;
    border-radius: 12px;
    padding: .75rem 1rem;
    background: #fafafa;
}

.ad-preview-chip .sponsored-badge {
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #6c757d;
    background: #e9ecef;
    padding: .1rem .4rem;
    border-radius: 4px;
}

/* Campaign listing — spend donut */
.donut-wrap {
    position: relative;
    width: 48px;
    height: 48px;
}

.donut-svg {
    transform: rotate(-90deg);
}

.donut-bg {
    fill: none;
    stroke: #e9ecef;
    stroke-width: 5;
}

.donut-progress {
    fill: none;
    stroke: #2fb344;
    stroke-width: 5;
    stroke-linecap: round;
    transition: stroke-dashoffset .5s ease;
}

.donut-center {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .6rem;
    font-weight: 700;
    color: #354052;
}

/* ── Ad Campaigns (admin panel) ─────────────────────────────────── */

/* Campaign listing — spend donut */
.donut-wrap {
    position: relative;
    width: 40px;
    height: 40px;
}

.donut-svg {
    transform: rotate(-90deg);
}

.donut-bg {
    fill: none;
    stroke: #e9ecef;
    stroke-width: 5;
}

.donut-fill {
    fill: none;
    stroke: #2fb344;
    stroke-width: 5;
    stroke-linecap: round;
}

.ready_for_pickup {
    color: color-mix(in srgb, var(--tblr-azure) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
    background-color: color-mix(in srgb, var(--tblr-azure-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.donut-center {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .55rem;
    font-weight: 700;
    color: #354052;
}

.btn-sm, .form-select-sm, .form-control-sm {
    padding: .25rem .5rem;
}