@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700&family=Inter:wght@500;600;700&family=Rubik:wght@500;600;700&display=swap');

body[data-garden-workspace="preview"] {
    --gw-canvas: #f5f6f5;
    --gw-surface: #ffffff;
    --gw-surface-muted: #f8f9f8;
    --gw-ink: #202622;
    --gw-copy: #5e665f;
    --gw-muted: #89918b;
    --gw-line: #e1e5e2;
    --gw-moss: #5b6f61;
    --gw-moss-strong: #405047;
    --gw-mint: #e9eeeb;
    --gw-clay: #b55d3d;
    --gw-clay-soft: #f4e5df;
    --gw-harvest: #b67b1f;
    --gw-harvest-soft: #f6ecd8;
    --gw-shadow: 0 5px 18px rgba(31, 39, 34, 0.045);
    --gw-radius: 12px;
    font-family: 'Assistant', 'Noto Sans Hebrew', sans-serif !important;
    background: var(--gw-canvas) !important;
    color: var(--gw-ink) !important;
}

/* --------------------------------------------------------------------------
   Sidebar navigation v2
   Daily work is always visible; secondary tools are grouped one level deep.
   -------------------------------------------------------------------------- */

#kt_app_sidebar.garden-sidebar.garden-sidebar--simple {
    --garden-nav-bg: #272d2a;
    --garden-nav-line: rgba(255, 255, 255, 0.09);
    --garden-nav-copy: rgba(248, 250, 248, 0.9);
    --garden-nav-muted: rgba(228, 235, 230, 0.62);
    --garden-nav-active: #f4f6f4;
    --garden-nav-active-ink: #29312d;
    width: 280px !important;
    min-width: 280px !important;
    box-shadow: -12px 0 34px rgba(20, 25, 22, 0.13) !important;
    transition: none !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-brand {
    min-height: 72px;
    padding: 12px 16px !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-brand__home {
    width: 100%;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-brand__mark {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
    border-radius: 11px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-brand__copy {
    display: flex !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-brand__copy strong {
    font-size: 16px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-brand__copy small {
    font-size: 13px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav__tools {
    gap: 10px;
    padding: 12px 13px 10px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-action {
    min-height: 52px;
    padding: 7px 9px !important;
    border-color: rgba(255, 255, 255, 0.13);
    border-radius: 11px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-action__copy,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-action__arrow {
    display: flex !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-action__arrow {
    align-items: center;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-action__copy strong {
    font-size: 15px;
    line-height: 1.15;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-action__copy small {
    margin-top: 3px;
    font-size: 13px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-search {
    display: flex !important;
    height: 42px;
    border-radius: 10px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-search input {
    font-size: 14px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav__sections {
    gap: 10px;
    padding: 2px 12px 18px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-primary {
    display: grid;
    gap: 5px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-section-label {
    padding: 4px 7px 3px;
    color: var(--garden-nav-muted);
    font-family: 'Assistant', sans-serif;
    font-size: 13px;
    font-weight: 760;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-section__items {
    gap: 3px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-link.menu-link {
    min-height: 44px !important;
    gap: 9px;
    padding: 5px 7px !important;
    border-radius: 9px !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-link__copy,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-link__arrow {
    display: flex !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-link__arrow {
    align-items: center;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-link__copy strong {
    font-size: 15px;
    font-weight: 760;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-link__copy small {
    margin-top: 3px;
    font-size: 13px;
    line-height: 1.2;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-link__icon.menu-icon {
    flex-basis: 35px !important;
    width: 35px !important;
    height: 35px !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-link__icon.menu-icon i {
    font-size: 15px !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-link--orders:not(.active) {
    border-color: rgba(165, 188, 174, 0.16) !important;
    background: rgba(137, 166, 148, 0.1) !important;
    color: #fff !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-link--orders:not(.active) .garden-nav-link__icon {
    background: rgba(255, 255, 255, 0.065);
    color: #dbe7df !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-directory-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 2px;
    padding: 10px 7px 4px;
    border-top: 1px solid var(--garden-nav-line);
    color: var(--garden-nav-muted);
    font-family: 'Assistant', sans-serif;
    font-size: 13px;
    font-weight: 760;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-directory-label small {
    color: inherit;
    font-size: 12px;
    font-weight: 650;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-groups {
    display: grid;
    gap: 3px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-group {
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.065);
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-group[hidden],
#kt_app_sidebar.garden-sidebar--simple [data-garden-nav-item][hidden] {
    display: none !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-group > summary {
    display: flex;
    min-height: 48px;
    align-items: center;
    gap: 9px;
    padding: 5px 7px;
    border-radius: 9px;
    color: var(--garden-nav-copy);
    cursor: pointer;
    font-family: 'Assistant', sans-serif;
    list-style: none;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-group > summary::-webkit-details-marker {
    display: none;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-group > summary:hover {
    background: rgba(255, 255, 255, 0.055);
    color: #fff;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-group__icon {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
    color: #b9c5bd;
    font-size: 14px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-group__copy {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-group__copy strong {
    font-size: 15px;
    font-weight: 750;
    line-height: 1.15;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-group__copy small {
    margin-top: 3px;
    color: var(--garden-nav-muted);
    font-size: 12px;
    line-height: 1;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-group__chevron {
    color: var(--garden-nav-muted);
    font-size: 12px;
    transition: transform 150ms ease;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-group[open] .garden-nav-group__chevron {
    transform: rotate(180deg);
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-group__items {
    display: grid;
    gap: 2px;
    padding: 2px 10px 9px 0;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-link--compact.menu-link {
    min-height: 40px !important;
    padding-block: 3px !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-link--compact .garden-nav-link__icon.menu-icon {
    flex-basis: 31px !important;
    width: 31px !important;
    height: 31px !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-link--compact .garden-nav-link__copy strong {
    font-size: 14px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-footer {
    padding: 9px 12px 12px !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-user__copy,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-user__settings {
    display: flex !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-user__settings {
    align-items: center;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-user__copy strong {
    font-size: 14px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-user__copy small {
    font-size: 12px;
}

/* --------------------------------------------------------------------------
   Order quick view
   One answer per block: customer, amount, fulfilment, then products.
   -------------------------------------------------------------------------- */

#orderModal.garden-order-detail-modal .modal-dialog {
    width: min(880px, calc(100vw - 32px));
    max-width: 880px;
}

#orderModal.garden-order-detail-modal .modal-content {
    overflow: hidden;
    border: 1px solid #dfe5e1;
    border-radius: 14px;
    box-shadow: 0 24px 64px rgba(27, 36, 31, 0.2);
}

#orderModal.garden-order-detail-modal .modal-header {
    min-height: 62px;
    padding: 12px 20px;
    border-bottom: 1px solid #e4e8e5;
}

#orderModal.garden-order-detail-modal .modal-title {
    color: #27312b;
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 21px;
    font-weight: 650;
    letter-spacing: -0.02em;
}

.garden-order-detail-modal.modal-order .modal-body {
    max-height: min(76vh, 760px);
    padding: 18px 20px;
    background: #fbfcfb;
}

.garden-order-modal__actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.garden-order-modal__action {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #dce2de;
    border-radius: 9px;
    background: #fff;
    color: #4b5850;
    font-size: 14px;
    font-weight: 720;
    text-decoration: none;
}

.garden-order-modal__action:hover {
    border-color: #bec9c2;
    background: #f5f7f5;
    color: #26312b;
}

.garden-order-modal__summary {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(220px, 0.65fr);
    gap: 10px;
    margin-bottom: 10px;
}

.garden-order-modal__customer,
.garden-order-modal__amount {
    min-width: 0;
    border: 1px solid #dfe5e1;
    border-radius: 11px;
}

.garden-order-modal__customer {
    display: grid;
    align-content: center;
    padding: 15px 16px;
    background: #fff;
}

.garden-order-modal__eyebrow,
.garden-order-modal__amount > span {
    color: #879088;
    font-size: 12px;
    font-weight: 720;
}

.garden-order-modal__customer > strong {
    margin-top: 2px;
    color: #27312b;
    font-size: 18px;
    font-weight: 760;
}

.garden-order-modal__customer > a {
    width: fit-content;
    margin-top: 2px;
    color: #68736c;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    text-decoration: none;
}

.garden-order-modal__meta {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 10px;
}

.garden-order-modal__meta > span {
    color: #89918b;
    font-size: 12px;
}

.garden-order-modal__meta > span b {
    color: #667069;
    font-weight: 650;
}

.garden-order-modal__meta #modalStatus {
    border: 0;
    line-height: 1;
}

.garden-order-modal__amount {
    display: grid;
    align-content: center;
    padding: 15px 16px;
    background: #edf2ee;
}

.garden-order-modal__amount > strong {
    margin: 3px 0 7px;
    color: #26352d;
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 28px;
    font-weight: 650;
    letter-spacing: -0.03em;
}

.garden-order-modal__amount #modalPayment {
    color: #59645d;
    font-size: 12px;
}

.garden-order-modal__amount .payment-badge {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 3px 8px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 750;
}

.garden-order-modal__payment-detail,
.garden-order-modal__payment-note {
    margin-top: 4px;
    color: #68736c;
    font-size: 12px;
    line-height: 1.35;
}

.garden-order-modal__fulfillment {
    display: grid;
    grid-template-columns: minmax(210px, 0.72fr) minmax(0, 1.28fr);
    gap: 16px;
    margin-bottom: 12px;
    padding: 13px 15px;
    border: 1px solid #dfe5e1;
    border-radius: 11px;
    background: #fff;
}

.garden-order-modal__fulfillment > header {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
}

.garden-order-modal__fulfillment-icon {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 10px;
    background: #e8eee9;
    color: #506659;
    font-size: 17px;
}

.garden-order-modal__fulfillment-icon.is-pickup {
    background: #f1ecdf;
    color: #816b3f;
}

.garden-order-modal__fulfillment > header > span:last-child {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.garden-order-modal__fulfillment > header small,
.garden-order-modal__fulfillment-facts small {
    color: #8a928c;
    font-size: 11px;
    font-weight: 700;
}

.garden-order-modal__fulfillment > header strong {
    color: #29342e;
    font-size: 16px;
    font-weight: 770;
}

.garden-order-modal__fulfillment > header b {
    margin-top: 2px;
    overflow: hidden;
    color: #79827c;
    font-size: 12px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-order-modal__fulfillment-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 14px;
    padding-inline-start: 15px;
    border-inline-start: 1px solid #e4e8e5;
}

.garden-order-modal__fulfillment-facts > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.garden-order-modal__fulfillment-facts > .is-wide {
    grid-column: 1 / -1;
}

.garden-order-modal__fulfillment-facts strong {
    overflow: hidden;
    margin-top: 2px;
    color: #374139;
    font-size: 14px;
    font-weight: 720;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-order-modal__items {
    overflow: hidden;
    border: 1px solid #dfe5e1;
    border-radius: 11px;
    background: #fff;
}

.garden-order-modal__items > header {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 13px;
    border-bottom: 1px solid #e4e8e5;
}

.garden-order-modal__items h6 {
    margin: 0;
    color: #2c352f;
    font-size: 15px;
    font-weight: 760;
}

.garden-order-modal__items header span {
    color: #818a83;
    font-size: 12px;
}

.garden-order-modal__table-wrap {
    overflow-x: auto;
}

.garden-order-detail-modal .items-table {
    min-width: 560px;
    margin: 0;
    font-size: 13px;
}

.garden-order-detail-modal .items-table th {
    padding: 8px 11px;
    border-bottom-color: #e4e8e5;
    background: #f6f8f6;
    color: #7c857e;
    font-size: 11px;
    font-weight: 720;
}

.garden-order-detail-modal .items-table td {
    padding: 9px 11px;
    border-bottom-color: #edf0ee;
    color: #343d37;
    vertical-align: middle;
}

.garden-order-detail-modal .modal-footer {
    gap: 8px;
    min-height: 62px;
    padding: 10px 20px;
    background: #fff;
}

.garden-order-detail-modal .modal-footer .btn {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding-inline: 16px;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 720;
}

@media (max-width: 720px) {
    .garden-order-detail-modal .modal-dialog {
        width: calc(100vw - 16px);
        margin: 8px auto;
    }

    .garden-order-detail-modal.modal-order .modal-body {
        padding: 12px;
    }

    .garden-order-modal__summary,
    .garden-order-modal__fulfillment {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-order-modal__amount {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 2px 10px;
    }

    .garden-order-modal__amount > strong {
        grid-column: 2;
        grid-row: 1 / 3;
        margin: 0;
        font-size: 24px;
    }

    .garden-order-modal__amount #modalPayment {
        grid-column: 1;
    }

    .garden-order-modal__fulfillment-facts {
        padding: 10px 0 0;
        border-top: 1px solid #e4e8e5;
        border-inline-start: 0;
    }
}

@media (max-width: 430px) {
    .garden-order-detail-modal .modal-header {
        min-height: 54px;
        padding-inline: 14px;
    }

    .garden-order-detail-modal .modal-title {
        font-size: 18px;
    }

    .garden-order-modal__actions {
        gap: 5px;
    }

    .garden-order-modal__action {
        min-height: 38px;
        font-size: 13px;
    }

    .garden-order-modal__fulfillment-facts {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-order-modal__fulfillment-facts > .is-wide {
        grid-column: 1;
    }

    .garden-order-modal__fulfillment-facts strong {
        white-space: normal;
    }

    .garden-order-detail-modal .modal-footer {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 9px 12px;
    }

    .garden-order-detail-modal .modal-footer .btn {
        width: 100%;
        padding-inline: 8px;
    }
}

@media (min-width: 992px) {
    body:has(#kt_app_sidebar.garden-sidebar--simple) {
        --bs-app-sidebar-width: 280px !important;
        --bs-app-sidebar-width-actual: 280px !important;
    }

    #kt_app_sidebar.garden-sidebar.garden-sidebar--simple,
    #kt_app_sidebar.garden-sidebar.garden-sidebar--simple:not(.is-expanded):not(.is-pinned) {
        width: 280px !important;
        min-width: 280px !important;
    }

    #kt_app_sidebar.garden-sidebar--simple:not(.is-expanded):not(.is-pinned) .garden-nav-brand {
        justify-content: flex-start;
        padding-inline: 16px !important;
    }

    #kt_app_sidebar.garden-sidebar--simple:not(.is-expanded):not(.is-pinned) .garden-nav-brand__home,
    #kt_app_sidebar.garden-sidebar--simple:not(.is-expanded):not(.is-pinned) .garden-nav-action,
    #kt_app_sidebar.garden-sidebar--simple:not(.is-expanded):not(.is-pinned) .garden-nav-link,
    #kt_app_sidebar.garden-sidebar--simple:not(.is-expanded):not(.is-pinned) .garden-nav-user {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin-inline: 0 !important;
        justify-content: flex-start !important;
    }

    #kt_app_sidebar.garden-sidebar--simple:not(.is-expanded):not(.is-pinned) .garden-nav__tools {
        padding-inline: 13px;
    }

    #kt_app_sidebar.garden-sidebar--simple:not(.is-expanded):not(.is-pinned) .garden-nav__sections {
        padding-inline: 12px;
    }
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-brand {
    min-height: 72px;
    padding: 12px 16px !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-brand__mark {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav__tools {
    gap: 10px;
    padding: 12px 13px 10px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-search {
    height: 42px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-search input {
    font-size: 14px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-action__copy strong,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-link__copy strong {
    font-size: 15px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-action__copy small,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-link__copy small {
    font-size: 13px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-link--compact .garden-nav-link__copy strong,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-user__copy strong {
    font-size: 14px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-user__copy small {
    font-size: 12px;
}

@media (max-width: 991px) {
    #kt_app_sidebar.garden-sidebar.garden-sidebar--simple {
        width: min(304px, calc(100vw - 24px)) !important;
        min-width: min(304px, calc(100vw - 24px)) !important;
    }

    #kt_app_sidebar.garden-sidebar--simple .garden-nav-brand {
        min-height: 68px;
    }
}

/* Team automations — compact trigger/action builder */
.garden-automation-workspace {
    --ga-ink: #27322c;
    --ga-muted: #737d76;
    --ga-line: #dfe5e1;
    --ga-soft: #f5f7f5;
    --ga-accent: #486153;
    --ga-green: #477057;
    max-width: 1320px;
    margin-inline: auto;
    padding: 16px 18px 30px !important;
}

.garden-automation-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 13px;
}

.garden-automation-head > div > a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 7px;
    color: var(--ga-muted);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.garden-automation-head .garden-workspace__eyebrow { display: block; color: #6f8779; font-size: 13px; font-weight: 800; }
.garden-automation-head h1 { margin: 4px 0 3px; color: var(--ga-ink); font-size: 24px; line-height: 1.15; }
.garden-automation-head p { margin: 0; color: var(--ga-muted); font-size: 13px; }

.garden-automation-new,
.garden-automation-empty button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    padding: 0 13px;
    background: var(--ga-accent);
    border: 1px solid var(--ga-accent);
    border-radius: 9px;
    color: #fff;
    font: 750 13px 'Assistant', sans-serif;
    cursor: pointer;
}

.garden-automation-notice {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 9px;
    padding: 9px 11px;
    background: #e9f3eb;
    border: 1px solid #d4e6d8;
    border-radius: 9px;
    color: #477057;
    font-size: 13px;
}
.garden-automation-notice.is-danger { background: #f8e9e7; border-color: #efd7d3; color: #9b574f; }

.garden-automation-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid var(--ga-line);
    border-radius: 12px;
    box-shadow: 0 7px 24px rgba(37, 48, 42, .04);
}
.garden-automation-summary article { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 9px; align-items: center; min-height: 79px; padding: 10px 13px; border-inline-start: 1px solid var(--ga-line); }
.garden-automation-summary article:first-child { border-inline-start: 0; }
.garden-automation-summary article > i { display: grid; place-items: center; width: 34px; height: 34px; background: #edf1ee; border-radius: 9px; color: var(--ga-accent); font-size: 14px; }
.garden-automation-summary article.is-ready > i { background: #e2f2e7; color: #33704c; }
.garden-automation-summary article.is-waiting > i { background: #f7eee1; color: #986c39; }
.garden-automation-summary :is(span,strong,small) { display: block; }
.garden-automation-summary span { color: var(--ga-muted); font-size: 13px; font-weight: 700; }
.garden-automation-summary strong { margin-top: 3px; color: var(--ga-ink); font: 750 15px 'Inter','Assistant',sans-serif; }
.garden-automation-summary small { margin-top: 3px; color: var(--ga-muted); font-size: 13px; }

.garden-automation-composer {
    overflow: hidden;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #cfd9d2;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(37, 48, 42, .06);
}
.garden-automation-composer[hidden] { display: none; }
.garden-automation-composer > header { display: flex; align-items: center; justify-content: space-between; min-height: 54px; padding: 8px 13px; background: #f1f5f2; border-bottom: 1px solid var(--ga-line); }
.garden-automation-composer > header span { display: block; color: #6f8779; font-size: 13px; font-weight: 800; }
.garden-automation-composer > header h2 { margin: 2px 0 0; color: var(--ga-ink); font-size: 15px; }
.garden-automation-composer > header button { display: grid; place-items: center; width: 29px; height: 29px; background: #fff; border: 1px solid var(--ga-line); border-radius: 7px; color: var(--ga-muted); cursor: pointer; }

.garden-automation-form { padding: 12px; }
.garden-automation-sentence { display: grid; grid-template-columns: 27px minmax(180px, 1.15fr) 18px minmax(150px, .8fr) 18px minmax(180px, .9fr); gap: 8px; align-items: center; }
.garden-automation-step { display: grid; place-items: center; width: 25px; height: 25px; background: var(--ga-accent); border-radius: 50%; color: #fff; font: 750 12px 'Inter',sans-serif; }
.garden-automation-sentence > div,
.garden-automation-sentence > label { min-height: 51px; padding: 7px 9px; background: var(--ga-soft); border: 1px solid var(--ga-line); border-radius: 9px; }
.garden-automation-sentence :is(small,strong) { display: block; }
.garden-automation-sentence small { color: var(--ga-muted); font-size: 12px; font-weight: 700; }
.garden-automation-sentence strong { margin-top: 4px; color: var(--ga-ink); font-size: 13px; }
.garden-automation-sentence > i { color: #9aa59e; font-size: 11px; text-align: center; }
.garden-automation-sentence select,
.garden-automation-fixed-recipient select { width: 100%; height: 25px; margin-top: 2px; padding: 0; background: transparent; border: 0; color: var(--ga-ink); font: 750 13px 'Assistant',sans-serif; outline: none; }

.garden-automation-fixed-recipient { display: grid; grid-template-columns: 130px minmax(190px, 320px); gap: 8px; align-items: center; margin: 8px 35px 0 0; padding: 7px 9px; background: #f8faf8; border: 1px dashed #ccd7cf; border-radius: 8px; }
.garden-automation-fixed-recipient[hidden] { display: none; }
.garden-automation-fixed-recipient > span { color: var(--ga-muted); font-size: 13px; font-weight: 700; }
.garden-automation-fixed-recipient select { height: 30px; margin: 0; padding: 0 8px; background: #fff; border: 1px solid var(--ga-line); border-radius: 7px; }

.garden-automation-actions { margin-top: 11px; padding-top: 11px; border-top: 1px solid var(--ga-line); }
.garden-automation-actions > header { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.garden-automation-actions > header small,
.garden-automation-actions > header strong { display: block; }
.garden-automation-actions > header small { color: var(--ga-muted); font-size: 12px; }
.garden-automation-actions > header strong { margin-top: 1px; color: var(--ga-ink); font-size: 13px; }
.garden-automation-actions > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.garden-automation-actions label { position: relative; cursor: pointer; }
.garden-automation-actions input { position: absolute; opacity: 0; pointer-events: none; }
.garden-automation-actions label > span { display: grid; grid-template-columns: 31px minmax(0, 1fr); gap: 1px 8px; align-items: center; min-height: 54px; padding: 7px 9px; background: #fafbfa; border: 1px solid var(--ga-line); border-radius: 9px; }
.garden-automation-actions label > span > i { grid-row: 1 / 3; display: grid; place-items: center; width: 30px; height: 30px; background: #edf1ee; border-radius: 8px; color: var(--ga-accent); font-size: 13px; }
.garden-automation-actions label strong { color: var(--ga-ink); font-size: 13px; }
.garden-automation-actions label small { overflow: hidden; color: var(--ga-muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.garden-automation-actions input:checked + span { background: #edf4ef; border-color: #9fb2a5; box-shadow: inset 0 0 0 1px #c6d5cb; }
.garden-automation-actions input:checked + span > i { background: var(--ga-accent); color: #fff; }
.garden-automation-actions label.is-disabled { opacity: .55; cursor: not-allowed; }

.garden-automation-conditions { margin-top: 9px; border: 1px solid var(--ga-line); border-radius: 9px; }
.garden-automation-conditions summary { display: grid; grid-template-columns: 27px minmax(0, 1fr) 18px; gap: 7px; align-items: center; min-height: 42px; padding: 5px 9px; color: var(--ga-ink); cursor: pointer; list-style: none; }
.garden-automation-conditions summary::-webkit-details-marker { display: none; }
.garden-automation-conditions summary > i:first-child { display: grid; place-items: center; width: 26px; height: 26px; background: var(--ga-soft); border-radius: 7px; color: var(--ga-accent); font-size: 11px; }
.garden-automation-conditions summary :is(strong,small) { display: block; }
.garden-automation-conditions summary strong { font-size: 13px; }
.garden-automation-conditions summary small { color: var(--ga-muted); font-size: 12px; }
.garden-automation-conditions summary > i:last-child { color: var(--ga-muted); font-size: 10px; transition: transform .2s ease; }
.garden-automation-conditions[open] summary > i:last-child { transform: rotate(180deg); }
.garden-automation-conditions > div { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 9px; border-top: 1px solid var(--ga-line); }
.garden-automation-conditions > div label { position: relative; cursor: pointer; }
.garden-automation-conditions > div input { position: absolute; opacity: 0; }
.garden-automation-conditions > div span { display: inline-flex; align-items: center; min-height: 28px; padding: 0 9px; background: var(--ga-soft); border: 1px solid transparent; border-radius: 7px; color: var(--ga-muted); font-size: 12px; font-weight: 700; }
.garden-automation-conditions > div input:checked + span { background: #e8f1ea; border-color: #bbcebf; color: var(--ga-green); }

.garden-automation-form > footer { display: grid; grid-template-columns: minmax(220px, 1fr) auto auto; gap: 9px; align-items: end; margin-top: 10px; }
.garden-automation-form > footer > label:first-child > span { display: block; margin: 0 4px 3px; color: var(--ga-muted); font-size: 12px; font-weight: 700; }
.garden-automation-form > footer input[type="text"] { width: 100%; height: 34px; padding: 0 10px; background: #fafbfa; border: 1px solid var(--ga-line); border-radius: 8px; color: var(--ga-ink); font: 700 13px 'Assistant',sans-serif; outline: none; }
.garden-automation-active { display: flex; align-items: center; gap: 6px; min-height: 34px; color: var(--ga-muted); font-size: 13px; font-weight: 700; cursor: pointer; }
.garden-automation-active input { position: absolute; opacity: 0; }
.garden-automation-active span { position: relative; width: 34px; height: 19px; background: #cfd6d1; border-radius: 999px; transition: .2s; }
.garden-automation-active span::after { position: absolute; top: 3px; right: 3px; width: 13px; height: 13px; background: #fff; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.18); content: ''; transition: .2s; }
.garden-automation-active input:checked + span { background: #64816d; }
.garden-automation-active input:checked + span::after { transform: translateX(-15px); }
.garden-automation-form > footer > button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 34px; padding: 0 12px; background: var(--ga-accent); border: 0; border-radius: 8px; color: #fff; font: 750 13px 'Assistant',sans-serif; cursor: pointer; }

.garden-automation-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .65fr); gap: 10px; align-items: start; }
.garden-automation-rules,
.garden-automation-history { overflow: hidden; background: #fff; border: 1px solid var(--ga-line); border-radius: 12px; box-shadow: 0 7px 24px rgba(37, 48, 42, .04); }
.garden-automation-rules > header,
.garden-automation-history > header { display: flex; align-items: center; justify-content: space-between; min-height: 53px; padding: 8px 12px; border-bottom: 1px solid var(--ga-line); }
.garden-automation-rules > header span,
.garden-automation-history > header span { display: block; color: #6f8779; font-size: 13px; font-weight: 800; }
.garden-automation-rules > header h2,
.garden-automation-history > header h2 { margin: 2px 0 0; color: var(--ga-ink); font-size: 13px; }
.garden-automation-rules > header > strong { display: grid; place-items: center; min-width: 27px; height: 25px; padding: 0 6px; background: var(--ga-soft); border-radius: 7px; color: var(--ga-accent); font: 750 12px 'Inter',sans-serif; }
.garden-automation-history > header > i { color: #8b978f; }
.garden-automation-rules > div { padding: 7px; background: #f7f9f7; }

.garden-automation-rule { display: grid; grid-template-columns: 6px minmax(0, 1fr); overflow: hidden; margin-bottom: 7px; background: #fff; border: 1px solid var(--ga-line); border-radius: 10px; }
.garden-automation-rule:last-child { margin-bottom: 0; }
.garden-automation-rule__state { background: #d4dad6; }
.garden-automation-rule.is-active .garden-automation-rule__state { background: #6d8a76; }
.garden-automation-rule__body { min-width: 0; padding: 9px 10px; }
.garden-automation-rule__body > header { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
.garden-automation-rule__body > header small { display: block; color: var(--ga-muted); font-size: 12px; }
.garden-automation-rule__body > header h3 { margin: 2px 0 0; color: var(--ga-ink); font-size: 14px; }
.garden-automation-rule__controls { display: flex; align-items: center; gap: 4px; }
.garden-automation-rule__controls form { margin: 0; }
.garden-automation-rule__controls button { display: grid; place-items: center; width: 28px; height: 28px; background: #fff; border: 1px solid var(--ga-line); border-radius: 7px; color: var(--ga-muted); font-size: 11px; cursor: pointer; }
.garden-automation-rule__controls button:hover { background: var(--ga-soft); color: var(--ga-accent); }
.garden-automation-rule__controls button[data-automation-delete] { border-color: #eadbd9; color: #a15b55; }
.garden-automation-rule__body > p { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 10px 0 8px; color: var(--ga-muted); font-size: 13px; }
.garden-automation-rule__body > p strong { padding: 3px 7px; background: #edf2ee; border-radius: 6px; color: var(--ga-accent); font-size: 12px; }
.garden-automation-rule__body > p i { color: #a4ada7; font-size: 9px; }
.garden-automation-rule__body > footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 7px; border-top: 1px solid #e9edea; }
.garden-automation-rule__body > footer > div { display: flex; flex-wrap: wrap; gap: 5px; }
.garden-automation-rule__body > footer span { display: inline-flex; align-items: center; gap: 4px; min-height: 23px; padding: 0 6px; background: var(--ga-soft); border-radius: 6px; color: var(--ga-muted); font-size: 11px; font-weight: 700; }
.garden-automation-rule__body > footer small { color: var(--ga-muted); font-size: 11px; }
.garden-automation-rule__edit { margin: 10px -10px -9px; border-top: 1px solid var(--ga-line); }
.garden-automation-rule__edit[hidden] { display: none; }
.garden-automation-rule__edit .garden-automation-form { background: #fbfcfb; }

.garden-automation-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 270px; padding: 24px; text-align: center; }
.garden-automation-empty > i { margin-bottom: 10px; color: #8c9b91; font-size: 24px; }
.garden-automation-empty :is(strong,span) { display: block; }
.garden-automation-empty strong { color: var(--ga-ink); font-size: 14px; }
.garden-automation-empty span { margin: 4px 0 11px; color: var(--ga-muted); font-size: 13px; }

.garden-automation-history { position: sticky; top: 76px; }
.garden-automation-history > div { padding: 4px 9px; }
.garden-automation-history article { display: grid; grid-template-columns: 29px minmax(0, 1fr) 62px 49px; gap: 7px; align-items: center; min-height: 56px; border-bottom: 1px solid #e9edea; }
.garden-automation-history article:last-child { border-bottom: 0; }
.garden-automation-history article > span { display: grid; place-items: center; width: 28px; height: 28px; background: #edf1ee; border-radius: 8px; color: var(--ga-accent); font-size: 11px; }
.garden-automation-history article.is-sent > span { background: #e5f0e7; color: #477057; }
.garden-automation-history article.is-failed > span { background: #f7e7e5; color: #9b574f; }
.garden-automation-history article > div { min-width: 0; }
.garden-automation-history article :is(strong,small) { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.garden-automation-history article strong { color: var(--ga-ink); font-size: 12px; }
.garden-automation-history article small { margin-top: 3px; color: var(--ga-muted); font-size: 11px; }
.garden-automation-history time { color: var(--ga-muted); font: 10px 'Inter',sans-serif; }
.garden-automation-history em { display: inline-flex; align-items: center; justify-content: center; min-height: 21px; background: #eef1ef; border-radius: 6px; color: var(--ga-muted); font-size: 10px; font-style: normal; font-weight: 750; }
.garden-automation-history article.is-sent em { background: #e5f0e7; color: #477057; }
.garden-automation-history article.is-failed em { background: #f7e7e5; color: #9b574f; }
.garden-automation-history__empty { display: grid; place-items: center; gap: 5px; min-height: 150px; color: var(--ga-muted); font-size: 12px; }
.garden-automation-history__empty i { font-size: 19px; }

.garden-automation-delete-dialog { width: min(420px, calc(100vw - 28px)); padding: 24px; background: #fff; border: 0; border-radius: 16px; color: var(--ga-ink, #27322c); box-shadow: 0 26px 80px rgba(24, 33, 28, .24); text-align: center; }
.garden-automation-delete-dialog::backdrop { background: rgba(32, 41, 35, .55); backdrop-filter: blur(3px); }
.garden-automation-delete-dialog > form:first-child { position: absolute; top: 10px; left: 10px; }
.garden-automation-delete-dialog > form:first-child button { display: grid; place-items: center; width: 28px; height: 28px; background: #f5f7f5; border: 0; border-radius: 7px; color: #6f7972; cursor: pointer; }
.garden-automation-delete-dialog > span { display: grid; place-items: center; width: 48px; height: 48px; margin: 0 auto 11px; background: #f7e8e6; border-radius: 13px; color: #a15b55; font-size: 18px; }
.garden-automation-delete-dialog h2 { margin: 0; font-size: 18px; }
.garden-automation-delete-dialog p { margin: 7px 0 18px; color: #727d76; font-size: 13px; line-height: 1.55; }
.garden-automation-delete-dialog footer { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.garden-automation-delete-dialog footer form { margin: 0; }
.garden-automation-delete-dialog footer button { width: 100%; min-height: 36px; background: #f4f6f4; border: 1px solid #e0e5e1; border-radius: 8px; color: #46514b; font: 750 13px 'Assistant',sans-serif; cursor: pointer; }
.garden-automation-delete-dialog footer form button { background: #a15b55; border-color: #a15b55; color: #fff; }

@media (max-width: 980px) {
    .garden-automation-layout { grid-template-columns: minmax(0, 1fr); }
    .garden-automation-history { position: static; }
    .garden-automation-sentence { grid-template-columns: 27px minmax(0, 1fr); }
    .garden-automation-sentence > i { display: none; }
    .garden-automation-sentence > label { grid-column: 2; }
    .garden-automation-actions > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .garden-automation-workspace { padding-inline: 11px !important; }
    .garden-automation-head { align-items: stretch; flex-direction: column; }
    .garden-automation-new { width: 100%; }
    .garden-automation-summary { grid-template-columns: minmax(0, 1fr); }
    .garden-automation-summary article { border-top: 1px solid var(--ga-line); border-inline-start: 0; }
    .garden-automation-summary article:first-child { border-top: 0; }
    .garden-automation-actions > div { grid-template-columns: minmax(0, 1fr); }
    .garden-automation-form > footer { grid-template-columns: minmax(0, 1fr); }
    .garden-automation-fixed-recipient { grid-template-columns: minmax(0, 1fr); margin-inline-start: 35px; }
    .garden-automation-rule__body > footer { align-items: flex-start; flex-direction: column; }
    .garden-automation-history article { grid-template-columns: 29px minmax(0, 1fr) 45px; }
    .garden-automation-history article time { display: none; }
}

/* Keep legacy Metronic utility text readable inside the management app. */
#kt_app_main :is(.fs-7, .fs-8, .fs-9),
#kt_app_main :is(small, .small) {
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* Delivery report — operational profitability, not a spreadsheet */
.garden-delivery-report {
    --gdr-ink: #27322c;
    --gdr-muted: #727d76;
    --gdr-line: #dfe5e1;
    --gdr-soft: #f5f7f5;
    --gdr-accent: #486153;
    max-width: 1320px;
    margin-inline: auto;
    padding: 16px 18px 28px !important;
}

.garden-delivery-report__header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 13px;
}

.garden-delivery-report__header h1 {
    margin: 2px 0 3px;
    color: var(--gdr-ink);
    font-size: 21px;
    line-height: 1.15;
}

.garden-delivery-report__header p {
    margin: 0;
    color: var(--gdr-muted);
    font-size: 13px;
}

.garden-delivery-report__period {
    display: flex;
    align-items: end;
    gap: 6px;
}

.garden-delivery-report__period label > span {
    display: block;
    margin: 0 5px 3px 0;
    color: var(--gdr-muted);
    font-size: 13px;
    font-weight: 700;
}

.garden-delivery-report__period select,
.garden-delivery-report__period button {
    height: 32px;
    border: 1px solid var(--gdr-line);
    border-radius: 8px;
    font: inherit;
    font-size: 13px;
}

.garden-delivery-report__period select {
    min-width: 92px;
    padding: 0 9px 0 26px;
    background-color: #fff;
    color: var(--gdr-ink);
}

.garden-delivery-report__period label:nth-child(2) select { min-width: 72px; }

.garden-delivery-report__period button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 11px;
    background: var(--gdr-accent);
    border-color: var(--gdr-accent);
    color: #fff;
    font-weight: 760;
}

.garden-delivery-report__overview {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid var(--gdr-line);
    border-radius: 12px;
    box-shadow: 0 7px 24px rgba(37, 48, 42, .045);
}

.garden-delivery-report__overview > article {
    min-height: 84px;
    padding: 14px 16px;
    border-inline-start: 1px solid var(--gdr-line);
}

.garden-delivery-report__overview > article:first-child { border-inline-start: 0; }
.garden-delivery-report__overview > article.is-primary { background: #eef3ef; }

.garden-delivery-report__overview :is(span, strong, small) { display: block; }
.garden-delivery-report__overview > article > span { color: var(--gdr-muted); font-size: 13px; font-weight: 700; }
.garden-delivery-report__overview > article > strong { margin-top: 5px; color: var(--gdr-ink); font-size: 19px; line-height: 1; }
.garden-delivery-report__overview strong small { display: inline; font-size: 13px; }
.garden-delivery-report__overview > article > small { margin-top: 7px; color: var(--gdr-muted); font-size: 13px; }
.garden-delivery-report__overview > article.is-positive > strong { color: #3e6d50; }
.garden-delivery-report__overview > article.is-negative > strong { color: #a14f4b; }

.garden-delivery-report__health {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
    padding: 10px 13px;
    background: #fff;
    border: 1px solid var(--gdr-line);
    border-radius: 11px;
}

.garden-delivery-report__health > div:first-child span,
.garden-delivery-report__panel > header span {
    display: block;
    color: #6f8779;
    font-size: 13px;
    font-weight: 800;
}

.garden-delivery-report__health h2,
.garden-delivery-report__panel > header h2 {
    margin: 2px 0 0;
    color: var(--gdr-ink);
    font-size: 13px;
}

.garden-delivery-report__signals {
    display: grid;
    grid-template-columns: repeat(3, minmax(132px, 1fr));
    gap: 6px;
}

.garden-delivery-report__signals article {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 6px 9px;
    background: var(--gdr-soft);
    border-radius: 8px;
}

.garden-delivery-report__signals article > i {
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    background: #e7ece8;
    border-radius: 7px;
    color: var(--gdr-accent);
    font-size: 13px;
}

.garden-delivery-report__signals article.is-alert > i { background: #f9e9e7; color: #a14f4b; }
.garden-delivery-report__signals article.is-warn > i { background: #f8efe1; color: #966b3f; }
.garden-delivery-report__signals article.is-clear > i { background: #e7f1e9; color: #447257; }
.garden-delivery-report__signals span { min-width: 0; }
.garden-delivery-report__signals :is(strong, small) { display: block; }
.garden-delivery-report__signals strong { color: var(--gdr-ink); font-size: 13px; line-height: 1.15; }
.garden-delivery-report__signals small { margin-top: 2px; color: var(--gdr-muted); font-size: 13px; }

.garden-delivery-report__layout {
    display: grid;
    grid-template-columns: minmax(330px, .82fr) minmax(520px, 1.35fr);
    gap: 10px;
    align-items: start;
}

.garden-delivery-report__panel {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--gdr-line);
    border-radius: 12px;
    box-shadow: 0 7px 24px rgba(37, 48, 42, .04);
}

.garden-delivery-report__panel > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 51px;
    padding: 9px 12px;
    border-bottom: 1px solid var(--gdr-line);
}

.garden-delivery-report__panel > header > small,
.garden-delivery-report__panel > header > a {
    color: var(--gdr-muted);
    font-size: 13px;
    text-decoration: none;
}

.garden-delivery-report__panel > header > a { color: var(--gdr-accent); font-weight: 750; }

.garden-delivery-report__drivers > div > article {
    display: grid;
    grid-template-columns: minmax(130px, 1fr) minmax(195px, 1.35fr) 70px;
    gap: 9px;
    align-items: center;
    min-height: 66px;
    padding: 8px 11px;
    border-bottom: 1px solid #e8ece9;
}

.garden-delivery-report__drivers > div > article:last-child,
.garden-delivery-report__lines > div > article:last-child { border-bottom: 0; }
.garden-delivery-report__drivers > div > article.is-negative { box-shadow: inset -3px 0 #c77d77; }

.garden-delivery-report__driver {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.garden-delivery-report__driver > span {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    background: #e9eeea;
    border: 1px solid #d5ddd7;
    border-radius: 9px;
    color: var(--gdr-accent);
    font-size: 13px;
    font-weight: 800;
}

.garden-delivery-report__driver :is(strong, small),
.garden-delivery-report__driver-numbers :is(strong, small),
.garden-delivery-report__margin :is(strong, small) { display: block; }
.garden-delivery-report__driver strong { overflow: hidden; color: var(--gdr-ink); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.garden-delivery-report__driver small { margin-top: 3px; color: var(--gdr-muted); font-size: 13px; }

.garden-delivery-report__driver-numbers {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
}

.garden-delivery-report__driver-numbers span { padding-inline-start: 7px; border-inline-start: 1px solid #e5eae6; }
.garden-delivery-report__driver-numbers span:first-child { padding-inline-start: 0; border-inline-start: 0; }
.garden-delivery-report__driver-numbers small { color: var(--gdr-muted); font-size: 13px; }
.garden-delivery-report__driver-numbers strong { margin-top: 3px; color: var(--gdr-ink); font-size: 13px; }
.garden-delivery-report__driver-numbers .is-positive strong { color: #467058; }
.garden-delivery-report__driver-numbers .is-negative strong { color: #a14f4b; }

.garden-delivery-report__margin { text-align: end; }
.garden-delivery-report__margin strong { color: var(--gdr-accent); font-size: 13px; }
.garden-delivery-report__margin small { margin-top: 3px; color: var(--gdr-muted); font-size: 13px; line-height: 1.25; }

.garden-delivery-report__lines > div > article {
    display: grid;
    grid-template-columns: 60px minmax(115px, 1.35fr) 52px 76px 58px 27px;
    gap: 8px;
    align-items: center;
    min-height: 57px;
    padding: 7px 10px;
    border-bottom: 1px solid #e8ece9;
}

.garden-delivery-report__lines > div > article.is-negative { box-shadow: inset -3px 0 #c77d77; }
.garden-delivery-report__lines > div > article.is-empty { box-shadow: inset -3px 0 #c6a36d; }
.garden-delivery-report__line-id,
.garden-delivery-report__open { text-decoration: none; }
.garden-delivery-report__line-id :is(strong, span),
.garden-delivery-report__route :is(strong, span),
.garden-delivery-report__line-volume :is(strong, span),
.garden-delivery-report__line-profit :is(strong, span) { display: block; }
.garden-delivery-report__line-id strong { color: var(--gdr-ink); font-size: 13px; }
.garden-delivery-report__line-id span,
.garden-delivery-report__route span,
.garden-delivery-report__line-volume span,
.garden-delivery-report__line-profit span { margin-top: 3px; color: var(--gdr-muted); font-size: 13px; }
.garden-delivery-report__route { min-width: 0; }
.garden-delivery-report__route strong { overflow: hidden; color: var(--gdr-ink); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.garden-delivery-report__route span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.garden-delivery-report__line-volume { text-align: center; }
.garden-delivery-report__line-volume strong { color: var(--gdr-ink); font-size: 13px; }
.garden-delivery-report__line-profit { text-align: end; }
.garden-delivery-report__line-profit strong { color: var(--gdr-ink); font-size: 13px; }
.garden-delivery-report__line-profit.is-positive strong { color: #467058; }
.garden-delivery-report__line-profit.is-negative strong { color: #a14f4b; }

.garden-delivery-report__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 0 6px;
    background: #edf1ee;
    border-radius: 6px;
    color: #59665e;
    font-size: 13px;
    font-weight: 750;
}

.garden-delivery-report__status.is-completed { background: #e8f1ea; color: #477057; }
.garden-delivery-report__status:is(.is-active, .is-ongoing) { background: #e9eef5; color: #536b84; }
.garden-delivery-report__status.is-canceled { background: #f8eae8; color: #9b504d; }
.garden-delivery-report__open {
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    border: 1px solid var(--gdr-line);
    border-radius: 7px;
    color: var(--gdr-accent);
    font-size: 13px;
}

.garden-delivery-report__empty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 178px;
    padding: 22px;
    text-align: center;
}

.garden-delivery-report__empty > i { margin-bottom: 10px; color: #9eaaa2; font-size: 24px; }
.garden-delivery-report__empty :is(strong, span) { display: block; }
.garden-delivery-report__empty strong { color: var(--gdr-ink); font-size: 13px; }
.garden-delivery-report__empty span { margin-top: 4px; color: var(--gdr-muted); font-size: 13px; }
.garden-delivery-report__empty a { margin-top: 10px; color: var(--gdr-accent); font-size: 13px; font-weight: 750; }

@media (max-width: 1100px) {
    .garden-delivery-report__layout { grid-template-columns: minmax(0, 1fr); }
    .garden-delivery-report__drivers > div > article { grid-template-columns: minmax(150px, 1fr) minmax(220px, 1.5fr) 82px; }
}

@media (max-width: 760px) {
    .garden-delivery-report { padding: 12px 9px 22px !important; }
    .garden-delivery-report__header { align-items: stretch; flex-direction: column; gap: 10px; }
    .garden-delivery-report__period { display: grid; grid-template-columns: 1fr 1fr auto; }
    .garden-delivery-report__period select { width: 100%; }
    .garden-delivery-report__overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-delivery-report__overview > article:nth-child(3) { border-top: 1px solid var(--gdr-line); border-inline-start: 0; }
    .garden-delivery-report__overview > article:nth-child(4) { border-top: 1px solid var(--gdr-line); }
    .garden-delivery-report__health { align-items: stretch; flex-direction: column; }
    .garden-delivery-report__signals { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .garden-delivery-report__drivers > div > article { grid-template-columns: minmax(0, 1fr) 68px; }
    .garden-delivery-report__driver-numbers { grid-column: 1 / -1; grid-row: 2; }
    .garden-delivery-report__lines > div > article { grid-template-columns: 54px minmax(0, 1fr) 62px 26px; }
    .garden-delivery-report__line-volume { display: none; }
    .garden-delivery-report__status { grid-column: 2; grid-row: 2; justify-self: start; }
    .garden-delivery-report__line-profit { grid-column: 3; grid-row: 1 / 3; }
    .garden-delivery-report__open { grid-column: 4; grid-row: 1 / 3; }
}

@media (max-width: 470px) {
    .garden-delivery-report__period { grid-template-columns: 1fr 1fr; }
    .garden-delivery-report__period button { grid-column: 1 / -1; }
    .garden-delivery-report__signals { grid-template-columns: minmax(0, 1fr); }
    .garden-delivery-report__overview > article { min-height: 76px; padding: 11px; }
}

/* --------------------------------------------------------------------------
   Role-aware management navigation
   A quiet, compact control rail that expands into a task-oriented workspace.
   It is intentionally global because the sidebar belongs to every admin page.
   -------------------------------------------------------------------------- */

#kt_app_sidebar.garden-sidebar {
    --garden-nav-bg: #272d2a;
    --garden-nav-panel: #303733;
    --garden-nav-line: rgba(255, 255, 255, 0.075);
    --garden-nav-copy: rgba(245, 248, 246, 0.78);
    --garden-nav-muted: rgba(226, 234, 229, 0.48);
    --garden-nav-active: #f4f6f4;
    --garden-nav-active-ink: #29312d;
    position: fixed !important;
    inset-block: 0 !important;
    inset-inline-start: 0 !important;
    z-index: 105 !important;
    display: flex !important;
    width: 76px !important;
    min-width: 76px !important;
    overflow: hidden !important;
    border: 0 !important;
    background: var(--garden-nav-bg) !important;
    box-shadow: -10px 0 28px rgba(24, 29, 26, 0.09) !important;
    color: #fff;
    transition: width 180ms ease, min-width 180ms ease, box-shadow 180ms ease !important;
}

#kt_app_sidebar.garden-sidebar.is-expanded,
#kt_app_sidebar.garden-sidebar.is-pinned {
    width: 286px !important;
    min-width: 286px !important;
    box-shadow: -16px 0 42px rgba(18, 23, 20, 0.18) !important;
}

#kt_app_sidebar.garden-sidebar .garden-nav-brand {
    display: flex !important;
    flex: 0 0 auto;
    min-height: 78px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 13px 14px !important;
    border-bottom: 1px solid var(--garden-nav-line);
}

#kt_app_sidebar.garden-sidebar .garden-nav-brand__home {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
    color: #fff;
    text-decoration: none;
}

#kt_app_sidebar.garden-sidebar .garden-nav-brand__mark {
    display: grid;
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.065);
    color: #dce7df;
    font-size: 18px;
}

#kt_app_sidebar.garden-sidebar .garden-nav-brand__copy,
#kt_app_sidebar.garden-sidebar .garden-nav-action__copy,
#kt_app_sidebar.garden-sidebar .garden-nav-link__copy,
#kt_app_sidebar.garden-sidebar .garden-nav-user__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

#kt_app_sidebar.garden-sidebar .garden-nav-brand__copy strong {
    overflow: hidden;
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 16px;
    font-weight: 650;
    letter-spacing: -0.02em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#kt_app_sidebar.garden-sidebar .garden-nav-brand__copy small {
    margin-top: 2px;
    color: var(--garden-nav-muted);
    font-size: 13px;
    font-weight: 650;
}

#kt_app_sidebar.garden-sidebar .garden-nav-brand__pin {
    display: grid;
    flex: 0 0 31px;
    width: 31px;
    height: 31px;
    place-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--garden-nav-muted);
    font-size: 13px;
}

#kt_app_sidebar.garden-sidebar .garden-nav-brand__pin:hover,
#kt_app_sidebar.garden-sidebar .garden-nav-brand__pin[aria-pressed="true"] {
    border-color: var(--garden-nav-line);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
}

#kt_app_sidebar.garden-sidebar .garden-nav {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0;
    overflow: hidden !important;
}

#kt_app_sidebar.garden-sidebar .garden-nav__scroll {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-color: rgba(255, 255, 255, 0.16) transparent;
    scrollbar-width: thin;
}

#kt_app_sidebar.garden-sidebar .garden-nav__scroll::-webkit-scrollbar { width: 5px; }
#kt_app_sidebar.garden-sidebar .garden-nav__scroll::-webkit-scrollbar-track { background: transparent; }
#kt_app_sidebar.garden-sidebar .garden-nav__scroll::-webkit-scrollbar-thumb { border-radius: 99px; background: rgba(255, 255, 255, 0.14); }

#kt_app_sidebar.garden-sidebar .garden-nav__tools {
    display: grid;
    gap: 9px;
    padding: 12px 12px 8px;
}

#kt_app_sidebar.garden-sidebar .garden-nav-search {
    position: relative;
    display: flex;
    height: 39px;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid var(--garden-nav-line);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.045);
    color: var(--garden-nav-muted);
}

#kt_app_sidebar.garden-sidebar .garden-nav-search > i { flex: 0 0 auto; font-size: 13px; }

#kt_app_sidebar.garden-sidebar .garden-nav-search input {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    font-family: 'Assistant', sans-serif;
    font-size: 13px;
}

#kt_app_sidebar.garden-sidebar .garden-nav-search input::placeholder { color: var(--garden-nav-muted); }

#kt_app_sidebar.garden-sidebar .garden-nav-search kbd {
    padding: 2px 5px;
    border: 1px solid var(--garden-nav-line);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.045);
    color: var(--garden-nav-muted);
    font-family: 'Inter', sans-serif;
    font-size: 13px;
}

#kt_app_sidebar.garden-sidebar .garden-nav-search:focus-within {
    border-color: rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.075);
}

#kt_app_sidebar.garden-sidebar .garden-nav-action {
    display: flex;
    min-height: 51px;
    align-items: center;
    gap: 10px;
    padding: 7px 9px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    background: #f1f4f2;
    color: #29312d;
    text-decoration: none;
}

#kt_app_sidebar.garden-sidebar .garden-nav-action:hover { background: #fff; color: #202622; }

#kt_app_sidebar.garden-sidebar .garden-nav-action__icon {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 8px;
    background: #dfe6e1;
    color: #3c4b43;
    font-size: 14px;
}

#kt_app_sidebar.garden-sidebar .garden-nav-action__copy { flex: 1; }
#kt_app_sidebar.garden-sidebar .garden-nav-action__copy strong { font-size: 13px; font-weight: 800; }
#kt_app_sidebar.garden-sidebar .garden-nav-action__copy small { margin-top: 1px; color: #778079; font-size: 13px; line-height: 1.25; }
#kt_app_sidebar.garden-sidebar .garden-nav-action__arrow { color: #879089; font-size: 13px; }

#kt_app_sidebar.garden-sidebar .garden-nav-domains {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(42px, 1fr));
    gap: 4px;
    padding: 2px 12px 9px;
    border-bottom: 1px solid var(--garden-nav-line);
}

#kt_app_sidebar.garden-sidebar .garden-nav-domain {
    display: grid;
    min-width: 0;
    min-height: 50px;
    place-items: center;
    gap: 3px;
    padding: 5px 2px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--garden-nav-muted);
    font-family: 'Assistant', sans-serif;
    font-size: 13px;
    font-weight: 720;
    line-height: 1;
}

#kt_app_sidebar.garden-sidebar .garden-nav-domain i { font-size: 14px; }
#kt_app_sidebar.garden-sidebar .garden-nav-domain span { overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }
#kt_app_sidebar.garden-sidebar .garden-nav-domain:hover { border-color: var(--garden-nav-line); background: rgba(255, 255, 255, 0.045); color: #fff; }
#kt_app_sidebar.garden-sidebar .garden-nav-domain.is-active {
    border-color: rgba(255, 255, 255, 0.12);
    background: var(--garden-nav-active);
    color: var(--garden-nav-active-ink);
}

#kt_app_sidebar.garden-sidebar .garden-nav__sections {
    display: grid;
    gap: 7px;
    padding: 7px 11px 16px;
}

#kt_app_sidebar.garden-sidebar .garden-nav-primary-view,
#kt_app_sidebar.garden-sidebar .garden-nav-domain-panel,
#kt_app_sidebar.garden-sidebar .garden-nav-search-results { display: grid; gap: 6px; min-width: 0; }

#kt_app_sidebar.garden-sidebar .garden-nav-panel-heading {
    display: flex;
    min-height: 27px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 2px 8px;
    color: var(--garden-nav-muted);
    font-family: 'Assistant', sans-serif;
    font-size: 13px;
    font-weight: 750;
}

#kt_app_sidebar.garden-sidebar .garden-nav-panel-heading small { color: inherit; font-size: 13px; font-weight: 650; }

#kt_app_sidebar.garden-sidebar .garden-nav-section__items { display: grid; gap: 2px; }

#kt_app_sidebar.garden-sidebar .garden-nav-link.menu-link {
    position: relative;
    display: flex !important;
    min-height: 43px !important;
    align-items: center !important;
    gap: 9px;
    margin: 0 !important;
    padding: 5px 7px !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: var(--garden-nav-copy) !important;
    cursor: pointer;
    font-family: 'Assistant', sans-serif;
    text-align: start;
    text-decoration: none;
}

#kt_app_sidebar.garden-sidebar .garden-nav-link.menu-link:hover {
    border-color: var(--garden-nav-line) !important;
    background: rgba(255, 255, 255, 0.055) !important;
    color: #fff !important;
}

#kt_app_sidebar.garden-sidebar .garden-nav-link.menu-link.active {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: var(--garden-nav-active) !important;
    color: var(--garden-nav-active-ink) !important;
}

#kt_app_sidebar.garden-sidebar .garden-nav-link.menu-link.active::before {
    position: absolute;
    inset-block: 10px;
    inset-inline-start: -1px;
    width: 3px;
    border-radius: 0 4px 4px 0;
    background: #7b8c81;
    content: '';
}

#kt_app_sidebar.garden-sidebar .garden-nav-link__icon.menu-icon {
    display: grid !important;
    flex: 0 0 33px !important;
    width: 33px !important;
    height: 33px !important;
    place-items: center;
    border-radius: 8px;
    color: #aeb9b2 !important;
}

#kt_app_sidebar.garden-sidebar .garden-nav-link__icon.menu-icon i {
    color: inherit !important;
    font-size: 14px !important;
}

#kt_app_sidebar.garden-sidebar .garden-nav-link:hover .garden-nav-link__icon { color: #fff !important; }
#kt_app_sidebar.garden-sidebar .garden-nav-link.active .garden-nav-link__icon { background: #e3e8e5; color: #435149 !important; }

#kt_app_sidebar.garden-sidebar .garden-nav-link__copy.menu-title {
    flex: 1;
    opacity: 1 !important;
    color: inherit !important;
}

#kt_app_sidebar.garden-sidebar .garden-nav-link__copy strong {
    overflow: hidden;
    font-size: 13px;
    font-weight: 760;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#kt_app_sidebar.garden-sidebar .garden-nav-link__copy small {
    overflow: hidden;
    margin-top: 2px;
    color: var(--garden-nav-muted);
    font-size: 13px;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#kt_app_sidebar.garden-sidebar .garden-nav-link.active .garden-nav-link__copy small { color: #747f78; }
#kt_app_sidebar.garden-sidebar .garden-nav-link__arrow { color: var(--garden-nav-muted); font-size: 13px; }
#kt_app_sidebar.garden-sidebar .garden-nav-link.active .garden-nav-link__arrow { color: #879089; }

#kt_app_sidebar.garden-sidebar .garden-nav-directory-toggle {
    width: 100%;
    margin-top: 3px !important;
    border-top-color: var(--garden-nav-line) !important;
    border-radius: 0 0 9px 9px !important;
}

#kt_app_sidebar.garden-sidebar .garden-nav-view-heading {
    display: flex;
    min-height: 48px;
    align-items: center;
    gap: 9px;
    padding: 5px 7px 8px;
    border-bottom: 1px solid var(--garden-nav-line);
}

#kt_app_sidebar.garden-sidebar .garden-nav-view-heading > button,
#kt_app_sidebar.garden-sidebar .garden-nav-view-heading > i {
    display: grid;
    flex: 0 0 31px;
    width: 31px;
    height: 31px;
    place-items: center;
    border: 1px solid var(--garden-nav-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    color: var(--garden-nav-copy);
    font-size: 13px;
}

#kt_app_sidebar.garden-sidebar .garden-nav-view-heading > span { display: flex; min-width: 0; flex-direction: column; }
#kt_app_sidebar.garden-sidebar .garden-nav-view-heading strong { color: #f5f7f5; font-size: 13px; font-weight: 760; }
#kt_app_sidebar.garden-sidebar .garden-nav-view-heading small { margin-top: 2px; color: var(--garden-nav-muted); font-size: 13px; }

#kt_app_sidebar.garden-sidebar .garden-nav-directory__groups { display: grid; gap: 3px; padding-top: 4px; }
#kt_app_sidebar.garden-sidebar .garden-nav-directory-group { overflow: hidden; border-bottom: 1px solid var(--garden-nav-line); }
#kt_app_sidebar.garden-sidebar .garden-nav-directory-group > summary {
    display: flex;
    min-height: 43px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 5px 8px;
    color: var(--garden-nav-copy);
    cursor: pointer;
    list-style: none;
}

#kt_app_sidebar.garden-sidebar .garden-nav-directory-group > summary::-webkit-details-marker { display: none; }
#kt_app_sidebar.garden-sidebar .garden-nav-directory-group > summary:hover { background: rgba(255, 255, 255, 0.045); color: #fff; }
#kt_app_sidebar.garden-sidebar .garden-nav-directory-group > summary span { display: flex; min-width: 0; flex-direction: column; }
#kt_app_sidebar.garden-sidebar .garden-nav-directory-group > summary strong { font-size: 13px; font-weight: 750; }
#kt_app_sidebar.garden-sidebar .garden-nav-directory-group > summary small { margin-top: 2px; color: var(--garden-nav-muted); font-size: 13px; }
#kt_app_sidebar.garden-sidebar .garden-nav-directory-group > summary > i { color: var(--garden-nav-muted); font-size: 13px; transition: transform 160ms ease; }
#kt_app_sidebar.garden-sidebar .garden-nav-directory-group[open] > summary > i { transform: rotate(180deg); }
#kt_app_sidebar.garden-sidebar .garden-nav-directory-group__items { display: grid; gap: 2px; padding: 0 0 6px; }
#kt_app_sidebar.garden-sidebar .garden-nav-link--compact.menu-link { min-height: 38px !important; padding-block: 3px !important; }
#kt_app_sidebar.garden-sidebar .garden-nav-link--compact .garden-nav-link__icon.menu-icon { width: 29px !important; height: 29px !important; flex-basis: 29px !important; }

#kt_app_sidebar.garden-sidebar.is-searching .garden-nav-domains { display: none; }
#kt_app_sidebar.garden-sidebar [hidden] { display: none !important; }

#kt_app_sidebar.garden-sidebar .garden-nav-empty {
    display: grid;
    justify-items: center;
    gap: 5px;
    padding: 24px 10px;
    color: var(--garden-nav-muted);
    text-align: center;
}

#kt_app_sidebar.garden-sidebar .garden-nav-empty[hidden] { display: none; }
#kt_app_sidebar.garden-sidebar .garden-nav-empty i { font-size: 16px; }
#kt_app_sidebar.garden-sidebar .garden-nav-empty strong { color: var(--garden-nav-copy); font-size: 13px; }
#kt_app_sidebar.garden-sidebar .garden-nav-empty small { font-size: 13px; }

#kt_app_sidebar.garden-sidebar .garden-nav-footer {
    flex: 0 0 auto;
    padding: 10px 11px 13px !important;
    border-top: 1px solid var(--garden-nav-line);
}

#kt_app_sidebar.garden-sidebar .garden-nav-user {
    display: flex;
    min-height: 47px;
    align-items: center;
    gap: 9px;
    padding: 6px 7px;
    border-radius: 9px;
    color: var(--garden-nav-copy);
    text-decoration: none;
}

#kt_app_sidebar.garden-sidebar .garden-nav-user:hover { background: rgba(255, 255, 255, 0.05); color: #fff; }

#kt_app_sidebar.garden-sidebar .garden-nav-user__avatar {
    display: grid;
    flex: 0 0 33px;
    width: 33px;
    height: 33px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.07);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

#kt_app_sidebar.garden-sidebar .garden-nav-user__copy { flex: 1; }
#kt_app_sidebar.garden-sidebar .garden-nav-user__copy strong { overflow: hidden; font-size: 13px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
#kt_app_sidebar.garden-sidebar .garden-nav-user__copy small { margin-top: 1px; color: var(--garden-nav-muted); font-size: 13px; }
#kt_app_sidebar.garden-sidebar .garden-nav-user__settings { color: var(--garden-nav-muted); font-size: 13px; }

.garden-sidebar-backdrop {
    position: fixed;
    inset: 0;
    z-index: 104;
    display: none;
    border: 0;
    background: rgba(18, 22, 20, 0.46);
    backdrop-filter: blur(2px);
}

@media (min-width: 992px) {
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-brand { justify-content: center; padding-inline: 12px !important; }
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-brand__copy,
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-brand__pin,
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-search,
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-domains,
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-action__copy,
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-action__arrow,
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-panel-heading,
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-view-heading,
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-link__copy,
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-link__arrow,
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-user__copy,
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-user__settings { display: none !important; }

    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-brand__home,
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-action,
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-link,
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-more > summary,
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-user {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        margin-inline: auto !important;
        justify-content: center !important;
    }

    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav__tools { padding-inline: 11px; }
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-action { min-height: 44px; padding: 4px !important; }
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-action__icon { width: 34px; height: 34px; }
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav__sections { gap: 4px; padding-inline: 11px; }
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-primary-view,
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-domain-panel { width: 100%; }
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-section__items { gap: 3px; }
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-link.menu-link { padding: 5px !important; }
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-directory { display: none !important; }
    #kt_app_sidebar.garden-sidebar:not(.garden-sidebar--simple):not(.is-expanded):not(.is-pinned) .garden-nav-primary-view[hidden] { display: grid !important; }
}

@media (max-width: 991px) {
    #kt_app_sidebar.garden-sidebar {
        top: 68px !important;
        bottom: 0 !important;
        width: min(296px, calc(100vw - 32px)) !important;
        min-width: min(296px, calc(100vw - 32px)) !important;
        height: calc(100dvh - 68px) !important;
        border-start-end-radius: 14px;
        box-shadow: -18px 0 44px rgba(18, 23, 20, 0.22) !important;
    }

    #kt_app_sidebar.garden-sidebar .garden-nav-brand { min-height: 72px; }
    .garden-sidebar-backdrop.is-visible { display: block; }
}

#kt_app_sidebar.garden-sidebar a:focus-visible,
#kt_app_sidebar.garden-sidebar button:focus-visible,
#kt_app_sidebar.garden-sidebar input:focus-visible,
#kt_app_sidebar.garden-sidebar summary:focus-visible {
    outline: 2px solid rgba(226, 237, 230, 0.8) !important;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    #kt_app_sidebar.garden-sidebar,
    #kt_app_sidebar.garden-sidebar * { scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}

/* --------------------------------------------------------------------------
   Customers ledger
   A calm operational directory: identity first, commercial context second.
   -------------------------------------------------------------------------- */

.garden-customers-workspace {
    --gc-line: #dfe5e1;
    --gc-soft: #f4f7f5;
    --gc-sage: #e7eee9;
    --gc-ink: #28312d;
    --gc-muted: #78817c;
}

.garden-customers-workspace .app-main,
.garden-customers-workspace .app-content,
.garden-customers-workspace .app-container,
.garden-customers-workspace .flex-column-fluid {
    min-width: 0;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

.garden-customers-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding: 8px 2px 16px;
}

.garden-customers-header h1 {
    margin: 3px 0 4px;
    color: var(--gc-ink);
    font-size: clamp(26px, 2.4vw, 36px);
    font-weight: 800;
    letter-spacing: -0.035em;
}

.garden-customers-header p {
    margin: 0;
    color: var(--gc-muted);
    font-size: 15px;
}

.garden-customers-header__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.garden-customers-header__actions .btn {
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 750;
}

.garden-customers-ledger {
    display: grid;
    grid-template-columns: 0.8fr 0.9fr 1.35fr;
    overflow: hidden;
    margin-bottom: 12px;
    border: 1px solid var(--gc-line);
    border-radius: 11px;
    background: #fff;
}

.garden-customers-ledger > span {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 52px;
    padding: 9px 14px;
    border-inline-start: 1px solid var(--gc-line);
}

.garden-customers-ledger > span:last-child {
    border-inline-start: 0;
}

.garden-customers-ledger small {
    color: var(--gc-muted);
    font-size: 13px;
    font-weight: 700;
}

.garden-customers-ledger strong {
    color: var(--gc-ink);
    font-size: 17px;
    font-weight: 800;
    white-space: nowrap;
}

.garden-customers-ledger > span:last-child strong {
    color: var(--gw-moss, #46584f);
}

.garden-customers-panel {
    overflow: hidden;
    border: 1px solid var(--gc-line);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(39, 51, 45, 0.045);
}

.garden-customers-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 13px;
    border-bottom: 1px solid var(--gc-line);
    background: #fbfcfb;
}

.garden-customers-search {
    position: relative;
    display: block;
    width: min(390px, 100%);
    margin: 0;
}

.garden-customers-search > i {
    position: absolute;
    top: 50%;
    right: 12px;
    z-index: 2;
    color: #919b95;
    font-size: 14px;
    transform: translateY(-50%);
    pointer-events: none;
}

.garden-customers-search .form-control {
    min-height: 38px !important;
    padding: 8px 34px 8px 11px !important;
    border-color: var(--gc-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    font-size: 14px !important;
}

.garden-customers-filter {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.garden-customers-filter > span {
    color: var(--gc-muted);
    font-size: 13px;
    font-weight: 700;
}

.garden-customers-filter .select2-container,
.garden-customers-filter .form-select {
    width: 168px !important;
    min-height: 38px !important;
}

.garden-customers-filter .select2-selection,
.garden-customers-filter .form-select {
    border-color: var(--gc-line) !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    font-size: 13px !important;
}

.garden-customers-selection {
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 13px;
    border-bottom: 1px solid #ead8d4;
    background: #fff8f6;
    color: #825244;
    font-size: 13px;
}

.garden-customers-selection:not(.d-none) {
    display: flex !important;
}

.garden-customers-table-wrap {
    overflow-x: auto;
}

.garden-customers-table {
    width: 100% !important;
    margin: 0 !important;
    color: var(--gc-ink);
    table-layout: fixed;
}

.garden-customers-table thead th {
    height: 41px;
    padding: 9px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--gc-line) !important;
    background: var(--gc-soft);
    color: #68726c !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-align: right !important;
    text-transform: none !important;
    white-space: nowrap;
}

.garden-customers-table thead th:first-child,
.garden-customers-table tbody td:first-child {
    width: 40px !important;
    text-align: center !important;
}

.garden-customers-table thead th:nth-child(2) { width: 22%; }
.garden-customers-table thead th:nth-child(3) { width: 16%; }
.garden-customers-table thead th:nth-child(4) { width: 15%; }
.garden-customers-table thead th:nth-child(5) { width: 11%; }
.garden-customers-table thead th:nth-child(6) { width: 15%; }
.garden-customers-table thead th:nth-child(7) { width: 21%; }

.garden-customers-table tbody td {
    height: 58px;
    padding: 9px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #ebefec !important;
    color: #505a55 !important;
    font-size: 13px !important;
    text-align: right !important;
    vertical-align: middle !important;
}

.garden-customers-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.garden-customers-table tbody tr:hover td {
    background: #f8faf8;
}

.garden-customers-table tbody td:nth-child(2) {
    color: var(--gc-ink) !important;
    font-weight: 800;
}

.garden-customers-table tbody td:nth-child(3) {
    direction: ltr;
    text-align: right !important;
    font-variant-numeric: tabular-nums;
}

.garden-customers-table .badge-light-primary {
    min-width: 42px;
    padding: 5px 8px;
    border-radius: 999px;
    background: var(--gc-sage) !important;
    color: #56685e !important;
    font-size: 13px;
    font-weight: 800;
}

.garden-customers-table td:last-child {
    white-space: nowrap;
}

.garden-customers-table td:last-child .btn {
    min-height: 31px;
    margin: 0 0 0 4px;
    padding: 5px 9px;
    border: 1px solid var(--gc-line);
    border-radius: 7px;
    background: #fff;
    color: #59655f;
    font-size: 13px;
    font-weight: 750;
}

.garden-customers-table td:last-child .btn:first-of-type {
    border-color: #cdd8d1;
    background: var(--gc-sage);
    color: #40564a;
}

.garden-customers-table td:last-child .btn:last-of-type {
    color: #9a5d4c;
}

.garden-customers-workspace .dataTables_wrapper > .row:first-child {
    display: none !important;
}

.garden-customers-workspace .dataTables_wrapper > .row:last-child {
    align-items: center;
    margin: 0 !important;
    padding: 10px 13px;
    border-top: 1px solid var(--gc-line);
    color: var(--gc-muted);
    font-size: 13px;
}

.garden-customers-workspace .dataTables_info {
    padding: 0 !important;
}

.garden-customers-workspace .pagination {
    gap: 4px;
    margin: 0;
}

.garden-customers-workspace .page-link {
    display: grid;
    min-width: 30px;
    height: 30px;
    place-items: center;
    padding: 0 7px;
    border: 1px solid var(--gc-line) !important;
    border-radius: 7px !important;
    color: #65706a;
    font-size: 13px;
}

.garden-customers-workspace .page-item.active .page-link {
    border-color: var(--gw-moss, #46584f) !important;
    background: var(--gw-moss, #46584f) !important;
    color: #fff;
}

.garden-customers-workspace .dataTables_processing {
    border: 1px solid var(--gc-line);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.96);
    color: var(--gc-muted);
    box-shadow: 0 10px 30px rgba(39, 51, 45, 0.08);
}

.garden-customers-modal .modal-dialog {
    --gc-line: #dfe5e1;
    --gc-soft: #f4f7f5;
    --gc-sage: #e7eee9;
    --gc-ink: #28312d;
    --gc-muted: #78817c;
    width: min(570px, calc(100vw - 22px));
    max-width: 570px !important;
    margin-inline: auto;
}

.garden-customers-modal .modal-content {
    overflow: hidden;
    border: 1px solid var(--gc-line, #dfe5e1);
    border-radius: 13px;
    box-shadow: 0 24px 70px rgba(31, 41, 36, 0.22);
}

.garden-customers-modal .modal-header {
    min-height: 62px;
    padding: 12px 15px;
    border-color: #e6ebe7;
}

.garden-customers-modal .modal-header h2 {
    margin: 0 0 2px;
    color: #2d3732;
    font-size: 18px;
    font-weight: 800;
}

.garden-customers-modal .modal-header p {
    margin: 0;
    color: #8a938e;
    font-size: 13px;
}

.garden-customers-modal .modal-body {
    padding: 15px;
}

.garden-customers-form-grid,
.garden-customers-export-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.garden-customers-modal .fv-row,
.garden-customers-modal .form-group {
    margin: 0 !important;
}

.garden-customers-modal label {
    display: block;
    margin-bottom: 5px !important;
    color: #66716b;
    font-size: 13px !important;
    font-weight: 750 !important;
}

.garden-customers-modal .form-control,
.garden-customers-modal .form-select {
    min-height: 38px !important;
    padding: 8px 10px !important;
    border-color: #dfe5e1 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #303a35 !important;
    font-size: 13px !important;
}

.garden-customers-modal .modal-footer {
    justify-content: flex-start;
    gap: 7px;
    min-height: 54px;
    padding: 9px 15px;
    border-color: #e6ebe7;
}

.garden-customers-modal .modal-footer .btn,
.garden-customers-export-actions .btn {
    min-height: 35px;
    margin: 0 !important;
    padding: 7px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 750;
}

.garden-customers-export-form .is-full {
    grid-column: 1 / -1;
}

.garden-customers-export-actions {
    display: flex;
    justify-content: flex-start;
    gap: 7px;
    padding-top: 2px;
}

@media (max-width: 480px) {
    .garden-customers-header {
        align-items: flex-start;
    }

    .garden-customers-ledger {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .garden-customers-ledger > span {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        gap: 2px;
        padding-inline: 10px;
    }

    .garden-customers-table-wrap {
        padding: 9px;
        overflow: visible;
        background: #f5f7f5;
    }

    .garden-customers-table,
    .garden-customers-table tbody,
    .garden-customers-table tr,
    .garden-customers-table td {
        display: block;
        width: 100% !important;
    }

    .garden-customers-table thead {
        display: none;
    }

    .garden-customers-table tbody tr {
        position: relative;
        display: grid;
        grid-template-columns: 26px minmax(0, 1.5fr) minmax(110px, 0.9fr);
        gap: 0 10px;
        margin-bottom: 8px;
        padding: 10px 11px;
        border: 1px solid var(--gc-line);
        border-radius: 10px;
        background: #fff;
    }

    .garden-customers-table tbody tr:last-child {
        margin-bottom: 0;
    }

    .garden-customers-table tbody td {
        height: auto;
        min-height: 28px;
        padding: 4px 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    .garden-customers-table tbody td:first-child {
        grid-column: 1;
        grid-row: 1 / span 2;
        align-self: start;
        padding-top: 6px !important;
    }

    .garden-customers-table tbody td:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
        font-size: 14px !important;
    }

    .garden-customers-table tbody td:nth-child(3) {
        grid-column: 2;
        grid-row: 2;
        color: #7b8580 !important;
        font-size: 13px !important;
    }

    .garden-customers-table tbody td:nth-child(4) {
        grid-column: 3;
        grid-row: 1;
        text-align: left !important;
    }

    .garden-customers-table tbody td:nth-child(5) {
        grid-column: 3;
        grid-row: 2;
        text-align: left !important;
    }

    .garden-customers-table tbody td:nth-child(6) {
        grid-column: 2;
        grid-row: 3;
        padding-top: 7px !important;
        color: #929a96 !important;
        font-size: 13px !important;
    }

    .garden-customers-table tbody td:nth-child(7) {
        grid-column: 3;
        grid-row: 3;
        padding-top: 5px !important;
        text-align: left !important;
    }

    .garden-customers-table tbody td:nth-child(4)::before {
        content: "שווי  ";
        color: #909994;
        font-size: 13px;
    }

    .garden-customers-table tbody td:nth-child(5)::before {
        content: "הזמנות  ";
        color: #909994;
        font-size: 13px;
    }
}

/* Customers QA: numeric alignment and a single-line result footer. */
body[data-garden-workspace="preview"] .garden-customers-workspace .garden-customers-table tbody td:nth-child(5) {
    text-align: center !important;
}

body[data-garden-workspace="preview"] .garden-customers-workspace .garden-customers-table tbody td:nth-child(5) .badge {
    display: inline-grid !important;
    align-items: center;
    justify-content: center;
    place-items: center;
    min-width: 34px;
    height: 18px;
    padding: 0 6px !important;
    line-height: 1 !important;
    text-align: center !important;
    font-variant-numeric: tabular-nums;
}

body[data-garden-workspace="preview"] .garden-customers-workspace .dataTables_wrapper > .row:last-child {
    display: flex !important;
    min-height: 40px;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 12px;
    padding: 6px 9px !important;
}

body[data-garden-workspace="preview"] .garden-customers-workspace .dataTables_wrapper > .row:last-child > div {
    display: flex !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 !important;
}

body[data-garden-workspace="preview"] .garden-customers-workspace .dataTables_length {
    display: none !important;
}

body[data-garden-workspace="preview"] .garden-customers-workspace .dataTables_info {
    min-height: 0 !important;
    padding: 0 !important;
    color: #7c8680;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.2;
}

body[data-garden-workspace="preview"] .garden-customers-workspace .dataTables_paginate,
body[data-garden-workspace="preview"] .garden-customers-workspace .dataTables_paginate .pagination {
    min-height: 0 !important;
    align-items: center;
}

body[data-garden-workspace="preview"] .garden-customers-workspace .dataTables_wrapper.is-single-page .dataTables_paginate {
    display: none !important;
}

body[data-garden-workspace="preview"] .garden-customers-workspace .garden-customers-table td.dataTables_empty {
    width: 100% !important;
    height: 54px;
    padding: 14px !important;
    color: #7c8680 !important;
    font-size: 13px !important;
    font-weight: 650;
    text-align: center !important;
}

/* Shared admin footer: metadata, not page content. */
body[data-garden-workspace="preview"] #kt_app_footer {
    min-height: 0 !important;
    height: auto !important;
    margin-top: 6px !important;
    padding: 0 !important;
    background: transparent !important;
}

body[data-garden-workspace="preview"] #kt_app_footer > .app-container {
    display: flex !important;
    min-height: 28px !important;
    height: 28px !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-direction: row !important;
    gap: 12px !important;
    padding: 4px 14px !important;
    line-height: 1 !important;
}

body[data-garden-workspace="preview"] #kt_app_footer .order-2,
body[data-garden-workspace="preview"] #kt_app_footer .order-2 span {
    color: #89918c !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap;
}

body[data-garden-workspace="preview"] #kt_app_footer a {
    min-width: 0 !important;
    min-height: 0 !important;
    color: #9ba39e !important;
    font-size: 13px !important;
    font-weight: 550 !important;
    line-height: 1 !important;
    white-space: nowrap;
    opacity: 0.72;
}

@media (max-width: 540px) {
    .garden-customers-header {
        flex-direction: column;
        gap: 12px;
    }

    .garden-customers-header__actions,
    .garden-customers-header__actions .btn {
        width: 100%;
    }

    .garden-customers-header__actions .btn {
        justify-content: center;
    }

    .garden-customers-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .garden-customers-search,
    .garden-customers-filter,
    .garden-customers-filter .select2-container,
    .garden-customers-filter .form-select {
        width: 100% !important;
    }

    .garden-customers-filter {
        align-items: stretch;
        flex-direction: column;
        gap: 4px;
    }

    .garden-customers-ledger small {
        font-size: 13px;
    }

    .garden-customers-ledger strong {
        font-size: 14px;
    }

    .garden-customers-form-grid,
    .garden-customers-export-form {
        grid-template-columns: 1fr;
    }

    .garden-customers-export-form .is-full {
        grid-column: auto;
    }
}

[data-bs-theme="dark"] body[data-garden-workspace="preview"] {
    --gw-canvas: #171917;
    --gw-surface: #202320;
    --gw-surface-muted: #262a27;
    --gw-ink: #f0f2f0;
    --gw-copy: #b7bcb8;
    --gw-muted: #858c87;
    --gw-line: #353a36;
    --gw-moss: #9aa99f;
    --gw-moss-strong: #c4cec7;
    --gw-mint: #303732;
    --gw-clay: #e09072;
    --gw-clay-soft: #3d2922;
    --gw-harvest: #e0ae5d;
    --gw-harvest-soft: #3b3120;
    --gw-shadow: 0 12px 34px rgba(0, 0, 0, 0.18);
}

body[data-garden-workspace="preview"] .garden-bg-effects,
body[data-garden-workspace="preview"] .app-toolbar {
    display: none !important;
}

body[data-garden-workspace="preview"]::before {
    display: none !important;
}

body[data-garden-workspace="preview"] #kt_app_header {
    background: color-mix(in srgb, var(--gw-surface) 94%, transparent) !important;
    border-bottom: 1px solid var(--gw-line) !important;
    box-shadow: none !important;
    backdrop-filter: blur(12px);
}

body[data-garden-workspace="preview"] #kt_app_sidebar {
    background: #292e2b !important;
    border-left: 0 !important;
    box-shadow: 8px 0 24px rgba(23, 28, 25, 0.09) !important;
    backdrop-filter: none !important;
}

body[data-garden-workspace="preview"] #kt_app_sidebar .menu-link {
    min-height: 40px;
    margin: 2px 10px !important;
    padding: 8px 11px !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    color: rgba(239, 247, 241, 0.76) !important;
}

body[data-garden-workspace="preview"] #kt_app_sidebar .menu-link:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.07) !important;
}

body[data-garden-workspace="preview"] #kt_app_sidebar .menu-link.active,
body[data-garden-workspace="preview"] #kt_app_sidebar .menu-item.here > .menu-link,
body[data-garden-workspace="preview"] #kt_app_sidebar .menu-item.show > .menu-link {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.09) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body[data-garden-workspace="preview"] #kt_app_sidebar .menu-icon,
body[data-garden-workspace="preview"] #kt_app_sidebar .menu-icon i {
    color: #aeb8b1 !important;
}

body[data-garden-workspace="preview"] #kt_app_sidebar .menu-link.active .menu-icon,
body[data-garden-workspace="preview"] #kt_app_sidebar .menu-link.active .menu-icon i {
    color: #ffffff !important;
}

body[data-garden-workspace="preview"] #kt_app_sidebar .menu-heading {
    color: rgba(221, 237, 226, 0.48) !important;
    font-family: 'Assistant', sans-serif;
    font-size: 13px !important;
    letter-spacing: 0.03em !important;
}

body[data-garden-workspace="preview"] #kt_app_sidebar .menu-title {
    font-weight: 600 !important;
}

body[data-garden-workspace="preview"] #kt_app_content {
    padding-top: 26px !important;
    padding-bottom: 28px !important;
}

body[data-garden-workspace="preview"] #kt_app_content_container {
    max-width: 1660px;
    padding-inline: clamp(16px, 2.3vw, 38px) !important;
}

.garden-workspace,
.garden-workspace * {
    box-sizing: border-box;
}

.garden-workspace {
    color: var(--gw-ink);
}

.garden-workspace a {
    color: inherit;
    text-decoration: none !important;
}

.garden-workspace a:hover,
.garden-workspace a:focus {
    text-decoration: none !important;
}

.garden-workspace a:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--gw-moss) 35%, transparent);
    outline-offset: 3px;
}

.garden-preview-note {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
    padding: 9px 13px;
    color: var(--gw-copy);
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 11px;
    font-size: 16px;
}

.garden-preview-note span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--gw-moss-strong);
    font-weight: 700;
    white-space: nowrap;
}

.garden-preview-note p {
    margin: 0;
    flex: 1;
}

.garden-preview-note a {
    color: var(--gw-moss-strong);
    font-weight: 700;
    text-decoration: none !important;
}

.garden-workspace__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 26px;
}

.garden-workspace__intro {
    max-width: 620px;
}

.garden-workspace__eyebrow,
.garden-panel__kicker,
.garden-work-rail__heading > div > span {
    display: block;
    margin-bottom: 6px;
    color: var(--gw-moss);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.045em;
}

.garden-workspace__intro h1,
.garden-panel__header h2,
.garden-work-rail__heading h2 {
    margin: 0;
    color: var(--gw-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    letter-spacing: -0.035em;
}

.garden-workspace__intro h1 {
    font-size: clamp(36px, 3.1vw, 58px);
    font-weight: 600;
    line-height: 1.05;
}

.garden-workspace__intro p {
    margin: 9px 0 0;
    color: var(--gw-copy);
    font-size: 19px;
}

.garden-quick-actions {
    display: flex;
    gap: 9px;
}

.garden-action {
    min-width: 154px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 12px;
    box-shadow: none;
    transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

.garden-action:hover {
    color: var(--gw-ink);
    border-color: color-mix(in srgb, var(--gw-moss) 38%, var(--gw-line));
    box-shadow: 0 5px 14px rgba(31, 39, 34, 0.06);
    transform: translateY(-1px);
}

.garden-action > i {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    color: var(--gw-copy);
    background: var(--gw-surface-muted);
    border-radius: 9px;
}

.garden-action span {
    display: grid;
    gap: 1px;
}

.garden-action strong {
    font-size: 16px;
    font-weight: 700;
}

.garden-action small {
    color: var(--gw-muted);
    font-size: 13px;
}

.garden-action--primary {
    color: #fff !important;
    background: #35423a;
    border-color: #35423a;
}

.garden-action--primary:hover {
    color: #fff !important;
    background: color-mix(in srgb, var(--gw-moss-strong) 90%, #000);
}

.garden-action--primary > i {
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
}

.garden-action--primary small {
    color: rgba(255, 255, 255, 0.68);
}

.garden-work-rail {
    display: grid;
    grid-template-columns: 1.08fr repeat(4, minmax(0, 1fr));
    align-items: stretch;
    margin-bottom: 16px;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: var(--gw-radius);
    box-shadow: var(--gw-shadow);
    overflow: hidden;
}

.garden-work-rail__heading {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 18px;
    background: var(--gw-surface-muted);
    border-left: 1px solid var(--gw-line);
}

.garden-work-rail__pulse {
    width: 10px;
    height: 38px;
    flex: 0 0 10px;
    background: var(--gw-clay);
    border-radius: 8px;
}

.garden-work-rail__heading h2 {
    font-size: 22px;
}

.garden-work-rail__heading > strong {
    min-width: 40px;
    margin-right: auto;
    font-family: 'Inter', sans-serif;
    font-size: 27px;
    text-align: left;
}

.garden-work-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 16px 14px;
    border-left: 1px solid var(--gw-line);
    transition: background-color 150ms ease;
}

.garden-work-item:hover {
    color: var(--gw-ink);
    background: var(--gw-surface-muted);
}

.garden-work-item__icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    color: var(--gw-copy);
    background: var(--gw-surface-muted);
    border-radius: 50%;
}

.garden-work-item.is-critical .garden-work-item__icon {
    color: var(--gw-clay);
    background: var(--gw-clay-soft);
}

.garden-work-item.is-warning .garden-work-item__icon {
    color: var(--gw-harvest);
    background: var(--gw-harvest-soft);
}

.garden-work-item.is-clear .garden-work-item__icon {
    opacity: 0.64;
}

.garden-work-item__copy {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.garden-work-item__copy strong {
    overflow: hidden;
    color: var(--gw-ink);
    font-size: 16px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-work-item__copy small {
    overflow: hidden;
    color: var(--gw-muted);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-work-item__arrow {
    margin-right: auto;
    color: var(--gw-muted);
    font-size: 13px;
}

.garden-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 16px;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: var(--gw-radius);
    overflow: hidden;
}

.garden-metric {
    position: relative;
    display: grid;
    gap: 5px;
    min-width: 0;
    padding: 17px 20px;
    border-left: 1px solid var(--gw-line);
}

.garden-metric:last-child {
    border-left: 0;
}

.garden-metric--today::before {
    content: '';
    position: absolute;
    top: 14px;
    right: 0;
    bottom: 14px;
    width: 3px;
    background: var(--gw-ink);
    border-radius: 3px 0 0 3px;
}

.garden-metric__label {
    color: var(--gw-copy);
    font-size: 15px;
    font-weight: 600;
}

.garden-metric > strong {
    color: var(--gw-ink);
    font-family: 'Inter', 'Rubik', sans-serif;
    font-size: clamp(28px, 2vw, 38px);
    font-weight: 600;
    letter-spacing: -0.045em;
}

.garden-metric > strong b {
    margin-left: 3px;
    font-family: 'Assistant', sans-serif;
    font-size: 0.72em;
    font-weight: 600;
}

.garden-metric small {
    color: var(--gw-muted);
    font-size: 14px;
}

.garden-metric small.is-positive { color: var(--gw-moss); }
.garden-metric small.is-negative { color: var(--gw-clay); }

.garden-primary-grid,
.garden-insights-grid {
    display: grid;
    gap: 16px;
    margin-bottom: 16px;
}

.garden-primary-grid {
    grid-template-columns: minmax(0, 1.65fr) minmax(330px, 0.85fr);
}

.garden-insights-grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.78fr) minmax(280px, 0.78fr);
}

.garden-panel {
    min-width: 0;
    padding: 20px;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: var(--gw-radius);
    box-shadow: 0 4px 14px rgba(31, 39, 34, 0.035);
}

.garden-panel__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.garden-panel__header h2 {
    font-size: 22px;
    font-weight: 600;
}

.garden-panel__header > a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
    color: var(--gw-moss);
    font-size: 14px;
    font-weight: 700;
}

.garden-panel__headline {
    color: var(--gw-ink);
    font-family: 'Inter', sans-serif;
    font-size: 21px;
    letter-spacing: -0.035em;
}

.garden-order-list,
.garden-delivery-list {
    border-top: 1px solid var(--gw-line);
}

.garden-order-row {
    display: grid;
    grid-template-columns: 58px minmax(170px, 1fr) auto 94px 12px;
    align-items: center;
    gap: 14px;
    min-height: 67px;
    padding: 8px 6px;
    border-bottom: 1px solid var(--gw-line);
    transition: background-color 150ms ease;
}

.garden-order-row:hover,
.garden-delivery-row:hover {
    color: var(--gw-ink);
    background: var(--gw-surface-muted);
}

.garden-order-row__age {
    display: grid;
    justify-items: center;
    padding: 6px 5px;
    color: var(--gw-clay);
    background: var(--gw-clay-soft);
    border-radius: 9px;
}

.garden-order-row__age strong,
.garden-order-row__amount,
.garden-delivery-row time,
.garden-delivery-row__value strong {
    font-family: 'Inter', sans-serif;
}

.garden-order-row__age strong { font-size: 18px; }
.garden-order-row__age small { font-size: 13px; }

.garden-order-row__customer,
.garden-delivery-row__route,
.garden-delivery-row__value {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.garden-order-row__customer strong,
.garden-delivery-row__route strong {
    overflow: hidden;
    color: var(--gw-ink);
    font-size: 16px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-order-row__customer small,
.garden-delivery-row__route small,
.garden-delivery-row__value small {
    color: var(--gw-muted);
    font-size: 13px;
}

.garden-order-row__status {
    padding: 5px 8px;
    color: var(--gw-harvest);
    background: var(--gw-harvest-soft);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.garden-order-row__amount {
    color: var(--gw-ink);
    font-size: 15px;
    font-weight: 600;
    text-align: left;
}

.garden-order-row > i,
.garden-delivery-row > i {
    color: var(--gw-muted);
    font-size: 13px;
}

.garden-delivery-row {
    display: grid;
    grid-template-columns: 50px minmax(130px, 1fr) auto 12px;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    padding: 7px 5px;
    border-bottom: 1px solid var(--gw-line);
    transition: background-color 150ms ease;
}

.garden-delivery-row time {
    color: var(--gw-moss);
    font-size: 15px;
    font-weight: 700;
}

.garden-delivery-row__value {
    text-align: left;
}

.garden-delivery-row__value strong {
    font-size: 15px;
}

.garden-panel__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 39px;
    margin-top: 14px;
    color: var(--gw-moss-strong) !important;
    background: var(--gw-mint);
    border: 1px solid color-mix(in srgb, var(--gw-moss) 20%, var(--gw-line));
    border-radius: 9px;
    font-size: 14px;
    font-weight: 700;
}

.garden-empty {
    min-height: 148px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    color: var(--gw-copy);
    text-align: right;
}

.garden-empty--compact { min-height: 175px; }

.garden-empty > span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    color: var(--gw-moss);
    background: var(--gw-mint);
    border-radius: 50%;
}

.garden-empty strong { display: block; color: var(--gw-ink); }
.garden-empty p { margin: 3px 0 0; font-size: 14px; }

.garden-trend {
    height: 238px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: clamp(4px, 0.7vw, 10px);
    padding-top: 8px;
}

.garden-trend__day {
    min-width: 0;
    flex: 1;
    display: grid;
    grid-template-rows: 23px 1fr 18px 17px;
    justify-items: center;
    gap: 4px;
}

.garden-trend__value {
    color: var(--gw-muted);
    font-family: 'Inter', sans-serif;
    font-size: 13px;
}

.garden-trend__track {
    position: relative;
    width: min(24px, 72%);
    height: 100%;
    display: flex;
    align-items: flex-end;
    background: var(--gw-surface-muted);
    border-radius: 7px 7px 3px 3px;
    overflow: hidden;
}

.garden-trend__track i {
    display: block;
    width: 100%;
    min-height: 3px;
    background: var(--gw-moss);
    border-radius: 6px 6px 2px 2px;
}

.garden-trend__day strong {
    color: var(--gw-copy);
    font-size: 13px;
}

.garden-trend__day small {
    color: var(--gw-muted);
    font-family: 'Inter', sans-serif;
    font-size: 13px;
}

.garden-channel-list {
    display: grid;
    gap: 15px;
    padding-top: 3px;
}

.garden-channel-row {
    display: grid;
    grid-template-columns: minmax(85px, 1fr) minmax(70px, 1.15fr) auto;
    align-items: center;
    gap: 10px;
}

.garden-channel-row > span {
    display: grid;
    gap: 2px;
}

.garden-channel-row > span strong { font-size: 14px; }
.garden-channel-row > span small { color: var(--gw-muted); font-size: 13px; }

.garden-channel-row > div {
    height: 6px;
    background: var(--gw-surface-muted);
    border-radius: 6px;
    overflow: hidden;
}

.garden-channel-row > div i {
    display: block;
    height: 100%;
    background: var(--gw-moss);
    border-radius: inherit;
}

.garden-channel-row > strong {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    text-align: left;
}

.garden-product-list {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.garden-product-list li {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 49px;
    border-bottom: 1px solid var(--gw-line);
}

.garden-product-list li:last-child { border-bottom: 0; }

.garden-product-list__rank {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    color: var(--gw-moss-strong);
    background: var(--gw-mint);
    border-radius: 7px;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 700;
}

.garden-product-list__name,
.garden-product-list__quantity {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.garden-product-list__name strong {
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-product-list__name small,
.garden-product-list__quantity small {
    color: var(--gw-muted);
    font-size: 13px;
}

.garden-product-list__quantity { text-align: left; }
.garden-product-list__quantity strong { font-family: 'Inter', sans-serif; font-size: 14px; }
.garden-product-list__empty { color: var(--gw-muted); font-size: 15px; }

.garden-preview-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 8px 2px 0;
    color: var(--gw-muted);
    font-size: 13px;
}

.garden-preview-footer span {
    color: var(--gw-moss);
    font-weight: 700;
}

.garden-preview-footer p { margin: 0; }

@media (max-width: 1399px) {
    .garden-workspace__header { align-items: flex-start; }
    .garden-quick-actions { flex-wrap: wrap; justify-content: flex-end; }
    .garden-action { min-width: 142px; }
    .garden-work-rail { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .garden-work-rail__heading { grid-column: 1 / -1; border-left: 0; border-bottom: 1px solid var(--gw-line); }
    .garden-insights-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-panel--trend { grid-column: 1 / -1; }
}

@media (max-width: 1099px) {
    .garden-workspace__header { display: grid; }
    .garden-quick-actions { justify-content: flex-start; }
    .garden-primary-grid { grid-template-columns: 1fr; }
}

@media (max-width: 991px) {
    body[data-garden-workspace="preview"] #kt_app_content { padding-top: 18px !important; }
    .garden-preview-note { align-items: flex-start; flex-wrap: wrap; }
    .garden-preview-note p { flex-basis: calc(100% - 130px); }
    .garden-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-metric:nth-child(2) { border-left: 0; }
    .garden-metric:nth-child(-n + 2) { border-bottom: 1px solid var(--gw-line); }
}

@media (max-width: 767px) {
    .garden-orders-workspace .orders-table col.order-col-select { width: 4% !important; }
    .garden-orders-workspace .orders-table col.order-col-order { width: 23% !important; }
    .garden-orders-workspace .orders-table col.order-col-amount { width: 10% !important; }
    .garden-orders-workspace .orders-table col.order-col-payment { width: 18% !important; }
    .garden-orders-workspace .orders-table col.order-col-status { width: 10% !important; }
    .garden-orders-workspace .orders-table col.order-col-delivery { width: 13% !important; }
    .garden-orders-workspace .orders-table col.order-col-actions { width: 22% !important; }
    .garden-orders-workspace .orders-table col.order-col-channel,
    .garden-orders-workspace .orders-table col.order-col-location,
    .garden-orders-workspace .orders-table col.order-col-created {
        width: 0 !important;
        display: table-column !important;
    }

    .garden-orders-workspace .orders-table colgroup {
        display: none !important;
    }

    .garden-orders-workspace .orders-table th.order-col-select,
    .garden-orders-workspace .orders-table td.order-col-select { width: 28px !important; min-width: 28px !important; }
    .garden-orders-workspace .orders-table th.order-col-order,
    .garden-orders-workspace .orders-table td.order-col-order { width: 150px !important; min-width: 150px !important; }
    .garden-orders-workspace .orders-table th.order-col-amount,
    .garden-orders-workspace .orders-table td.order-col-amount { width: 64px !important; min-width: 64px !important; }
    .garden-orders-workspace .orders-table th.order-col-payment,
    .garden-orders-workspace .orders-table td.order-col-payment { width: 118px !important; min-width: 118px !important; }
    .garden-orders-workspace .orders-table th.order-col-status,
    .garden-orders-workspace .orders-table td.order-col-status { width: 64px !important; min-width: 64px !important; }
    .garden-orders-workspace .orders-table th.order-col-delivery,
    .garden-orders-workspace .orders-table td.order-col-delivery { width: 80px !important; min-width: 80px !important; }
    .garden-orders-workspace .orders-table th.order-col-actions,
    .garden-orders-workspace .orders-table td.order-col-actions { width: 138px !important; min-width: 138px !important; }

    .garden-workspace__intro h1 { font-size: 36px; }
    .garden-workspace__intro p { font-size: 17px; }
    .garden-quick-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
    .garden-action { min-width: 0; padding: 10px; }
    .garden-action small { display: none; }
    .garden-work-rail { grid-template-columns: 1fr 1fr; }
    .garden-work-item:nth-of-type(2n) { border-left: 0; }
    .garden-work-item:nth-last-child(-n + 2) { border-top: 1px solid var(--gw-line); }
    .garden-insights-grid { grid-template-columns: 1fr; }
    .garden-panel--trend { grid-column: auto; }
    .garden-order-row { grid-template-columns: 48px minmax(0, 1fr) 12px; gap: 10px; }
    .garden-order-row__status,
    .garden-order-row__amount { display: none; }
    .garden-trend { overflow-x: auto; justify-content: flex-start; padding-bottom: 7px; }
    .garden-trend__day { flex: 0 0 34px; }
}

@media (max-width: 575px) {
    body[data-garden-workspace="preview"] #kt_app_content_container { padding-inline: 12px !important; }
    .garden-preview-note p { flex-basis: 100%; order: 3; }
    .garden-workspace__header { gap: 18px; margin-bottom: 20px; }
    .garden-quick-actions { grid-template-columns: 1fr; }
    .garden-action small { display: block; }
    .garden-work-rail { grid-template-columns: 1fr; }
    .garden-work-item { border-left: 0; border-top: 1px solid var(--gw-line); }
    .garden-work-item:nth-last-child(-n + 2) { border-top: 1px solid var(--gw-line); }
    .garden-metrics { grid-template-columns: 1fr; }
    .garden-metric { border-left: 0; border-bottom: 1px solid var(--gw-line); }
    .garden-metric:last-child { border-bottom: 0; }
    .garden-panel { padding: 16px; }
    .garden-panel__header { align-items: flex-start; }
    .garden-panel__header > a { font-size: 13px; white-space: nowrap; }
    .garden-panel__header > a i { font-size: 14px; }
    .garden-delivery-row { grid-template-columns: 43px minmax(0, 1fr) 12px; }
    .garden-delivery-row__value { display: none; }
    .garden-preview-footer { display: grid; }
}

@media (prefers-reduced-motion: reduce) {
    .garden-action,
    .garden-work-item,
    .garden-order-row,
    .garden-delivery-row {
        transition: none;
    }
}

/* --------------------------------------------------------------------------
   Orders workspace
   A neutral operational surface built on the approved Garden admin system.
   -------------------------------------------------------------------------- */

.garden-orders-header {
    align-items: flex-end;
    margin-bottom: 22px;
}

.garden-order-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 22px;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: var(--gw-radius);
    box-shadow: var(--gw-shadow);
    overflow: hidden;
}

.garden-order-metric {
    position: relative;
    min-width: 0;
    min-height: 112px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 19px 22px;
    border-left: 1px solid var(--gw-line);
}

.garden-order-metric:last-child { border-left: 0; }

.garden-order-metric > span {
    color: var(--gw-copy);
    font-size: 14px;
    font-weight: 700;
}

.garden-order-metric > strong {
    color: var(--gw-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: clamp(28px, 2.1vw, 36px);
    line-height: 1.05;
}

.garden-order-metric > strong b {
    margin-left: 3px;
    color: var(--gw-muted);
    font-family: 'Assistant', sans-serif;
    font-size: 0.72em;
}

.garden-order-metric > small {
    overflow: hidden;
    color: var(--gw-muted);
    font-size: 13px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-order-metric.is-attention {
    background: linear-gradient(135deg, var(--gw-clay-soft), var(--gw-surface) 78%);
}

.garden-order-metric.is-attention::before {
    position: absolute;
    inset-block: 18px;
    right: 0;
    width: 3px;
    background: var(--gw-clay);
    border-radius: 3px 0 0 3px;
    content: '';
}

.garden-order-metric.is-attention > strong { color: var(--gw-clay); }

.garden-orders-panel {
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: var(--gw-radius);
    box-shadow: var(--gw-shadow);
}

.garden-orders-panel__header {
    min-height: 96px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 20px 24px;
    border-bottom: 1px solid var(--gw-line);
}

.garden-orders-panel__header h2 {
    margin: 2px 0 3px;
    color: var(--gw-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 22px;
}

.garden-orders-panel__header p {
    margin: 0;
    color: var(--gw-copy);
    font-size: 14px;
}

.garden-orders-clear {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    color: var(--gw-copy) !important;
    background: var(--gw-surface-muted);
    border: 1px solid var(--gw-line);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
}

.garden-orders-clear:hover {
    color: var(--gw-ink) !important;
    border-color: color-mix(in srgb, var(--gw-moss) 35%, var(--gw-line));
}

.garden-orders-shortcuts {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 11px 24px;
    border-bottom: 1px solid var(--gw-line);
}

.garden-orders-shortcuts a {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 5px 12px;
    color: var(--gw-copy);
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.garden-orders-shortcuts a:hover {
    color: var(--gw-ink);
    background: var(--gw-surface-muted);
}

.garden-orders-shortcuts a.is-active {
    color: var(--gw-moss-strong);
    background: var(--gw-mint);
    border-color: color-mix(in srgb, var(--gw-moss) 20%, var(--gw-line));
}

.garden-orders-shortcuts a.is-urgent:not(.is-active) { color: var(--gw-clay); }

.garden-orders-shortcuts a.is-abandoned,
.garden-orders-shortcuts a.is-archived-section {
    gap: 7px;
}

.garden-orders-shortcuts a.is-abandoned:not(.is-active) {
    color: #68726b;
}

.garden-orders-shortcuts a.is-abandoned b,
.garden-orders-shortcuts a.is-archived-section b {
    display: grid;
    min-width: 21px;
    height: 21px;
    place-items: center;
    padding-inline: 5px;
    border-radius: 999px;
    background: #e8ece9;
    color: #59635c;
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    line-height: 1;
}

.garden-orders-shortcuts a.is-archived-section:not(.is-active) { color: #68726b; }
.garden-orders-shortcuts a.is-archived-section b { background: #e8ece9; color: #59635c; }

.garden-orders-shortcuts a.is-abandoned.is-active b,
.garden-orders-shortcuts a.is-archived-section.is-active b {
    background: #dce5df;
    color: var(--gw-moss-strong);
}

.garden-orders-toolbar {
    display: grid;
    grid-template-columns: minmax(280px, 0.9fr) minmax(0, 2.1fr);
    align-items: center;
    gap: 20px;
    padding: 16px 24px;
    border-bottom: 1px solid var(--gw-line);
}

.garden-orders-search {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.garden-orders-search > i {
    position: absolute;
    z-index: 1;
    right: 13px;
    color: var(--gw-muted);
    font-size: 14px;
    pointer-events: none;
}

.garden-orders-search #searchInput {
    width: 100%;
    height: 38px;
    padding: 7px 36px 7px 12px;
    color: var(--gw-ink);
    background: var(--gw-surface-muted);
    border: 1px solid var(--gw-line);
    border-radius: 9px;
    font-family: 'Assistant', sans-serif;
    font-size: 15px;
    box-shadow: none;
}

.garden-orders-search #searchInput::placeholder { color: var(--gw-muted); }

.garden-orders-search #searchInput:focus {
    background: var(--gw-surface);
    border-color: color-mix(in srgb, var(--gw-moss) 55%, var(--gw-line));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--gw-moss) 13%, transparent);
}

.garden-orders-workspace .view-toggle {
    display: inline-flex;
    overflow: hidden;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 9px;
}

.garden-orders-workspace .view-toggle button {
    width: 37px;
    height: 36px;
    display: grid;
    place-items: center;
    padding: 0;
    color: var(--gw-muted);
    background: transparent;
    border: 0;
    font-size: 14px;
}

.garden-orders-workspace .view-toggle button + button { border-right: 1px solid var(--gw-line); }
.garden-orders-workspace .view-toggle button:hover { color: var(--gw-ink); background: var(--gw-surface-muted); }
.garden-orders-workspace .view-toggle button.active { color: var(--gw-surface); background: var(--gw-moss-strong); }

.garden-orders-filters {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
}

.garden-orders-workspace .filter-btn {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 6px 10px;
    color: var(--gw-copy);
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 8px;
    font-family: 'Assistant', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease;
}

.garden-orders-workspace .filter-btn:hover {
    color: var(--gw-ink);
    background: var(--gw-surface-muted);
    border-color: color-mix(in srgb, var(--gw-moss) 32%, var(--gw-line));
}

.garden-orders-workspace .filter-btn.active {
    color: var(--gw-moss-strong);
    background: var(--gw-mint);
    border-color: color-mix(in srgb, var(--gw-moss) 28%, var(--gw-line));
}

.garden-orders-workspace .filter-btn--urgent:not(.active) {
    color: var(--gw-clay);
    border-color: color-mix(in srgb, var(--gw-clay) 38%, var(--gw-line));
}

.garden-orders-workspace .filter-btn--muted:not(.active) { color: var(--gw-muted); }

.garden-orders-workspace .dropdown-menu,
body[data-garden-workspace="preview"] .actions-menu.dropdown-menu {
    padding: 6px !important;
    background: var(--gw-surface) !important;
    border: 1px solid var(--gw-line) !important;
    border-radius: 10px !important;
    box-shadow: 0 16px 34px rgba(31, 39, 34, 0.14) !important;
}

.garden-orders-workspace .dropdown-item,
body[data-garden-workspace="preview"] .actions-menu .dropdown-item {
    min-height: 35px;
    display: flex;
    align-items: center;
    padding: 7px 10px !important;
    color: var(--gw-ink) !important;
    border-radius: 7px;
    font-family: 'Assistant', sans-serif;
    font-size: 14px !important;
}

.garden-orders-workspace .dropdown-item:hover,
.garden-orders-workspace .dropdown-item:focus,
body[data-garden-workspace="preview"] .actions-menu .dropdown-item:hover,
body[data-garden-workspace="preview"] .actions-menu .dropdown-item:focus {
    color: var(--gw-ink) !important;
    background: var(--gw-surface-muted) !important;
}

.garden-orders-bulk {
    position: sticky;
    z-index: 8;
    top: 72px;
    margin: 0 24px 12px;
    padding: 11px 13px;
    color: var(--gw-ink);
    background: color-mix(in srgb, var(--gw-mint) 88%, var(--gw-surface));
    border: 1px solid color-mix(in srgb, var(--gw-moss) 26%, var(--gw-line));
    border-radius: 9px;
    box-shadow: 0 7px 18px rgba(31, 39, 34, 0.08);
}

.garden-orders-table-wrap {
    width: 100%;
    overflow-x: auto;
    scrollbar-color: var(--gw-line) transparent;
}

.garden-orders-workspace .orders-table {
    min-width: 1120px;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--gw-ink);
    background: var(--gw-surface);
}

.garden-orders-workspace .orders-table th {
    height: 44px;
    padding: 10px 8px;
    color: var(--gw-muted);
    background: var(--gw-surface-muted);
    border-bottom: 1px solid var(--gw-line);
    font-family: 'Assistant', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
}

.garden-orders-workspace .orders-table td {
    height: 68px;
    padding: 10px 8px;
    color: var(--gw-ink);
    background: var(--gw-surface);
    border-bottom: 1px solid var(--gw-line);
    font-size: 14px;
    vertical-align: middle;
}

.garden-orders-workspace .orders-table tbody tr {
    cursor: pointer;
    transition: background-color 140ms ease, box-shadow 140ms ease;
}

.garden-orders-workspace .orders-table tbody tr:hover td { background: var(--gw-surface-muted); }
.garden-orders-workspace .orders-table tbody tr:last-child td { border-bottom: 0; }
.garden-orders-workspace .orders-table tbody tr.row-selected td { background: var(--gw-mint) !important; }

.garden-orders-workspace .orders-table.compact th { height: 34px; padding-block: 5px; }
.garden-orders-workspace .orders-table.compact td { height: 48px; padding-block: 5px; }

.garden-orders-workspace .order-avatar {
    color: var(--gw-moss-strong);
    background: var(--gw-mint);
    border: 1px solid color-mix(in srgb, var(--gw-moss) 16%, var(--gw-line));
    border-radius: 9px;
}

.garden-orders-workspace .order-number {
    display: inline-flex;
    margin: 0 0 1px;
    padding: 0;
    color: var(--gw-moss-strong);
    background: transparent;
    border: 0;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 700;
}

.garden-orders-workspace .order-number:hover { color: var(--gw-ink); }

.garden-orders-workspace .customer-name {
    color: var(--gw-ink);
    font-size: 14px;
    font-weight: 700;
}

.garden-orders-workspace .customer-phone {
    color: var(--gw-muted);
    font-family: 'Inter', sans-serif;
    font-size: 13px;
}

.garden-orders-workspace .repeat-badge,
.garden-orders-workspace .margin-badge,
.garden-orders-workspace .payment-badge,
.garden-orders-workspace .status-badge,
.garden-orders-workspace .order-col-channel .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 23px;
    margin: 0;
    padding: 3px 7px;
    border: 0;
    border-radius: 7px;
    font-family: 'Assistant', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
}

.garden-orders-workspace .repeat-badge { min-height: 19px; margin-right: 3px; color: #48617a; background: #e8eef4; font-size: 13px; }
.garden-orders-workspace .margin-badge { min-height: 18px; margin-top: 3px; font-family: 'Inter', sans-serif; font-size: 13px; }
.garden-orders-workspace .margin-high { color: #47604e; background: #e8f0ea; }
.garden-orders-workspace .margin-mid { color: #8b651f; background: var(--gw-harvest-soft); }
.garden-orders-workspace .margin-low { color: #984b38; background: var(--gw-clay-soft); }
.garden-orders-workspace .payment-paid,
.garden-orders-workspace .status-delivered { color: #47604e; background: #e6efe8; }
.garden-orders-workspace .payment-pending,
.garden-orders-workspace .status-pending { color: #8a641d; background: var(--gw-harvest-soft); }
.garden-orders-workspace .payment-partial,
.garden-orders-workspace .payment-deposit { color: #5c587b; background: #eceaf4; }
.garden-orders-workspace .status-postponed,
.garden-orders-workspace .status-abandoned { color: var(--gw-copy); background: var(--gw-mint); }
.garden-orders-workspace .status-canceled { color: #984b38; background: var(--gw-clay-soft); }

.garden-orders-workspace .status-badge,
.garden-orders-workspace .garden-payment-cell,
.garden-orders-workspace .garden-delivery-cell { cursor: pointer; }

.garden-orders-workspace .status-badge:hover { filter: brightness(0.97); box-shadow: 0 0 0 2px var(--gw-surface), 0 0 0 3px var(--gw-line); }

.garden-orders-workspace .clickable-cell {
    width: 100%;
    min-height: 38px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4px;
    color: inherit;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    font-family: 'Assistant', sans-serif;
}

.garden-orders-workspace .clickable-cell:hover {
    background: var(--gw-surface);
    border-color: var(--gw-line);
}

.garden-orders-workspace .balance-due {
    margin-top: 2px;
    color: var(--gw-clay);
    font-size: 13px;
    font-weight: 700;
}

.garden-orders-workspace .order-col-amount > span {
    font-family: 'Inter', sans-serif;
    font-size: 14px !important;
}

.garden-orders-workspace .order-col-location,
.garden-orders-workspace .order-col-delivery,
.garden-orders-workspace .order-col-created { color: var(--gw-copy); font-size: 13px; }

.garden-orders-workspace .order-col-created { font-family: 'Inter', sans-serif; }

.garden-orders-workspace .action-icon-btn {
    width: 29px;
    height: 29px;
    color: var(--gw-copy);
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 8px;
    font-size: 13px;
}

.garden-orders-workspace .action-icon-btn:hover {
    color: var(--gw-ink);
    background: var(--gw-mint);
    border-color: color-mix(in srgb, var(--gw-moss) 25%, var(--gw-line));
    transform: translateY(-1px);
}

.garden-orders-workspace .form-check-input {
    width: 16px;
    height: 16px;
    border-color: var(--gw-line);
}

.garden-orders-workspace .form-check-input:checked {
    background-color: var(--gw-moss-strong);
    border-color: var(--gw-moss-strong);
}

.garden-orders-workspace .abandoned-row td { color: var(--gw-muted); background: var(--gw-surface-muted); }

.garden-orders-empty-row { cursor: default !important; }
.garden-orders-empty-row:hover td { background: var(--gw-surface) !important; }

.garden-orders-empty {
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 36px;
    text-align: right;
}

.garden-orders-empty > span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: var(--gw-moss-strong);
    background: var(--gw-mint);
    border-radius: 12px;
    font-size: 18px;
}

.garden-orders-empty strong { color: var(--gw-ink); font-size: 16px; }
.garden-orders-empty p { max-width: 390px; margin: 2px 0 0; color: var(--gw-copy); font-size: 14px; }

.garden-orders-empty > a {
    margin-right: 10px;
    padding: 8px 12px;
    color: var(--gw-surface);
    background: var(--gw-moss-strong);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

body[data-garden-workspace="preview"] .modal-order .modal-content,
body[data-garden-workspace="preview"] .option-modal .modal-content,
body[data-garden-workspace="preview"] #automationModal .modal-content {
    color: var(--gw-ink);
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 12px;
    box-shadow: 0 22px 55px rgba(31, 39, 34, 0.2);
}

body[data-garden-workspace="preview"] .modal-order .modal-header,
body[data-garden-workspace="preview"] .option-modal .modal-header,
body[data-garden-workspace="preview"] #automationModal .modal-header {
    border-bottom-color: var(--gw-line);
}

body[data-garden-workspace="preview"] .modal-order .info-row { border-bottom-color: var(--gw-line); }
body[data-garden-workspace="preview"] .modal-order .info-label { color: var(--gw-muted); }
body[data-garden-workspace="preview"] .modal-order .info-value { color: var(--gw-ink); }
body[data-garden-workspace="preview"] .option-btn { color: var(--gw-ink); background: var(--gw-surface); border-color: var(--gw-line); border-radius: 9px; }
body[data-garden-workspace="preview"] .option-btn:hover { background: var(--gw-surface-muted); border-color: color-mix(in srgb, var(--gw-moss) 28%, var(--gw-line)); }

@media (max-width: 1399px) {
    .garden-orders-workspace .order-col-created { display: none; }
    .garden-orders-workspace .orders-table { min-width: 1030px; }
}

@media (max-width: 1199px) {
    .garden-orders-toolbar { grid-template-columns: 1fr; }
    .garden-orders-filters { justify-content: flex-start; }
    .garden-orders-workspace .order-col-channel { display: none; }
    .garden-orders-workspace .orders-table { min-width: 920px; }
}

@media (max-width: 991px) {
    .garden-order-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-order-metric:nth-child(2) { border-left: 0; }
    .garden-order-metric:nth-child(-n + 2) { border-bottom: 1px solid var(--gw-line); }
    .garden-orders-panel__header { align-items: flex-start; }
    .garden-orders-workspace .order-col-location { display: none; }
    .garden-orders-workspace .orders-table { min-width: 790px; }
}

@media (max-width: 767px) {
    .garden-orders-header .garden-quick-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-orders-panel__header { min-height: 0; padding: 17px; }
    .garden-orders-panel__header p { max-width: 430px; }
    .garden-orders-shortcuts { overflow-x: auto; padding-inline: 15px; scrollbar-width: none; }
    .garden-orders-shortcuts::-webkit-scrollbar { display: none; }
    .garden-orders-toolbar { gap: 12px; padding: 14px 15px; }
    .garden-orders-search { grid-template-columns: minmax(0, 1fr) auto; }
    .garden-orders-filters { gap: 5px; }
    .garden-orders-workspace .filter-btn { flex: 1 0 auto; justify-content: center; }
    .garden-orders-bulk { position: static; margin-inline: 15px; }
    .garden-orders-table-wrap { overflow: visible; padding: 12px; background: var(--gw-canvas); }
    .garden-orders-workspace .orders-table,
    .garden-orders-workspace .orders-table tbody { min-width: 0; display: block; background: transparent; }
    .garden-orders-workspace .orders-table colgroup,
    .garden-orders-workspace .orders-table thead { display: none; }
    .garden-orders-workspace .orders-table tbody { display: grid; gap: 10px; }
    .garden-orders-workspace .orders-table tbody tr {
        display: grid;
        grid-template-columns: 30px minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px 10px;
        padding: 13px;
        background: var(--gw-surface);
        border: 1px solid var(--gw-line);
        border-radius: 11px;
        box-shadow: var(--gw-shadow);
    }
    .garden-orders-workspace .orders-table tbody tr:hover { border-color: color-mix(in srgb, var(--gw-moss) 28%, var(--gw-line)); }
    .garden-orders-workspace .orders-table td,
    .garden-orders-workspace .orders-table.compact td {
        width: auto;
        height: auto;
        display: block;
        padding: 0;
        background: transparent !important;
        border: 0 !important;
    }
    .garden-orders-workspace .orders-table .order-col-select { grid-column: 1; grid-row: 1; }
    .garden-orders-workspace .orders-table .order-col-order { grid-column: 2; grid-row: 1; }
    .garden-orders-workspace .orders-table .order-col-amount { grid-column: 3; grid-row: 1; text-align: left !important; }
    .garden-orders-workspace .orders-table .order-col-payment { grid-column: 3; grid-row: 2; align-self: start; }
    .garden-orders-workspace .orders-table .order-col-status { grid-column: 2; grid-row: 2; justify-self: start; }
    .garden-orders-workspace .orders-table .order-col-delivery {
        grid-column: 2 / -1;
        grid-row: 3;
        display: flex;
        align-items: center;
        gap: 8px;
        padding-top: 8px;
        border-top: 1px solid var(--gw-line) !important;
    }
    .garden-orders-workspace .orders-table .order-col-delivery::before {
        color: var(--gw-muted);
        content: 'משלוח';
        font-size: 13px;
        font-weight: 700;
    }
    .garden-orders-workspace .orders-table .order-col-actions {
        grid-column: 1 / -1;
        grid-row: 4;
        padding-top: 9px;
        border-top: 1px solid var(--gw-line) !important;
    }
    .garden-orders-workspace .orders-table .order-col-channel,
    .garden-orders-workspace .orders-table .order-col-location,
    .garden-orders-workspace .orders-table .order-col-created { display: none !important; }
    .garden-orders-workspace .clickable-cell { width: auto; min-height: 26px; align-items: flex-start; padding: 0; }
    .garden-orders-workspace .order-col-actions .d-flex { justify-content: flex-end !important; }
    .garden-orders-workspace .garden-orders-empty-row { display: block !important; padding: 0 !important; }
    .garden-orders-workspace .garden-orders-empty-row td { display: block !important; }
    .garden-orders-empty { min-height: 250px; flex-wrap: wrap; padding: 28px 20px; text-align: center; }
    .garden-orders-empty > div { flex-basis: calc(100% - 70px); text-align: right; }
}

@media (max-width: 575px) {
    .garden-orders-header .garden-quick-actions { grid-template-columns: 1fr; }
    .garden-order-metric { min-height: 98px; padding: 15px; }
    .garden-order-metric > strong { font-size: 26px; }
    .garden-order-metric > small { white-space: normal; }
    .garden-orders-panel__header { display: grid; }
    .garden-orders-clear { width: fit-content; }
    .garden-orders-search { grid-template-columns: 1fr; }
    .garden-orders-search .view-toggle { display: none; }
    .garden-orders-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-orders-workspace .filter-btn { width: 100%; min-width: 0; }
    .garden-orders-empty { display: grid; justify-items: center; }
    .garden-orders-empty > div { text-align: center; }
    .garden-orders-empty > a { margin: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .garden-orders-workspace .filter-btn,
    .garden-orders-workspace .orders-table tbody tr,
    .garden-orders-workspace .action-icon-btn { transition: none; }
}

/* Orders readability pass: keep the approved visual language, but make the
   list itself the primary working surface. */
.garden-orders-workspace {
    --gw-copy: #4b544e;
    --gw-muted: #737d76;
}

.garden-orders-header {
    align-items: center;
    margin-bottom: 14px;
}

.garden-orders-header .garden-workspace__intro h1 {
    font-size: clamp(36px, 2.55vw, 48px);
}

.garden-orders-header .garden-workspace__intro p {
    margin-top: 6px;
    font-size: 17px;
}

.garden-orders-header .garden-action {
    min-width: 138px;
    padding: 8px 10px;
    border-radius: 10px;
}

.garden-orders-header .garden-action > i {
    width: 31px;
    height: 31px;
    flex-basis: 31px;
    border-radius: 8px;
}

.garden-orders-header .garden-action strong { font-size: 15px; }
.garden-orders-header .garden-action small { font-size: 13px; }

.garden-order-metrics {
    margin-bottom: 14px;
    border-radius: 10px;
}

.garden-order-metric {
    min-height: 82px;
    gap: 2px;
    padding: 13px 18px;
}

.garden-order-metric.is-attention::before { inset-block: 13px; }
.garden-order-metric > span { color: #5d675f; font-size: 14px; }
.garden-order-metric > strong { font-size: clamp(26px, 1.75vw, 32px); }
.garden-order-metric > small { color: #7b857e; font-size: 13px; }

.garden-orders-panel { border-radius: 10px; }

.garden-orders-panel__header {
    min-height: 66px;
    padding: 12px 20px;
}

.garden-orders-panel__header .garden-panel__kicker { display: none; }

.garden-orders-panel__header h2 {
    margin: 0 0 2px;
    font-size: 21px;
}

.garden-orders-panel__header p {
    color: #657069;
    font-size: 15px;
}

.garden-orders-shortcuts {
    min-height: 44px;
    gap: 3px;
    padding: 6px 18px;
}

.garden-orders-shortcuts a {
    min-height: 30px;
    padding: 5px 11px;
    color: #59635c;
    font-size: 15px;
}

.garden-orders-toolbar {
    grid-template-columns: minmax(360px, 420px) minmax(0, 1fr);
    gap: 12px;
    padding: 10px 18px;
}

.garden-orders-toolbar .garden-orders-filters {
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.garden-orders-search #searchInput {
    height: 37px;
    color: #202622;
    background: #ffffff;
    font-size: 16px;
}

.garden-orders-workspace .view-toggle button {
    width: 38px;
    height: 35px;
    font-size: 14px;
}

.garden-orders-workspace .filter-btn {
    min-height: 35px;
    padding: 6px 10px;
    color: #59635c;
    font-size: 14px;
}

.garden-orders-workspace .dropdown-menu {
    z-index: 1050 !important;
}

.garden-orders-workspace .dropdown-item {
    font-size: 15px !important;
}

.garden-orders-workspace .orders-table {
    min-width: 1060px;
}

.garden-orders-workspace .orders-table th {
    height: 42px;
    padding: 9px 8px;
    color: #626c65;
    background: #f4f6f4;
    font-size: 13px;
}

.garden-orders-workspace .orders-table td {
    height: 66px;
    padding: 9px 8px;
    font-size: 15px;
}

.garden-orders-workspace .order-number { font-size: 14px; }
.garden-orders-workspace .customer-name { font-size: 16px; }
.garden-orders-workspace .customer-phone { color: #747e77; font-size: 13px; }

.garden-orders-workspace .repeat-badge,
.garden-orders-workspace .margin-badge,
.garden-orders-workspace .payment-badge,
.garden-orders-workspace .status-badge,
.garden-orders-workspace .order-col-channel .badge {
    min-height: 24px;
    padding: 4px 8px;
    font-size: 13px;
}

.garden-orders-workspace .repeat-badge { min-height: 20px; font-size: 13px; }
.garden-orders-workspace .margin-badge { min-height: 19px; font-size: 13px; }

.garden-orders-workspace .clickable-cell {
    min-height: 40px;
    font-size: 14px;
}

.garden-orders-workspace .balance-due { font-size: 13px; }

.garden-orders-workspace .order-col-location,
.garden-orders-workspace .order-col-delivery,
.garden-orders-workspace .order-col-created {
    font-size: 14px;
}

.garden-orders-workspace .action-icon-btn {
    width: 30px;
    height: 30px;
    color: #68726b;
    font-size: 14px;
}

@media (max-width: 1399px) and (min-width: 768px) {
    .garden-orders-workspace .orders-table { min-width: 980px; }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .garden-orders-workspace .orders-table { min-width: 890px; }
}

/* Responsive correction for the operational orders list.
   Keep one dense table at narrow widths instead of turning every order into
   an oversized card. The table can scroll horizontally on a real phone. */
@media (max-width: 1399px) {
    .garden-orders-toolbar {
        grid-template-columns: minmax(0, 1fr);
        gap: 9px;
    }

    .garden-orders-toolbar .garden-orders-filters {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .garden-orders-toolbar {
        padding: 10px 12px;
    }

    .garden-orders-search {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .garden-orders-toolbar .garden-orders-filters {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .garden-orders-workspace .filter-btn {
        width: auto;
        min-width: 0;
        min-height: 34px;
        flex: 0 0 auto;
        padding: 6px 9px;
    }

    .garden-orders-table-wrap {
        overflow-x: auto;
        padding: 0;
        background: var(--gw-surface);
        -webkit-overflow-scrolling: touch;
    }

    .garden-orders-workspace .orders-table {
        width: 100% !important;
        min-width: 100% !important;
        display: table !important;
        table-layout: auto;
        border-collapse: separate;
        background: var(--gw-surface);
    }

    .garden-orders-workspace .orders-table colgroup {
        display: table-column-group !important;
    }

    .garden-orders-workspace .orders-table thead {
        display: table-header-group !important;
    }

    .garden-orders-workspace .orders-table tbody {
        display: table-row-group !important;
        background: var(--gw-surface);
    }

    .garden-orders-workspace .orders-table tbody tr {
        display: table-row;
        padding: 0;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .garden-orders-workspace .orders-table th {
        height: 38px;
        display: table-cell !important;
        padding: 7px 6px;
        font-size: 13px;
    }

    .garden-orders-workspace .orders-table td,
    .garden-orders-workspace .orders-table.compact td {
        width: auto;
        height: 62px;
        display: table-cell !important;
        padding: 7px 6px;
        background: var(--gw-surface) !important;
        border: 0 !important;
        border-bottom: 1px solid var(--gw-line) !important;
        font-size: 14px;
        vertical-align: middle;
    }

    .garden-orders-workspace .orders-table .order-col-select,
    .garden-orders-workspace .orders-table .order-col-order,
    .garden-orders-workspace .orders-table .order-col-amount,
    .garden-orders-workspace .orders-table .order-col-payment,
    .garden-orders-workspace .orders-table .order-col-status,
    .garden-orders-workspace .orders-table .order-col-delivery,
    .garden-orders-workspace .orders-table .order-col-actions {
        grid-column: auto !important;
        grid-row: auto !important;
        align-self: auto;
        justify-self: auto;
    }

    .garden-orders-workspace .orders-table .order-col-channel,
    .garden-orders-workspace .orders-table .order-col-location,
    .garden-orders-workspace .orders-table .order-col-created {
        display: none !important;
    }

    .garden-orders-workspace .orders-table .order-col-delivery {
        padding: 7px 6px;
        border-top: 0 !important;
        border-bottom: 1px solid var(--gw-line) !important;
    }

    .garden-orders-workspace .orders-table .order-col-delivery::before {
        content: none;
    }

    .garden-orders-workspace .orders-table .order-col-actions {
        padding: 7px 6px;
        border-top: 0 !important;
        border-bottom: 1px solid var(--gw-line) !important;
    }

    .garden-orders-workspace .order-col-actions .d-flex {
        flex-wrap: nowrap;
        justify-content: center !important;
    }

    .garden-orders-workspace .action-icon-btn {
        width: 23px;
        height: 23px;
        flex: 0 0 23px;
    }

    .garden-orders-workspace .clickable-cell {
        width: 100%;
        min-height: 34px;
        align-items: center;
        padding: 0;
    }

    .garden-orders-workspace .garden-orders-empty-row {
        display: table-row;
    }

    .garden-orders-workspace .garden-orders-empty-row td {
        display: table-cell !important;
    }
}

@media (max-width: 575px) {
    .garden-orders-workspace .orders-table {
        min-width: 680px !important;
    }

    .garden-orders-filters {
        display: flex;
    }

    .garden-orders-workspace .filter-btn {
        width: auto;
    }

    .garden-orders-workspace .orders-table .order-col-delivery {
        display: none !important;
    }
}

/* The legacy mobile helper enforces a 44px minimum on every button. That is
   useful for forms, but it makes a data table look like a row of large tiles.
   Restore deliberately compact controls inside the orders work surface only. */
@media (max-width: 991px) {
    .garden-orders-panel__header {
        min-height: 48px;
        padding: 9px 14px;
    }

    .garden-orders-panel__header h2 {
        margin: 0;
        font-size: 19px;
    }

    .garden-orders-panel__header p {
        display: none;
    }

    .garden-orders-shortcuts {
        min-height: 36px;
        padding: 3px 12px;
    }

    .garden-orders-workspace .garden-orders-shortcuts a {
        min-width: 0 !important;
        min-height: 28px !important;
        padding: 3px 9px;
        font-size: 14px;
    }

    .garden-orders-toolbar {
        gap: 6px;
        padding: 7px 12px;
    }

    .garden-orders-workspace .order-number {
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
    }

    .garden-orders-workspace .status-badge {
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 24px !important;
        padding: 4px 8px !important;
    }

    .garden-orders-workspace .garden-payment-cell,
    .garden-orders-workspace .garden-delivery-cell {
        width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 32px !important;
        padding: 0 !important;
    }

    .garden-orders-workspace .payment-method-label {
        max-width: 100%;
        overflow: hidden;
        margin-top: 2px;
        color: #6c757d;
        font-size: 13px;
        line-height: 1.15;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .garden-orders-workspace .balance-due {
        max-width: 100%;
        overflow: hidden;
        font-size: 13px;
        line-height: 1.15;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .garden-orders-workspace .action-icon-btn {
        width: 23px !important;
        height: 23px !important;
        min-width: 23px !important;
        min-height: 23px !important;
        flex: 0 0 23px !important;
        padding: 0 !important;
    }

    .garden-orders-workspace .view-toggle button {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        padding: 0 !important;
    }

    .garden-orders-workspace .filter-btn {
        width: auto !important;
        height: 30px !important;
        min-width: 0 !important;
        min-height: 30px !important;
        padding: 4px 8px !important;
        font-size: 13px;
    }

    .garden-orders-workspace #searchInput.form-control {
        height: 32px !important;
        min-height: 32px !important;
        padding: 5px 34px 5px 10px !important;
        font-size: 15px !important;
    }
}

/* --------------------------------------------------------------------------
   Orders modal system
   The orders table is intentionally dense. Its dialogs use the same restrained
   visual language, with a fixed shell and a scrollable working area so actions
   never fall below the viewport.
   -------------------------------------------------------------------------- */

body[data-garden-workspace="preview"] .garden-orders-modal {
    --gom-control-height: 38px;
    color: var(--gw-ink);
    font-family: 'Assistant', 'Noto Sans Hebrew', sans-serif;
}

body[data-garden-workspace="preview"] .garden-orders-modal .modal-dialog {
    width: min(400px, calc(100vw - 24px));
    max-width: 400px !important;
    margin: 12px auto;
}

body[data-garden-workspace="preview"] .garden-order-detail-modal .modal-dialog {
    width: min(740px, calc(100vw - 24px));
    max-width: 740px !important;
}

body[data-garden-workspace="preview"] .garden-status-modal .modal-dialog,
body[data-garden-workspace="preview"] .garden-delivery-modal .modal-dialog {
    width: min(360px, calc(100vw - 24px));
    max-width: 360px !important;
}

body[data-garden-workspace="preview"] .garden-payment-modal .modal-dialog {
    width: min(420px, calc(100vw - 24px));
    max-width: 420px !important;
}

body[data-garden-workspace="preview"] .garden-automation-modal .modal-dialog {
    width: min(480px, calc(100vw - 24px));
    max-width: 480px !important;
}

body[data-garden-workspace="preview"] .garden-orders-modal .modal-content {
    max-height: calc(100dvh - 24px);
    overflow: hidden;
    color: var(--gw-ink);
    background: var(--gw-surface);
    border: 1px solid color-mix(in srgb, var(--gw-moss) 14%, var(--gw-line));
    border-radius: 14px;
    box-shadow: 0 18px 48px rgba(29, 37, 32, 0.18);
}

body[data-garden-workspace="preview"] .garden-orders-modal .modal-header {
    min-height: 52px;
    flex: 0 0 auto;
    padding: 12px 16px;
    background: var(--gw-surface);
    border-bottom: 1px solid var(--gw-line);
}

body[data-garden-workspace="preview"] .garden-orders-modal .modal-title {
    margin: 0;
    color: var(--gw-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.015em;
}

body[data-garden-workspace="preview"] .garden-orders-modal .btn-close {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px;
    opacity: 0.55;
    transition: background-color 140ms ease, opacity 140ms ease;
}

body[data-garden-workspace="preview"] .garden-orders-modal .btn-close:hover {
    background-color: var(--gw-surface-muted);
    opacity: 0.85;
}

body[data-garden-workspace="preview"] .garden-orders-modal .modal-body {
    min-height: 0;
    padding: 16px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: color-mix(in srgb, var(--gw-moss) 28%, transparent) transparent;
    scrollbar-width: thin;
}

body[data-garden-workspace="preview"] .garden-orders-modal .modal-footer {
    min-height: 54px;
    flex: 0 0 auto;
    gap: 8px;
    padding: 10px 16px;
    background: var(--gw-surface-muted);
    border-top: 1px solid var(--gw-line) !important;
}

body[data-garden-workspace="preview"] .garden-orders-modal .btn {
    min-width: 0 !important;
    min-height: 36px !important;
    padding: 7px 12px !important;
    border-radius: 8px;
    font-family: 'Assistant', sans-serif;
    font-size: 15px;
    font-weight: 600;
    box-shadow: none !important;
}

body[data-garden-workspace="preview"] .garden-orders-modal .btn-dark,
body[data-garden-workspace="preview"] .garden-orders-modal .garden-modal-primary {
    color: #ffffff !important;
    background: var(--gw-moss-strong) !important;
    border-color: var(--gw-moss-strong) !important;
}

body[data-garden-workspace="preview"] .garden-orders-modal .btn-dark:hover,
body[data-garden-workspace="preview"] .garden-orders-modal .garden-modal-primary:hover {
    background: color-mix(in srgb, var(--gw-moss-strong) 88%, #000000) !important;
}

body[data-garden-workspace="preview"] .garden-orders-modal .btn-outline-primary,
body[data-garden-workspace="preview"] .garden-orders-modal .btn-outline-success {
    color: var(--gw-moss-strong);
    border-color: color-mix(in srgb, var(--gw-moss) 42%, var(--gw-line));
}

body[data-garden-workspace="preview"] .garden-orders-modal .btn-outline-primary:hover,
body[data-garden-workspace="preview"] .garden-orders-modal .btn-outline-success:hover {
    color: var(--gw-moss-strong);
    background: var(--gw-mint);
    border-color: var(--gw-moss);
}

body[data-garden-workspace="preview"] .garden-orders-modal :is(.form-control, .form-select) {
    height: var(--gom-control-height) !important;
    min-height: var(--gom-control-height) !important;
    padding: 7px 10px !important;
    color: var(--gw-ink);
    background-color: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 8px;
    font-family: 'Assistant', sans-serif;
    font-size: 16px !important;
    box-shadow: none !important;
}

body[data-garden-workspace="preview"] .garden-orders-modal :is(.form-control, .form-select):focus {
    border-color: color-mix(in srgb, var(--gw-moss) 58%, var(--gw-line));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--gw-moss) 13%, transparent) !important;
}

body[data-garden-workspace="preview"] .garden-orders-modal .form-label {
    margin-bottom: 5px;
    color: var(--gw-copy);
    font-size: 14px !important;
    font-weight: 600 !important;
}

/* Order details */
body[data-garden-workspace="preview"] .garden-order-detail-modal .modal-body {
    padding: 14px 18px;
}

body[data-garden-workspace="preview"] .garden-order-detail-modal #modalContent > .d-flex:first-child {
    gap: 7px !important;
    margin-bottom: 12px !important;
}

body[data-garden-workspace="preview"] .garden-order-detail-modal #modalContent > .d-flex:first-child .btn {
    min-height: 34px !important;
    padding-block: 6px !important;
    color: var(--gw-copy);
    background: var(--gw-surface);
    border-color: var(--gw-line);
}

body[data-garden-workspace="preview"] .garden-order-detail-modal #modalContent > .d-flex:first-child .btn:hover {
    color: var(--gw-moss-strong);
    background: var(--gw-mint);
    border-color: color-mix(in srgb, var(--gw-moss) 34%, var(--gw-line));
}

body[data-garden-workspace="preview"] .garden-order-detail-modal #modalContent > .row {
    --bs-gutter-x: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
    margin: 0;
}

body[data-garden-workspace="preview"] .garden-order-detail-modal #modalContent > .row > .col-md-6 {
    width: auto;
    max-width: none;
    padding: 0;
}

body[data-garden-workspace="preview"] .garden-order-detail-modal .info-row {
    min-height: 34px;
    gap: 14px;
    padding: 6px 2px;
    border-bottom: 1px solid var(--gw-line);
}

body[data-garden-workspace="preview"] .garden-order-detail-modal .info-label {
    flex: 0 0 auto;
    color: var(--gw-muted);
    font-size: 13px;
    font-weight: 500;
}

body[data-garden-workspace="preview"] .garden-order-detail-modal .info-value {
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--gw-ink);
    font-size: 14px;
    font-weight: 600;
    text-align: end !important;
}

body[data-garden-workspace="preview"] .garden-order-detail-modal .info-value.clickable {
    margin-block: -2px;
    padding: 3px 8px;
    color: var(--gw-moss-strong);
    background: var(--gw-mint);
    border-color: transparent;
    border-radius: 7px;
}

body[data-garden-workspace="preview"] .garden-order-detail-modal #modalContent > .mt-4 {
    margin-top: 14px !important;
    overflow-x: auto;
}

body[data-garden-workspace="preview"] .garden-order-detail-modal #modalContent > .mt-4 h6 {
    margin-bottom: 7px !important;
    color: var(--gw-copy);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 14px;
}

body[data-garden-workspace="preview"] .garden-order-detail-modal .items-table {
    min-width: 560px;
    margin-bottom: 0;
    color: var(--gw-ink);
    font-size: 13px;
}

body[data-garden-workspace="preview"] .garden-order-detail-modal .items-table th {
    padding: 7px 8px;
    color: var(--gw-muted);
    background: var(--gw-surface-muted);
    border-color: var(--gw-line);
    font-size: 13px;
    font-weight: 700;
}

body[data-garden-workspace="preview"] .garden-order-detail-modal .items-table td {
    padding: 7px 8px;
    border-color: var(--gw-line);
    vertical-align: middle;
}

/* Status and payment choices */
body[data-garden-workspace="preview"] .garden-orders-modal.option-modal .modal-body {
    padding: 13px;
}

body[data-garden-workspace="preview"] .garden-orders-modal .option-btn {
    width: 100%;
    min-width: 0 !important;
    min-height: 46px !important;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    margin: 0 0 7px;
    padding: 7px 10px !important;
    color: var(--gw-ink);
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 9px;
    font-family: 'Assistant', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-align: right;
    box-shadow: none;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

body[data-garden-workspace="preview"] .garden-orders-modal .option-btn:last-child {
    margin-bottom: 0;
}

body[data-garden-workspace="preview"] .garden-orders-modal .option-btn:hover {
    color: var(--gw-moss-strong);
    background: var(--gw-surface-muted);
    border-color: color-mix(in srgb, var(--gw-moss) 38%, var(--gw-line));
}

body[data-garden-workspace="preview"] .garden-orders-modal .option-btn.selected {
    color: #ffffff;
    background: var(--gw-moss-strong);
    border-color: var(--gw-moss-strong);
}

body[data-garden-workspace="preview"] .garden-orders-modal .option-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    background: var(--gw-surface-muted);
    border: 1px solid var(--gw-line);
    border-radius: 8px;
    font-size: 15px;
    filter: saturate(0.7);
}

body[data-garden-workspace="preview"] .garden-orders-modal .option-btn.selected .option-icon {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.18);
}

body[data-garden-workspace="preview"] .garden-orders-modal .option-btn--payment-recovery {
    color: var(--gw-moss-strong) !important;
    background: var(--gw-mint) !important;
    border-color: color-mix(in srgb, var(--gw-moss) 32%, var(--gw-line)) !important;
}

body[data-garden-workspace="preview"] .garden-status-modal .abandoned-status-note {
    margin: 0 4px 10px !important;
    color: var(--gw-muted) !important;
    font-size: 13px;
    line-height: 1.45;
}

body[data-garden-workspace="preview"] .garden-payment-modal #paymentInfo {
    margin-bottom: 10px !important;
    padding: 9px 11px !important;
    color: var(--gw-copy);
    background: var(--gw-mint) !important;
    border: 1px solid color-mix(in srgb, var(--gw-moss) 22%, var(--gw-line));
    border-radius: 9px !important;
    font-size: 14px !important;
    line-height: 1.4;
}

body[data-garden-workspace="preview"] .garden-payment-modal .payment-flow-panel {
    padding: 12px !important;
    background: var(--gw-surface-muted);
    border: 1px solid var(--gw-line) !important;
    border-radius: 10px !important;
}

body[data-garden-workspace="preview"] .garden-payment-modal .payment-flow-panel > .d-flex:first-child {
    margin-bottom: 10px !important;
}

body[data-garden-workspace="preview"] .garden-payment-modal .payment-flow-panel > .d-flex:first-child .btn {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    color: var(--gw-copy);
    background: var(--gw-surface) !important;
    border: 1px solid var(--gw-line);
}

body[data-garden-workspace="preview"] .garden-payment-modal .payment-flow-panel .mb-2 {
    margin-bottom: 8px !important;
}

body[data-garden-workspace="preview"] .garden-payment-modal .payment-flow-panel .mb-3 {
    margin-bottom: 10px !important;
}

/* Delivery */
body[data-garden-workspace="preview"] .garden-delivery-modal .modal-body {
    padding: 14px;
}

body[data-garden-workspace="preview"] .garden-delivery-modal .mb-3 {
    margin-bottom: 12px !important;
}

/* Automation timeline */
body[data-garden-workspace="preview"] .garden-automation-modal .modal-body {
    padding: 6px 0 !important;
}

body[data-garden-workspace="preview"] .garden-automation-modal #automationSteps {
    padding-block: 4px !important;
}

body[data-garden-workspace="preview"] .garden-automation-modal .auto-step {
    min-height: 58px;
    display: flex;
    align-items: flex-start;
    position: relative;
    padding: 9px 18px;
    cursor: pointer;
    transition: background-color 140ms ease;
}

body[data-garden-workspace="preview"] .garden-automation-modal .auto-step:hover {
    background: var(--gw-surface-muted);
}

body[data-garden-workspace="preview"] .garden-automation-modal .auto-step-line {
    width: 1px;
    position: absolute;
    top: 38px;
    right: 31px;
    bottom: -9px;
    background: var(--gw-line);
}

body[data-garden-workspace="preview"] .garden-automation-modal .auto-step:last-child .auto-step-line {
    display: none;
}

body[data-garden-workspace="preview"] .garden-automation-modal .auto-step-check {
    width: 28px;
    height: 28px;
    display: flex;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    z-index: 1;
    margin-left: 12px;
    color: var(--gw-muted);
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 50%;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 600;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

body[data-garden-workspace="preview"] .garden-automation-modal .auto-step.completed .auto-step-check {
    color: #ffffff;
    background: var(--gw-moss);
    border-color: var(--gw-moss);
}

body[data-garden-workspace="preview"] .garden-automation-modal .auto-step.active .auto-step-check {
    color: var(--gw-clay);
    background: var(--gw-clay-soft);
    border-color: color-mix(in srgb, var(--gw-clay) 42%, var(--gw-line));
}

body[data-garden-workspace="preview"] .garden-automation-modal .auto-step-content {
    min-width: 0;
    flex: 1;
    padding-top: 1px;
}

body[data-garden-workspace="preview"] .garden-automation-modal .auto-step-title {
    color: var(--gw-ink);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
}

body[data-garden-workspace="preview"] .garden-automation-modal .auto-step.completed .auto-step-title {
    color: var(--gw-moss-strong);
}

body[data-garden-workspace="preview"] .garden-automation-modal .auto-step-desc {
    margin-top: 2px;
    color: var(--gw-muted);
    font-size: 13px;
    line-height: 1.35;
}

body[data-garden-workspace="preview"] .garden-automation-modal .auto-step-time {
    margin-top: 3px;
    color: color-mix(in srgb, var(--gw-muted) 78%, transparent);
    font-family: 'Inter', sans-serif;
    font-size: 13px;
}

@media (max-width: 575px) {
    body[data-garden-workspace="preview"] .garden-orders-modal .modal-dialog,
    body[data-garden-workspace="preview"] .garden-order-detail-modal .modal-dialog,
    body[data-garden-workspace="preview"] .garden-status-modal .modal-dialog,
    body[data-garden-workspace="preview"] .garden-payment-modal .modal-dialog,
    body[data-garden-workspace="preview"] .garden-delivery-modal .modal-dialog,
    body[data-garden-workspace="preview"] .garden-automation-modal .modal-dialog {
        width: calc(100vw - 16px);
        margin: 8px auto;
    }

    body[data-garden-workspace="preview"] .garden-orders-modal .modal-content {
        max-height: calc(100dvh - 16px);
        border-radius: 12px;
    }

    body[data-garden-workspace="preview"] .garden-order-detail-modal #modalContent > .row {
        grid-template-columns: minmax(0, 1fr);
    }

    body[data-garden-workspace="preview"] .garden-order-detail-modal .modal-body {
        padding-inline: 14px;
    }

    body[data-garden-workspace="preview"] .garden-order-detail-modal #modalContent > .d-flex:first-child .btn {
        padding-inline: 7px !important;
        font-size: 14px;
    }
}

/* --------------------------------------------------------------------------
   Order card / operational record
   The status rail is the signature element: one quiet line answers the four
   questions that determine the next action — value, paid, balance, delivery.
   -------------------------------------------------------------------------- */

.garden-order-view-workspace {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-bottom: 24px;
}

.garden-order-view-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 20px;
    padding: 2px 2px 4px;
}

.garden-order-view-heading {
    min-width: 0;
}

.garden-order-view-back {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 9px;
    color: var(--gw-muted) !important;
    font-size: 14px;
    font-weight: 600;
}

.garden-order-view-back:hover {
    color: var(--gw-moss-strong) !important;
}

.garden-order-view-titleline {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 3px;
}

.garden-order-view-titleline h1 {
    margin: 0;
    color: var(--gw-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: clamp(26px, 2.5vw, 37px);
    font-weight: 600;
    letter-spacing: -0.035em;
}

.garden-order-state {
    min-height: 27px;
    display: inline-flex;
    align-items: center;
    padding: 4px 9px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.garden-order-state.is-delivered {
    color: var(--gw-moss-strong);
    background: var(--gw-mint);
    border-color: color-mix(in srgb, var(--gw-moss) 22%, var(--gw-line));
}

.garden-order-state.is-pending {
    color: #79581f;
    background: var(--gw-harvest-soft);
    border-color: color-mix(in srgb, var(--gw-harvest) 24%, var(--gw-line));
}

.garden-order-state.is-postponed {
    color: #59526f;
    background: #efedf7;
    border-color: #ded9ec;
}

.garden-order-state.is-canceled {
    color: var(--gw-clay);
    background: var(--gw-clay-soft);
    border-color: color-mix(in srgb, var(--gw-clay) 24%, var(--gw-line));
}

.garden-order-view-heading p {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 14px;
    margin: 8px 0 0;
    color: var(--gw-muted);
    font-size: 14px;
}

.garden-order-view-heading p strong {
    color: var(--gw-copy);
    font-weight: 700;
}

.garden-order-view-heading p span {
    position: relative;
}

.garden-order-view-heading p span::before {
    content: '';
    width: 3px;
    height: 3px;
    display: inline-block;
    margin-inline-end: 9px;
    vertical-align: middle;
    background: var(--gw-line);
    border-radius: 50%;
}

.garden-order-view-quick-actions {
    display: flex;
    align-items: center;
    gap: 7px;
}

.garden-order-view-action {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 12px;
    color: var(--gw-copy) !important;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 9px;
    font-size: 14px;
    font-weight: 700;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

.garden-order-view-action:hover {
    color: var(--gw-moss-strong) !important;
    background: var(--gw-mint);
    border-color: color-mix(in srgb, var(--gw-moss) 34%, var(--gw-line));
}

.garden-order-view-action.is-primary {
    color: #ffffff !important;
    background: var(--gw-moss-strong);
    border-color: var(--gw-moss-strong);
}

.garden-order-view-action.is-primary:hover {
    color: #ffffff !important;
    background: color-mix(in srgb, var(--gw-moss-strong) 88%, #000000);
}

.garden-order-pulse {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 12px;
    box-shadow: var(--gw-shadow);
}

.garden-order-pulse article {
    min-width: 0;
    position: relative;
    padding: 12px 16px;
}

.garden-order-pulse article + article {
    border-inline-start: 1px solid var(--gw-line);
}

.garden-order-pulse article::after {
    content: '';
    width: 3px;
    position: absolute;
    inset-block: 12px;
    inset-inline-start: 0;
    background: transparent;
    border-radius: 99px;
}

.garden-order-pulse article.is-positive::after,
.garden-order-pulse article.is-balanced::after {
    background: var(--gw-moss);
}

.garden-order-pulse article.is-attention::after {
    background: var(--gw-clay);
}

.garden-order-pulse span {
    display: block;
    margin-bottom: 3px;
    color: var(--gw-muted);
    font-size: 13px;
    font-weight: 600;
}

.garden-order-pulse strong {
    display: block;
    overflow: hidden;
    color: var(--gw-ink);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-order-pulse strong b {
    margin-inline-end: 3px;
    color: var(--gw-muted);
    font-size: 0.66em;
    font-weight: 600;
}

.garden-order-pulse .is-positive strong,
.garden-order-pulse .is-balanced strong {
    color: var(--gw-moss-strong);
}

.garden-order-pulse .is-attention strong {
    color: var(--gw-clay);
}

.garden-order-view-stack {
    gap: 14px !important;
}

.garden-order-view-tabsbar {
    min-height: 48px;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 5px 7px 5px 9px;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 11px;
    box-shadow: var(--gw-shadow);
}

.garden-order-view-tabsbar .nav {
    gap: 3px;
    margin: 0 !important;
}

.garden-order-view-tabsbar .nav-link {
    min-height: 36px;
    display: flex;
    align-items: center;
    margin: 0 !important;
    padding: 7px 11px !important;
    color: var(--gw-muted) !important;
    border: 0 !important;
    border-radius: 8px;
    font-family: 'Assistant', sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.garden-order-view-tabsbar .nav-link:hover {
    color: var(--gw-copy) !important;
    background: var(--gw-surface-muted);
}

.garden-order-view-tabsbar .nav-link.active {
    color: var(--gw-moss-strong) !important;
    background: var(--gw-mint);
}

.garden-order-view-tabsbar .nav-line-tabs .nav-item .nav-link.active::after,
.garden-order-view-tabsbar .nav-line-tabs .nav-item .nav-link:hover::after {
    display: none !important;
}

.garden-order-view-tabsbar > .d-flex > .btn {
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 6px 10px !important;
    color: var(--gw-copy);
    background: var(--gw-surface-muted) !important;
    border: 1px solid var(--gw-line);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
}

.garden-order-view-tabsbar .menu-sub-dropdown {
    padding-block: 6px !important;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 11px !important;
    box-shadow: 0 14px 34px rgba(29, 37, 32, 0.16);
}

.garden-order-view-tabsbar .menu-sub-dropdown .menu-item {
    padding-inline: 6px !important;
}

.garden-order-view-tabsbar .menu-sub-dropdown .menu-link {
    min-height: 34px;
    padding: 6px 9px !important;
    color: var(--gw-copy) !important;
    border-radius: 7px;
}

.garden-order-view-tabsbar .menu-sub-dropdown .menu-link:hover {
    color: var(--gw-moss-strong) !important;
    background: var(--gw-mint) !important;
}

.garden-order-view-overview {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px !important;
}

.garden-order-view-overview > * {
    width: auto !important;
    min-width: 0;
}

.garden-order-view-workspace .card.card-flush {
    padding: 0 !important;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 12px;
    box-shadow: var(--gw-shadow);
}

.garden-order-view-workspace .card.card-flush > .card-header {
    min-height: 50px;
    padding: 11px 15px;
    background: transparent;
    border-bottom: 1px solid var(--gw-line);
}

.garden-order-view-workspace .card.card-flush > .card-header .card-title {
    margin: 0;
}

.garden-order-view-workspace .card.card-flush > .card-header h2 {
    margin: 0;
    color: var(--gw-ink) !important;
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 16px !important;
    font-weight: 600;
    letter-spacing: -0.012em;
}

.garden-order-view-workspace .card.card-flush > .card-header h2 > i {
    margin-inline-end: 7px !important;
    color: var(--gw-muted) !important;
    font-size: 15px;
}

.garden-order-view-workspace .card.card-flush > .card-body {
    padding: 12px 15px 15px !important;
}

.garden-order-view-workspace .card.card-flush .table-responsive {
    margin: 0;
}

.garden-order-view-workspace .card.card-flush table {
    color: var(--gw-copy);
}

.garden-order-view-workspace .card.card-flush table tr:last-child > * {
    border-bottom: 0;
}

.garden-order-view-workspace .card.card-flush table :is(th, td) {
    padding: 8px 7px;
    border-color: var(--gw-line);
    font-family: 'Assistant', sans-serif;
    font-size: 14px !important;
    line-height: 1.3;
}

.garden-order-view-workspace .card.card-flush table th {
    color: var(--gw-muted) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.garden-order-view-workspace .card.card-flush table td.text-muted,
.garden-order-view-workspace .card.card-flush table .text-muted {
    color: var(--gw-muted) !important;
}

.garden-order-view-workspace .card.card-flush table td.fw-bold,
.garden-order-view-workspace .card.card-flush table .fw-bold {
    color: var(--gw-ink);
}

.garden-order-view-overview .min-w-300px {
    min-width: 0 !important;
}

.garden-order-view-overview table :is(td, th) {
    padding-block: 7px !important;
}

.garden-order-view-overview table i {
    color: var(--gw-muted) !important;
    font-size: 14px !important;
}

.garden-order-view-overview .form-select {
    width: 100% !important;
    min-width: 0 !important;
}

.garden-order-view-workspace .tab-content > .tab-content,
.garden-order-view-workspace .tab-pane > .d-flex,
.garden-order-view-workspace .tab-pane > .d-flex > .d-flex {
    gap: 14px !important;
}

.garden-order-view-workspace .garden-delivery-card .position-absolute.opacity-10,
.garden-order-view-workspace .card .position-absolute.opacity-10 {
    display: none !important;
}

.garden-order-view-workspace .garden-delivery-card {
    border-inline-start: 3px solid color-mix(in srgb, var(--gw-moss) 55%, var(--gw-line));
}

.garden-order-view-workspace .garden-order-items-card .table-responsive {
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--gw-moss) 25%, transparent) transparent;
}

.garden-order-view-workspace .garden-order-items-card table {
    min-width: 790px;
}

.garden-order-view-workspace .garden-order-items-card tbody tr:hover {
    background: var(--gw-surface-muted);
}

.garden-order-view-workspace .garden-order-items-card .editable-cost,
.garden-order-view-workspace .garden-order-items-card .editable-price,
.garden-order-view-workspace .garden-order-items-card .editable-discount {
    color: var(--gw-moss-strong);
    text-decoration: underline dotted color-mix(in srgb, var(--gw-moss) 45%, transparent);
    text-underline-offset: 3px;
}

.garden-order-view-workspace .badge {
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 13px !important;
    font-weight: 700;
}

.garden-order-view-workspace .badge-light-success,
.garden-order-view-workspace .badge-success {
    color: var(--gw-moss-strong);
    background: var(--gw-mint);
}

.garden-order-view-workspace .badge-light-danger,
.garden-order-view-workspace .badge-danger {
    color: var(--gw-clay);
    background: var(--gw-clay-soft);
}

.garden-order-view-workspace .alert {
    margin-bottom: 10px;
    padding: 9px 11px !important;
    color: var(--gw-copy);
    background: var(--gw-surface-muted);
    border: 1px solid var(--gw-line);
    border-radius: 9px;
    font-size: 14px;
}

.garden-order-view-workspace :is(.form-control, .form-select) {
    min-height: 38px !important;
    padding: 7px 9px !important;
    color: var(--gw-ink);
    background-color: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 8px;
    font-family: 'Assistant', sans-serif;
    font-size: 14px !important;
    box-shadow: none !important;
}

.garden-order-view-workspace :is(.form-control, .form-select):focus {
    border-color: color-mix(in srgb, var(--gw-moss) 55%, var(--gw-line));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--gw-moss) 13%, transparent) !important;
}

.garden-order-view-workspace textarea.form-control {
    min-height: 70px !important;
}

.garden-order-view-workspace .card .btn {
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 6px 10px !important;
    border-radius: 8px;
    font-family: 'Assistant', sans-serif;
    font-size: 14px;
    font-weight: 700;
    box-shadow: none !important;
}

.garden-order-view-workspace .card .btn-success,
.garden-order-view-workspace .card .btn-primary {
    color: #ffffff !important;
    background: var(--gw-moss-strong) !important;
    border-color: var(--gw-moss-strong) !important;
}

.garden-order-view-workspace .card .btn-light {
    color: var(--gw-copy);
    background: var(--gw-surface-muted) !important;
    border: 1px solid var(--gw-line);
}

.garden-order-view-workspace .card .btn-danger {
    color: #ffffff;
    background: var(--gw-clay) !important;
    border-color: var(--gw-clay) !important;
}

.garden-order-view-workspace .garden-collection-card {
    border-inline-start: 3px solid var(--gw-clay) !important;
}

.garden-order-view-workspace .garden-audit-card .card-body > .d-flex,
.garden-order-view-workspace .garden-collection-card .card-body > .d-flex {
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--gw-moss) 25%, transparent) transparent;
}

.garden-order-view-workspace .garden-photos-card form {
    flex-wrap: wrap;
}

.garden-order-view-workspace .garden-payments-card {
    margin-top: 0 !important;
}

.garden-order-view-workspace .garden-payments-card #paymentsTable {
    min-width: 670px;
}

.garden-order-view-workspace .garden-payments-card tfoot tr:first-child td {
    border-top: 1px solid var(--gw-line) !important;
}

body[data-garden-workspace="preview"] .garden-add-payment-modal .modal-dialog,
body[data-garden-workspace="preview"] .garden-delivery-note-modal .modal-dialog {
    width: min(500px, calc(100vw - 24px));
    max-width: 500px !important;
}

body[data-garden-workspace="preview"] .garden-orders-modal .form-check {
    padding: 9px 10px;
    background: var(--gw-surface-muted);
    border: 1px solid var(--gw-line);
    border-radius: 8px;
}

body[data-garden-workspace="preview"] .garden-orders-modal .form-check-input {
    margin-top: 2px;
}

body[data-garden-workspace="preview"] .garden-orders-modal .form-check-label {
    color: var(--gw-copy);
    font-size: 14px;
    line-height: 1.45;
}

body[data-garden-workspace="preview"] .garden-add-payment-modal .pay-method-btn.active {
    color: #ffffff;
    background: var(--gw-moss-strong);
    border-color: var(--gw-moss-strong);
}

body[data-garden-workspace="preview"] .garden-add-payment-modal .pay-method-btn {
    min-height: 34px !important;
    padding: 6px 9px !important;
    color: var(--gw-copy);
    background: var(--gw-surface);
    border-color: var(--gw-line);
}

body[data-garden-workspace="preview"] .garden-add-payment-modal .pay-method-btn:hover {
    color: var(--gw-moss-strong);
    background: var(--gw-mint);
    border-color: color-mix(in srgb, var(--gw-moss) 34%, var(--gw-line));
}

body[data-garden-workspace="preview"] .garden-add-payment-modal .modal-footer .btn-success,
body[data-garden-workspace="preview"] .garden-delivery-note-modal .modal-footer .btn-success {
    color: #ffffff !important;
    background: var(--gw-moss-strong) !important;
    border-color: var(--gw-moss-strong) !important;
}

@media (max-width: 991px) {
    .garden-order-view-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-order-view-overview .garden-document-card {
        grid-column: 1 / -1;
    }

    .garden-order-view-workspace .card .btn,
    .garden-order-view-tabsbar > .d-flex > .btn {
        min-height: 34px !important;
    }
}

@media (max-width: 767px) {
    .garden-order-view-header {
        gap: 12px;
    }

    .garden-order-view-action {
        min-height: 36px;
        padding-inline: 9px;
        font-size: 14px;
    }

    .garden-order-pulse article {
        padding: 10px 11px;
    }

    .garden-order-pulse strong {
        font-size: 16px;
    }

    .garden-order-view-workspace .card.card-flush > .card-header {
        min-height: 46px;
        padding: 9px 12px;
    }

    .garden-order-view-workspace .card.card-flush > .card-body {
        padding: 10px 12px 12px !important;
    }
}

@media (max-width: 575px) {
    .garden-order-view-header {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
    }

    .garden-order-view-quick-actions {
        width: 100%;
    }

    .garden-order-view-action {
        flex: 1 1 0;
    }

    .garden-order-pulse {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-order-pulse article:nth-child(3) {
        border-inline-start: 0;
        border-top: 1px solid var(--gw-line);
    }

    .garden-order-pulse article:nth-child(4) {
        border-top: 1px solid var(--gw-line);
    }

    .garden-order-view-tabsbar {
        align-items: center;
    }

    .garden-order-view-tabsbar .nav-link {
        padding-inline: 8px !important;
        font-size: 13px;
    }

    .garden-order-view-overview {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-order-view-overview .garden-document-card {
        grid-column: auto;
    }
}

/* Order card restraint pass: the three introductory cards are one information
   surface. Their former titles repeated what the field labels already say. */
.garden-order-view-workspace .garden-order-view-overview {
    gap: 0 !important;
    overflow: hidden;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 12px;
    box-shadow: var(--gw-shadow);
}

.garden-order-view-workspace .garden-order-view-overview > .card.card-flush {
    min-height: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.garden-order-view-workspace .garden-order-view-overview > .card.card-flush + .card.card-flush {
    border-inline-start: 1px solid var(--gw-line);
}

.garden-order-view-workspace .garden-order-view-overview > .card.card-flush > .card-header {
    display: none;
}

.garden-order-view-workspace .garden-order-view-overview > .card.card-flush > .card-body {
    padding: 9px 14px !important;
}

.garden-order-view-workspace .garden-order-view-overview table :is(td, th) {
    height: 33px;
    padding: 5px 4px !important;
}

.garden-order-view-workspace .garden-order-summary-card .form-select {
    width: auto !important;
    max-width: 132px;
    height: 30px !important;
    min-width: 104px !important;
    min-height: 30px !important;
    padding: 3px 9px 3px 28px !important;
    border-radius: 7px;
    font-size: 13px !important;
}

@media (max-width: 991px) {
    .garden-order-view-workspace .garden-order-view-overview .garden-document-card {
        border-inline-start: 0 !important;
        border-top: 1px solid var(--gw-line) !important;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .garden-order-view-workspace .garden-order-view-overview {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .garden-order-view-workspace .garden-order-view-overview .garden-document-card {
        grid-column: auto;
        border-top: 0 !important;
        border-inline-start: 1px solid var(--gw-line) !important;
    }
}

@media (max-width: 575px) {
    .garden-order-view-workspace .garden-order-view-overview > .card.card-flush + .card.card-flush {
        border-inline-start: 0;
        border-top: 1px solid var(--gw-line);
    }
}

/* One source of truth for order metadata. Money stays in the pulse rail and
   delivery stays in the delivery section; this strip only holds identity and
   ownership fields. */
.garden-order-essentials {
    overflow: hidden;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 12px;
    box-shadow: var(--gw-shadow);
}

.garden-order-view-workspace .garden-order-view-overview.d-none {
    display: none !important;
}

.garden-order-essentials dl {
    display: grid;
    grid-template-columns: 0.85fr 1.35fr 0.85fr 1fr 0.85fr;
    margin: 0;
}

.garden-order-essential {
    min-width: 0;
    padding: 10px 12px;
}

.garden-order-essential + .garden-order-essential {
    border-inline-start: 1px solid var(--gw-line);
}

.garden-order-essential dt {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
    color: var(--gw-muted);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}

.garden-order-essential dt i {
    width: 12px;
    color: color-mix(in srgb, var(--gw-moss) 65%, var(--gw-muted));
    font-size: 13px;
    text-align: center;
}

.garden-order-essential dd {
    min-width: 0;
    overflow: hidden;
    margin: 0;
    color: var(--gw-ink);
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-order-essential.is-email dd {
    direction: ltr;
    color: var(--gw-copy);
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
}

.garden-order-essential.is-document a {
    color: var(--gw-moss-strong) !important;
    text-decoration: underline dotted color-mix(in srgb, var(--gw-moss) 45%, transparent) !important;
    text-underline-offset: 3px;
}

.garden-order-view-workspace .garden-order-essential .form-select {
    width: 100% !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 3px 8px 3px 26px !important;
    border-radius: 7px;
    font-size: 13px !important;
}

@media (max-width: 767px) {
    .garden-order-essential {
        padding: 8px 9px;
    }

    .garden-order-essential dt {
        font-size: 13px;
    }

    .garden-order-essential dd {
        font-size: 13px;
    }

    .garden-order-essential.is-email dd {
        font-size: 13px;
    }
}

@media (max-width: 575px) {
    .garden-order-essentials dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-order-essential:nth-child(odd) {
        border-inline-start: 0;
    }

    .garden-order-essential:nth-child(n + 3) {
        border-top: 1px solid var(--gw-line);
    }

    .garden-order-essential.is-document {
        grid-column: 1 / -1;
    }
}

/* Empty workflow sections are operational rows, not full-size content cards. */
.garden-order-view-workspace .garden-photos-card.is-empty,
.garden-order-view-workspace .garden-payments-card.is-summary-only {
    min-height: 52px;
    margin-top: 10px !important;
    padding: 0 !important;
    display: grid;
    align-items: stretch;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(31, 43, 36, 0.04);
}

.garden-order-view-workspace .garden-photos-card.is-empty {
    grid-template-columns: 220px minmax(0, 1fr);
}

.garden-order-view-workspace .garden-payments-card.is-summary-only {
    grid-template-columns: 195px minmax(0, 1fr);
}

.garden-order-view-workspace .garden-photos-card.is-empty > .card-header,
.garden-order-view-workspace .garden-payments-card.is-summary-only > .card-header {
    min-height: 52px !important;
    padding: 7px 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px;
    border-bottom: 0 !important;
    border-inline-end: 1px solid var(--gw-line);
}

.garden-order-view-workspace .garden-photos-card.is-empty > .card-header .card-title,
.garden-order-view-workspace .garden-payments-card.is-summary-only > .card-header .card-title {
    flex: 0 0 auto;
    margin: 0;
}

.garden-order-view-workspace .garden-photos-card.is-empty > .card-header h2,
.garden-order-view-workspace .garden-payments-card.is-summary-only > .card-header h2 {
    font-size: 14px !important;
    white-space: nowrap;
}

.garden-order-view-workspace .garden-photos-card.is-empty > .card-header .card-toolbar,
.garden-order-view-workspace .garden-payments-card.is-summary-only > .card-header > .btn {
    margin-inline-start: auto;
}

.garden-order-view-workspace .garden-photos-card.is-empty > .card-header .btn,
.garden-order-view-workspace .garden-payments-card.is-summary-only > .card-header > .btn {
    height: 30px !important;
    min-height: 30px !important;
    padding: 5px 8px !important;
    font-size: 13px !important;
    white-space: nowrap;
}

.garden-order-view-workspace .garden-photos-card.is-empty > .card-body,
.garden-order-view-workspace .garden-payments-card.is-summary-only > .card-body {
    min-width: 0;
    min-height: 0;
    padding: 9px !important;
    align-self: center;
}

.garden-order-view-workspace .garden-photos-card.is-empty > .card-body > p {
    display: none !important;
}

.garden-order-view-workspace .garden-photos-card.is-empty form {
    width: 100%;
    min-width: 0;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px !important;
}

.garden-order-view-workspace .garden-photos-card.is-empty input[type="file"] {
    width: 100%;
    max-width: none !important;
    min-width: 0;
    height: 32px !important;
    min-height: 32px !important;
    padding: 4px 6px !important;
    font-size: 13px !important;
}

.garden-order-view-workspace .garden-photos-card.is-empty form .btn {
    height: 32px !important;
    min-height: 32px !important;
    padding: 5px 9px !important;
    font-size: 13px !important;
}

.garden-order-view-workspace .garden-payments-card.is-summary-only .table-responsive {
    overflow: visible;
}

.garden-order-view-workspace .garden-payments-card.is-summary-only #paymentsTable {
    min-width: 0;
}

.garden-order-view-workspace .garden-payments-card.is-summary-only #paymentsTable thead,
.garden-order-view-workspace .garden-payments-card.is-summary-only #paymentsTable tfoot {
    display: none;
}

.garden-order-view-workspace .garden-payments-card.is-summary-only #noPaymentsRow td {
    padding: 7px 9px !important;
    color: var(--gw-copy) !important;
    background: color-mix(in srgb, var(--gw-mint) 62%, white);
    border: 0;
    border-radius: 7px;
    font-size: 13px !important;
    text-align: right !important;
}

@media (max-width: 575px) {
    .garden-order-view-workspace .garden-photos-card.is-empty,
    .garden-order-view-workspace .garden-payments-card.is-summary-only {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-order-view-workspace .garden-photos-card.is-empty > .card-header,
    .garden-order-view-workspace .garden-payments-card.is-summary-only > .card-header {
        border-inline-end: 0;
        border-bottom: 1px solid var(--gw-line) !important;
    }
}

/* Delivery workflow: use the address card's spare width for the two related
   operational actions. Detailed histories still expand to a full-width row. */
.garden-order-view-workspace .garden-delivery-workflow {
    display: grid;
    grid-template-columns: minmax(300px, 1.15fr) minmax(270px, 0.85fr);
    align-items: stretch;
    gap: 10px;
    min-width: 0;
}

.garden-order-view-workspace .garden-delivery-workflow > .garden-delivery-card {
    width: 100%;
    height: 100%;
    min-width: 0;
    margin: 0;
}

.garden-order-view-workspace .garden-order-quick-ops {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 10px;
    min-width: 0;
}

.garden-order-view-workspace .garden-order-quick-ops > .card {
    width: 100%;
    height: 100%;
    min-width: 0;
    margin: 0 !important;
}

.garden-order-view-workspace .garden-order-quick-ops .garden-photos-card.is-empty,
.garden-order-view-workspace .garden-order-quick-ops .garden-payments-card.is-summary-only {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 42px minmax(42px, 1fr);
    border-radius: 10px;
}

.garden-order-view-workspace .garden-order-quick-ops .garden-photos-card.is-empty > .card-header,
.garden-order-view-workspace .garden-order-quick-ops .garden-payments-card.is-summary-only > .card-header {
    min-height: 42px !important;
    padding: 6px 9px !important;
    border-inline-end: 0;
    border-bottom: 1px solid var(--gw-line) !important;
}

.garden-order-view-workspace .garden-order-quick-ops .garden-photos-card.is-empty > .card-body,
.garden-order-view-workspace .garden-order-quick-ops .garden-payments-card.is-summary-only > .card-body {
    width: 100%;
    padding: 6px 8px !important;
    align-self: center;
}

.garden-order-view-workspace .garden-order-quick-ops .garden-photos-card.is-empty input[type="file"],
.garden-order-view-workspace .garden-order-quick-ops .garden-photos-card.is-empty form .btn {
    height: 30px !important;
    min-height: 30px !important;
}

.garden-order-view-workspace .garden-order-quick-ops .garden-payments-card.is-summary-only #noPaymentsRow td {
    padding: 5px 7px !important;
    line-height: 1.35;
}

.garden-order-view-workspace .garden-delivery-workflow.has-expanded-ops {
    grid-template-columns: minmax(0, 1fr);
}

.garden-order-view-workspace .garden-delivery-workflow.has-expanded-ops .garden-order-quick-ops {
    grid-template-rows: none;
    grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 619px) {
    .garden-order-view-workspace .garden-delivery-workflow {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-order-view-workspace .garden-order-quick-ops {
        grid-template-rows: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 439px) {
    .garden-order-view-workspace .garden-order-quick-ops {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* --------------------------------------------------------------------------
   New order workbench
   A fast POS-style flow: catalog + live cart, then customer/payment/delivery.
   -------------------------------------------------------------------------- */
.garden-addorder-workspace {
    --ga-rail: #edf2ee;
    --ga-soft: #f7f9f7;
    max-width: none;
    color: var(--gw-copy);
}

.garden-addorder-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 28px;
    margin-bottom: 16px;
}

.garden-addorder-header h1 {
    margin: 6px 0 3px;
    color: var(--gw-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: clamp(28px, 2.3vw, 39px);
    font-weight: 800;
    letter-spacing: -0.04em;
}

.garden-addorder-header p {
    margin: 0;
    color: var(--gw-muted);
    font-size: 15px;
}

.garden-addorder-steps {
    min-width: min(390px, 42vw);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    padding: 5px;
    list-style: none;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 11px;
    box-shadow: 0 7px 20px rgba(31, 43, 36, 0.04);
}

.garden-addorder-steps li {
    min-width: 0;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 6px 8px;
    color: var(--gw-muted);
    border-inline-start: 1px solid var(--gw-line);
    font-size: 13px;
}

.garden-addorder-steps li:last-child {
    border-inline-start: 0;
}

.garden-addorder-steps li span {
    width: 21px;
    height: 21px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    color: var(--gw-copy);
    background: var(--ga-rail);
    border-radius: 50%;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 800;
}

.garden-addorder-steps li.is-active {
    color: var(--gw-ink);
    background: var(--gw-mint);
    border-radius: 8px;
}

.garden-addorder-steps li.is-active span {
    color: #fff;
    background: var(--gw-moss-strong);
}

.garden-addorder-workspace #kt_ecommerce_edit_order_form {
    gap: 14px;
}

.garden-addorder-commerce {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(310px, 0.72fr);
    align-items: start;
    gap: 14px;
}

.garden-addorder-workspace .garden-product-browser {
    min-width: 0;
    gap: 10px !important;
}

.garden-addorder-workspace .garden-product-browser > .flex-grow-1 {
    min-width: 0;
}

.garden-addorder-workspace .card {
    border: 1px solid var(--gw-line);
    border-radius: 11px;
    box-shadow: 0 8px 24px rgba(31, 43, 36, 0.045);
}

.garden-addorder-workspace .card > .card-header {
    min-height: 48px !important;
    padding: 8px 12px !important;
    border-bottom: 1px solid var(--gw-line);
}

.garden-addorder-workspace .card > .card-header h1,
.garden-addorder-workspace .card > .card-header h2 {
    margin: 0;
    color: var(--gw-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 17px;
    font-weight: 750;
    letter-spacing: -0.02em;
}

.garden-addorder-workspace .card > .card-body {
    height: auto;
    padding: 12px !important;
}

.garden-addorder-workspace #categoryCard {
    padding: 0 !important;
    overflow: hidden;
}

.garden-addorder-workspace #categoryBody {
    padding: 8px !important;
}

.garden-addorder-workspace .category-slider {
    gap: 5px;
}

.garden-addorder-workspace .category-slider .btn {
    min-height: 31px !important;
    padding: 5px 8px !important;
    font-size: 13px !important;
    border-radius: 7px;
}

.garden-addorder-workspace .d-block.d-md-none > .btn[onclick="toggleCategoryFilter()"] {
    min-height: 36px !important;
    padding: 7px 11px !important;
    color: var(--gw-moss-strong) !important;
    background: var(--gw-surface) !important;
    border: 1px solid color-mix(in srgb, var(--gw-moss) 28%, var(--gw-line)) !important;
    font-size: 14px !important;
}

.garden-addorder-workspace .garden-products-card {
    min-width: 0;
    padding: 0 !important;
    overflow: hidden;
}

.garden-addorder-workspace .garden-products-card > .card-header > .d-flex {
    display: grid !important;
    grid-template-columns: minmax(170px, 1fr) auto;
    align-items: center;
    gap: 8px;
}

.garden-addorder-workspace .garden-products-card .search-bar {
    margin: 0 !important;
}

.garden-addorder-workspace .garden-products-card #productSearch {
    height: 35px !important;
    min-height: 35px !important;
    padding: 6px 10px !important;
    color: var(--gw-ink);
    background: var(--ga-soft);
    border-color: var(--gw-line);
    border-radius: 8px !important;
    font-size: 14px !important;
}

.garden-addorder-workspace .garden-products-card > .card-header .btn {
    min-height: 33px !important;
    margin: 0 5px 0 0 !important;
    padding: 6px 9px !important;
    font-size: 13px !important;
    white-space: nowrap;
    border-radius: 7px;
}

.garden-addorder-workspace .garden-products-card > .card-header .btn-primary,
.garden-addorder-workspace .garden-products-card > .card-header .btn-secondary {
    color: var(--gw-copy) !important;
    background: var(--gw-surface) !important;
    border-color: var(--gw-line) !important;
}

.garden-addorder-workspace #loadingSpinner {
    height: 110px !important;
}

.garden-addorder-workspace #productGrid {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 365px !important;
    gap: 8px !important;
    padding: 1px 2px 1px 5px;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--gw-moss) 25%, transparent) transparent;
}

.garden-addorder-workspace #productGrid > .product-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.garden-addorder-workspace #productGrid > .product-card > .card {
    min-height: 154px;
    background: var(--gw-surface);
    border-color: var(--gw-line);
    border-radius: 9px;
    box-shadow: none;
    transition: border-color 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}

.garden-addorder-workspace #productGrid > .product-card > .card:hover {
    border-color: color-mix(in srgb, var(--gw-moss) 40%, var(--gw-line));
    box-shadow: 0 7px 18px rgba(47, 82, 61, 0.08);
    transform: translateY(-1px);
}

.garden-addorder-workspace #productGrid .product-card .card-body {
    min-height: 152px;
    gap: 3px;
    padding: 10px 8px !important;
}

.garden-addorder-workspace #productGrid .product-image {
    width: 52px !important;
    height: 52px !important;
    margin-bottom: 4px !important;
    object-fit: cover;
    border-radius: 8px;
}

.garden-addorder-workspace #productGrid .symbol-label {
    width: 48px !important;
    height: 48px !important;
    margin-bottom: 4px !important;
    border-radius: 50%;
    font-size: 18px !important;
}

.garden-addorder-workspace #productGrid h4 {
    min-height: 30px;
    margin: 2px 0 0;
    color: var(--gw-ink);
    font-size: 13px !important;
    line-height: 1.25;
}

.garden-addorder-workspace #productGrid .fw-semibold {
    color: var(--gw-copy);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 13px;
}

.garden-addorder-workspace #productGrid .availability-badge .badge {
    margin-top: 2px !important;
    padding: 3px 6px !important;
    font-size: 13px !important;
    border-radius: 999px !important;
}

.garden-addorder-workspace #productGrid .mt-3 {
    margin-top: 5px !important;
}

.garden-addorder-workspace #productGrid .btn {
    width: 100%;
    min-height: 29px !important;
    padding: 5px 8px !important;
    color: var(--gw-moss-strong) !important;
    background: var(--gw-mint) !important;
    border: 1px solid color-mix(in srgb, var(--gw-moss) 20%, var(--gw-line)) !important;
    font-size: 13px !important;
    font-weight: 750;
    border-radius: 7px;
}

.garden-addorder-workspace .garden-cart-card {
    position: sticky;
    top: 12px;
    min-width: 0;
    margin-top: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

.garden-addorder-workspace .garden-cart-card > .card-header .btn {
    min-height: 29px !important;
    padding: 5px 8px !important;
    font-size: 13px !important;
}

.garden-addorder-workspace .garden-cart-card > .card-body > .d-flex {
    gap: 8px !important;
}

.garden-addorder-workspace .garden-cart-card:has(#cartBody:empty) .table-responsive {
    display: none;
}

.garden-addorder-workspace .garden-cart-card:has(#cartBody:empty) > .card-body::before {
    content: 'הסל ריק · בחרו מוצר מהקטלוג כדי להתחיל';
    display: block;
    margin-bottom: 8px;
    padding: 10px;
    color: var(--gw-muted);
    background: var(--ga-soft);
    border: 1px dashed color-mix(in srgb, var(--gw-moss) 25%, var(--gw-line));
    border-radius: 8px;
    font-size: 13px;
    text-align: center;
}

.garden-addorder-workspace .garden-cart-card .table-responsive {
    max-height: 330px;
    overflow: auto;
}

.garden-addorder-workspace #cartTable {
    min-width: 560px;
    margin: 0;
    table-layout: auto;
}

.garden-addorder-workspace #cartTable th,
.garden-addorder-workspace #cartTable td {
    padding: 7px 6px !important;
    font-size: 13px !important;
}

.garden-addorder-workspace .garden-cart-card .summary-card {
    margin-top: 0 !important;
    padding: 9px 10px !important;
    background: var(--gw-mint) !important;
    border-color: color-mix(in srgb, var(--gw-moss) 18%, var(--gw-line)) !important;
    border-radius: 8px !important;
}

.garden-addorder-workspace .garden-cart-card .summary-card > div {
    margin-bottom: 4px !important;
}

.garden-addorder-workspace .garden-cart-card .summary-card hr {
    margin: 6px 0 !important;
    border-color: color-mix(in srgb, var(--gw-moss) 18%, var(--gw-line));
}

.garden-addorder-workspace .garden-cart-card #totalOrder {
    font-size: 22px !important;
}

.garden-addorder-workspace .garden-order-details-card {
    margin-top: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

.garden-addorder-workspace .garden-order-details-card > .card-body {
    padding: 12px !important;
}

.garden-addorder-workspace .garden-order-details {
    max-width: none !important;
    display: grid !important;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 10px !important;
}

.garden-addorder-workspace .garden-order-form-section {
    min-width: 0;
    padding: 12px;
    background: var(--ga-soft);
    border: 1px solid var(--gw-line);
    border-radius: 9px;
}

.garden-addorder-workspace .garden-order-form-section.is-customer {
    grid-column: 1 / -1;
}

.garden-addorder-workspace .garden-order-form-section h4 {
    margin: 0 0 10px !important;
    color: var(--gw-ink) !important;
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 15px !important;
    font-weight: 750 !important;
}

.garden-addorder-workspace .garden-order-form-section h4 i {
    color: var(--gw-moss) !important;
}

.garden-addorder-workspace .garden-order-form-section > .d-flex {
    gap: 9px !important;
}

.garden-addorder-workspace .garden-order-form-section .form-label {
    margin-bottom: 4px !important;
    color: var(--gw-muted);
    font-size: 13px !important;
    font-weight: 700 !important;
}

.garden-addorder-workspace .garden-order-form-section .form-control,
.garden-addorder-workspace .garden-order-form-section .form-select {
    min-width: 0;
    height: 35px !important;
    min-height: 35px !important;
    padding: 6px 9px !important;
    color: var(--gw-ink);
    background-color: var(--gw-surface);
    border-color: var(--gw-line);
    border-radius: 7px;
    font-size: 13px !important;
}

.garden-addorder-workspace .garden-order-form-section textarea.form-control {
    height: 58px !important;
    min-height: 58px !important;
    resize: vertical;
}

.garden-addorder-workspace .garden-order-form-section #btnShipping,
.garden-addorder-workspace .garden-order-form-section #btnPickup {
    min-height: 35px !important;
    padding: 7px 12px !important;
    font-size: 13px !important;
    border-width: 1px !important;
    border-radius: 7px;
}

.garden-addorder-workspace #deliveryFieldsV .separator {
    margin: 12px 0 !important;
}

.garden-addorder-workspace #deliveryFieldsV h4 {
    margin-bottom: 9px !important;
}

.garden-addorder-workspace #deliveryFieldsV > .d-flex {
    margin-bottom: 9px !important;
    gap: 8px !important;
}

.garden-addorder-submitbar {
    position: sticky;
    bottom: 10px;
    z-index: 20;
    align-items: center;
    gap: 8px;
    margin-top: 0 !important;
    padding: 8px;
    background: color-mix(in srgb, var(--gw-surface) 94%, transparent);
    border: 1px solid var(--gw-line);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(31, 43, 36, 0.12);
    backdrop-filter: blur(10px);
}

.garden-addorder-submitbar .btn {
    min-height: 36px !important;
    margin: 0 !important;
    padding: 7px 13px !important;
    font-size: 14px !important;
    border-radius: 8px;
}

.garden-addorder-submitbar #kt_ecommerce_edit_order_submit {
    color: #fff !important;
    background: var(--gw-moss-strong) !important;
    border-color: var(--gw-moss-strong) !important;
}

.garden-addorder-workspace :is(button, a, input, select, textarea):focus-visible {
    outline: 3px solid color-mix(in srgb, var(--gw-moss) 28%, transparent);
    outline-offset: 2px;
}

@media (max-width: 1199px) {
    .garden-addorder-commerce {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-addorder-workspace .garden-cart-card {
        position: static;
    }
}

@media (max-width: 899px) {
    .garden-addorder-header {
        grid-template-columns: minmax(0, 1fr);
        gap: 11px;
    }

    .garden-addorder-steps {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 767px) {
    .garden-addorder-workspace .garden-product-browser {
        gap: 0 !important;
    }

    .garden-addorder-workspace .garden-product-browser > .d-block.d-md-none {
        margin-bottom: 8px !important;
    }

    .garden-addorder-workspace .garden-products-card > .card-header > .d-flex {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .garden-addorder-workspace .garden-products-card > .card-header .btn {
        padding-inline: 7px !important;
        font-size: 13px !important;
    }

    .garden-addorder-workspace .garden-order-details {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-addorder-workspace .garden-order-form-section.is-customer {
        grid-column: auto;
    }
}

@media (max-width: 575px) {
    .garden-addorder-header p {
        font-size: 14px;
    }

    .garden-addorder-steps li {
        gap: 4px;
        padding-inline: 4px;
        font-size: 13px;
    }

    .garden-addorder-steps li span {
        width: 18px;
        height: 18px;
        font-size: 13px;
    }

    .garden-addorder-workspace .garden-products-card > .card-header > .d-flex {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-addorder-workspace .garden-products-card > .card-header .d-flex.flex-nowrap {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px;
    }

    .garden-addorder-workspace .garden-products-card > .card-header .btn {
        width: 100%;
        margin: 0 !important;
    }

    .garden-addorder-workspace .garden-order-form-section > .d-flex {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-addorder-submitbar {
        justify-content: stretch !important;
    }

    .garden-addorder-submitbar .btn {
        flex: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-addorder-workspace #productGrid > .product-card > .card {
        transition: none;
    }
}

@media (min-width: 600px) {
    .garden-addorder-workspace .garden-order-form-section > .d-flex.flex-column.flex-md-row {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
        gap: 9px !important;
    }

    .garden-addorder-workspace .garden-order-form-section.is-customer > .d-flex {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .garden-addorder-workspace .garden-order-form-section.is-payment > .d-flex {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-addorder-workspace #deliveryFieldsV > .d-flex.flex-column.flex-md-row {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 8px !important;
    }
}

/* --------------------------------------------------------------------------
   Edit order workbench
   A change-oriented layout: related fields share width, summaries stay quiet.
   -------------------------------------------------------------------------- */
.garden-edit-order-workspace {
    max-width: none;
    color: var(--gw-copy);
}

.garden-edit-order-workspace #kt_app_main,
.garden-edit-order-workspace #kt_app_main > .d-flex,
.garden-edit-order-workspace #kt_app_content,
.garden-edit-order-workspace #kt_app_content_container {
    width: 100%;
    max-width: none !important;
    display: block;
    padding: 0 !important;
}

.garden-edit-order-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 24px;
    margin-bottom: 14px;
}

.garden-edit-order-header h1 {
    margin: 6px 0 3px;
    color: var(--gw-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: clamp(26px, 2.2vw, 36px);
    font-weight: 800;
    letter-spacing: -0.04em;
}

.garden-edit-order-header p {
    margin: 0;
    color: var(--gw-muted);
    font-size: 14px;
}

.garden-edit-order-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(105px, 1fr));
    min-width: 350px;
    overflow: hidden;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 10px;
    box-shadow: 0 7px 20px rgba(31, 43, 36, 0.04);
}

.garden-edit-order-summary span {
    min-width: 0;
    padding: 9px 11px;
    border-inline-start: 1px solid var(--gw-line);
}

.garden-edit-order-summary span:last-child {
    border-inline-start: 0;
}

.garden-edit-order-summary small,
.garden-edit-order-summary strong {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.garden-edit-order-summary small {
    margin-bottom: 2px;
    color: var(--gw-muted);
    font-size: 13px;
    font-weight: 700;
}

.garden-edit-order-summary strong {
    color: var(--gw-ink);
    font-size: 14px;
    font-weight: 750;
}

.garden-edit-order-workspace .alert {
    margin-bottom: 10px;
    padding: 9px 11px;
    border-radius: 9px;
    font-size: 14px;
}

.garden-edit-order-grid {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 10px;
    margin: 0 !important;
}

.garden-edit-order-grid > .garden-edit-section {
    width: auto;
    max-width: none;
    min-width: 0;
    flex: none;
    padding: 0;
}

.garden-edit-order-grid > .is-customer,
.garden-edit-order-grid > .is-status {
    grid-column: span 6;
}

.garden-edit-order-grid > .is-delivery {
    grid-column: span 8;
}

.garden-edit-order-grid > .is-payment {
    grid-column: span 4;
}

.garden-edit-order-grid > .is-products {
    grid-column: 1 / -1;
}

.garden-edit-order-workspace .garden-edit-card {
    min-width: 0;
    overflow: hidden;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 10px;
    box-shadow: 0 7px 20px rgba(31, 43, 36, 0.04);
}

.garden-edit-order-workspace .garden-edit-card > .card-header {
    min-height: 43px !important;
    padding: 7px 11px !important;
    border-bottom: 1px solid var(--gw-line);
}

.garden-edit-order-workspace .garden-edit-card > .card-header h5 {
    margin: 0;
    color: var(--gw-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 15px;
    font-weight: 750;
}

.garden-edit-order-workspace .garden-edit-card > .card-body {
    height: auto;
    padding: 10px 11px !important;
}

.garden-edit-order-workspace .is-customer .card-body,
.garden-edit-order-workspace .is-status .card-body,
.garden-edit-order-workspace .is-delivery .card-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 8px 9px;
}

.garden-edit-order-workspace .garden-edit-card .mb-2 {
    min-width: 0;
    margin: 0 !important;
}

.garden-edit-order-workspace .is-delivery .card-body > .mb-2:last-child {
    grid-column: 1 / -1;
}

.garden-edit-order-workspace .garden-edit-card .form-label {
    margin-bottom: 4px !important;
    color: var(--gw-muted);
    font-size: 13px !important;
    font-weight: 700;
}

.garden-edit-order-workspace .garden-edit-card .form-control,
.garden-edit-order-workspace .garden-edit-card .form-select {
    width: 100%;
    min-width: 0;
    height: 34px !important;
    min-height: 34px !important;
    padding: 5px 8px !important;
    color: var(--gw-ink);
    background: var(--gw-surface);
    border-color: var(--gw-line);
    border-radius: 7px;
    font-size: 13px !important;
}

.garden-edit-order-workspace .garden-edit-card textarea.form-control {
    height: 56px !important;
    min-height: 56px !important;
    resize: vertical;
}

.garden-edit-order-workspace .garden-edit-card .input-group .btn {
    min-height: 34px !important;
    padding: 5px 8px !important;
    font-size: 13px !important;
    white-space: nowrap;
}

.garden-edit-order-workspace .is-payment .card-body > .d-flex {
    min-height: 24px;
    align-items: center;
    margin: 0 !important;
    padding: 3px 0;
    border-bottom: 1px solid color-mix(in srgb, var(--gw-line) 72%, transparent);
}

.garden-edit-order-workspace .is-payment .card-body > .d-flex:last-of-type {
    border-bottom: 0;
}

.garden-edit-order-workspace .is-payment .separator {
    display: none;
}

.garden-edit-order-workspace .is-payment .badge {
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 13px !important;
}

.garden-edit-order-workspace .is-products .card-body {
    display: grid;
    grid-template-columns: 155px minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    gap: 8px;
}

.garden-edit-order-workspace .garden-edit-product-summary {
    grid-column: 1;
    grid-row: 1;
    margin: 0 !important;
    text-align: right !important;
}

.garden-edit-order-workspace .garden-edit-product-summary > div {
    display: inline-block;
    margin-inline-end: 8px;
}

.garden-edit-order-workspace .garden-edit-vat-control {
    grid-column: 1;
    grid-row: 2;
    justify-content: flex-start !important;
    margin: 0 !important;
}

.garden-edit-order-workspace .is-products .card-body > .btn-primary {
    grid-column: 2;
    grid-row: 1;
}

.garden-edit-order-workspace .is-products .card-body > .btn-success {
    grid-column: 3;
    grid-row: 1;
}

.garden-edit-order-workspace .is-products .card-body > .separator {
    display: none;
}

.garden-edit-order-workspace .garden-edit-product-notes {
    grid-column: 2 / -1;
    grid-row: 2;
    margin: 0 !important;
}

.garden-edit-order-workspace .garden-edit-product-notes textarea {
    height: 40px !important;
    min-height: 40px !important;
}

.garden-edit-order-workspace .is-products .card-body > .btn,
.garden-edit-order-workspace .garden-edit-vat-control .btn {
    min-height: 33px !important;
    margin: 0 !important;
    padding: 6px 9px !important;
    font-size: 13px !important;
    border-radius: 7px;
}

.garden-edit-order-workspace .is-products .card-body > .btn-primary {
    color: var(--gw-copy) !important;
    background: var(--gw-surface-muted) !important;
    border-color: var(--gw-line) !important;
}

.garden-edit-order-workspace .is-products .card-body > .btn-success,
.garden-edit-order-workspace .garden-edit-vat-control .btn-success {
    color: #fff !important;
    background: var(--gw-moss-strong) !important;
    border-color: var(--gw-moss-strong) !important;
}

.garden-edit-savebar {
    position: sticky;
    bottom: 10px;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
    padding: 8px;
    background: color-mix(in srgb, var(--gw-surface) 94%, transparent);
    border: 1px solid var(--gw-line);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(31, 43, 36, 0.12);
    backdrop-filter: blur(10px);
}

.garden-edit-savebar > span {
    color: var(--gw-muted);
    font-size: 13px;
}

.garden-edit-savebar > div {
    display: flex;
    gap: 7px;
}

.garden-edit-savebar .btn {
    min-height: 35px !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
    border-radius: 8px;
}

.garden-edit-savebar .btn-primary {
    color: #fff !important;
    background: var(--gw-moss-strong) !important;
    border-color: var(--gw-moss-strong) !important;
}

.garden-edit-order-workspace :is(input, select, textarea, button, a):focus-visible {
    outline: 3px solid color-mix(in srgb, var(--gw-moss) 28%, transparent);
    outline-offset: 2px;
}

/* Edit-order catalog and management modals. */
.garden-edit-modal .modal-dialog {
    width: min(620px, calc(100vw - 22px));
    max-width: 620px !important;
    margin: 11px auto;
}

.garden-edit-modal--catalog .modal-dialog {
    width: min(1080px, calc(100vw - 22px));
    max-width: 1080px !important;
}

.garden-edit-modal .modal-content {
    max-height: calc(100vh - 22px);
    overflow: hidden;
    background: var(--gw-surface);
    border: 1px solid color-mix(in srgb, var(--gw-moss) 18%, var(--gw-line));
    border-radius: 12px;
    box-shadow: 0 24px 70px rgba(24, 34, 28, 0.22);
}

.garden-edit-modal .modal-header {
    min-height: 49px;
    padding: 9px 13px;
    border-bottom: 1px solid var(--gw-line);
}

.garden-edit-modal .modal-header h2,
.garden-edit-modal .modal-header h3 {
    margin: 0;
    color: var(--gw-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 16px;
    font-weight: 750;
}

.garden-edit-modal .modal-body {
    min-height: 0;
    padding: 11px 13px;
    overflow: auto;
}

.garden-edit-modal .modal-footer {
    min-height: 48px;
    padding: 8px 13px;
    border-top: 1px solid var(--gw-line);
}

.garden-edit-modal .form-control,
.garden-edit-modal .form-select {
    min-height: 34px !important;
    padding: 5px 8px !important;
    background-color: var(--gw-surface-muted);
    border-color: var(--gw-line);
    border-radius: 7px;
    font-size: 13px !important;
}

.garden-edit-modal .btn {
    min-height: 33px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    border-radius: 7px;
}

.garden-edit-modal .table-responsive {
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--gw-moss) 25%, transparent) transparent;
}

.garden-edit-modal table {
    min-width: 760px;
}

.garden-edit-modal table th,
.garden-edit-modal table td {
    padding: 7px 6px !important;
    font-size: 13px !important;
}

@media (max-width: 899px) {
    .garden-edit-order-header {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .garden-edit-order-summary {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 599px) {
    .garden-edit-order-grid > .garden-edit-section {
        grid-column: 1 / -1;
    }

    .garden-edit-order-workspace .is-customer .card-body,
    .garden-edit-order-workspace .is-status .card-body,
    .garden-edit-order-workspace .is-delivery .card-body {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-edit-order-workspace .is-delivery .card-body > .mb-2:last-child {
        grid-column: auto;
    }

    .garden-edit-order-workspace .is-products .card-body {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto;
    }

    .garden-edit-order-workspace .garden-edit-product-summary,
    .garden-edit-order-workspace .garden-edit-vat-control,
    .garden-edit-order-workspace .garden-edit-product-notes {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .garden-edit-order-workspace .is-products .card-body > .btn-primary,
    .garden-edit-order-workspace .is-products .card-body > .btn-success {
        grid-column: auto;
        grid-row: auto;
    }

    .garden-edit-savebar {
        align-items: stretch;
        flex-direction: column;
    }

    .garden-edit-savebar > div .btn {
        flex: 1;
    }
}

/* Add-order details: one flat information surface instead of nested cards. */
.garden-addorder-workspace .garden-order-details-card > .card-body {
    padding: 5px 12px 12px !important;
}

.garden-addorder-workspace .garden-order-details {
    gap: 0 !important;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 9px;
    overflow: hidden;
}

.garden-addorder-workspace .garden-order-form-section {
    padding: 11px 12px;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.garden-addorder-workspace .garden-order-form-section.is-delivery {
    border-top: 1px solid var(--gw-line);
}

@media (min-width: 600px) {
    .garden-addorder-workspace .garden-order-details {
        grid-template-columns: minmax(0, 2fr) minmax(185px, 0.78fr) !important;
    }

    .garden-addorder-workspace .garden-order-form-section.is-customer {
        grid-column: auto;
    }

    .garden-addorder-workspace .garden-order-form-section.is-payment {
        border-inline-start: 1px solid var(--gw-line);
    }

    .garden-addorder-workspace .garden-order-form-section.is-delivery {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 150px minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
        column-gap: 14px;
    }

    .garden-addorder-workspace .garden-order-form-section.is-delivery > h4 {
        grid-column: 1;
        grid-row: 1;
    }

    .garden-addorder-workspace .garden-order-form-section.is-delivery > .d-flex {
        grid-column: 1;
        grid-row: 2;
        align-self: start;
    }

    .garden-addorder-workspace .garden-order-form-section.is-delivery > #deliveryFieldsV {
        grid-column: 2;
        grid-row: 1 / span 2;
        min-width: 0;
        padding-inline-start: 14px;
        border-inline-start: 1px solid var(--gw-line);
    }

    .garden-addorder-workspace #deliveryFieldsV > .separator,
    .garden-addorder-workspace #deliveryFieldsV > h4 {
        display: none;
    }

    .garden-addorder-workspace .garden-order-form-section.is-delivery #btnShipping,
    .garden-addorder-workspace .garden-order-form-section.is-delivery #btnPickup {
        padding-inline: 9px !important;
    }
}

@media (max-width: 599px) {
    .garden-addorder-workspace .garden-order-form-section + .garden-order-form-section {
        border-top: 1px solid var(--gw-line);
    }
}

/* Add-order modals share the same compact operational grammar. */
.garden-addorder-modal .modal-dialog {
    width: min(430px, calc(100vw - 24px));
    max-width: 430px !important;
    margin: 12px auto;
}

.garden-addorder-modal--wide .modal-dialog {
    width: min(620px, calc(100vw - 24px));
    max-width: 620px !important;
}

.garden-addorder-modal .modal-content {
    max-height: calc(100vh - 24px);
    overflow: hidden;
    background: var(--gw-surface);
    border: 1px solid color-mix(in srgb, var(--gw-moss) 18%, var(--gw-line));
    border-radius: 12px;
    box-shadow: 0 24px 70px rgba(24, 34, 28, 0.2);
}

.garden-addorder-modal .modal-header {
    min-height: 50px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--gw-line);
}

.garden-addorder-modal .modal-title {
    color: var(--gw-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 17px;
    font-weight: 750;
}

.garden-addorder-modal .modal-body {
    padding: 13px 14px 14px;
    overflow-y: auto;
}

.garden-addorder-modal .modal-footer {
    min-height: 48px;
    padding: 9px 14px;
    border-top: 1px solid var(--gw-line);
}

.garden-addorder-modal .modal-body .row {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
}

.garden-addorder-modal .modal-body .mt-3 {
    margin-top: 9px !important;
}

.garden-addorder-modal .modal-body .mt-4 {
    margin-top: 11px !important;
}

.garden-addorder-modal .form-label,
.garden-addorder-modal .form-check-label {
    margin-bottom: 4px !important;
    color: var(--gw-copy);
    font-size: 13px !important;
    font-weight: 700 !important;
}

.garden-addorder-modal .form-control,
.garden-addorder-modal .form-select {
    width: 100%;
    height: 36px !important;
    min-height: 36px !important;
    padding: 6px 9px !important;
    color: var(--gw-ink);
    background: var(--ga-soft);
    border-color: var(--gw-line);
    border-radius: 7px;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.garden-addorder-modal textarea.form-control {
    height: 58px !important;
    min-height: 58px !important;
}

.garden-addorder-modal .form-check {
    min-height: 38px;
    padding: 8px 10px;
    background: var(--ga-soft);
    border: 1px solid var(--gw-line);
    border-radius: 8px;
}

.garden-addorder-modal .modal-body .btn,
.garden-addorder-modal .modal-footer .btn {
    min-height: 34px !important;
    padding: 6px 11px !important;
    font-size: 13px !important;
    border-radius: 7px;
}

.garden-addorder-modal .btn-primary,
.garden-addorder-modal .btn-success {
    color: #fff !important;
    background: var(--gw-moss-strong) !important;
    border-color: var(--gw-moss-strong) !important;
}

.garden-addorder-modal .btn-secondary {
    color: var(--gw-copy) !important;
    background: var(--gw-surface-muted) !important;
    border-color: var(--gw-line) !important;
}

.garden-addorder-modal .btn-close {
    width: 28px;
    height: 28px;
    padding: 0;
    background-size: 9px;
    border-radius: 7px;
}

.garden-addorder-modal .btn-close:hover {
    background-color: var(--gw-surface-muted);
}

@media (max-width: 575px) {
    .garden-addorder-modal--wide .modal-body .col-md-6 {
        width: 100%;
    }
}

@media (min-width: 600px) {
    .garden-addorder-workspace .garden-order-form-section.is-customer > .d-flex.flex-column.flex-md-row {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .garden-addorder-workspace #deliveryFieldsV > .d-flex.flex-column.flex-md-row {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
    }

    .garden-addorder-workspace #deliveryFieldsV > .d-flex.flex-column.flex-md-row:nth-of-type(2) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .garden-addorder-workspace #deliveryFieldsV > .d-flex.flex-column.flex-md-row:nth-of-type(2) > .fv-row:last-child {
        grid-column: 1 / -1;
    }

    .garden-addorder-workspace #deliveryFieldsV #delivery_vat_toggle {
        padding-inline: 9px !important;
        font-size: 13px !important;
        white-space: nowrap;
    }

    .garden-addorder-modal--wide .modal-body .col-md-6 {
        width: 50%;
    }
}

/* Customers density correction — approved order-list rhythm. */
.garden-customers-workspace {
    padding-top: 10px !important;
}

.garden-customers-workspace .garden-customers-header {
    min-height: 58px;
    padding: 0 0 9px;
}

.garden-customers-workspace .garden-customers-header h1 {
    margin: 1px 0 2px;
    font-size: 23px;
    letter-spacing: -0.025em;
}

.garden-customers-workspace .garden-customers-header p {
    font-size: 13px;
}

.garden-customers-workspace .garden-customers-header__actions .btn {
    min-height: 33px;
    padding: 6px 11px;
    border-radius: 7px;
    font-size: 13px;
}

.garden-customers-workspace .garden-customers-ledger {
    min-height: 39px;
    margin-bottom: 8px;
    border-radius: 8px;
}

.garden-customers-workspace .garden-customers-ledger > span {
    min-height: 39px;
    padding: 5px 11px;
}

.garden-customers-workspace .garden-customers-ledger small {
    font-size: 13px;
}

.garden-customers-workspace .garden-customers-ledger strong {
    font-size: 14px;
}

.garden-customers-workspace #kt_app_main,
.garden-customers-workspace #kt_app_content,
.garden-customers-workspace #kt_app_content_container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.garden-customers-workspace .garden-customers-panel {
    border-radius: 9px;
    box-shadow: 0 4px 14px rgba(39, 51, 45, 0.035);
}

.garden-customers-workspace .garden-customers-toolbar {
    min-height: 46px;
    padding: 6px 9px;
}

.garden-customers-workspace .garden-customers-search .form-control,
.garden-customers-workspace .garden-customers-filter .select2-selection,
.garden-customers-workspace .garden-customers-filter .form-select {
    min-height: 33px !important;
    height: 33px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

.garden-customers-workspace .garden-customers-filter .select2-container,
.garden-customers-workspace .garden-customers-filter .form-select {
    width: 142px !important;
    min-height: 33px !important;
}

.garden-customers-workspace .garden-customers-table-wrap {
    padding: 0;
    overflow-x: auto;
    background: #fff;
}

.garden-customers-workspace .garden-customers-table {
    display: table;
    min-width: 570px;
    table-layout: fixed;
}

.garden-customers-workspace .garden-customers-table thead {
    display: table-header-group;
}

.garden-customers-workspace .garden-customers-table tbody {
    display: table-row-group;
}

.garden-customers-workspace .garden-customers-table tbody tr {
    display: table-row;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #fff;
}

.garden-customers-workspace .garden-customers-table thead th {
    display: table-cell;
    height: 22px;
    padding: 6px 7px !important;
    font-size: 13px !important;
}

.garden-customers-workspace .garden-customers-table tbody td {
    display: table-cell;
    width: auto !important;
    height: 32px;
    min-height: 0;
    padding: 6px 7px !important;
    font-size: 13px !important;
    text-align: right !important;
}

.garden-customers-workspace .garden-customers-table thead th:first-child,
.garden-customers-workspace .garden-customers-table tbody td:first-child {
    width: 30px !important;
}

.garden-customers-workspace .garden-customers-table thead th:nth-child(2) { width: 22%; }
.garden-customers-workspace .garden-customers-table thead th:nth-child(3) { width: 16%; }
.garden-customers-workspace .garden-customers-table thead th:nth-child(4) { width: 15%; }
.garden-customers-workspace .garden-customers-table thead th:nth-child(5) { width: 10%; }
.garden-customers-workspace .garden-customers-table thead th:nth-child(6) { width: 13%; }
.garden-customers-workspace .garden-customers-table thead th:nth-child(7) { width: 20%; }

.garden-customers-workspace .garden-customers-table tbody td:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
}

.garden-customers-workspace .garden-customers-table tbody td:nth-child(4),
.garden-customers-workspace .garden-customers-table tbody td:nth-child(5),
.garden-customers-workspace .garden-customers-table tbody td:nth-child(7) {
    text-align: center !important;
}

.garden-customers-workspace .garden-customers-table tbody td:nth-child(4)::before,
.garden-customers-workspace .garden-customers-table tbody td:nth-child(5)::before {
    content: none;
}

.garden-customers-workspace .garden-customers-table .badge-light-primary {
    min-width: 34px;
    padding: 3px 6px;
    font-size: 13px;
}

.garden-customers-workspace .garden-customers-table td:last-child .btn {
    min-height: 27px;
    margin-inline-end: 3px;
    padding: 4px 7px;
    border-radius: 5px;
    font-size: 13px;
}

.garden-customers-workspace .dataTables_wrapper > .row:last-child {
    min-height: 40px;
    padding: 6px 9px;
}

.garden-customers-workspace .page-link {
    min-width: 26px;
    height: 26px;
    border-radius: 5px !important;
    font-size: 13px;
}

@media (max-width: 480px) {
    .garden-customers-workspace .garden-customers-table,
    .garden-customers-workspace .garden-customers-table tbody,
    .garden-customers-workspace .garden-customers-table tbody tr,
    .garden-customers-workspace .garden-customers-table tbody td {
        display: block;
        width: 100% !important;
    }

    .garden-customers-workspace .garden-customers-table {
        min-width: 0;
    }

    .garden-customers-workspace .garden-customers-table thead {
        display: none;
    }

    .garden-customers-workspace .garden-customers-table tbody tr {
        display: grid;
        margin-bottom: 6px;
        padding: 8px 9px;
        border: 1px solid var(--gc-line);
        border-radius: 8px;
    }
}

body[data-garden-workspace="preview"] .garden-customers-workspace #kt_app_main,
body[data-garden-workspace="preview"] .garden-customers-workspace #kt_app_content,
body[data-garden-workspace="preview"] .garden-customers-workspace #kt_app_content_container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

body[data-garden-workspace="preview"] .garden-customers-workspace .garden-customers-header__actions .btn {
    width: auto !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 6px 11px !important;
}

body[data-garden-workspace="preview"] .garden-customers-workspace .garden-customers-table td:last-child .btn {
    width: auto !important;
    min-width: 0 !important;
    min-height: 28px !important;
    padding: 4px 7px !important;
}

@media (max-width: 480px) {
    body[data-garden-workspace="preview"] .garden-customers-workspace .garden-customers-header__actions .btn,
    body[data-garden-workspace="preview"] .garden-customers-workspace .garden-customers-table td:last-child .btn {
        min-width: 44px !important;
        min-height: 44px !important;
    }
}

/* --------------------------------------------------------------------------
   Customer record — compact operational profile
   -------------------------------------------------------------------------- */

.garden-customer-detail-workspace {
    --gcd-line: #dfe5e1;
    --gcd-soft: #f4f7f5;
    --gcd-sage: #e7eee9;
    --gcd-ink: #28312d;
    --gcd-muted: #78817c;
    padding-top: 10px !important;
}

.garden-customer-detail-workspace #kt_app_main,
.garden-customer-detail-workspace #kt_app_content,
.garden-customer-detail-workspace #kt_app_content_container,
.garden-customer-detail-workspace .app-main,
.garden-customer-detail-workspace .app-content,
.garden-customer-detail-workspace .app-container,
.garden-customer-detail-workspace .flex-column-fluid {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.garden-customer-detail-header {
    display: flex;
    min-height: 72px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding: 0 0 11px;
}

.garden-customer-detail-header h1 {
    margin: 2px 0 2px;
    color: var(--gcd-ink);
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.garden-customer-detail-header p {
    margin: 0;
    color: var(--gcd-muted);
    font-size: 13px;
}

.garden-customer-detail-header .garden-order-view-back {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 3px;
    color: #737d77;
    font-size: 13px;
    font-weight: 700;
}

.garden-customer-detail-header__actions {
    display: flex;
    align-items: center;
    gap: 5px;
}

body[data-garden-workspace="preview"] .garden-customer-detail-header__actions .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px;
    width: auto !important;
    min-width: 0 !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 6px !important;
    border-radius: 4px;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 1 !important;
    box-shadow: none !important;
}

body[data-garden-workspace="preview"] .garden-customer-detail-header__actions .btn i {
    font-size: 13px;
    line-height: 1;
}

body[data-garden-workspace="preview"] .garden-customer-detail-header__actions .btn-primary {
    color: #43584c !important;
    background: var(--gcd-sage) !important;
    border: 1px solid #d2ddd6 !important;
}

.garden-customer-detail-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
}

.garden-customer-detail-identity,
.garden-customer-detail-content {
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
}

.garden-customer-identity-card,
.garden-customer-kpi-card,
.garden-customer-data-card,
#kt_ecommerce_customer_general > .card:first-child {
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--gcd-line) !important;
    border-radius: 9px !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(39, 51, 45, 0.035) !important;
}

.garden-customer-identity-card__body {
    display: grid;
    grid-template-columns: minmax(210px, 0.9fr) minmax(125px, 0.45fr) minmax(0, 2.65fr);
    gap: 14px;
    align-items: center;
    min-height: 92px;
    padding: 11px 14px !important;
}

.garden-customer-identity-card__summary {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 0 10px;
    align-items: center;
    justify-content: start !important;
    margin: 0 !important;
    text-align: right;
}

.garden-customer-identity-card__summary .symbol {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
}

.garden-customer-identity-card__summary .symbol-label {
    width: 48px !important;
    height: 48px !important;
    border: 1px solid #d6dfd9;
    background: var(--gcd-sage) !important;
    color: #506158 !important;
    font-size: 18px !important;
}

.garden-customer-identity-card__summary > a:nth-of-type(1) {
    grid-column: 2;
    grid-row: 1;
    margin: 0 !important;
    color: var(--gcd-ink) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

.garden-customer-identity-card__summary > a:nth-of-type(2) {
    grid-column: 2;
    grid-row: 2;
    margin: 0 !important;
    color: var(--gcd-muted) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    direction: ltr;
    text-align: right;
}

.garden-customer-identity-card__body > .d-flex.flex-stack {
    display: flex !important;
    min-height: 42px;
    align-items: center;
    justify-content: center !important;
    flex-direction: column;
    gap: 4px;
    padding: 6px 10px;
    border-inline: 1px solid var(--gcd-line);
    color: var(--gcd-muted);
    font-size: 13px !important;
}

.garden-customer-identity-card__body > .d-flex.flex-stack .fw-bold {
    font-size: 13px;
}

.garden-customer-identity-card__body > .d-flex.flex-stack .badge {
    padding: 4px 7px;
    background: var(--gcd-sage) !important;
    color: #506158 !important;
    font-size: 13px;
}

.garden-customer-identity-card__body > .separator {
    display: none;
}

.garden-customer-identity-card__body > .pb-5 {
    display: grid;
    grid-template-rows: auto auto;
    grid-auto-flow: column;
    grid-auto-columns: minmax(105px, 1fr);
    gap: 3px 12px;
    min-width: 0;
    padding: 0 !important;
}

.garden-customer-identity-card__body > .pb-5 > .fw-bold {
    align-self: end;
    margin: 0 !important;
    color: #8b948f;
    font-size: 13px;
    font-weight: 750 !important;
}

.garden-customer-identity-card__body > .pb-5 > .text-gray-600 {
    min-width: 0;
    overflow: hidden;
    color: #3e4943 !important;
    font-size: 13px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-customer-detail-tabs {
    min-height: 39px;
    gap: 18px;
    margin: 0 0 8px !important;
    padding: 0 10px;
    border: 1px solid var(--gcd-line) !important;
    border-radius: 8px;
    background: #fff;
}

.garden-customer-detail-tabs .nav-link {
    min-height: 38px;
    margin: 0 !important;
    padding: 10px 2px 8px !important;
    border-width: 0 0 2px !important;
    color: #7e8882 !important;
    font-size: 13px;
    font-weight: 750;
}

.garden-customer-detail-tabs .nav-link.active {
    border-color: #688074 !important;
    color: #3e5147 !important;
}

.garden-customer-kpis {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 0 0 8px !important;
}

.garden-customer-kpis > .col {
    width: auto !important;
    padding: 0 !important;
}

.garden-customer-kpi-card {
    min-height: 76px;
}

.garden-customer-kpi-card .card-header {
    min-height: 31px !important;
    padding: 6px 10px !important;
    border-bottom: 1px solid #edf0ee !important;
}

.garden-customer-kpi-card .card-header h2 {
    margin: 0;
    color: var(--gcd-ink);
    font-size: 13px;
    font-weight: 800;
}

.garden-customer-kpi-card .card-body {
    min-height: 43px;
    padding: 7px 10px !important;
}

.garden-customer-kpi-card .card-body .fs-2 {
    font-size: 15px !important;
}

.garden-customer-kpi-card .card-body .fs-4 {
    margin-inline-start: 7px;
    color: var(--gcd-muted) !important;
    font-size: 13px !important;
}

.garden-customer-kpi-card .card-body .fs-7,
.garden-customer-kpi-card .ki-heart {
    display: none !important;
}

.garden-customer-kpi-card.is-tier {
    min-height: 76px;
    background: var(--gcd-sage) !important;
}

.garden-customer-kpi-card.is-tier .card-body {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 10px;
    padding: 12px !important;
}

.garden-customer-kpi-card.is-tier i {
    display: none;
}

.garden-customer-kpi-card.is-tier .text-white {
    margin: 0 !important;
    color: #405249 !important;
}

.garden-customer-kpi-card.is-tier .fs-2 {
    font-size: 14px !important;
}

.garden-customer-kpi-card.is-tier .fw-semibold {
    color: #76837c !important;
    font-size: 13px !important;
}

.garden-customer-data-card {
    margin-bottom: 8px !important;
}

.garden-customer-data-card > .card-header,
#kt_ecommerce_customer_general > .card:first-child > .card-header {
    min-height: 40px !important;
    padding: 7px 11px !important;
    border-bottom: 1px solid var(--gcd-line) !important;
}

.garden-customer-data-card > .card-header h2,
#kt_ecommerce_customer_general > .card:first-child > .card-header h2 {
    margin: 0;
    color: var(--gcd-ink);
    font-size: 14px;
    font-weight: 800;
}

.garden-customer-data-card > .card-body {
    padding: 0 !important;
}

.garden-customer-detail-table {
    width: 100%;
    min-width: 640px;
    margin: 0 !important;
    table-layout: fixed;
}

.garden-customer-detail-table thead th {
    height: 32px;
    padding: 6px 8px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--gcd-line) !important;
    background: var(--gcd-soft);
    color: #737d77 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-transform: none;
}

.garden-customer-detail-table tbody td {
    height: 42px;
    padding: 6px 8px !important;
    border: 0 !important;
    border-bottom: 1px solid #ebefec !important;
    color: #4f5a54 !important;
    font-size: 13px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.garden-customer-detail-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.garden-customer-detail-table .badge {
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 13px;
}

body[data-garden-workspace="preview"] .garden-customer-detail-table .btn {
    width: auto !important;
    min-width: 0 !important;
    min-height: 28px !important;
    padding: 4px 7px !important;
    border-radius: 5px;
    font-size: 13px !important;
}

.garden-customer-template-only {
    display: none !important;
}

#kt_ecommerce_customer_general > .card:first-child > .card-body {
    padding: 12px !important;
}

.garden-customer-edit-form__intro {
    margin-bottom: 10px;
}

.garden-customer-edit-form__intro h3 {
    margin: 0 0 2px;
    color: var(--gcd-ink);
    font-size: 13px;
    font-weight: 800;
}

.garden-customer-edit-form__intro p {
    margin: 0;
    color: var(--gcd-muted);
    font-size: 13px;
}

.garden-customer-edit-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.garden-customer-edit-form__grid .is-full {
    grid-column: 1 / -1;
}

.garden-customer-edit-form label {
    display: block;
    margin-bottom: 4px;
    color: #69736d;
    font-size: 13px;
    font-weight: 750;
}

.garden-customer-edit-form .form-control {
    min-height: 36px !important;
    padding: 7px 9px !important;
    border-color: var(--gcd-line) !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: var(--gcd-ink) !important;
    font-size: 13px !important;
}

.garden-customer-edit-form__actions {
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
}

body[data-garden-workspace="preview"] .garden-customer-edit-form__actions .btn {
    width: auto !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 6px 11px !important;
    border-radius: 7px;
    font-size: 13px !important;
}

@media (max-width: 900px) {
    .garden-customer-identity-card__body {
        grid-template-columns: minmax(190px, 1fr) minmax(120px, 0.45fr);
    }

    .garden-customer-identity-card__body > .pb-5 {
        grid-column: 1 / -1;
        overflow-x: auto;
        padding-top: 8px !important;
        border-top: 1px solid var(--gcd-line);
    }
}

@media (max-width: 620px) {
    .garden-customer-detail-header {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    .garden-customer-detail-header__actions,
    .garden-customer-detail-header__actions .btn {
        width: 100% !important;
    }

    .garden-customer-detail-header__actions .btn {
        justify-content: center;
    }

    .garden-customer-identity-card__body {
        grid-template-columns: 1fr;
    }

    .garden-customer-identity-card__body > .d-flex.flex-stack {
        border: 0;
        border-top: 1px solid var(--gcd-line);
        border-bottom: 1px solid var(--gcd-line);
    }

    .garden-customer-identity-card__body > .pb-5 {
        grid-column: auto;
    }

    .garden-customer-edit-form__grid {
        grid-template-columns: 1fr;
    }

    .garden-customer-edit-form__grid .is-full {
        grid-column: auto;
    }
}

body[data-garden-workspace="preview"] .garden-customer-detail-workspace #kt_app_main,
body[data-garden-workspace="preview"] .garden-customer-detail-workspace #kt_app_content,
body[data-garden-workspace="preview"] .garden-customer-detail-workspace #kt_app_content_container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --------------------------------------------------------------------------
   Delivery board — compact dispatch workspace
   -------------------------------------------------------------------------- */

.garden-delivery-board-workspace {
    --gdb-canvas: #f5f7f5;
    --gdb-surface: #ffffff;
    --gdb-surface-soft: #f7f9f7;
    --gdb-line: #dde4df;
    --gdb-line-strong: #cfd9d2;
    --gdb-ink: #28312d;
    --gdb-muted: #77817b;
    --gdb-moss: #4d6256;
    --gdb-sage: #e8eee9;
    --gdb-amber: #a86a36;
    --gdb-amber-soft: #f6eee6;
    padding-top: 10px !important;
}

.garden-delivery-board-workspace #kt_app_toolbar,
.garden-delivery-board-workspace #kt_app_content,
.garden-delivery-board-workspace #kt_app_toolbar_container,
.garden-delivery-board-workspace #kt_app_content_container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.garden-delivery-board-header {
    padding-top: 0 !important;
    padding-bottom: 11px !important;
    background: transparent !important;
}

body[data-garden-workspace="preview"] .garden-delivery-board-workspace .garden-delivery-board-header {
    display: block !important;
}

.garden-delivery-board-header .app-container {
    min-height: 72px;
    align-items: flex-end;
    gap: 18px;
}

.garden-delivery-board-header .page-title {
    min-width: 0;
}

.garden-delivery-board-header .page-title h1 {
    margin: 2px 0 !important;
    color: var(--gdb-ink) !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
}

.garden-delivery-board-header .page-title p {
    margin: 0;
    color: var(--gdb-muted);
    font-size: 13px;
}

.garden-delivery-board-header__actions {
    align-items: center;
    flex-shrink: 0;
    gap: 6px !important;
}

body[data-garden-workspace="preview"] .garden-delivery-board-header__actions .btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    height: 28px !important;
    min-height: 28px !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 9px !important;
    border: 1px solid var(--gdb-line) !important;
    border-radius: 6px;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
}

body[data-garden-workspace="preview"] .garden-delivery-board-header__actions .btn-light {
    color: var(--gdb-ink) !important;
    background: rgba(255, 255, 255, 0.9) !important;
}

body[data-garden-workspace="preview"] .garden-delivery-board-header__actions .btn-primary {
    color: #fff !important;
    background: var(--gdb-moss) !important;
    border-color: var(--gdb-moss) !important;
}

.garden-delivery-board-header__actions .btn i {
    margin: 0 !important;
    font-size: 13px;
    line-height: 1;
}

.garden-delivery-board-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0 !important;
    overflow: hidden;
    margin: 0 0 10px !important;
    border: 1px solid var(--gdb-line);
    border-radius: 10px;
    background: var(--gdb-surface);
}

.garden-delivery-board-stats > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.garden-delivery-board-stats .board-stat {
    min-height: 60px;
    padding: 10px 13px;
    border: 0 !important;
    border-left: 1px solid var(--gdb-line) !important;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.garden-delivery-board-stats > [class*="col-"]:last-child .board-stat {
    border-left: 0 !important;
}

.garden-delivery-board-stats .board-stat .label {
    margin-bottom: 3px;
    color: var(--gdb-muted);
    font-size: 13px;
    font-weight: 650;
    letter-spacing: 0;
}

.garden-delivery-board-stats .board-stat .value {
    color: var(--gdb-ink);
    font-size: 21px;
    font-weight: 800;
    line-height: 1.05;
}

.garden-delivery-board-stats .board-stat .value .text-muted {
    margin-inline-start: 4px;
    color: var(--gdb-muted) !important;
    font-size: 13px !important;
    font-weight: 600;
}

.garden-delivery-board-stats .board-stat.warn .value {
    color: var(--gdb-amber);
}

.garden-delivery-board-stats .board-stat.info .value,
.garden-delivery-board-stats .board-stat.neutral .value {
    color: var(--gdb-moss);
}

.garden-delivery-board-filter {
    margin-bottom: 10px !important;
    border: 1px solid var(--gdb-line) !important;
    border-radius: 10px !important;
    background: var(--gdb-surface) !important;
    box-shadow: none !important;
}

.garden-delivery-board-filter .card-body {
    padding: 8px 10px !important;
}

.garden-delivery-board-filter .filter-bar {
    display: grid;
    grid-template-columns: minmax(230px, 1fr) auto minmax(0, 1.1fr);
    gap: 8px;
    align-items: center;
}

.garden-delivery-board-filter .position-relative {
    min-width: 0 !important;
}

.garden-delivery-board-filter .position-relative > i {
    inset-inline-start: 10px !important;
    inset-inline-end: auto !important;
    top: 50% !important;
    z-index: 2;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    pointer-events: none;
}

.garden-delivery-board-filter .form-control {
    height: 32px !important;
    min-height: 32px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-color: var(--gdb-line) !important;
    border-radius: 6px !important;
    background: var(--gdb-surface-soft) !important;
    color: var(--gdb-ink) !important;
    font-size: 13px !important;
    padding-inline-start: 32px !important;
    padding-inline-end: 10px !important;
}

.garden-delivery-board-filter .filter-bar > .ms-2 {
    display: flex;
    gap: 3px;
    margin: 0 !important;
    padding: 2px;
    border-radius: 7px;
    background: var(--gdb-surface-soft);
}

.garden-delivery-board-workspace .chip {
    display: inline-flex;
    width: auto !important;
    min-width: 0 !important;
    height: 24px !important;
    min-height: 24px !important;
    align-items: center;
    justify-content: center;
    padding: 0 8px !important;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    color: #637068;
    font-size: 13px;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
}

.garden-delivery-board-workspace .chip:hover {
    border-color: var(--gdb-line);
    background: #fff;
    color: var(--gdb-ink);
}

.garden-delivery-board-workspace .chip.active {
    border-color: var(--gdb-moss);
    background: var(--gdb-moss);
    color: #fff;
}

.garden-delivery-board-filter .filter-bar > .ms-3 {
    max-width: none !important;
    margin: 0 !important;
    padding-inline-start: 8px;
    border-inline-start: 1px solid var(--gdb-line);
}

.garden-delivery-board-filter .filter-bar > .ms-3 .chip {
    height: 24px !important;
    min-height: 24px !important;
    padding-inline: 7px;
    background: var(--gdb-surface-soft);
}

.garden-delivery-board-filter .filter-bar > .ms-3 .chip.active {
    background: var(--gdb-sage);
    border-color: #d6e0d9;
    color: var(--gdb-moss);
}

.garden-delivery-board-grid {
    display: grid !important;
    grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
    gap: 10px !important;
    margin: 0 !important;
}

.garden-delivery-board-grid > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.garden-delivery-column {
    overflow: hidden;
    border: 1px solid var(--gdb-line) !important;
    border-radius: 10px !important;
    background: var(--gdb-surface) !important;
    box-shadow: none !important;
}

.garden-delivery-column--unassigned {
    border-top: 2px solid #d5a06e !important;
}

.garden-delivery-column--routes {
    border-top: 2px solid #8fa497 !important;
}

.garden-delivery-column > .card-header {
    min-height: 46px;
    padding: 8px 12px !important;
    border-bottom: 1px solid var(--gdb-line) !important;
    background: #fbfcfb;
}

.garden-delivery-column > .card-header h3 {
    color: var(--gdb-ink);
    font-size: 14px !important;
    font-weight: 750 !important;
}

.garden-delivery-column > .card-header h3 i {
    margin: 0 0 0 5px !important;
    font-size: 13px;
}

.garden-delivery-column > .card-header .badge {
    display: inline-flex;
    min-width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    margin-inline-start: 5px !important;
    padding: 0 6px;
    border-radius: 5px;
    box-shadow: none;
    font-size: 13px;
}

.garden-delivery-column--unassigned > .card-header .badge {
    color: var(--gdb-amber) !important;
    background: var(--gdb-amber-soft) !important;
}

.garden-delivery-column--routes > .card-header .badge {
    color: var(--gdb-moss) !important;
    background: var(--gdb-sage) !important;
}

body[data-garden-workspace="preview"] .garden-delivery-column > .card-header .btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    height: 24px !important;
    min-height: 24px !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 7px !important;
    border: 1px solid var(--gdb-line) !important;
    border-radius: 5px;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--gdb-ink) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
}

.garden-delivery-column > .card-body {
    max-height: calc(100vh - 295px) !important;
    min-height: 230px;
    padding: 0 12px 10px !important;
    scrollbar-color: #cbd4ce transparent;
    scrollbar-width: thin;
}

body[data-garden-workspace="preview"] .garden-delivery-board-workspace .btn,
body[data-garden-workspace="preview"] .garden-delivery-board-workspace button {
    min-width: 0 !important;
    min-height: 0 !important;
    box-shadow: none !important;
}

.garden-delivery-orders-head {
    display: grid;
    grid-template-columns: minmax(125px, 1.2fr) minmax(92px, 0.9fr) minmax(64px, auto) auto;
    gap: 8px;
    min-height: 29px;
    align-items: center;
    padding: 0 3px;
    border-bottom: 1px solid var(--gdb-line);
    color: #8a938e;
    font-size: 13px;
    font-weight: 650;
}

.garden-delivery-column .order-card {
    display: grid;
    grid-template-columns: minmax(125px, 1.2fr) minmax(92px, 0.9fr) minmax(64px, auto) auto;
    gap: 8px;
    min-height: 43px;
    align-items: center;
    margin: 0;
    padding: 5px 3px;
    border: 0;
    border-bottom: 1px solid #e9eeeb;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.garden-delivery-column .order-card__identity,
.garden-delivery-column .order-card__destination,
.garden-delivery-column .order-card__facts,
.garden-delivery-column .order-card__actions {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
}

.garden-delivery-column .order-card__identity {
    overflow: hidden;
}

.garden-delivery-column .order-card__identity .name {
    overflow: hidden;
    color: var(--gdb-ink);
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-delivery-column .order-card__destination {
    overflow: hidden;
    color: var(--gdb-muted);
    font-size: 13px;
}

.garden-delivery-column .order-card__destination > span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-delivery-column .order-card__facts {
    justify-content: flex-start;
    white-space: nowrap;
}

.garden-delivery-column .order-card__actions {
    justify-content: flex-end;
}

.garden-delivery-order-view {
    display: inline-flex;
    width: 23px;
    height: 23px;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #839089;
}

.garden-delivery-order-view:hover {
    border-color: var(--gdb-line);
    background: var(--gdb-surface-soft);
    color: var(--gdb-moss);
}

.garden-delivery-column .order-card:hover {
    border-color: #dfe7e2;
    background: #f8faf8;
    box-shadow: none;
}

.garden-delivery-column .order-card .top-row {
    gap: 6px;
    color: var(--gdb-ink);
    font-size: 13px;
}

.garden-delivery-column .order-card .num {
    color: var(--gdb-moss);
    font-size: 13px;
    font-weight: 800;
}

.garden-delivery-column .order-card .name {
    color: var(--gdb-ink);
    font-weight: 700;
}

.garden-delivery-column .order-card .age {
    padding: 2px 5px;
    border-radius: 4px;
    background: var(--gdb-sage);
    color: var(--gdb-moss);
    font-size: 13px;
}

.garden-delivery-column .order-card .age.old {
    background: #f7e8e6;
    color: #9b4c44;
}

.garden-delivery-column .order-card .meta {
    gap: 7px;
    margin-top: 4px;
    color: var(--gdb-muted);
    font-size: 13px;
}

.garden-delivery-column .city-tag,
.garden-delivery-column .fee-tag {
    display: inline-flex;
    min-height: 19px;
    align-items: center;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 650;
}

.garden-delivery-column .city-tag {
    background: var(--gdb-sage);
    color: var(--gdb-moss);
}

.garden-delivery-column .fee-tag {
    background: #edf4ef;
    color: #496355;
}

body[data-garden-workspace="preview"] .garden-delivery-column .order-card .btn {
    display: inline-flex !important;
    width: auto !important;
    height: 22px !important;
    min-height: 22px !important;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 0 7px !important;
    border-radius: 5px;
    box-shadow: none !important;
    font-size: 13px !important;
}

.garden-delivery-column .line-card {
    margin: 8px 0 0;
    border: 1px solid #e1e7e3;
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
}

.garden-delivery-column .line-card:hover {
    border-color: var(--gdb-line-strong);
}

.garden-delivery-column .line-card .line-head {
    gap: 9px;
    padding: 9px 10px;
}

.garden-delivery-column .line-card.expanded .line-head {
    border-bottom-color: var(--gdb-line);
    background: #fbfcfb;
}

.garden-delivery-column .line-card .driver-avatar {
    width: 29px;
    height: 29px;
    background: var(--gdb-sage);
    color: var(--gdb-moss);
    font-size: 13px;
    font-weight: 800;
}

.garden-delivery-column .line-card .line-meta .driver-name {
    color: var(--gdb-ink);
    font-size: 13px;
}

.garden-delivery-column .line-card .line-meta .route {
    margin-top: 2px;
    color: var(--gdb-muted);
    font-size: 13px;
}

.garden-delivery-column .line-card .status-pill {
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 13px;
}

.garden-delivery-column .line-card .line-stats {
    gap: 12px;
    color: var(--gdb-muted);
    font-size: 13px;
}

.garden-delivery-column .line-card .line-stats strong {
    color: var(--gdb-ink);
    font-size: 13px;
    line-height: 1.1;
}

.garden-delivery-column .line-card .line-body {
    padding: 7px 10px 9px;
}

.garden-delivery-column .line-card .line-order {
    gap: 7px;
    margin-bottom: 4px;
    padding: 7px 8px;
    border: 1px solid #e8edea;
    border-radius: 6px;
    background: var(--gdb-surface-soft);
    font-size: 13px;
}

.garden-delivery-column .line-card .line-order .pos {
    width: 19px;
    height: 19px;
    background: var(--gdb-moss);
    font-size: 13px;
}

.garden-delivery-column .empty-state {
    padding: 42px 16px;
    color: #8b958f;
}

.garden-delivery-column .empty-state i {
    color: #aab5ae;
    font-size: 27px;
}

body[data-garden-workspace="preview"] .garden-delivery-column .empty-state .btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    height: 24px !important;
    min-height: 24px !important;
    align-items: center;
    justify-content: center;
    padding: 0 9px !important;
    border-radius: 5px;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
}

@media (max-width: 1100px) {
    .garden-delivery-board-filter .filter-bar {
        grid-template-columns: minmax(220px, 1fr) auto;
    }

    .garden-delivery-board-filter .filter-bar > .ms-3 {
        grid-column: 1 / -1;
        overflow-x: auto;
        flex-wrap: nowrap !important;
        padding: 6px 0 0;
        border: 0;
        border-top: 1px solid var(--gdb-line);
    }

    .garden-delivery-board-grid {
        grid-template-columns: 1fr;
    }

    .garden-delivery-column > .card-body {
        max-height: none !important;
    }
}

@media (max-width: 720px) {
    .garden-delivery-board-header .app-container {
        min-height: 0;
        align-items: stretch !important;
        flex-direction: column;
        gap: 9px;
    }

    .garden-delivery-board-header__actions {
        width: 100%;
    }

    body[data-garden-workspace="preview"] .garden-delivery-board-header__actions .btn {
        flex: 0 0 auto;
    }

    .garden-delivery-board-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-delivery-board-stats .board-stat {
        border-bottom: 1px solid var(--gdb-line) !important;
    }

    .garden-delivery-board-stats > [class*="col-"]:nth-child(2n) .board-stat {
        border-left: 0 !important;
    }

    .garden-delivery-board-stats > [class*="col-"]:nth-last-child(-n+2) .board-stat {
        border-bottom: 0 !important;
    }

    .garden-delivery-board-filter .filter-bar {
        grid-template-columns: 1fr;
    }

    .garden-delivery-board-filter .filter-bar > .ms-2 {
        display: flex;
        width: max-content;
        max-width: 100%;
        overflow-x: auto;
    }

    .garden-delivery-board-filter .filter-bar > .ms-3 {
        grid-column: auto;
    }

    .garden-delivery-column .line-card .line-head {
        flex-wrap: wrap;
    }

    .garden-delivery-column .line-card .line-meta {
        min-width: calc(100% - 48px);
    }

    .garden-delivery-column .line-card .line-stats {
        width: 100%;
        justify-content: space-between;
        padding-top: 7px;
        border-top: 1px solid var(--gdb-line);
    }

    .garden-delivery-column .line-card .expand-icon {
        position: absolute;
        inset-inline-end: 12px;
        top: 16px;
    }
}

@media (max-width: 460px) {
    .garden-delivery-board-header__actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }

    body[data-garden-workspace="preview"] .garden-delivery-board-header__actions .btn {
        width: 100% !important;
    }

    .garden-delivery-column > .card-header {
        align-items: flex-start !important;
        gap: 7px;
        flex-direction: column;
    }

    .garden-delivery-column .line-card .line-order {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .garden-delivery-column .line-card .line-order .flex-grow-1 {
        min-width: calc(100% - 30px);
    }
}

/* --------------------------------------------------------------------------
   Products — compact catalog ledger
   -------------------------------------------------------------------------- */

.garden-products-workspace {
    --gpr-surface: #ffffff;
    --gpr-soft: #f6f8f6;
    --gpr-line: #dde4df;
    --gpr-ink: #28312d;
    --gpr-muted: #78817c;
    --gpr-moss: #4d6256;
    --gpr-sage: #e8eee9;
    padding-top: 10px !important;
}

.garden-products-workspace #kt_app_main,
.garden-products-workspace #kt_app_content,
.garden-products-workspace #kt_app_content_container,
.garden-products-workspace .app-main,
.garden-products-workspace .app-content,
.garden-products-workspace .app-container,
.garden-products-workspace .flex-column-fluid {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.garden-products-header {
    display: flex;
    min-height: 72px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    padding: 0 0 11px;
}

.garden-products-header h1 {
    margin: 2px 0;
    color: var(--gpr-ink);
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.garden-products-header p {
    margin: 0;
    color: var(--gpr-muted);
    font-size: 13px;
}

.garden-products-header__actions {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 6px;
}

body[data-garden-workspace="preview"] .garden-products-header__actions .btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    height: 28px !important;
    min-height: 28px !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 9px !important;
    border: 1px solid var(--gpr-line) !important;
    border-radius: 6px;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--gpr-ink) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
}

body[data-garden-workspace="preview"] .garden-products-header__actions .btn-primary {
    color: #fff !important;
    background: var(--gpr-moss) !important;
    border-color: var(--gpr-moss) !important;
}

.garden-products-header__actions .btn i {
    margin: 0 !important;
    font-size: 13px;
    line-height: 1;
}

.garden-products-card {
    overflow: visible !important;
    margin: 0 !important;
    border: 1px solid var(--gpr-line) !important;
    border-radius: 10px !important;
    background: var(--gpr-surface) !important;
    box-shadow: none !important;
}

.garden-products-toolbar {
    min-height: 48px !important;
    padding: 8px 10px !important;
    border-bottom: 1px solid var(--gpr-line) !important;
    background: #fbfcfb;
}

.garden-products-toolbar > .d-flex {
    display: grid !important;
    grid-template-columns: minmax(190px, 1.2fr) minmax(150px, 0.9fr) minmax(125px, 0.75fr) minmax(125px, 0.75fr) auto;
    gap: 6px !important;
}

.garden-products-toolbar .position-relative {
    width: 100%;
    min-width: 0;
}

.garden-products-toolbar .position-relative > i {
    inset-inline-start: 10px !important;
    inset-inline-end: auto !important;
    top: 50%;
    z-index: 2;
    margin: 0 !important;
    transform: translateY(-50%);
    pointer-events: none;
}

.garden-products-toolbar .form-control,
.garden-products-toolbar .form-select {
    width: 100% !important;
    min-width: 0 !important;
    height: 30px !important;
    min-height: 30px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: 1px solid var(--gpr-line) !important;
    border-radius: 6px !important;
    background: var(--gpr-soft) !important;
    color: var(--gpr-ink) !important;
    font-size: 13px !important;
}

.garden-products-toolbar input[data-kt-ecommerce-product-filter="search"] {
    padding-inline-start: 32px !important;
    padding-inline-end: 9px !important;
}

.garden-products-toolbar .select2-container {
    width: 100% !important;
    min-width: 0 !important;
}

.garden-products-toolbar .select2-selection--single {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    border: 1px solid var(--gpr-line) !important;
    border-radius: 6px !important;
    background: var(--gpr-soft) !important;
}

.garden-products-toolbar .select2-selection__rendered {
    padding: 0 !important;
    color: var(--gpr-ink) !important;
    font-size: 13px;
    line-height: 28px !important;
}

.garden-products-toolbar .select2-selection__arrow {
    top: 1px !important;
    height: 28px !important;
}

body[data-garden-workspace="preview"] .garden-products-toolbar .btn,
body[data-garden-workspace="preview"] .garden-products-toolbar button {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    height: 28px !important;
    min-height: 28px !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 8px !important;
    border: 1px solid var(--gpr-line) !important;
    border-radius: 6px;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--gpr-ink) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
}

.garden-products-toolbar .dropdown-menu button.dropdown-item {
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    min-height: 28px !important;
    justify-content: flex-start;
    padding: 5px 9px !important;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
}

.garden-products-table-wrap {
    min-height: 0 !important;
    padding: 0 10px 8px !important;
    overflow: visible !important;
}

.garden-products-table-wrap #products_table_wrapper {
    width: 100%;
    min-width: 0;
    overflow: visible !important;
}

.garden-products-table-wrap #products_table {
    width: 100% !important;
    max-width: 100%;
    margin: 0 !important;
    table-layout: fixed;
}

.garden-products-table-wrap #products_table thead th {
    height: 31px;
    padding: 6px 5px !important;
    border-bottom: 1px solid var(--gpr-line) !important;
    background: #f8faf8;
    color: #7c8780 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.1;
    text-transform: none !important;
    white-space: nowrap;
}

.garden-products-table-wrap #products_table tbody td {
    height: 36px;
    padding: 5px !important;
    border-bottom: 1px solid #e7ece9 !important;
    color: #4f5b54;
    font-size: 13px !important;
    line-height: 1.2;
    vertical-align: middle;
}

.garden-products-table-wrap #products_table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.garden-products-table-wrap #products_table tbody tr:hover td {
    background: #f8faf8;
}

.garden-products-table-wrap #products_table th:first-child,
.garden-products-table-wrap #products_table td:first-child {
    width: 38px !important;
}

.garden-products-table-wrap #products_table th:nth-child(2),
.garden-products-table-wrap #products_table td:nth-child(2) {
    width: 28% !important;
}

.garden-products-table-wrap #products_table th:nth-child(3),
.garden-products-table-wrap #products_table td:nth-child(3) {
    width: 52px !important;
}

.garden-products-table-wrap #products_table th:nth-child(9),
.garden-products-table-wrap #products_table td:nth-child(9) {
    width: 96px !important;
}

.garden-products-table-wrap .product-image-trigger {
    display: flex !important;
    width: 100%;
    min-width: 0;
    align-items: center;
}

.garden-products-table-wrap .product-image-trigger .symbol,
.garden-products-table-wrap .product-image-trigger .symbol-40px,
.garden-products-table-wrap .product-image-trigger img,
.garden-products-table-wrap .product-image-trigger .symbol-label {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    border-radius: 6px !important;
}

.garden-products-table-wrap .product-image-trigger > .ms-5 {
    min-width: 0;
    margin-inline-start: 7px !important;
}

.garden-products-table-wrap .product-image-trigger .text-gray-800.fw-bold.d-block {
    overflow: hidden;
    max-width: 100%;
    color: var(--gpr-ink) !important;
    font-size: 13px;
    font-weight: 720 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-products-table-wrap .product-image-trigger > .ms-5 > .text-muted.fs-7 {
    display: none;
}

.garden-products-table-wrap .product-image-trigger > .ms-5 > .fs-8 {
    display: flex;
    overflow: hidden;
    max-width: 100%;
    align-items: center;
    gap: 3px;
    margin-top: 2px !important;
    white-space: nowrap;
}

.garden-products-table-wrap .badge {
    min-height: 18px;
    padding: 2px 5px;
    border-radius: 4px;
    box-shadow: none;
    font-size: 13px !important;
    line-height: 1;
}

.garden-products-table-wrap .form-check-input {
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    margin: 0 !important;
}

body[data-garden-workspace="preview"] .garden-products-table-wrap #products_table .btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    height: 24px !important;
    min-height: 24px !important;
    align-items: center;
    justify-content: center;
    padding: 0 6px !important;
    border: 1px solid var(--gpr-line) !important;
    border-radius: 5px;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--gpr-ink) !important;
    font-size: 13px !important;
    font-weight: 650;
    line-height: 1 !important;
}

body[data-garden-workspace="preview"] .garden-products-table-wrap #products_table .btn-icon {
    width: 24px !important;
    padding: 0 !important;
}

.garden-products-table-wrap #products_table .fa-whatsapp {
    color: #4e8a66 !important;
    font-size: 14px !important;
}

body[data-garden-workspace="preview"] .garden-products-table-wrap #products_table .btn-light-success {
    border-color: #d5e5da !important;
    background: #edf5f0 !important;
}

.garden-products-table-wrap #products_table .dropdown-menu {
    min-width: 130px;
    padding: 4px;
    border: 1px solid var(--gpr-line);
    border-radius: 7px;
    box-shadow: 0 8px 24px rgba(39, 54, 45, 0.12);
}

.garden-products-table-wrap #products_table .dropdown-item {
    min-height: 28px;
    padding: 5px 8px;
    border-radius: 4px;
    font-size: 13px;
}

.garden-products-table-wrap .dataTables_length,
.garden-products-table-wrap .dataTables_info,
.garden-products-table-wrap .dataTables_paginate {
    margin-top: 8px !important;
    color: var(--gpr-muted);
    font-size: 13px;
}

.garden-products-table-wrap .dataTables_length select {
    min-width: 56px;
    height: 26px;
    min-height: 26px;
    padding: 0 6px;
    border-color: var(--gpr-line);
    border-radius: 5px;
    font-size: 13px;
}

.garden-products-table-wrap .pagination .page-link {
    display: inline-flex;
    min-width: 26px;
    height: 26px;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    font-size: 13px;
}

.garden-products-table-wrap .pagination .active > .page-link {
    background: var(--gpr-moss);
    color: #fff;
}

.garden-products-modal .modal-content {
    overflow: hidden;
    border: 1px solid var(--gpr-line);
    border-radius: 10px;
    box-shadow: 0 18px 50px rgba(35, 48, 40, 0.16);
}

.garden-products-modal .modal-dialog:not(.modal-lg):not(.modal-xl) {
    max-width: 420px;
}

.garden-products-modal .modal-dialog.modal-lg {
    max-width: min(720px, calc(100vw - 24px));
}

.garden-products-modal .modal-header,
.garden-products-modal .modal-footer {
    min-height: 48px;
    padding: 9px 12px;
    border-color: var(--gpr-line);
}

.garden-products-modal .modal-body {
    padding: 12px;
}

.garden-products-modal .modal-title {
    color: var(--gpr-ink);
    font-size: 16px;
    font-weight: 750;
}

body[data-garden-workspace="preview"] .garden-products-modal .btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    height: 30px !important;
    min-height: 30px !important;
    align-items: center;
    justify-content: center;
    padding: 0 9px !important;
    border-radius: 6px;
    box-shadow: none !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.garden-products-modal .form-control,
.garden-products-modal .form-select {
    min-height: 32px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-color: var(--gpr-line) !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

@media (max-width: 900px) {
    .garden-products-header {
        align-items: stretch;
        flex-direction: column;
        gap: 9px;
    }

    .garden-products-toolbar > .d-flex {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .garden-products-toolbar .position-relative {
        grid-column: 1 / -1;
    }

    .garden-products-toolbar > .d-flex > .dropdown {
        width: 100%;
        align-self: stretch;
        justify-self: stretch;
    }

    body[data-garden-workspace="preview"] .garden-products-toolbar > .d-flex > .dropdown > .btn {
        width: 100% !important;
        height: 30px !important;
        min-height: 30px !important;
    }

    .garden-products-table-wrap #products_table th:nth-child(5),
    .garden-products-table-wrap #products_table td:nth-child(5),
    .garden-products-table-wrap #products_table th:nth-child(6),
    .garden-products-table-wrap #products_table td:nth-child(6),
    .garden-products-table-wrap #products_table th:nth-child(8),
    .garden-products-table-wrap #products_table td:nth-child(8) {
        display: none !important;
    }

    .garden-products-table-wrap #products_table th:nth-child(2),
    .garden-products-table-wrap #products_table td:nth-child(2) {
        width: 38% !important;
    }

    .garden-products-table-wrap #products_table th:nth-child(9),
    .garden-products-table-wrap #products_table td:nth-child(9) {
        width: 82px !important;
    }
}

@media (max-width: 520px) {
    .garden-products-header__actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    body[data-garden-workspace="preview"] .garden-products-header__actions .btn {
        width: 100% !important;
    }

    .garden-products-toolbar > .d-flex {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-products-toolbar .position-relative {
        grid-column: 1 / -1;
    }

    .garden-products-table-wrap #products_table th:nth-child(3),
    .garden-products-table-wrap #products_table td:nth-child(3),
    .garden-products-table-wrap #products_table th:nth-child(7),
    .garden-products-table-wrap #products_table td:nth-child(7) {
        display: none !important;
    }

    .garden-products-table-wrap #products_table th:nth-child(2),
    .garden-products-table-wrap #products_table td:nth-child(2) {
        width: auto !important;
    }
}

/* Product register — scanable operational cards instead of an Excel-like grid. */
.garden-products-table-wrap #products_table,
.garden-products-table-wrap #products_table tbody {
    display: block;
}

.garden-products-table-wrap #products_table thead {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

.garden-products-table-wrap #products_table tbody {
    display: grid;
    gap: 6px;
    padding-top: 8px;
}

.garden-products-table-wrap #products_table tbody > tr:not(.child) {
    position: relative;
    display: grid;
    min-height: 64px;
    grid-template-columns: 30px minmax(210px, 2fr) 66px minmax(90px, .8fr) minmax(82px, .75fr) minmax(90px, .85fr) minmax(72px, .7fr) minmax(74px, .7fr) 94px;
    align-items: center;
    gap: 0;
    overflow: visible;
    border: 1px solid var(--gpr-line);
    border-inline-start: 3px solid #aab7af;
    border-radius: 9px;
    background: var(--gpr-surface);
    box-shadow: 0 2px 7px rgba(39, 54, 45, 0.035);
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.garden-products-table-wrap #products_table tbody > tr:not(.child):hover {
    border-color: #c4d0c8;
    box-shadow: 0 6px 16px rgba(39, 54, 45, 0.075);
    transform: translateY(-1px);
}

.garden-products-table-wrap #products_table tbody > tr[data-product-state="live"],
.garden-products-table-wrap #products_table tbody > tr[data-product-state="site"] {
    border-inline-start-color: #6c9a7a;
}

.garden-products-table-wrap #products_table tbody > tr[data-product-state="draft"] {
    border-inline-start-color: #c6a25d;
}

.garden-products-table-wrap #products_table tbody > tr[data-product-state="private"] {
    border-inline-start-color: #b77769;
}

.garden-products-table-wrap #products_table tbody > tr:not(.child) > td {
    display: flex !important;
    width: auto !important;
    min-width: 0;
    height: auto !important;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 7px 8px !important;
    border: 0 !important;
    background: transparent !important;
    white-space: normal;
}

.garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(2) {
    justify-content: flex-start;
}

.garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(n+3):nth-child(-n+8) {
    position: relative;
    flex-direction: column;
    gap: 3px;
    min-height: 40px;
    margin: 5px 3px;
    padding-block: 5px !important;
    border-radius: 6px;
    background: var(--gpr-soft) !important;
    color: var(--gpr-ink);
    font-size: 13px !important;
    font-weight: 680;
}

.garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(n+3):nth-child(-n+8)::before {
    color: #909a94;
    font-size: 13px;
    font-weight: 650;
    line-height: 1;
}

.garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(3)::before { content: "מלאי"; }
.garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(4)::before { content: "מחיר"; }
.garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(5)::before { content: "עלות"; }
.garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(6)::before { content: "ספק"; }
.garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(7)::before { content: "מצב"; }
.garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(8)::before { content: "סוג"; }

.garden-products-table-wrap #products_table tbody > tr.child {
    display: block;
    overflow: hidden;
    margin: -3px 8px 3px;
    border: 1px solid var(--gpr-line);
    border-top: 0;
    border-radius: 0 0 8px 8px;
    background: #f8faf8;
}

.garden-products-table-wrap #products_table tbody > tr.child > td {
    display: block !important;
    width: 100% !important;
    padding: 8px !important;
    border: 0 !important;
}

@media (max-width: 1040px) {
    .garden-products-table-wrap #products_table tbody > tr:not(.child) {
        grid-template-columns: 30px minmax(190px, 2fr) 62px minmax(82px, .8fr) minmax(66px, .7fr) 90px;
    }

    .garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(5),
    .garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(6),
    .garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(8) {
        display: none !important;
    }
}

@media (max-width: 700px) {
    .garden-products-table-wrap {
        padding-inline: 7px !important;
    }

    .garden-products-table-wrap #products_table tbody > tr:not(.child) {
        min-height: 108px;
        grid-template-columns: 28px minmax(0, 1fr) minmax(74px, auto);
        grid-template-areas:
            "select product actions"
            "select stock price"
            "select state state";
        align-items: stretch;
    }

    .garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(1) { grid-area: select; }
    .garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(2) { grid-area: product; }
    .garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(3) { display: flex !important; grid-area: stock; }
    .garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(4) { grid-area: price; }
    .garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(7) { display: flex !important; grid-area: state; }
    .garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(9) { grid-area: actions; }

    .garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(3),
    .garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(4),
    .garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(7) {
        min-height: 34px;
        border-top: 1px solid #edf0ee !important;
    }

    .garden-products-table-wrap #products_table tbody > tr:not(.child) > td:nth-child(7) {
        align-items: flex-start;
        justify-content: center;
        padding-inline-start: 10px !important;
    }
}

/* --------------------------------------------------------------------------
   Add product — compact product editor
   -------------------------------------------------------------------------- */

.garden-addproduct-workspace {
    --gap-surface: #ffffff;
    --gap-soft: #f6f8f6;
    --gap-line: #dde4df;
    --gap-ink: #28312d;
    --gap-muted: #78817c;
    --gap-moss: #4d6256;
    --gap-sage: #e8eee9;
    padding-top: 10px !important;
}

.garden-addproduct-workspace #kt_app_main,
.garden-addproduct-workspace #kt_app_content,
.garden-addproduct-workspace #kt_app_content_container,
.garden-addproduct-workspace .app-main,
.garden-addproduct-workspace .app-content,
.garden-addproduct-workspace .app-container,
.garden-addproduct-workspace .flex-column-fluid {
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.garden-addproduct-header {
    display: flex;
    min-height: 72px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    padding: 0 0 11px;
}

.garden-addproduct-header .garden-order-view-back {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 3px;
    color: #737d77;
    font-size: 13px;
    font-weight: 700;
}

.garden-addproduct-header h1 {
    margin: 2px 0;
    color: var(--gap-ink);
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.garden-addproduct-header p {
    margin: 0;
    color: var(--gap-muted);
    font-size: 13px;
}

.garden-addproduct-form {
    display: grid !important;
    grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);
    gap: 10px !important;
    align-items: start;
}

.garden-addproduct-sidebar,
.garden-addproduct-main,
.garden-addproduct-main .tab-pane > .d-flex {
    width: 100% !important;
    min-width: 0;
    gap: 8px !important;
    margin: 0 !important;
}

.garden-addproduct-workspace .card.card-flush {
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--gap-line) !important;
    border-radius: 9px !important;
    background: var(--gap-surface) !important;
    box-shadow: none !important;
}

.garden-addproduct-workspace .card.card-flush > .card-header {
    min-height: 38px !important;
    padding: 7px 10px !important;
    border-bottom: 1px solid #e8edea !important;
    background: #fbfcfb;
}

.garden-addproduct-workspace .card.card-flush > .card-header .card-title {
    min-height: 0 !important;
    margin: 0 !important;
}

.garden-addproduct-workspace .card.card-flush > .card-header h2 {
    margin: 0;
    color: var(--gap-ink);
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.2;
}

.garden-addproduct-workspace .card.card-flush > .card-body {
    min-height: 0 !important;
    padding: 9px 10px !important;
}

.garden-addproduct-workspace .form-label,
.garden-addproduct-workspace label.fs-6 {
    margin-bottom: 4px !important;
    color: #4d5952;
    font-size: 13px !important;
    font-weight: 680 !important;
}

.garden-addproduct-workspace .text-muted.fs-7,
.garden-addproduct-workspace .text-muted.fs-8,
.garden-addproduct-workspace .form-text {
    color: var(--gap-muted) !important;
    font-size: 13px !important;
    line-height: 1.35;
}

.garden-addproduct-workspace .form-control,
.garden-addproduct-workspace .form-select {
    width: 100%;
    min-width: 0 !important;
    min-height: 32px !important;
    padding: 5px 8px !important;
    border: 1px solid var(--gap-line) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: var(--gap-ink) !important;
    box-shadow: none !important;
    font-size: 13px !important;
}

.garden-addproduct-workspace .form-control:focus,
.garden-addproduct-workspace .form-select:focus {
    border-color: #9daf9f !important;
    box-shadow: 0 0 0 2px rgba(77, 98, 86, 0.08) !important;
}

.garden-addproduct-workspace .select2-container {
    width: 100% !important;
    min-width: 0;
}

.garden-addproduct-workspace .select2-selection--single {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 8px !important;
    border: 1px solid var(--gap-line) !important;
    border-radius: 6px !important;
    background: #fff !important;
}

.garden-addproduct-workspace .select2-selection__rendered {
    padding: 0 !important;
    color: var(--gap-ink) !important;
    font-size: 13px;
    line-height: 30px !important;
}

.garden-addproduct-workspace .select2-selection__arrow {
    top: 1px !important;
    height: 30px !important;
}

.garden-addproduct-workspace .mb-10,
.garden-addproduct-workspace .mb-7,
.garden-addproduct-workspace .mt-5,
.garden-addproduct-workspace .mt-3 {
    margin-bottom: 9px !important;
    margin-top: 0 !important;
}

.garden-addproduct-workspace .category-chips {
    max-height: 140px !important;
    gap: 4px !important;
    margin-bottom: 6px !important;
}

.garden-addproduct-workspace .category-chip {
    display: inline-flex;
    height: 23px;
    min-height: 23px;
    align-items: center;
    padding: 0 7px !important;
    border: 1px solid var(--gap-line) !important;
    border-radius: 5px !important;
    background: var(--gap-soft) !important;
    color: #5f6b64 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 620 !important;
}

.garden-addproduct-workspace .category-chip.active {
    border-color: #899e91 !important;
    background: var(--gap-sage) !important;
    color: var(--gap-moss) !important;
}

.garden-addproduct-sidebar .image-input,
.garden-addproduct-sidebar .image-input-wrapper {
    width: 104px !important;
    height: 104px !important;
}

.garden-addproduct-sidebar .image-input {
    margin-bottom: 7px !important;
}

body[data-garden-workspace="preview"] .garden-addproduct-sidebar .image-input .btn {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: 0 !important;
    border: 1px solid var(--gap-line) !important;
    box-shadow: none !important;
}

.garden-addproduct-tabs {
    display: inline-flex;
    width: fit-content;
    min-height: 34px;
    gap: 2px;
    margin: 0 !important;
    padding: 3px !important;
    border: 1px solid var(--gap-line) !important;
    border-radius: 7px;
    background: var(--gap-soft);
}

.garden-addproduct-tabs .nav-link {
    min-height: 26px;
    margin: 0 !important;
    padding: 5px 9px !important;
    border: 0 !important;
    border-radius: 5px;
    color: #6e7972;
    font-size: 13px !important;
    font-weight: 650;
    line-height: 1;
}

.garden-addproduct-tabs .nav-link.active {
    background: #fff;
    box-shadow: 0 1px 2px rgba(40, 49, 45, 0.06);
    color: var(--gap-ink) !important;
}

.garden-addproduct-workspace #quill_editor_short,
.garden-addproduct-workspace #quill_editor_long {
    height: 96px !important;
    margin-top: 0 !important;
    border-color: var(--gap-line) !important;
    font-size: 13px;
}

.garden-addproduct-workspace #quill_editor_long {
    height: 120px !important;
}

.garden-addproduct-workspace .ql-toolbar {
    padding: 3px 6px !important;
    border-color: var(--gap-line) !important;
}

.garden-addproduct-workspace .ql-toolbar button {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: 3px !important;
}

.garden-addproduct-workspace .ql-editor {
    min-height: 0 !important;
    padding: 7px 9px !important;
}

.garden-addproduct-additional-media .dropzone {
    min-height: 72px !important;
    padding: 10px !important;
    border: 1px dashed #cfd9d2 !important;
    border-radius: 7px !important;
    background: var(--gap-soft);
}

.garden-addproduct-additional-media .dropzone .dz-message {
    min-height: 50px;
    margin: 0 !important;
    align-items: center;
}

.garden-addproduct-additional-media .dropzone .fs-3x {
    font-size: 22px !important;
}

.garden-addproduct-workspace .garden-coming-soon {
    display: inline-flex;
    min-height: 18px;
    align-items: center;
    margin-inline-start: 4px;
    padding: 0 6px;
    border-radius: 999px;
    background: #eef1ef;
    color: #707a74;
    font-size: 13px;
    font-weight: 700;
    vertical-align: middle;
}

.garden-addproduct-workspace .garden-feature-unavailable {
    min-height: 70px;
    padding: 10px;
    border: 1px dashed #cfd9d2;
    border-radius: 7px;
    background: var(--gap-soft);
    cursor: default;
}

.garden-addproduct-workspace .garden-feature-unavailable__content {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--gap-muted);
}

.garden-addproduct-workspace .garden-feature-unavailable__content .text-primary {
    color: #8a958e !important;
}

.garden-addproduct-workspace [data-kt-buttons="true"] {
    gap: 5px !important;
    margin: 0 !important;
}

.garden-addproduct-workspace [data-kt-buttons="true"] > .col {
    padding: 0 !important;
}

.garden-addproduct-workspace [data-kt-button="true"] {
    min-height: 32px !important;
    align-items: center !important;
    padding: 5px 7px !important;
    border-color: var(--gap-line) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

.garden-addproduct-workspace [data-kt-button="true"] .fs-4 {
    font-size: 13px !important;
}

.garden-addproduct-workspace .form-check-input {
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    margin: 0 !important;
}

.garden-addproduct-workspace .form-check-label {
    color: #59655e;
    font-size: 13px !important;
}

body[data-garden-workspace="preview"] .garden-addproduct-workspace .btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    height: 27px !important;
    min-height: 27px !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 8px !important;
    border-radius: 5px;
    box-shadow: none !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

body[data-garden-workspace="preview"] .garden-addproduct-workspace .btn-primary {
    color: #fff !important;
    background: var(--gap-moss) !important;
    border-color: var(--gap-moss) !important;
}

.garden-addproduct-workspace .variation-row {
    gap: 5px !important;
}

.garden-addproduct-workspace .variation-row .var-img-box {
    width: 34px !important;
    height: 34px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

body[data-garden-workspace="preview"] .garden-addproduct-workspace .variation-row .btn-icon {
    width: 27px !important;
    padding: 0 !important;
}

.garden-addproduct-savebar {
    position: sticky;
    bottom: 8px;
    z-index: 15;
    min-height: 42px;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    padding: 6px 8px;
    border: 1px solid var(--gap-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 6px 20px rgba(40, 49, 45, 0.08);
    backdrop-filter: blur(8px);
}

.garden-addproduct-savebar .btn {
    margin: 0 !important;
}

@media (max-width: 900px) {
    .garden-addproduct-form {
        grid-template-columns: 1fr;
    }

    .garden-addproduct-main {
        order: 1;
    }

    .garden-addproduct-sidebar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        order: 2;
        margin-top: 2px !important;
    }

    .garden-addproduct-sidebar > .card:first-child,
    .garden-addproduct-sidebar > .card:nth-child(3) {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    .garden-addproduct-header {
        min-height: 0;
    }

    .garden-addproduct-sidebar {
        grid-template-columns: 1fr;
    }

    .garden-addproduct-sidebar > .card:first-child,
    .garden-addproduct-sidebar > .card:nth-child(3) {
        grid-column: auto;
    }

    .garden-addproduct-tabs {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 1fr;
    }

    .garden-addproduct-tabs .nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .garden-addproduct-workspace .variation-row {
        align-items: stretch !important;
        flex-wrap: wrap !important;
    }

    .garden-addproduct-workspace .variation-row input {
        flex: 1 1 calc(50% - 6px) !important;
    }

    .garden-addproduct-workspace .garden-variation-head {
        display: none !important;
    }

    .garden-addproduct-savebar {
        bottom: 4px;
        width: 100%;
        justify-content: stretch !important;
    }

    body[data-garden-workspace="preview"] .garden-addproduct-savebar .btn {
        flex: 1 1 0;
    }
}

/* Edit product — image actions and crop dialog */
.garden-editproduct-workspace .garden-addproduct-savebar {
    flex-wrap: wrap;
}

body[data-garden-workspace="preview"] .garden-editproduct-workspace .garden-editproduct-image-action {
    margin: 0 !important;
    border: 1px solid var(--gap-line) !important;
    background: #f6f8f6 !important;
    color: #4f5d55 !important;
}

.garden-editproduct-crop-modal .modal-dialog {
    width: min(920px, calc(100vw - 32px));
    max-width: 920px;
    margin-inline: auto;
}

.garden-editproduct-crop-modal .modal-content {
    overflow: hidden;
    border: 1px solid #dce3de;
    border-radius: 12px;
    box-shadow: 0 18px 50px rgba(35, 45, 39, 0.16);
}

.garden-editproduct-crop-modal .modal-header,
.garden-editproduct-crop-modal .modal-footer {
    min-height: 54px;
    padding: 10px 14px;
    border-color: #e4e9e6;
    background: #fbfcfb;
}

.garden-editproduct-crop-modal .modal-title {
    color: #28312d;
    font-size: 16px;
    font-weight: 750;
}

.garden-editproduct-crop-modal .modal-body {
    padding: 14px;
}

.garden-editproduct-aspect-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
}

body[data-garden-workspace="preview"] .garden-editproduct-crop-modal .btn {
    display: inline-flex;
    min-height: 32px !important;
    align-items: center;
    justify-content: center;
    padding: 0 10px !important;
    border-radius: 6px;
    box-shadow: none !important;
    font-size: 13px !important;
    line-height: 1;
}

.garden-editproduct-crop-modal .aspect-ratio-btn {
    border-color: #d6ded8 !important;
    color: #5c6861 !important;
}

.garden-editproduct-crop-modal .aspect-ratio-btn.active {
    border-color: #8fa195 !important;
    background: #e9efeb !important;
    color: #3f5147 !important;
}

.garden-editproduct-crop-modal .crop-container {
    display: flex;
    min-height: 260px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #e0e6e2;
    border-radius: 8px;
    background: #f5f7f5;
}

@media (max-width: 700px) {
    .garden-editproduct-workspace .garden-addproduct-savebar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body[data-garden-workspace="preview"] .garden-editproduct-workspace .garden-addproduct-savebar .btn {
        width: 100% !important;
        margin: 0 !important;
    }

    .garden-editproduct-crop-modal .modal-dialog {
        width: calc(100vw - 16px);
        margin: 8px auto;
    }

    .garden-editproduct-aspect-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-editproduct-crop-modal .modal-body {
        padding: 10px;
    }

    .garden-editproduct-crop-modal .crop-container {
        min-height: 220px;
        max-height: calc(100vh - 250px) !important;
    }
}

/* Driver profile — compact activity record */
.garden-driver-show-workspace {
    --gds-border: #dfe5e1;
    --gds-soft: #f6f8f6;
    --gds-ink: #27302b;
    --gds-muted: #78817a;
}

.garden-driver-show-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin: 0 16px 9px;
    padding: 8px 0 10px;
    border-bottom: 1px solid var(--gds-border);
}

.garden-driver-show-header h1 {
    margin: 3px 0 2px;
    color: var(--gds-ink);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 760;
}

.garden-driver-show-header p {
    margin: 0;
    color: var(--gds-muted);
    font-size: 13px;
}

.garden-driver-show-header .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-driver-show-content {
    padding: 0 16px 14px !important;
}

.garden-driver-stats {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 8px;
    margin-bottom: 8px !important;
}

.garden-driver-stats .card {
    height: 60px;
    border: 1px solid var(--gds-border) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

.garden-driver-stats .card-body {
    justify-content: center;
    padding: 7px 9px !important;
}

.garden-driver-stats .card-body > .d-flex {
    margin: 0 !important;
}

.garden-driver-stats .symbol,
.garden-driver-stats .symbol-label {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
}

.garden-driver-stats .symbol {
    margin-inline-end: 8px !important;
}

.garden-driver-stats .fs-3 {
    font-size: 15px !important;
    line-height: 1.2;
}

.garden-driver-stats .text-gray-400 {
    font-size: 13px !important;
}

.garden-driver-info-card {
    margin-bottom: 8px !important;
    border: 1px solid var(--gds-border) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

.garden-driver-info-card .card-header {
    min-height: 38px !important;
    padding: 6px 9px !important;
    border-bottom: 1px solid var(--gds-border) !important;
}

.garden-driver-info-card h3 {
    font-size: 13px !important;
}

.garden-driver-info-card .card-body {
    padding: 7px 9px !important;
}

.garden-driver-info-card .card-body > .row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px 12px;
}

.garden-driver-info-card .card-body > .row > * {
    width: auto;
    padding: 0;
}

.garden-driver-info-card .card-body > .row > .col-md-12 {
    grid-column: 1 / -1;
}

.garden-driver-info-card .text-gray-600 {
    margin-bottom: 1px !important;
    color: var(--gds-muted) !important;
    font-size: 13px !important;
}

.garden-driver-info-card .fs-5 {
    color: var(--gds-ink);
    font-size: 13px !important;
    line-height: 1.35;
}

.garden-driver-contact-link {
    display: inline-flex;
    color: var(--gds-ink) !important;
    text-decoration: none;
}

.garden-driver-contact-link:hover,
.garden-driver-contact-link:focus-visible {
    color: #526158 !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.garden-driver-declarations > div {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.garden-driver-declaration {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 7px;
    border: 1px solid var(--gds-border);
    border-radius: 999px;
    background: #f5f6f5;
    color: #8a918d;
    font-size: 13px;
    line-height: 1;
    text-decoration: none;
}

.garden-driver-declaration.is-confirmed,
.garden-driver-declaration.is-document {
    background: #edf2ee;
    color: #47564d;
}

.garden-driver-history-table-wrap {
    overflow-x: auto;
}

.garden-driver-history-card .dataTables_filter input {
    width: 220px !important;
    height: 30px !important;
    min-height: 30px !important;
    margin-inline-start: 5px !important;
    padding: 3px 8px !important;
    border: 1px solid var(--gds-border) !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-driver-history-card tfoot td {
    height: 34px;
    padding: 4px 5px !important;
    border-top: 1px solid var(--gds-border) !important;
    font-size: 13px !important;
}

@media (max-width: 700px) {
    .garden-driver-show-header,
    .garden-driver-show-content {
        margin-inline: 8px;
        padding-inline: 0 !important;
    }

    .garden-driver-stats {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .garden-driver-stats > * {
        width: 100%;
    }

    .garden-driver-info-card .card-body > .row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-driver-history-card th:nth-child(3),
    .garden-driver-history-card td:nth-child(3),
    .garden-driver-history-card th:nth-child(5),
    .garden-driver-history-card td:nth-child(5) {
        display: none;
    }
}

@media (max-width: 480px) {
    .garden-driver-stats .symbol {
        display: none;
    }

    .garden-driver-stats .card-body > .d-flex {
        justify-content: center;
        text-align: center;
    }
}

/* Shift scheduling --------------------------------------------------------- */
.garden-shift-scheduling-workspace {
    max-width: 1280px;
    padding-bottom: 20px;
}

.garden-shift-scheduling-workspace .garden-shift-schedule-card {
    border: 1px solid #dfe5e1 !important;
    border-radius: 11px !important;
    box-shadow: none !important;
    overflow: hidden;
}

.garden-shift-scheduling-workspace .garden-shift-schedule-card > .card-header {
    min-height: 54px !important;
    padding: 8px 12px !important;
    border-bottom: 1px solid #e4e9e6 !important;
}

.garden-shift-scheduling-workspace .card-title h2 {
    margin: 0 !important;
    font-size: 16px !important;
    color: #26302b !important;
}

.garden-shift-scheduling-workspace .card-toolbar,
.garden-shift-scheduling-workspace .btn-group {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.garden-shift-scheduling-workspace .card-toolbar .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

.garden-shift-scheduling-workspace .card-toolbar .btn.btn-icon {
    width: 28px !important;
    min-width: 28px !important;
    padding: 0 !important;
}

.garden-shift-scheduling-workspace .garden-shift-schedule-card > .card-body {
    padding: 10px !important;
}

.garden-shift-scheduling-workspace .garden-shift-week-summary {
    min-height: 42px !important;
    margin-bottom: 8px !important;
    padding: 6px 9px !important;
    border: 1px solid #dbe5df !important;
    border-radius: 8px !important;
    background: #f4f7f5 !important;
    color: #4f5c55 !important;
}

.garden-shift-scheduling-workspace .garden-shift-week-summary i {
    margin-inline-end: 7px !important;
    font-size: 16px !important;
}

.garden-shift-scheduling-workspace .garden-shift-week-summary h4 {
    margin-bottom: 1px !important;
    font-size: 13px !important;
}

.garden-shift-scheduling-workspace .garden-shift-week-summary span {
    font-size: 13px !important;
}

.garden-shift-scheduling-workspace .garden-shift-week-grid {
    border: 1px solid #dfe5e1 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    overflow: hidden;
}

.garden-shift-scheduling-workspace .garden-shift-week-grid .table-responsive {
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
}

.garden-shift-scheduling-workspace .shift-table {
    min-width: 760px;
    table-layout: fixed;
}

.garden-shift-scheduling-workspace .shift-table th,
.garden-shift-scheduling-workspace .shift-table td {
    border-color: #e3e8e5 !important;
}

.garden-shift-scheduling-workspace .time-header,
.garden-shift-scheduling-workspace .day-header {
    height: 30px !important;
    padding: 3px 4px !important;
    background: #f5f7f6 !important;
    color: #5b6760 !important;
    font-size: 13px !important;
}

.garden-shift-scheduling-workspace .time-header {
    width: 52px !important;
}

.garden-shift-scheduling-workspace .shift-cell {
    min-height: 35px !important;
    height: 35px !important;
    padding: 2px !important;
}

.garden-shift-scheduling-workspace .shift-item {
    padding: 2px 4px !important;
    border: 1px solid #cadbd1 !important;
    border-inline-start: 2px solid #607b6b !important;
    border-radius: 5px !important;
    background: #eaf1ed !important;
    color: #34443b !important;
    font-size: 13px !important;
}

.garden-shift-schedule-modal .modal-dialog:not(.modal-sm) {
    max-width: 520px !important;
}

.garden-shift-schedule-modal .modal-content {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 30px rgba(39, 48, 43, .12) !important;
}

.garden-shift-schedule-modal .modal-header,
.garden-shift-schedule-modal .modal-footer {
    min-height: 42px !important;
    padding: 7px 10px !important;
    border-color: #dfe5e1 !important;
}

.garden-shift-schedule-modal .modal-body {
    padding: 9px 10px !important;
}

.garden-shift-schedule-modal .modal-title {
    font-size: 13px !important;
}

.garden-shift-schedule-modal .mb-3 {
    margin-bottom: 7px !important;
}

.garden-shift-schedule-modal .form-label {
    margin-bottom: 3px !important;
    font-size: 13px !important;
}

.garden-shift-schedule-modal .form-control,
.garden-shift-schedule-modal .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-shift-schedule-modal textarea.form-control {
    min-height: 58px !important;
    height: 58px !important;
}

.garden-shift-schedule-modal .modal-footer .btn,
.garden-shift-schedule-modal .d-grid .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

@media (max-width: 700px) {
    .garden-shift-scheduling-workspace {
        padding-inline: 8px !important;
    }

    .garden-shift-scheduling-workspace .garden-shift-schedule-card > .card-header {
        align-items: center !important;
        gap: 6px;
    }

    .garden-shift-scheduling-workspace .garden-shift-schedule-card > .card-body {
        padding: 8px !important;
    }
}

/* Activity log ------------------------------------------------------------ */
.garden-activity-log-workspace,
.garden-admin-users-workspace {
    max-width: 1280px;
    padding-bottom: 20px;
}

.garden-activity-log-workspace .garden-record-header,
.garden-admin-users-workspace .garden-record-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px;
    min-height: 58px;
    margin-bottom: 8px;
    padding: 9px 12px !important;
    border: 1px solid #dfe5e1;
    border-radius: 10px;
    background: #fff;
}

.garden-activity-log-workspace .garden-record-header h1,
.garden-admin-users-workspace .garden-record-header h1 {
    margin: 0 0 2px !important;
    font-size: 17px !important;
    color: #27312c !important;
}

.garden-activity-log-workspace .garden-record-header p,
.garden-admin-users-workspace .garden-record-header p {
    margin: 0 !important;
    color: #7b847f !important;
    font-size: 13px !important;
}

.garden-activity-log-workspace .garden-record-header .btn,
.garden-admin-users-workspace .garden-record-header .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-activity-layout {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
}

.garden-activity-log-workspace .garden-activity-filters,
.garden-activity-log-workspace .garden-activity-feed {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.garden-activity-log-workspace .card-header {
    min-height: 44px !important;
    padding: 7px 9px !important;
    border-bottom: 1px solid #e4e9e6 !important;
}

.garden-activity-log-workspace .card-title h2,
.garden-activity-log-workspace .card-title h3 {
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-activity-log-workspace .card-body {
    padding: 8px 9px !important;
}

.garden-activity-log-workspace .mb-3 {
    margin-bottom: 7px !important;
}

.garden-activity-log-workspace .form-label {
    margin-bottom: 3px !important;
    font-size: 13px !important;
}

.garden-activity-log-workspace .form-control,
.garden-activity-log-workspace .form-select {
    min-height: 30px !important;
    height: 30px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-activity-log-workspace .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 27px !important;
    height: 27px !important;
    padding: 0 7px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

.garden-activity-log-workspace .garden-activity-filters .separator {
    margin-block: 9px !important;
}

.garden-activity-log-workspace .garden-activity-filters a.d-flex {
    min-height: 25px;
    padding: 3px 6px !important;
    border-color: #e4e9e6 !important;
    border-radius: 6px !important;
}

.garden-activity-log-workspace .garden-activity-feed .card-toolbar {
    display: flex !important;
}

.garden-activity-log-workspace .table-responsive {
    overflow-x: auto !important;
}

.garden-activity-log-workspace table {
    min-width: 660px;
    margin: 0 !important;
}

.garden-activity-log-workspace table th {
    height: 29px !important;
    padding: 4px 6px !important;
    background: #f5f7f6 !important;
    font-size: 13px !important;
}

.garden-activity-log-workspace table td {
    height: 39px !important;
    padding: 4px 6px !important;
    font-size: 13px !important;
}

.garden-activity-log-workspace table td:first-child span {
    width: 24px !important;
    height: 24px !important;
}

/* Admin users ------------------------------------------------------------- */
.garden-admin-users-workspace .garden-admin-users-content {
    padding: 0 !important;
}

.garden-admin-users-workspace .garden-admin-users-stats > div {
    width: 33.3333%;
}

.garden-admin-users-workspace .garden-admin-users-stats .card,
.garden-admin-users-workspace .garden-admin-users-grid .card {
    border: 1px solid #dfe5e1 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

.garden-admin-users-workspace .garden-admin-users-stats .card-body {
    min-height: 58px;
    padding: 7px 9px !important;
}

.garden-admin-users-workspace .garden-admin-users-stats .rounded-circle {
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
}

.garden-admin-users-workspace .garden-admin-users-stats .fs-2 {
    font-size: 14px !important;
}

.garden-admin-users-workspace .garden-admin-users-stats .fs-7 {
    font-size: 13px !important;
}

.garden-admin-users-workspace .garden-admin-users-grid > div {
    width: 33.3333%;
}

.garden-admin-users-workspace .garden-admin-users-grid .card {
    border-top-width: 1px !important;
}

.garden-admin-users-workspace .garden-admin-users-grid .card-body {
    padding: 9px 10px 7px !important;
}

.garden-admin-users-workspace .garden-admin-users-grid .symbol,
.garden-admin-users-workspace .garden-admin-users-grid .symbol img,
.garden-admin-users-workspace .garden-admin-users-grid .symbol-label {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
}

.garden-admin-users-workspace .garden-admin-users-grid .mb-5 {
    margin-bottom: 8px !important;
}

.garden-admin-users-workspace .garden-admin-users-grid .mb-4 {
    margin-bottom: 7px !important;
}

.garden-admin-users-workspace .garden-admin-users-grid .row.g-3 {
    --bs-gutter-x: 6px;
    --bs-gutter-y: 6px;
}

.garden-admin-users-workspace .garden-admin-users-grid .bg-light.rounded {
    min-height: 43px;
    padding: 5px !important;
    border: 1px solid #e7ebe8;
    border-radius: 6px !important;
}

.garden-admin-users-workspace .garden-admin-users-grid .fs-5 {
    font-size: 13px !important;
}

.garden-admin-users-workspace .garden-admin-users-grid .fs-7,
.garden-admin-users-workspace .garden-admin-users-grid .fs-8 {
    font-size: 13px !important;
}

.garden-admin-users-workspace .garden-admin-users-grid .badge {
    padding: 3px 5px !important;
    font-size: 13px !important;
}

.garden-admin-users-workspace .garden-admin-users-grid .card-footer {
    min-height: 42px !important;
    padding: 6px 9px !important;
}

.garden-admin-users-workspace .garden-admin-users-grid .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 27px !important;
    height: 27px !important;
    padding: 0 7px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

.garden-admin-user-form-workspace {
    max-width: 820px;
    padding-bottom: 20px;
}

.garden-admin-user-form-card {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    overflow: hidden;
}

.garden-admin-user-form-card .card-header {
    min-height: 50px !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #e4e9e6 !important;
}

.garden-admin-user-form-card .card-title {
    margin: 0 !important;
    font-size: 14px !important;
}

.garden-admin-user-form-card .card-body {
    padding: 12px !important;
}

.garden-admin-user-form-card .row {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 8px;
    margin-bottom: 8px !important;
}

.garden-admin-user-form-card .mb-5 {
    margin-bottom: 9px !important;
}

.garden-admin-user-form-card .form-label {
    margin-bottom: 3px !important;
    font-size: 13px !important;
}

.garden-admin-user-form-card .form-check-label {
    font-size: 13px !important;
    line-height: 1.35 !important;
}

.garden-admin-user-form-card .form-switch .form-check-input {
    width: 34px !important;
    height: 18px !important;
    margin-top: 0 !important;
}

.garden-admin-user-form-card .form-control,
.garden-admin-user-form-card .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-admin-user-form-card .alert {
    min-height: 42px !important;
    margin-bottom: 9px !important;
    padding: 7px 9px !important;
    border-radius: 7px !important;
}

.garden-admin-user-form-card .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

@media (max-width: 700px) {
    .garden-activity-log-workspace,
    .garden-admin-users-workspace,
    .garden-admin-user-form-workspace {
        padding-inline: 8px !important;
    }

    .garden-activity-layout {
        grid-template-columns: 205px minmax(0, 1fr);
        gap: 7px;
    }

    .garden-admin-users-workspace .garden-admin-users-grid > div {
        width: 50%;
    }

    .garden-admin-user-form-card .row > .col-md-6 {
        width: 50%;
    }
}

/* Settings and account ---------------------------------------------------- */
.garden-settings-workspace {
    display: block !important;
    width: 100% !important;
    max-width: 1280px;
    margin-inline: auto;
    padding: 10px 12px 20px !important;
}

.garden-settings-workspace > .d-flex,
.garden-settings-workspace .app-content,
.garden-settings-workspace .app-container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

.garden-settings-workspace .app-toolbar {
    display: none !important;
}

.garden-settings-workspace #kt_app_content_container > .card,
.garden-settings-workspace #kt_app_content_container > form > .card,
.garden-settings-workspace #settings_protected_content > .card {
    margin-bottom: 8px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    overflow: hidden;
}

.garden-settings-workspace #kt_app_content_container > .card:first-child > .card-body {
    padding: 8px 10px 0 !important;
}

.garden-settings-workspace #kt_app_content_container > .card:first-child .d-flex.flex-wrap.flex-sm-nowrap {
    align-items: center !important;
    min-height: 46px;
}

.garden-settings-workspace #kt_app_content_container > .card:first-child .me-7 {
    margin-inline-end: 9px !important;
    margin-bottom: 0 !important;
}

.garden-settings-workspace #kt_app_content_container > .card:first-child .symbol,
.garden-settings-workspace #kt_app_content_container > .card:first-child .symbol img {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
}

.garden-settings-workspace #kt_app_content_container > .card:first-child .symbol .h-20px,
.garden-settings-workspace #kt_app_content_container > .card:first-child .symbol .w-20px {
    width: 9px !important;
    height: 9px !important;
    border-width: 2px !important;
    margin-bottom: 1px !important;
}

.garden-settings-workspace #kt_app_content_container > .card:first-child .fs-2 {
    font-size: 13px !important;
}

.garden-settings-workspace #kt_app_content_container > .card:first-child .fs-6 {
    margin-bottom: 2px !important;
    font-size: 13px !important;
}

.garden-settings-workspace #kt_app_content_container > .card:first-child .mb-2,
.garden-settings-workspace #kt_app_content_container > .card:first-child .mb-4 {
    margin-bottom: 2px !important;
}

.garden-settings-workspace #kt_app_content_container > .card:first-child .nav,
.garden-settings-workspace .nav.nav-line-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 3px !important;
    min-height: 34px;
    margin-top: 5px !important;
    padding-top: 5px !important;
    overflow-x: auto;
    border-top: 1px solid #e6ebe8 !important;
    border-bottom: 0 !important;
}

.garden-settings-workspace .nav.nav-line-tabs .nav-item {
    flex: 0 0 auto;
    margin: 0 !important;
}

.garden-settings-workspace .nav.nav-line-tabs .nav-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 27px !important;
    height: 27px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 6px !important;
    color: #66716b !important;
    font-size: 13px !important;
    white-space: nowrap;
}

.garden-settings-workspace .nav.nav-line-tabs .nav-link::after {
    display: none !important;
}

.garden-settings-workspace .nav.nav-line-tabs .nav-link.active {
    background: #e8eeea !important;
    color: #415248 !important;
}

.garden-settings-workspace .card-header {
    min-height: 45px !important;
    padding: 7px 10px !important;
    border-bottom: 1px solid #e4e9e6 !important;
}

.garden-settings-workspace .card-title,
.garden-settings-workspace .card-title h2,
.garden-settings-workspace .card-title h3,
.garden-settings-workspace .card-header h2,
.garden-settings-workspace .card-header h3 {
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-settings-workspace .card-body,
.garden-settings-workspace .card-body.p-9,
.garden-settings-workspace .card-body.border-top.p-9 {
    padding: 10px !important;
}

.garden-settings-workspace .card-footer {
    min-height: 42px !important;
    padding: 7px 10px !important;
    border-color: #e4e9e6 !important;
}

.garden-settings-workspace .row.mb-6,
.garden-settings-workspace .mb-6,
.garden-settings-workspace .mb-7,
.garden-settings-workspace .mb-10 {
    margin-bottom: 9px !important;
}

.garden-settings-workspace .form-label,
.garden-settings-workspace .col-form-label {
    padding-top: 5px !important;
    padding-bottom: 3px !important;
    font-size: 13px !important;
}

.garden-settings-workspace .form-control,
.garden-settings-workspace .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    background-color: #fff !important;
    font-size: 13px !important;
}

.garden-settings-workspace textarea.form-control {
    min-height: 58px !important;
    height: 58px !important;
}

.garden-settings-workspace .btn:not(.btn-icon):not(.btn-circle),
.garden-settings-workspace button.btn:not(.btn-icon):not(.btn-circle) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

.garden-settings-workspace .btn.btn-icon,
.garden-settings-workspace .btn.btn-circle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
}

.garden-settings-workspace .image-input-wrapper.w-125px,
.garden-settings-workspace .image-input-wrapper.h-125px {
    width: 64px !important;
    height: 64px !important;
}

.garden-settings-workspace .form-check-label,
.garden-settings-workspace .text-muted,
.garden-settings-workspace .fs-6,
.garden-settings-workspace .fs-7,
.garden-settings-workspace .fs-8 {
    font-size: 13px !important;
    line-height: 1.4 !important;
}

.garden-settings-workspace .fs-3,
.garden-settings-workspace h3.fs-3 {
    font-size: 13px !important;
}

.garden-settings-workspace .form-switch .form-check-input {
    width: 34px !important;
    height: 18px !important;
}

.garden-settings-workspace .alert {
    min-height: 38px !important;
    margin-bottom: 8px !important;
    padding: 7px 9px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-settings-workspace .table-responsive {
    overflow-x: auto !important;
}

.garden-settings-workspace table th {
    height: 29px !important;
    padding: 4px 6px !important;
    background: #f5f7f6 !important;
    font-size: 13px !important;
}

.garden-settings-workspace table td {
    min-height: 34px !important;
    padding: 4px 6px !important;
    font-size: 13px !important;
}

.garden-settings-workspace #settings_2fa_gate .card-body {
    padding: 12px !important;
}

.garden-settings-workspace #settings_2fa_gate .text-center {
    padding: 6px 0 !important;
}

.garden-settings-workspace #settings_2fa_gate .fs-3x {
    margin-bottom: 6px !important;
    font-size: 22px !important;
}

.garden-settings-workspace #settings_2fa_gate h3 {
    margin-bottom: 3px !important;
    font-size: 14px !important;
}

.garden-settings-workspace #settings_2fa_gate p {
    margin-bottom: 8px !important;
}

.garden-settings-workspace #settings_2fa_gate .w-300px {
    width: 250px !important;
}

.garden-settings-workspace #settings_2fa_code {
    height: 34px !important;
    margin-bottom: 6px !important;
    font-size: 14px !important;
}

@media (max-width: 700px) {
    .garden-settings-workspace {
        padding: 8px 8px 20px !important;
    }

    .garden-settings-workspace #kt_app_content_container > .card:first-child .symbol,
    .garden-settings-workspace #kt_app_content_container > .card:first-child .symbol img {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }

    .garden-settings-workspace .row.mb-6 > .col-lg-4,
    .garden-settings-workspace .row.mb-6 > .col-lg-8 {
        width: 33.3333%;
    }

    .garden-settings-workspace .row.mb-6 > .col-lg-8 {
        width: 66.6667%;
    }
}

/* Compact long-tail operational pages ------------------------------------ */
.garden-compact-workspace {
    display: block !important;
    width: 100% !important;
    max-width: 1280px;
    margin-inline: auto;
    padding: 10px 12px 20px !important;
}

.garden-compact-workspace > .d-flex,
.garden-compact-workspace .app-content,
.garden-compact-workspace .app-container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

.garden-compact-workspace .app-toolbar {
    display: none !important;
}

.garden-compact-workspace .garden-record-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 54px;
    margin-bottom: 8px;
    padding: 8px 10px !important;
    border: 1px solid #dfe5e1;
    border-radius: 10px;
    background: #fff;
}

.garden-compact-workspace .garden-record-header h1 {
    margin: 0 0 2px !important;
    font-size: 16px !important;
    color: #27312c !important;
}

.garden-compact-workspace .garden-record-header p {
    margin: 0 !important;
    color: #7b847f !important;
    font-size: 13px !important;
}

.garden-compact-workspace .card,
.garden-import-workspace > .card,
.garden-import-review-workspace .order-card {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.garden-compact-workspace .card-header,
.garden-import-workspace .card-header {
    min-height: 46px !important;
    padding: 7px 10px !important;
    border-color: #e4e9e6 !important;
}

.garden-compact-workspace .card-title,
.garden-compact-workspace .card-title h2,
.garden-compact-workspace .card-title h3,
.garden-import-workspace .card-title,
.garden-import-workspace .card-title h3 {
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-compact-workspace .card-body,
.garden-import-workspace .card-body {
    padding: 9px 10px !important;
}

.garden-compact-workspace .card-footer,
.garden-import-workspace .card-footer {
    min-height: 42px !important;
    padding: 7px 10px !important;
    border-color: #e4e9e6 !important;
}

.garden-compact-workspace .card-toolbar,
.garden-compact-workspace [data-kt-customer-table-toolbar="base"],
.garden-compact-workspace [data-kt-user-table-toolbar="base"] {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.garden-compact-workspace .form-control,
.garden-compact-workspace .form-select,
.garden-import-workspace .form-control,
.garden-import-workspace .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    background-color: #fff !important;
    font-size: 13px !important;
}

.garden-compact-workspace textarea.form-control,
.garden-import-workspace textarea.form-control {
    min-height: 58px !important;
    height: 58px !important;
}

.garden-compact-workspace .form-label,
.garden-compact-workspace .col-form-label,
.garden-import-workspace .form-label {
    margin-bottom: 3px !important;
    padding-top: 4px !important;
    padding-bottom: 2px !important;
    font-size: 13px !important;
}

.garden-compact-workspace .btn:not(.btn-icon):not(.btn-circle),
.garden-import-workspace .btn:not(.btn-icon):not(.btn-circle) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

.garden-compact-workspace .btn.btn-icon,
.garden-import-workspace .btn.btn-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    border-radius: 7px !important;
}

.garden-compact-workspace .mb-5,
.garden-compact-workspace .mb-7,
.garden-compact-workspace .mb-10,
.garden-compact-workspace .row.mb-6,
.garden-import-workspace .mb-5 {
    margin-bottom: 9px !important;
}

.garden-compact-workspace .table-responsive,
.garden-import-workspace .table-responsive {
    overflow-x: auto !important;
}

.garden-compact-workspace table,
.garden-import-workspace table {
    margin-bottom: 0 !important;
}

.garden-compact-workspace table th,
.garden-import-workspace table th {
    height: 30px !important;
    padding: 4px 6px !important;
    background: #f5f7f6 !important;
    font-size: 13px !important;
    white-space: nowrap;
}

.garden-compact-workspace table td,
.garden-import-workspace table td {
    height: 39px !important;
    padding: 4px 6px !important;
    font-size: 13px !important;
}

.garden-compact-workspace .badge,
.garden-import-workspace .badge {
    padding: 3px 5px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

.garden-compact-workspace .pagination,
.garden-import-workspace .pagination {
    margin: 8px 0 0 !important;
}

.garden-compact-workspace .alert,
.garden-import-workspace .alert {
    min-height: 38px !important;
    margin-bottom: 8px !important;
    padding: 7px 9px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-category-form-workspace .row.g-5,
.garden-category-form-workspace .row.g-xl-9,
.garden-category-form-workspace .row.g-7 {
    --bs-gutter-x: 9px;
    --bs-gutter-y: 9px;
}

.garden-category-form-workspace form.form.d-flex.flex-column.flex-lg-row {
    display: grid !important;
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 8px !important;
    align-items: start;
}

.garden-category-form-workspace form.form.d-flex.flex-column.flex-lg-row > .d-flex.flex-column {
    width: auto !important;
    margin: 0 !important;
    gap: 8px !important;
}

.garden-category-form-workspace .card-flush.py-4 {
    padding-block: 0 !important;
    margin-bottom: 8px !important;
}

.garden-category-form-workspace .image-input-wrapper.w-150px,
.garden-category-form-workspace .image-input-wrapper.h-150px {
    width: 78px !important;
    height: 78px !important;
}

.garden-product-flow-workspace #cat-card .card-body,
.garden-product-flow-workspace .card-body {
    padding: 9px 10px !important;
}

.garden-product-flow-workspace .garden-record-header + .d-flex.flex-stack {
    min-height: 36px;
    margin-bottom: 7px !important;
    padding: 3px 4px !important;
}

.garden-product-flow-workspace .garden-record-header + .d-flex.flex-stack h1 {
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-product-flow-workspace #cat-loading,
.garden-product-flow-workspace #cat-done {
    padding-block: 16px !important;
}

.garden-product-flow-workspace .app-content > .app-container > .row.g-5 {
    display: flex !important;
    flex-wrap: wrap !important;
    --bs-gutter-x: 8px;
    --bs-gutter-y: 8px;
}

.garden-product-flow-workspace .app-content > .app-container > .row.g-5 > .col-lg-4 {
    width: 35% !important;
}

.garden-product-flow-workspace .app-content > .app-container > .row.g-5 > .col-lg-8 {
    width: 65% !important;
}

.garden-product-flow-workspace #intakeDrop {
    min-height: 105px !important;
    margin-bottom: 8px !important;
    border-width: 1px !important;
    border-radius: 8px !important;
}

.garden-product-flow-workspace #intakeSubmit {
    width: auto !important;
    min-width: 76px;
}

/* Product intake ---------------------------------------------------------- */
.garden-product-intake {
    --gpi-ink: #27322c;
    --gpi-muted: #737d76;
    --gpi-line: #dfe5e1;
    --gpi-soft: #f5f7f5;
    --gpi-accent: #485f52;
    max-width: 1320px;
    margin-inline: auto;
    padding: 16px 18px 30px !important;
}

.garden-product-intake__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 13px;
}

.garden-product-intake__head h1 {
    margin: 4px 0 3px;
    color: var(--gpi-ink);
    font-size: 21px;
    line-height: 1.15;
}

.garden-product-intake__head p {
    margin: 0;
    color: var(--gpi-muted);
    font-size: 13px;
}

.garden-intake-head-link,
.garden-intake-modal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid var(--gpi-line);
    border-radius: 8px;
    color: var(--gpi-ink);
    background: #fff;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.garden-product-intake__layout {
    display: grid;
    grid-template-columns: 310px minmax(0, 1fr);
    gap: 9px;
    align-items: start;
}

.garden-intake-composer,
.garden-intake-board {
    overflow: hidden;
    border: 1px solid var(--gpi-line);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 7px 24px rgba(37, 48, 42, .04);
}

.garden-intake-composer {
    position: sticky;
    top: 76px;
}

.garden-intake-composer > header,
.garden-intake-board > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 53px;
    padding: 8px 11px;
    border-bottom: 1px solid var(--gpi-line);
}

.garden-intake-composer > header span,
.garden-intake-board > header span,
.garden-intake-preview .modal-header span {
    display: block;
    color: #6f8779;
    font-size: 13px;
    font-weight: 800;
}

.garden-intake-composer > header h2,
.garden-intake-board > header h2,
.garden-intake-preview .modal-title {
    margin: 2px 0 0;
    color: var(--gpi-ink);
    font-size: 13px;
}

.garden-intake-composer > header small,
.garden-intake-board > header small {
    color: var(--gpi-muted);
    font-size: 13px;
}

.garden-intake-composer form {
    padding: 9px;
}

.garden-intake-drop {
    display: grid;
    place-items: center;
    min-height: 112px;
    margin-bottom: 8px;
    overflow: hidden;
    border: 1px dashed #bfcac3;
    border-radius: 9px;
    background: var(--gpi-soft) center / cover no-repeat;
    color: var(--gpi-muted);
    text-align: center;
    cursor: pointer;
    outline: none;
}

.garden-intake-drop:focus-visible,
.garden-intake-drop.is-dragging {
    border-color: #71877a;
    box-shadow: 0 0 0 3px rgba(72, 95, 82, .08);
}

.garden-intake-drop.has-image { border-style: solid; }

.garden-intake-drop > span > i,
.garden-intake-drop > span > strong,
.garden-intake-drop > span > small { display: block; }

.garden-intake-drop > span > i {
    margin-bottom: 5px;
    color: #7b8b81;
    font-size: 18px;
}

.garden-intake-drop > span > strong {
    color: var(--gpi-ink);
    font-size: 13px;
}

.garden-intake-drop > span > small {
    margin-top: 3px;
    font-size: 13px;
}

.garden-intake-drop input,
.garden-intake-mode input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.garden-intake-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.garden-intake-field {
    display: block;
    min-width: 0;
    margin-bottom: 7px;
}

.garden-intake-field--wide { grid-column: 1 / -1; }

.garden-intake-field > span:first-child,
.garden-intake-mode legend {
    display: block;
    margin: 0 3px 3px;
    color: var(--gpi-muted);
    font-size: 13px;
    font-weight: 700;
}

.garden-intake-field > span:first-child small {
    font-size: inherit;
    font-weight: 500;
}

.garden-intake-field input,
.garden-intake-field select {
    width: 100%;
    height: 31px;
    padding: 0 8px;
    border: 1px solid var(--gpi-line);
    border-radius: 7px;
    background: #fafbfa;
    color: var(--gpi-ink);
    font: inherit;
    font-size: 13px;
    outline: none;
}

.garden-intake-field input:focus,
.garden-intake-field select:focus {
    border-color: #879b8e;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(72, 95, 82, .07);
}

.garden-intake-money {
    position: relative;
    display: block;
}

.garden-intake-money input { padding-inline-end: 25px; }

.garden-intake-money em {
    position: absolute;
    top: 50%;
    inset-inline-end: 8px;
    color: var(--gpi-muted);
    font-style: normal;
    font-size: 13px;
    transform: translateY(-50%);
}

.garden-intake-mode {
    margin: 1px 0 8px;
    padding: 0;
    border: 0;
}

.garden-intake-mode > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 2px;
    border: 1px solid var(--gpi-line);
    border-radius: 8px;
    background: var(--gpi-soft);
}

.garden-intake-mode label {
    display: grid;
    place-items: center;
    min-height: 26px;
    border-radius: 6px;
    color: var(--gpi-muted);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.garden-intake-mode input:checked + label {
    color: var(--gpi-accent);
    background: #fff;
    box-shadow: 0 1px 4px rgba(37, 48, 42, .08);
}

.garden-intake-mode input:focus-visible + label {
    outline: 2px solid #879b8e;
    outline-offset: 1px;
}

.garden-intake-mode > small {
    display: block;
    margin-top: 4px;
    color: var(--gpi-muted);
    font-size: 13px;
}

.garden-intake-error {
    margin-bottom: 7px;
    padding: 7px 8px;
    border: 1px solid #ead5d2;
    border-radius: 7px;
    color: #96514b;
    background: #fbefee;
    font-size: 13px;
}

.garden-intake-error[hidden] { display: none; }

.garden-intake-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    min-height: 33px;
    padding: 0 9px;
    border: 1px solid var(--gpi-accent);
    border-radius: 8px;
    color: #fff;
    background: var(--gpi-accent);
    font: 750 13px inherit;
}

.garden-intake-submit:disabled,
.garden-intake-action:disabled {
    opacity: .5;
    cursor: wait;
}

.garden-intake-queue { min-height: 265px; }

.garden-intake-row {
    display: grid;
    grid-template-columns: 44px minmax(160px, 1fr) 74px 70px minmax(160px, auto);
    gap: 8px;
    align-items: center;
    min-height: 62px;
    padding: 6px 9px;
    border-bottom: 1px solid #e8ece9;
}

.garden-intake-row:last-child { border-bottom: 0; }

.garden-intake-row.is-ready {
    box-shadow: inset -3px 0 #6d8776;
    background: #fbfcfb;
}

.garden-intake-row.is-failed { box-shadow: inset -3px 0 #b66b59; }

.garden-intake-row__image {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    color: #87948b;
    background: #edf1ee center / cover no-repeat;
    font-size: 13px;
    cursor: zoom-in;
}

.garden-intake-row__identity { min-width: 0; }

.garden-intake-row__identity strong,
.garden-intake-row__identity span,
.garden-intake-row__price small,
.garden-intake-row__price strong { display: block; }

.garden-intake-row__identity strong {
    overflow: hidden;
    color: var(--gpi-ink);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-intake-row__identity span {
    overflow: hidden;
    margin-top: 3px;
    color: var(--gpi-muted);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-intake-row__price small {
    color: var(--gpi-muted);
    font-size: 13px;
}

.garden-intake-row__price strong {
    margin-top: 3px;
    color: var(--gpi-ink);
    font: 750 13px 'Inter', sans-serif;
    white-space: nowrap;
}

.garden-intake-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 0 6px;
    border-radius: 6px;
    color: #68736c;
    background: #edf0ee;
    font-size: 13px;
    font-weight: 750;
    white-space: nowrap;
}

.garden-intake-status.is-ready {
    color: #477057;
    background: #e7f0e9;
}

.garden-intake-status.is-processing,
.garden-intake-status.is-queued {
    color: #86613b;
    background: #f7eedf;
    animation: intakePulse 1.6s ease-in-out infinite;
}

.garden-intake-status.is-failed {
    color: #99534d;
    background: #f8e9e7;
}

.garden-intake-row__actions {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
}

.garden-intake-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 27px;
    min-height: 27px;
    padding: 0 7px;
    border: 1px solid var(--gpi-line);
    border-radius: 7px;
    color: var(--gpi-accent);
    background: #fff;
    font: 750 13px inherit;
    text-decoration: none;
}

.garden-intake-action.is-primary {
    color: #fff;
    border-color: var(--gpi-accent);
    background: var(--gpi-accent);
}

.garden-intake-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 265px;
    padding: 22px;
    text-align: center;
}

.garden-intake-empty > i {
    margin-bottom: 9px;
    color: #91a097;
    font-size: 22px;
}

.garden-intake-empty strong,
.garden-intake-empty span { display: block; }

.garden-intake-empty strong {
    color: var(--gpi-ink);
    font-size: 13px;
}

.garden-intake-empty span {
    max-width: 310px;
    margin-top: 4px;
    color: var(--gpi-muted);
    font-size: 13px;
}

.garden-intake-preview .modal-header,
.garden-intake-preview .modal-footer {
    min-height: 48px;
    padding: 8px 11px;
}

.garden-intake-preview .modal-body { padding: 10px 11px; }

.garden-intake-preview__layout {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 12px;
}

.garden-intake-preview__layout img {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 9px;
    background: var(--gpi-soft);
    object-fit: cover;
}

.garden-intake-preview__layout > div:first-child strong {
    display: block;
    margin-top: 7px;
    color: var(--gpi-ink);
    font: 750 13px 'Inter', sans-serif;
}

.garden-intake-preview__layout > div:last-child > span {
    display: block;
    color: #6f8779;
    font-size: 13px;
    font-weight: 800;
}

.garden-intake-preview__layout p {
    margin: 4px 0 12px;
    color: var(--gpi-ink);
    font-size: 13px;
    line-height: 1.6;
    white-space: pre-line;
}

.garden-intake-modal-btn.is-primary {
    color: #fff;
    border-color: var(--gpi-accent);
    background: var(--gpi-accent);
}

.garden-intake-modal-btn[hidden] { display: none; }

@keyframes intakePulse { 50% { opacity: .58; } }

@media (prefers-reduced-motion: reduce) {
    .garden-intake-status.is-processing,
    .garden-intake-status.is-queued { animation: none; }
}

@media (max-width: 920px) {
    .garden-product-intake__layout { grid-template-columns: 270px minmax(0, 1fr); }
    .garden-intake-row { grid-template-columns: 42px minmax(120px, 1fr) 66px minmax(110px, auto); }
    .garden-intake-status { grid-column: 2; justify-self: start; }
    .garden-intake-row__actions { grid-column: 4; grid-row: 1 / span 2; }
}

@media (max-width: 700px) {
    .garden-product-intake { padding-inline: 8px !important; }
    .garden-product-intake__head { align-items: flex-start; }
    .garden-product-intake__layout { grid-template-columns: 1fr; }
    .garden-intake-composer { position: static; }
}

@media (max-width: 480px) {
    .garden-product-intake__head { display: grid; }
    .garden-intake-head-link { justify-self: start; }
    .garden-intake-row { grid-template-columns: 42px minmax(0, 1fr) 62px; gap: 6px; }
    .garden-intake-row__price { text-align: end; }
    .garden-intake-status { grid-column: 2; }
    .garden-intake-row__actions { grid-column: 1 / -1; grid-row: auto; justify-content: flex-end; }
    .garden-intake-action { flex: 1; }
    .garden-intake-preview__layout { grid-template-columns: 1fr; }
    .garden-intake-preview__layout img { max-height: 230px; }
}

.garden-pending-orders-workspace {
    --gpo-ink: #27322c;
    --gpo-muted: #737d76;
    --gpo-line: #dfe5e1;
    --gpo-soft: #f5f7f5;
    --gpo-accent: #485f52;
    max-width: 1280px;
    margin-inline: auto !important;
    padding: 16px 18px 30px !important;
}

.garden-pending-orders-workspace #kt_app_toolbar { display: none !important; }
.garden-pending-orders-workspace :is(#kt_app_content, #kt_app_content_container) { padding: 0 !important; }
.garden-pending-orders-workspace .garden-record-header { align-items: flex-end; margin-bottom: 11px; }
.garden-pending-orders-workspace .garden-record-header h1 { font-size: 21px; }
.garden-pending-orders-workspace .garden-record-header p { font-size: 13px; }

.garden-pending-all-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 31px;
    padding: 0 9px;
    background: #fff;
    border: 1px solid var(--gpo-line);
    border-radius: 8px;
    color: var(--gpo-accent);
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.garden-pending-ledger {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    margin-bottom: 9px;
    background: #fff;
    border: 1px solid var(--gpo-line);
    border-radius: 12px;
    box-shadow: 0 7px 24px rgba(37, 48, 42, .04);
}

.garden-pending-ledger article {
    min-height: 72px;
    padding: 9px 12px;
    border-inline-start: 1px solid var(--gpo-line);
}
.garden-pending-ledger article:first-child { border-inline-start: 0; }
.garden-pending-ledger :is(span, strong, small) { display: block; }
.garden-pending-ledger span { color: var(--gpo-muted); font-size: 13px; font-weight: 750; }
.garden-pending-ledger strong { margin-top: 4px; color: var(--gpo-ink); font: 750 15px 'Inter', sans-serif; }
.garden-pending-ledger small { margin-top: 3px; color: var(--gpo-muted); font-size: 13px; }
.garden-pending-ledger .is-attention strong { color: #a66043; }

.garden-pending-orders-workspace .garden-pending-panel {
    overflow: visible;
    border: 1px solid var(--gpo-line) !important;
    border-radius: 12px !important;
    box-shadow: 0 7px 24px rgba(37, 48, 42, .04) !important;
}

.garden-pending-orders-workspace .garden-pending-toolbar {
    min-height: 0 !important;
    padding: 8px 10px !important;
    background: #fafbfa;
    border-bottom: 1px solid var(--gpo-line) !important;
}
.garden-pending-toolbar__row { display: grid; grid-template-columns: minmax(220px, 1fr) 190px auto; gap: 7px; align-items: center; }
.garden-pending-search { position: relative; }
.garden-pending-search i { position: absolute; top: 50%; inset-inline-start: 9px; color: #929b95; font-size: 13px; transform: translateY(-50%); }
.garden-pending-search input,
.garden-pending-filter select {
    width: 100%;
    height: 31px;
    background: #fff;
    border: 1px solid var(--gpo-line);
    border-radius: 7px;
    color: var(--gpo-ink);
    font: inherit;
    font-size: 13px;
    outline: none;
}
.garden-pending-search input { padding: 0 27px 0 8px; }
.garden-pending-filter { display: grid; grid-template-columns: auto 1fr; gap: 6px; align-items: center; }
.garden-pending-filter > span { color: var(--gpo-muted); font-size: 13px; font-weight: 750; }
.garden-pending-filter select { padding: 0 8px; }
.garden-pending-search input:focus,
.garden-pending-filter select:focus { border-color: #879b8e; box-shadow: 0 0 0 3px rgba(72, 95, 82, .07); }
.garden-pending-create { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 31px; padding: 0 9px; background: var(--gpo-accent); border: 1px solid var(--gpo-accent); border-radius: 7px; color: #fff; font-size: 13px; font-weight: 750; text-decoration: none; }

.garden-pending-orders-workspace #pending_cards_container { display: none !important; }
.garden-pending-orders-workspace #pending_table_container { display: block !important; }
.garden-pending-orders-workspace .garden-pending-register-wrap { position: relative !important; overflow-x: auto !important; padding: 3px 8px 6px !important; }
.garden-pending-orders-workspace .garden-pending-register { width: 100%; min-width: 990px; border-collapse: separate; border-spacing: 0 5px; }
.garden-pending-register thead th { height: 25px; padding: 0 7px; color: var(--gpo-muted); font-size: 13px; font-weight: 800; text-align: start !important; }
.garden-pending-register tbody::after { display: none !important; }
.garden-pending-register tbody tr[hidden] { display: none; }
.garden-pending-register tbody td { height: 51px; padding: 5px 7px; background: #fff; border-block: 1px solid var(--gpo-line); color: var(--gpo-ink); font-size: 13px; vertical-align: middle; }
.garden-pending-register tbody td:first-child { border-inline-start: 1px solid var(--gpo-line); border-start-start-radius: 8px; border-end-start-radius: 8px; }
.garden-pending-register tbody td:last-child { border-inline-end: 1px solid var(--gpo-line); border-start-end-radius: 8px; border-end-end-radius: 8px; }
.garden-pending-register tbody tr:hover td { background: #fafbfa; }
.garden-pending-select { width: 24px; text-align: center; }
.garden-pending-select input { width: 15px; height: 15px; margin: 0; accent-color: var(--gpo-accent); }
.garden-pending-number { min-width: 72px; }
.garden-pending-number :is(strong, small),
.garden-pending-amount :is(strong, small),
.garden-pending-items :is(strong, small),
.garden-pending-time :is(strong, small) { display: block; }
.garden-pending-number strong { color: var(--gpo-accent); font: 750 13px 'Inter', sans-serif; }
.garden-pending-register small { margin-top: 2px; color: var(--gpo-muted); font-size: 13px; }
.garden-pending-customer { display: grid; grid-template-columns: 29px minmax(120px, 1fr); gap: 7px; align-items: center; min-width: 170px; }
.garden-pending-avatar { display: grid; place-items: center; width: 29px; height: 29px; background: #edf1ee; border-radius: 50%; color: var(--gpo-accent); font-size: 13px; font-weight: 800; }
.garden-pending-customer > span:last-child { min-width: 0; }
.garden-pending-customer strong { display: block; overflow: hidden; color: var(--gpo-ink); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.garden-pending-customer small { display: block; }
.garden-pending-amount { min-width: 112px; }
.garden-pending-amount strong { color: #a66043; font: 750 13px 'Inter', sans-serif; }
.garden-pending-items { min-width: 48px; text-align: center; }
.garden-pending-items strong { font: 750 13px 'Inter', sans-serif; }
.garden-pending-phone { min-width: 95px; font: 13px 'Inter', sans-serif; }
.garden-pending-time { min-width: 54px; }
.garden-pending-time strong { font: 750 13px 'Inter', sans-serif; }
.garden-pending-actions { display: flex; justify-content: flex-end; gap: 4px; min-width: 156px; }
.garden-pending-collect,
.garden-pending-more { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 28px; padding: 0 7px; border: 1px solid var(--gpo-accent); border-radius: 7px; font: 750 13px inherit; text-decoration: none; }
.garden-pending-collect { background: var(--gpo-accent); color: #fff; }
.garden-pending-more { width: 28px; padding: 0; background: #fff; border-color: var(--gpo-line); color: var(--gpo-accent); }

.garden-pending-payment-modal .modal-dialog { max-width: 520px; }
.garden-pending-payment-modal .modal-content { overflow: hidden; border: 1px solid var(--gpo-line); border-radius: 12px; box-shadow: 0 18px 48px rgba(32, 43, 37, .16); }
.garden-pending-payment-modal .modal-header { align-items: flex-start; min-height: 51px !important; padding: 9px 11px !important; background: #fafbfa; }
.garden-pending-payment-modal .modal-header small { display: block; color: #6f8779; font-size: 13px; font-weight: 800; }
.garden-pending-payment-modal .modal-title { margin-top: 2px; color: var(--gpo-ink); font-size: 13px; }
.garden-pending-payment-modal .modal-body { padding: 10px 11px !important; }
.garden-pending-payment-modal .form-label { margin-bottom: 4px; color: var(--gpo-muted); font-size: 13px; font-weight: 750; }
.garden-pending-payment-modal :is(.form-control, .form-select) { min-height: 32px; padding-block: 4px; border-color: var(--gpo-line); border-radius: 7px; color: var(--gpo-ink); font-size: 13px; }
.garden-pending-payment-modal .mb-3 { margin-bottom: 8px !important; }
.garden-pending-payment-modal .alert { padding: 7px 9px; border-width: 1px; border-radius: 8px; font-size: 13px; }
.garden-pending-payment-modal #splitRatioButtons { gap: 5px !important; }
.garden-pending-payment-modal #splitRatioButtons .btn { min-height: 27px; padding: 0 6px; font-size: 13px; }
.garden-pending-payment-modal .modal-footer { gap: 5px; min-height: 46px !important; padding: 7px 10px !important; }
.garden-pending-payment-modal .modal-footer .btn { min-height: 30px; padding: 0 10px; border-radius: 7px; font-size: 13px; font-weight: 750; }

@media (max-width: 760px) {
    .garden-pending-orders-workspace { padding-inline: 8px !important; }
    .garden-pending-toolbar__row { grid-template-columns: minmax(0, 1fr) 165px; }
    .garden-pending-create { grid-column: 1 / -1; justify-self: end; }
}

@media (max-width: 640px) {
    .garden-pending-orders-workspace .garden-record-header { align-items: flex-start; }
    .garden-pending-ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-pending-ledger article:nth-child(3) { grid-column: 1 / -1; border-top: 1px solid var(--gpo-line); border-inline-start: 0; }
    .garden-pending-toolbar__row { grid-template-columns: 1fr; }
    .garden-pending-filter { grid-template-columns: 48px 1fr; }
    .garden-pending-create { grid-column: auto; justify-self: stretch; }
    .garden-pending-orders-workspace .garden-pending-register { min-width: 0; border-spacing: 0 6px; }
    .garden-pending-register thead { display: none; }
    .garden-pending-register tbody { display: block; }
    .garden-pending-register tbody tr { display: grid; grid-template-columns: 21px minmax(0, 1fr) auto; gap: 6px 8px; padding: 8px; background: #fff; border: 1px solid var(--gpo-line); border-radius: 9px; }
    .garden-pending-register tbody tr[hidden] { display: none; }
    .garden-pending-register tbody td { display: flex; align-items: center; width: auto; min-width: 0; height: auto; padding: 0; background: transparent !important; border: 0 !important; border-radius: 0 !important; }
    .garden-pending-select { grid-column: 1; grid-row: 1; align-self: start; padding-top: 7px !important; }
    .garden-pending-customer { grid-column: 2; grid-row: 1; display: grid !important; }
    .garden-pending-amount { grid-column: 3; grid-row: 1; display: block !important; text-align: end; }
    .garden-pending-number { grid-column: 2; grid-row: 2; gap: 4px; }
    .garden-pending-items { grid-column: 3; grid-row: 2; gap: 4px; }
    .garden-pending-phone { grid-column: 2; grid-row: 3; }
    .garden-pending-time { grid-column: 3; grid-row: 3; display: block !important; text-align: end; }
    .garden-pending-actions { grid-column: 2 / -1; grid-row: 4; justify-content: flex-end; }
    .garden-pending-collect { flex: 1; }
}

.garden-business-customers-workspace #businessCustomersTable,
.garden-categories-workspace #kt_ecommerce_category_table,
.garden-category-products-workspace #kt_ecommerce_products_table {
    min-width: 720px;
}

/* Business customers: compact operational register --------------------- */
.garden-business-customers-workspace {
    --gbc-ink: #27322c;
    --gbc-muted: #737d76;
    --gbc-line: #dfe5e1;
    --gbc-soft: #f5f7f5;
    --gbc-accent: #485f52;
    max-width: 1280px;
    margin-inline: auto;
    padding: 16px 18px 30px !important;
}

.garden-business-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 12px;
}

.garden-business-head h1 {
    margin: 4px 0 3px;
    color: var(--gbc-ink);
    font-size: 21px;
    line-height: 1.15;
}

.garden-business-head p {
    margin: 0;
    color: var(--gbc-muted);
    font-size: 13px;
}

.garden-business-head__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 31px;
    padding: 0 9px;
    background: #fff;
    border: 1px solid var(--gbc-line);
    border-radius: 8px;
    color: var(--gbc-accent);
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.garden-business-ledger {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    margin-bottom: 9px;
    background: #fff;
    border: 1px solid var(--gbc-line);
    border-radius: 12px;
    box-shadow: 0 7px 24px rgba(37, 48, 42, .04);
}

.garden-business-ledger article {
    min-height: 72px;
    padding: 9px 12px;
    border-inline-start: 1px solid var(--gbc-line);
}

.garden-business-ledger article:first-child { border-inline-start: 0; }
.garden-business-ledger :is(span, strong, small) { display: block; }
.garden-business-ledger span { color: var(--gbc-muted); font-size: 13px; font-weight: 750; }
.garden-business-ledger strong { margin-top: 4px; color: var(--gbc-ink); font: 750 15px 'Inter', sans-serif; }
.garden-business-ledger small { margin-top: 3px; color: var(--gbc-muted); font-size: 13px; }
.garden-business-ledger .is-attention strong { color: #a66043; }

.garden-business-panel {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--gbc-line);
    border-radius: 12px;
    box-shadow: 0 7px 24px rgba(37, 48, 42, .04);
}

.garden-business-toolbar {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 200px;
    gap: 7px;
    padding: 8px 10px;
    background: #fafbfa;
    border-bottom: 1px solid var(--gbc-line);
}

.garden-business-search { position: relative; }
.garden-business-search i { position: absolute; top: 50%; inset-inline-start: 9px; color: #929b95; font-size: 13px; transform: translateY(-50%); }
.garden-business-search input,
.garden-business-filter select {
    width: 100%;
    height: 31px;
    background: #fff;
    border: 1px solid var(--gbc-line);
    border-radius: 7px;
    color: var(--gbc-ink);
    font: inherit;
    font-size: 13px;
    outline: none;
}
.garden-business-search input { padding: 0 27px 0 8px; }
.garden-business-filter { display: grid; grid-template-columns: auto 1fr; gap: 6px; align-items: center; }
.garden-business-filter > span { color: var(--gbc-muted); font-size: 13px; font-weight: 750; }
.garden-business-filter select { padding: 0 8px; }
.garden-business-search input:focus,
.garden-business-filter select:focus { border-color: #879b8e; box-shadow: 0 0 0 3px rgba(72, 95, 82, .07); }

.garden-business-register-wrap { overflow-x: auto; }
.garden-business-register { width: 100%; min-width: 980px !important; border-collapse: collapse; }
.garden-business-register thead th {
    height: 30px;
    padding: 0 7px;
    background: #f7f9f7;
    border-bottom: 1px solid var(--gbc-line);
    color: var(--gbc-muted);
    font-size: 13px;
    font-weight: 800;
    text-align: start;
}
.garden-business-register tbody tr { border-bottom: 1px solid #e8ece9; transition: background-color .15s; }
.garden-business-register tbody tr:hover { background: #fafbfa; }
.garden-business-register tbody td { height: 55px; padding: 6px 7px; color: var(--gbc-ink); font-size: 13px; vertical-align: middle; }
.garden-business-select { width: 26px; text-align: center; }
.garden-business-select input { width: 15px; height: 15px; margin: 0; accent-color: var(--gbc-accent); }
.garden-business-identity { display: grid; grid-template-columns: 30px minmax(115px, 1fr); gap: 7px; align-items: center; min-width: 165px; }
.garden-business-avatar { display: grid; place-items: center; width: 29px; height: 29px; background: #edf1ee; border-radius: 50%; color: var(--gbc-accent); font-size: 13px; font-weight: 800; }
.garden-business-identity > span:last-child { min-width: 0; }
.garden-business-identity strong { display: block; overflow: hidden; color: var(--gbc-ink); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.garden-business-identity small { display: inline-flex; align-items: center; min-height: 18px; margin-top: 3px; padding: 0 5px; border-radius: 5px; font-size: 13px; font-weight: 750; }
.garden-business-identity small.is-approved { background: #e8f1ea; color: #477057; }
.garden-business-identity small.is-pending { background: #f8efe3; color: #91673e; }
.garden-business-phone { min-width: 92px; font: 13px 'Inter', sans-serif; text-align: start; }
.garden-business-meta { min-width: 80px; color: var(--gbc-muted) !important; }
.garden-business-value { min-width: 80px; font: 13px 'Inter', sans-serif; font-weight: 750; }
.garden-business-orders { min-width: 54px; text-align: center; }
.garden-business-orders :is(strong, small) { display: block; }
.garden-business-orders strong { font: 750 13px 'Inter', sans-serif; }
.garden-business-orders small { margin-top: 2px; color: var(--gbc-muted); font-size: 13px; }
.garden-business-date { min-width: 70px; color: var(--gbc-muted) !important; font: 13px 'Inter', sans-serif; }
.garden-business-actions { display: flex; justify-content: flex-end; gap: 4px; min-width: 140px; }
.garden-business-actions form { margin: 0; }
.garden-business-actions :is(a, button) { display: inline-flex; align-items: center; justify-content: center; min-height: 27px; padding: 0 7px; background: #fff; border: 1px solid var(--gbc-line); border-radius: 7px; color: var(--gbc-accent); font: 750 13px inherit; text-decoration: none; }
.garden-business-actions .is-primary { background: var(--gbc-accent); border-color: var(--gbc-accent); color: #fff; }
.garden-business-actions button:not(.is-danger) { width: 27px; padding: 0; }
.garden-business-actions .is-danger { width: 27px; padding: 0; color: #a15b55; }
.garden-business-empty { height: 180px !important; color: var(--gbc-muted) !important; text-align: center; }
.garden-business-panel .dataTables_wrapper > .row:first-child { display: none; }
.garden-business-panel .dataTables_wrapper > .row:last-child { align-items: center; min-height: 43px; margin: 0; padding: 6px 9px; border-top: 1px solid var(--gbc-line); }
.garden-business-panel .dataTables_info { padding: 0 !important; color: var(--gbc-muted); font-size: 13px; }
.garden-business-panel .pagination { margin: 0; }
.garden-business-panel .page-link { min-width: 25px; height: 25px; padding: 3px 6px; color: var(--gbc-accent); font-size: 13px; }

@media (max-width: 760px) {
    .garden-business-customers-workspace { padding-inline: 8px !important; }
    .garden-business-head { align-items: flex-start; }
    .garden-business-ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-business-ledger article:nth-child(3) { border-top: 1px solid var(--gbc-line); border-inline-start: 0; }
    .garden-business-ledger article:nth-child(4) { border-top: 1px solid var(--gbc-line); }
    .garden-business-toolbar { grid-template-columns: 1fr 170px; }
}

@media (max-width: 500px) {
    .garden-business-head { display: grid; }
    .garden-business-head__link { justify-self: start; }
    .garden-business-toolbar { grid-template-columns: 1fr; }
    .garden-business-filter { grid-template-columns: 48px 1fr; }
}

.garden-import-workspace {
    max-width: 1100px;
    padding-bottom: 20px;
}

.garden-import-workspace > .card:first-of-type:not(.order-card) {
    max-width: 760px !important;
    margin-inline: auto !important;
}

.garden-import-workspace #dropZone {
    min-height: 118px;
    padding: 18px 12px !important;
    border-width: 1px !important;
    border-color: #cbd4ce !important;
    border-radius: 8px !important;
    background: #fafbfa !important;
}

/* Shared PDF import flow ------------------------------------------------ */
.garden-import-workspace {
    --gif-ink: #27322c;
    --gif-muted: #737d76;
    --gif-line: #dfe5e1;
    --gif-soft: #f5f7f5;
    --gif-accent: #485f52;
    max-width: 1180px;
    margin-inline: auto;
    padding: 16px 18px 30px !important;
}
.garden-import-flow__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 12px; }
.garden-import-flow__head > div:first-child > a { display: inline-flex; align-items: center; gap: 5px; margin-bottom: 6px; color: var(--gif-muted); font-size: 13px; font-weight: 700; text-decoration: none; }
.garden-import-flow__head .garden-workspace__eyebrow { display: block; color: #6f8779; font-size: 13px; font-weight: 800; }
.garden-import-flow__head h1 { margin: 4px 0 3px; color: var(--gif-ink); font-size: 21px; line-height: 1.15; }
.garden-import-flow__head p { max-width: 690px; margin: 0; color: var(--gif-muted); font-size: 13px; }
.garden-import-flow__steps { display: flex; align-items: center; gap: 6px; }
.garden-import-flow__steps span { display: flex; align-items: center; gap: 5px; color: var(--gif-muted); font-size: 13px; font-weight: 700; white-space: nowrap; }
.garden-import-flow__steps span b { display: grid; place-items: center; width: 20px; height: 20px; background: #edf1ee; border-radius: 50%; color: var(--gif-accent); font: 750 13px 'Inter', sans-serif; }
.garden-import-flow__steps span.is-active { color: var(--gif-accent); }
.garden-import-flow__steps span.is-active b { background: var(--gif-accent); color: #fff; }
.garden-import-flow__steps > i { width: 24px; height: 1px; background: var(--gif-line); }
.garden-import-flow__layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 9px; align-items: start; }
.garden-import-upload-panel,
.garden-import-guide { background: #fff; border: 1px solid var(--gif-line); border-radius: 12px; box-shadow: 0 7px 24px rgba(37, 48, 42, .04); }
.garden-import-upload-panel { overflow: hidden; }
.garden-import-upload-panel > header { display: flex; align-items: center; justify-content: space-between; min-height: 43px; padding: 7px 10px; border-bottom: 1px solid var(--gif-line); }
.garden-import-upload-panel > header span { color: var(--gif-ink); font-size: 13px; font-weight: 750; }
.garden-import-upload-panel > header small { color: var(--gif-muted); font-size: 13px; }
.garden-import-dropzone { display: flex !important; align-items: center; justify-content: center; flex-direction: column; min-height: 220px !important; margin: 9px !important; padding: 20px !important; background: #fafbfa !important; border: 1px dashed #bfcac2 !important; border-radius: 10px !important; cursor: pointer; transition: background-color .15s, border-color .15s, box-shadow .15s; }
.garden-import-dropzone.is-dragging { background: #eef3ef !important; border-color: var(--gif-accent) !important; box-shadow: inset 0 0 0 2px rgba(72, 95, 82, .07); }
.garden-import-dropzone input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.garden-import-dropzone__icon { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 9px; background: #e9eeea; border-radius: 10px; color: var(--gif-accent); font-size: 15px; }
.garden-import-dropzone strong { color: var(--gif-ink); font-size: 13px; }
.garden-import-dropzone small { margin-top: 4px; color: var(--gif-muted); font-size: 13px; }
.garden-import-files { min-height: 50px; margin: 0 9px 8px; padding: 7px 8px; background: #f7f9f7; border: 1px solid var(--gif-line); border-radius: 8px; }
.garden-import-files > span { color: var(--gif-muted); font-size: 13px; }
.garden-import-files > strong { display: block; margin-bottom: 5px; color: var(--gif-ink); font-size: 13px; }
.garden-import-files > div { display: flex; flex-wrap: wrap; gap: 4px; }
.garden-import-files > div span { display: inline-flex; align-items: center; gap: 4px; overflow: hidden; max-width: 210px; min-height: 23px; padding: 0 6px; background: #fff; border: 1px solid var(--gif-line); border-radius: 6px; color: var(--gif-muted); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.garden-import-files > div i { color: #8b625b; }
.garden-import-error { margin: 0 9px 8px; padding: 6px 8px; background: #fbefee; border: 1px solid #edd8d5; border-radius: 7px; color: #934f4a; font-size: 13px; }
.garden-import-error[hidden] { display: none; }
.garden-import-upload-panel > footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 48px; padding: 7px 9px; border-top: 1px solid var(--gif-line); }
.garden-import-upload-panel > footer > span { display: flex; align-items: center; gap: 5px; color: var(--gif-muted); font-size: 13px; }
.garden-import-upload-panel > footer > span i { color: #6f8779; }
.garden-import-upload-panel > footer button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 31px; padding: 0 9px; background: var(--gif-accent); border: 1px solid var(--gif-accent); border-radius: 7px; color: #fff; font: 750 13px inherit; }
.garden-import-upload-panel > footer button:disabled { cursor: not-allowed; opacity: .42; }
.garden-import-guide { padding: 11px; }
.garden-import-guide > span { display: block; color: #6f8779; font-size: 13px; font-weight: 800; }
.garden-import-guide h2 { margin: 4px 0 10px; color: var(--gif-ink); font-size: 13px; }
.garden-import-guide ol { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.garden-import-guide li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 7px; align-items: start; color: var(--gif-muted); font-size: 13px; line-height: 1.55; }
.garden-import-guide li b { display: grid; place-items: center; width: 23px; height: 23px; background: #edf1ee; border-radius: 50%; color: var(--gif-accent); font: 750 13px 'Inter', sans-serif; }
.garden-import-guide > div { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 6px; margin-top: 11px; padding: 7px; background: #f7f9f7; border-radius: 7px; color: var(--gif-muted); font-size: 13px; line-height: 1.5; }
.garden-import-guide > div i { color: #927348; }
.garden-import-loading { position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; padding: 18px; background: rgba(34, 44, 38, .48); backdrop-filter: blur(2px); }
.garden-import-loading[hidden] { display: none; }
.garden-import-loading > div { width: min(370px, 100%); padding: 18px; background: #fff; border: 1px solid var(--gif-line); border-radius: 12px; box-shadow: 0 20px 55px rgba(24, 34, 28, .24); text-align: center; }
.garden-import-loading > div > span { display: grid; place-items: center; width: 42px; height: 42px; margin: 0 auto 9px; background: #e9eeea; border-radius: 50%; color: var(--gif-accent); font-size: 14px; animation: gardenImportPulse 1.6s ease-in-out infinite; }
.garden-import-loading strong { display: block; color: var(--gif-ink); font-size: 13px; }
.garden-import-loading small { display: block; margin: 5px 0 10px; color: var(--gif-muted); font-size: 13px; }
.garden-import-loading progress { width: 100%; height: 6px; overflow: hidden; border: 0; border-radius: 5px; accent-color: var(--gif-accent); }
@keyframes gardenImportPulse { 50% { transform: scale(1.09); opacity: .72; } }
@media (prefers-reduced-motion: reduce) { .garden-import-loading > div > span { animation: none; } }
@media (max-width: 760px) {
    .garden-import-workspace { padding-inline: 8px !important; }
    .garden-import-flow__head { align-items: flex-start; }
    .garden-import-flow__steps { display: none; }
    .garden-import-flow__layout { grid-template-columns: 1fr; }
    .garden-import-guide { order: -1; }
    .garden-import-guide ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
    .garden-import-guide ol { grid-template-columns: 1fr; }
    .garden-import-upload-panel > footer { align-items: stretch; flex-direction: column; }
    .garden-import-upload-panel > footer button { width: 100%; }
    .garden-import-dropzone { min-height: 180px !important; }
}

/* Product import review: editable operational register ----------------- */
.garden-product-import-review { max-width: 1280px; }
.garden-product-import-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 12px; }
.garden-product-import-head > div:first-child > a { display: inline-flex; align-items: center; gap: 5px; margin-bottom: 6px; color: var(--gif-muted); font-size: 13px; font-weight: 700; text-decoration: none; }
.garden-product-import-head .garden-workspace__eyebrow { display: block; color: #6f8779; font-size: 13px; font-weight: 800; }
.garden-product-import-head h1 { margin: 4px 0 3px; color: var(--gif-ink); font-size: 21px; line-height: 1.15; }
.garden-product-import-head p { margin: 0; color: var(--gif-muted); font-size: 13px; }
.garden-product-import-steps { display: flex; align-items: center; gap: 6px; }
.garden-product-import-steps span { display: flex; align-items: center; gap: 5px; color: var(--gif-muted); font-size: 13px; font-weight: 700; white-space: nowrap; }
.garden-product-import-steps span b { display: grid; place-items: center; width: 20px; height: 20px; background: #edf1ee; border-radius: 50%; color: var(--gif-accent); font: 750 13px 'Inter', sans-serif; }
.garden-product-import-steps span.is-active { color: var(--gif-accent); }
.garden-product-import-steps span.is-active b { background: var(--gif-accent); color: #fff; }
.garden-product-import-steps span.is-complete b { background: #e8f1ea; color: #477057; }
.garden-product-import-steps > i { width: 24px; height: 1px; background: var(--gif-line); }
.garden-product-import-errors { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 7px; margin-bottom: 8px; padding: 8px 9px; background: #faf2e6; border: 1px solid #ead9bd; border-radius: 8px; color: #865f37; font-size: 13px; }
.garden-product-import-errors strong,
.garden-product-import-errors span { display: block; }
.garden-product-import-errors span { margin-top: 2px; }
.garden-product-import-ledger { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; margin-bottom: 8px; background: #fff; border: 1px solid var(--gif-line); border-radius: 12px; box-shadow: 0 7px 24px rgba(37, 48, 42, .04); }
.garden-product-import-ledger article { min-height: 70px; padding: 9px 12px; border-inline-start: 1px solid var(--gif-line); }
.garden-product-import-ledger article:first-child { border-inline-start: 0; }
.garden-product-import-ledger :is(span, strong, small) { display: block; }
.garden-product-import-ledger span { color: var(--gif-muted); font-size: 13px; font-weight: 750; }
.garden-product-import-ledger strong { margin-top: 4px; color: var(--gif-ink); font: 750 14px 'Inter', sans-serif; }
.garden-product-import-ledger small { margin-top: 3px; color: var(--gif-muted); font-size: 13px; }
.garden-product-import-ledger .is-new strong { color: #477057; }
.garden-product-import-panel { overflow: hidden; background: #fff; border: 1px solid var(--gif-line); border-radius: 12px; box-shadow: 0 7px 24px rgba(37, 48, 42, .04); }
.garden-product-import-toolbar { display: grid; grid-template-columns: minmax(220px, 1fr) auto; gap: 8px; align-items: center; min-height: 47px; padding: 7px 9px; background: #fafbfa; border-bottom: 1px solid var(--gif-line); }
.garden-product-import-toolbar > label { position: relative; }
.garden-product-import-toolbar > label i { position: absolute; top: 50%; inset-inline-start: 9px; color: #929b95; font-size: 13px; transform: translateY(-50%); }
.garden-product-import-toolbar input { width: 100%; height: 30px; padding: 0 27px 0 7px; background: #fff; border: 1px solid var(--gif-line); border-radius: 7px; color: var(--gif-ink); font: inherit; font-size: 13px; outline: none; }
.garden-product-import-toolbar input:focus { border-color: #879b8e; box-shadow: 0 0 0 3px rgba(72, 95, 82, .07); }
.garden-product-import-toolbar > div { display: flex; gap: 4px; }
.garden-product-import-toolbar button { min-height: 28px; padding: 0 7px; background: #fff; border: 1px solid var(--gif-line); border-radius: 7px; color: var(--gif-accent); font: 750 13px inherit; }
.garden-product-import-toolbar button.is-primary { background: #edf2ee; border-color: #d6dfd8; }
.garden-product-import-list { max-height: 650px; overflow: auto; padding: 4px 7px; }
.garden-product-import-row { display: grid; grid-template-columns: 20px minmax(170px, 1.35fr) 55px 90px 95px minmax(120px, .85fr) 45px 76px; gap: 6px; align-items: end; min-height: 61px; padding: 6px 7px; border-bottom: 1px solid #e8ece9; }
.garden-product-import-row[hidden] { display: none; }
.garden-product-import-row:hover { background: #fafbfa; }
.garden-product-import-row.is-existing { background: #fbfaf7; }
.garden-product-import-check { align-self: center; }
.garden-product-import-check input { width: 15px; height: 15px; margin: 0; accent-color: var(--gif-accent); }
.garden-product-import-row label > span:first-child,
.garden-product-import-row div > span:first-child { display: block; margin: 0 2px 3px; color: var(--gif-muted); font-size: 13px; font-weight: 750; }
.garden-product-import-name { min-width: 0; }
.garden-product-import-name input,
.garden-product-import-money input,
.garden-product-import-category select { width: 100%; height: 29px; padding: 0 7px; background: #fafbfa; border: 1px solid var(--gif-line); border-radius: 7px; color: var(--gif-ink); font: inherit; font-size: 13px; outline: none; }
.garden-product-import-name input:focus,
.garden-product-import-money input:focus,
.garden-product-import-category select:focus { background: #fff; border-color: #879b8e; box-shadow: 0 0 0 3px rgba(72, 95, 82, .07); }
.garden-product-import-name small { display: flex; align-items: center; gap: 4px; overflow: hidden; margin: 3px 2px 0; color: var(--gif-muted); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.garden-product-import-name small i { color: #8b625b; }
.garden-product-import-size,
.garden-product-import-seen { align-self: center; text-align: center; }
.garden-product-import-size strong,
.garden-product-import-seen strong { display: block; color: var(--gif-ink); font: 750 13px 'Inter', sans-serif; }
.garden-product-import-money > span:nth-child(2) { position: relative; display: block; }
.garden-product-import-money input { padding-inline-end: 21px; }
.garden-product-import-money em { position: absolute; top: 50%; inset-inline-end: 7px; color: var(--gif-muted); font-style: normal; font-size: 13px; transform: translateY(-50%); }
.garden-product-import-money > small { display: block; margin: 2px 2px 0; color: #927348; font-size: 13px; }
.garden-product-import-status { align-self: center; display: inline-flex; align-items: center; justify-content: center; min-height: 21px; padding: 0 5px; background: #e8f1ea; border-radius: 6px; color: #477057; font-size: 13px; font-weight: 750; white-space: nowrap; }
.garden-product-import-row.is-existing .garden-product-import-status { background: #f5eddf; color: #8f663d; }
.garden-product-import-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 230px; text-align: center; }
.garden-product-import-empty i { margin-bottom: 8px; color: #9ba69e; font-size: 22px; }
.garden-product-import-empty :is(strong, span) { display: block; }
.garden-product-import-empty strong { color: var(--gif-ink); font-size: 13px; }
.garden-product-import-empty span { margin-top: 4px; color: var(--gif-muted); font-size: 13px; }
.garden-product-import-submit { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 47px; padding: 7px 9px; border-top: 1px solid var(--gif-line); }
.garden-product-import-submit > a { color: var(--gif-muted); font-size: 13px; font-weight: 700; text-decoration: none; }
.garden-product-import-submit > div { display: flex; align-items: center; gap: 8px; }
.garden-product-import-submit > div > span { color: var(--gif-muted); font-size: 13px; }
.garden-product-import-submit button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 31px; padding: 0 9px; background: var(--gif-accent); border: 1px solid var(--gif-accent); border-radius: 7px; color: #fff; font: 750 13px inherit; }
@media (max-width: 980px) {
    .garden-product-import-row { grid-template-columns: 20px minmax(160px, 1fr) 50px 82px 87px minmax(110px, .8fr) 65px; }
    .garden-product-import-seen { display: none; }
}
@media (max-width: 760px) {
    .garden-product-import-head { align-items: flex-start; }
    .garden-product-import-steps { display: none; }
    .garden-product-import-toolbar { grid-template-columns: 1fr; }
    .garden-product-import-toolbar > div { justify-content: flex-end; }
    .garden-product-import-row { grid-template-columns: 18px minmax(0, 1fr) 86px 74px; gap: 5px; align-items: end; border: 1px solid var(--gif-line); border-radius: 8px; margin-bottom: 5px; }
    .garden-product-import-check { grid-column: 1; grid-row: 1; align-self: center; }
    .garden-product-import-name { grid-column: 2 / 4; grid-row: 1; }
    .garden-product-import-status { grid-column: 4; grid-row: 1; }
    .garden-product-import-size { grid-column: 2; grid-row: 2; }
    .garden-product-import-row > :nth-child(4) { grid-column: 3; grid-row: 2; }
    .garden-product-import-row > :nth-child(5) { grid-column: 4; grid-row: 2; }
    .garden-product-import-category { grid-column: 2 / -1; grid-row: 3; }
}
@media (max-width: 500px) {
    .garden-product-import-ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-product-import-ledger article:nth-child(3) { grid-column: 1 / -1; border-top: 1px solid var(--gif-line); border-inline-start: 0; }
    .garden-product-import-toolbar > div { display: grid; grid-template-columns: repeat(3, 1fr); }
    .garden-product-import-submit { align-items: stretch; flex-direction: column; }
    .garden-product-import-submit > div { justify-content: space-between; }
}

/* Order PDF review: side-by-side verification workspace ---------------- */
.garden-order-import-review { max-width: 1420px; }
.garden-order-import-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 12px; }
.garden-order-import-head > div:first-child > a { display: inline-flex; align-items: center; gap: 5px; margin-bottom: 6px; color: var(--gif-muted); font-size: 13px; font-weight: 700; text-decoration: none; }
.garden-order-import-head .garden-workspace__eyebrow { display: block; color: #6f8779; font-size: 13px; font-weight: 800; }
.garden-order-import-head h1 { margin: 4px 0 3px; color: var(--gif-ink); font-size: 21px; line-height: 1.15; }
.garden-order-import-head p { margin: 0; color: var(--gif-muted); font-size: 13px; }
.garden-order-import-steps { display: flex; align-items: center; gap: 6px; }
.garden-order-import-steps span { display: flex; align-items: center; gap: 5px; color: var(--gif-muted); font-size: 13px; font-weight: 700; white-space: nowrap; }
.garden-order-import-steps span b { display: grid; place-items: center; width: 20px; height: 20px; background: #edf1ee; border-radius: 50%; color: var(--gif-accent); font: 750 13px 'Inter', sans-serif; }
.garden-order-import-steps span.is-active { color: var(--gif-accent); }
.garden-order-import-steps span.is-active b { background: var(--gif-accent); color: #fff; }
.garden-order-import-steps span.is-complete b { background: #e8f1ea; color: #477057; }
.garden-order-import-steps > i { width: 24px; height: 1px; background: var(--gif-line); }
.garden-order-import-errors { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 7px; margin-bottom: 8px; padding: 8px 9px; background: #faf2e6; border: 1px solid #ead9bd; border-radius: 8px; color: #865f37; font-size: 13px; }
.garden-order-import-errors :is(strong, span) { display: block; }
.garden-order-import-errors span { margin-top: 2px; }
.garden-order-import-ledger { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; margin-bottom: 8px; background: #fff; border: 1px solid var(--gif-line); border-radius: 12px; box-shadow: 0 7px 24px rgba(37, 48, 42, .04); }
.garden-order-import-ledger article { min-height: 70px; padding: 9px 12px; border-inline-start: 1px solid var(--gif-line); }
.garden-order-import-ledger article:first-child { border-inline-start: 0; }
.garden-order-import-ledger :is(span, strong, small) { display: block; }
.garden-order-import-ledger span { color: var(--gif-muted); font-size: 13px; font-weight: 750; }
.garden-order-import-ledger strong { margin-top: 4px; color: var(--gif-ink); font: 750 14px 'Inter', sans-serif; }
.garden-order-import-ledger small { margin-top: 3px; color: var(--gif-muted); font-size: 13px; }
.garden-order-import-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; margin-bottom: 7px; padding: 7px 9px; background: #fff; border: 1px solid var(--gif-line); border-radius: 9px; }
.garden-order-import-actions > span { display: flex; align-items: center; gap: 5px; color: var(--gif-muted); font-size: 13px; }
.garden-order-import-actions > div { display: flex; gap: 4px; }
.garden-order-import-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 28px; padding: 0 7px; background: #fff; border: 1px solid var(--gif-line); border-radius: 7px; color: var(--gif-accent); font: 750 13px inherit; }
.garden-order-import-card { margin-bottom: 7px !important; overflow: visible; border: 1px solid var(--gif-line) !important; border-radius: 12px !important; box-shadow: 0 7px 24px rgba(37, 48, 42, .04) !important; }
.garden-order-import-card > .card-header { min-height: 49px !important; padding: 7px 9px !important; background: #fafbfa; border-bottom: 1px solid var(--gif-line); }
.garden-order-import-card > .card-header > .d-flex { flex-wrap: wrap; gap: 6px !important; }
.garden-order-import-card > .card-header h4 { color: var(--gif-ink) !important; font-size: 13px !important; }
.garden-order-import-card > .card-header .form-control { height: 28px; padding: 2px 6px; border-color: var(--gif-line) !important; border-radius: 7px; background: #fff !important; color: var(--gif-ink) !important; font-size: 13px !important; }
.garden-order-import-card .vat-mode-group .btn { min-height: 25px; padding: 0 6px; font-size: 13px; }
.garden-order-import-card > .card-header .btn-light-primary { min-height: 27px; padding: 0 7px; border: 1px solid var(--gif-line); border-radius: 7px; background: #fff; color: var(--gif-accent); font-size: 13px; }
.garden-order-import-card .order-total-display { color: var(--gif-accent) !important; font: 750 13px 'Inter', sans-serif !important; }
.garden-order-import-card > .card-body { padding: 8px 9px 10px !important; }
.garden-order-import-card .card-body > div > .row.g-3.mb-4 { display: grid; grid-template-columns: 1.15fr .8fr 1.2fr .75fr .85fr .7fr .9fr; gap: 6px; margin: 0 0 7px !important; }
.garden-order-import-card .card-body > div > .row.g-3.mb-3 { display: grid; grid-template-columns: 170px 170px minmax(220px, 1fr); gap: 6px; margin: 0 0 7px !important; }
.garden-order-import-card .card-body > div > .row.g-3 > [class*='col-'] { width: auto; max-width: none; padding: 0; }
.garden-order-import-card .form-label { margin-bottom: 3px; color: var(--gif-muted) !important; font-size: 13px !important; font-weight: 750 !important; }
.garden-order-import-card :is(.form-control, .form-select) { min-height: 29px; padding: 2px 6px; background: #fafbfa; border: 1px solid var(--gif-line); border-radius: 7px; color: var(--gif-ink); font-size: 13px; }
.garden-order-import-card :is(.form-control, .form-select):focus { background: #fff; border-color: #879b8e; box-shadow: 0 0 0 3px rgba(72, 95, 82, .07); }
.garden-order-import-card .table-responsive { overflow-x: auto !important; }
.garden-order-import-items { min-width: 1020px; margin: 0 !important; border-collapse: separate; border-spacing: 0 4px; }
.garden-order-import-items thead th { height: 25px; padding: 0 5px !important; background: transparent !important; color: var(--gif-muted) !important; font-size: 13px !important; text-align: start; }
.garden-order-import-items tbody td { height: 48px; padding: 4px 5px !important; background: #fff !important; border-block: 1px solid var(--gif-line) !important; vertical-align: middle; }
.garden-order-import-items tbody td:first-child { border-inline-start: 1px solid var(--gif-line) !important; border-start-start-radius: 7px; border-end-start-radius: 7px; }
.garden-order-import-items tbody td:last-child { border-inline-end: 1px solid var(--gif-line) !important; border-start-end-radius: 7px; border-end-end-radius: 7px; }
.garden-order-import-items tbody tr:hover td { background: #fafbfa !important; }
.garden-order-import-items :is(.form-control, .form-select) { min-height: 27px; font-size: 13px; }
.garden-order-import-card .order-summary-panel { margin-top: 7px !important; padding: 7px 9px !important; background: #f3f6f4 !important; border: 1px solid var(--gif-line) !important; border-radius: 8px !important; box-shadow: none !important; }
.garden-order-import-card .order-summary-panel .final-total-input { height: 34px !important; max-width: 135px !important; color: var(--gif-accent) !important; border: 1px solid #b9c8be !important; background: #fff !important; font-size: 13px !important; }
.garden-order-import-card .separator { margin-block: 8px !important; border-color: var(--gif-line); }
.garden-order-import-card .payments-container { display: grid; gap: 5px; }
.garden-order-import-card .payment-row { display: flex; gap: 6px !important; min-height: 48px; margin: 0 !important; padding: 6px !important; background: #fafbfa !important; border: 1px solid var(--gif-line); border-radius: 8px !important; }
.garden-order-import-submit { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 50px; margin-top: 8px; padding: 7px 9px; background: #fff; border: 1px solid var(--gif-line); border-radius: 10px; box-shadow: 0 7px 24px rgba(37, 48, 42, .04); }
.garden-order-import-submit > a { color: var(--gif-muted); font-size: 13px; font-weight: 700; text-decoration: none; }
.garden-order-import-submit > div { display: flex; align-items: center; gap: 8px; }
.garden-order-import-submit > div > span { color: var(--gif-muted); font-size: 13px; }
.garden-order-import-submit button { min-height: 31px; padding: 0 9px; background: var(--gif-accent); border: 1px solid var(--gif-accent); border-radius: 7px; color: #fff; font: 750 13px inherit; }
.garden-order-import-review .custom-modal-card { border: 1px solid var(--gif-line) !important; border-radius: 10px !important; box-shadow: 0 18px 48px rgba(32, 43, 37, .16) !important; }
.garden-order-import-review .custom-modal-header,
.garden-order-import-review .custom-modal-body { padding: 9px 10px !important; }
.garden-order-import-review .pdf-drawer { border-inline-end: 1px solid var(--gif-line); box-shadow: 7px 0 28px rgba(34, 44, 38, .16); }
.garden-order-import-review .pdf-drawer-header { min-height: 44px; padding: 7px 9px; border-color: var(--gif-line); background: #fafbfa; }
.garden-order-import-review .pdf-drawer-body iframe { width: 100%; height: 100%; border: 0; background: #f3f4f6; }
@media (max-width: 1050px) {
    .garden-order-import-card .card-body > div > .row.g-3.mb-4 { grid-template-columns: repeat(4, minmax(110px, 1fr)); }
}
@media (max-width: 760px) {
    .garden-order-import-head { align-items: flex-start; }
    .garden-order-import-steps { display: none; }
    .garden-order-import-actions { align-items: flex-start; flex-direction: column; }
    .garden-order-import-actions > div { width: 100%; justify-content: flex-end; }
    .garden-order-import-card .card-body > div > .row.g-3.mb-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-order-import-card .card-body > div > .row.g-3.mb-3 { grid-template-columns: 1fr 1fr; }
    .garden-order-import-card .card-body > div > .row.g-3.mb-3 > :last-child { grid-column: 1 / -1; }
    .garden-order-import-submit { align-items: stretch; flex-direction: column; }
    .garden-order-import-submit > div { align-items: stretch; flex-direction: column; }
    .garden-order-import-submit button { width: 100%; }
}
@media (max-width: 500px) {
    .garden-order-import-ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-order-import-ledger article:nth-child(3) { grid-column: 1 / -1; border-top: 1px solid var(--gif-line); border-inline-start: 0; }
    .garden-order-import-card .card-body > div > .row.g-3.mb-4,
    .garden-order-import-card .card-body > div > .row.g-3.mb-3 { grid-template-columns: 1fr; }
    .garden-order-import-card .card-body > div > .row.g-3.mb-3 > :last-child { grid-column: auto; }
}

.garden-import-review-workspace > form,
.garden-import-review-workspace > .alert,
.garden-import-review-workspace > .d-flex {
    max-width: 1100px;
    margin-inline: auto;
}

.garden-import-review-workspace .order-card {
    margin-bottom: 8px !important;
}

.garden-import-review-workspace .custom-modal-card {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 30px rgba(39, 48, 43, .12) !important;
}

.garden-import-review-workspace .custom-modal-header,
.garden-import-review-workspace .custom-modal-body {
    padding: 8px 10px !important;
}

.garden-compact-workspace .modal-content {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 30px rgba(39, 48, 43, .12) !important;
}

.garden-compact-workspace .modal-header,
.garden-compact-workspace .modal-footer {
    min-height: 42px !important;
    padding: 7px 10px !important;
    border-color: #dfe5e1 !important;
}

.garden-compact-workspace .modal-body {
    padding: 9px 10px !important;
}

@media (max-width: 700px) {
    .garden-compact-workspace,
    .garden-import-workspace {
        padding-inline: 8px !important;
    }

    .garden-category-form-workspace .row > .col-md-6,
    .garden-category-form-workspace .row > .col-lg-6 {
        width: 50%;
    }
}

@media (max-width: 480px) {
    .garden-category-form-workspace form.form.d-flex.flex-column.flex-lg-row {
        grid-template-columns: 1fr;
    }

    .garden-product-flow-workspace .app-content > .app-container > .row.g-5 > .col-lg-4,
    .garden-product-flow-workspace .app-content > .app-container > .row.g-5 > .col-lg-8 {
        width: 100% !important;
    }
}

@media (min-width: 576px) {
    .garden-compact-workspace .d-sm-none.btn,
    .garden-import-workspace .d-sm-none.btn {
        display: none !important;
    }
}

/* Reports, gift cards, tasks, media and supplier billings ---------------- */
.garden-report-workspace,
.garden-giftcards-workspace,
.garden-giftcard-usage-workspace,
.garden-task-workspace,
.garden-media-workspace {
    max-width: 1280px;
    margin-inline: auto !important;
}

.garden-report-workspace .card,
.garden-giftcards-workspace .card,
.garden-giftcard-usage-workspace .card,
.garden-task-workspace .card,
.garden-media-workspace > .card {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.garden-report-workspace .card-header,
.garden-giftcards-workspace .card-header,
.garden-giftcard-usage-workspace .card-header,
.garden-task-workspace .card-header,
.garden-media-workspace .card-header {
    min-height: 45px !important;
    padding: 7px 10px !important;
    border-color: #e4e9e6 !important;
}

.garden-report-workspace .card-title,
.garden-report-workspace .card-title h3,
.garden-task-workspace .card-title,
.garden-task-workspace .card-title h4,
.garden-media-workspace .card-title,
.garden-media-workspace .card-title h3 {
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-report-workspace .card-body,
.garden-giftcards-workspace .card-body,
.garden-giftcard-usage-workspace .card-body,
.garden-task-workspace .card-body,
.garden-media-workspace .card-body {
    padding: 9px 10px !important;
}

.garden-report-workspace .row.g-4,
.garden-report-workspace .row.g-5 {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 8px;
    margin-bottom: 8px !important;
}

.garden-report-workspace .row.g-4 > .col-6 {
    width: 25%;
}

.garden-report-workspace .row.g-4 .card-body {
    min-height: 58px;
    padding: 7px 9px !important;
}

.garden-report-workspace .fs-2x {
    font-size: 14px !important;
}

.garden-report-workspace .form-select,
.garden-task-workspace .form-control,
.garden-task-workspace .form-select,
.garden-media-workspace .form-control,
.garden-media-workspace .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    background: #fff !important;
    font-size: 13px !important;
}

.garden-task-workspace textarea.form-control,
.garden-media-workspace textarea.form-control {
    min-height: 58px !important;
    height: 58px !important;
}

.garden-report-workspace .btn,
.garden-giftcards-workspace .btn,
.garden-giftcard-usage-workspace .btn,
.garden-task-workspace .btn:not(.btn-icon),
.garden-media-workspace .btn:not(.btn-icon) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

.garden-report-workspace table th,
.garden-giftcards-workspace table th,
.garden-giftcard-usage-workspace table th,
.garden-task-workspace table th,
.garden-media-workspace table th {
    height: 29px !important;
    padding: 4px 6px !important;
    background: #f5f7f6 !important;
    font-size: 13px !important;
}

.garden-report-workspace table td,
.garden-giftcards-workspace table td,
.garden-giftcard-usage-workspace table td,
.garden-task-workspace table td,
.garden-media-workspace table td {
    min-height: 36px !important;
    padding: 4px 6px !important;
    font-size: 13px !important;
}

.garden-giftcards-workspace #giftCardsTable,
.garden-billings-workspace #billingsTable {
    min-width: 720px;
}

.garden-giftcard-usage-workspace .py-20 {
    padding-block: 24px !important;
}

.garden-giftcard-usage-workspace .fs-2tx {
    font-size: 24px !important;
}

.garden-task-board-workspace > .card:first-of-type {
    margin-bottom: 8px !important;
}

.garden-task-board-workspace > .card:first-of-type .card-body {
    min-height: 43px;
    padding: 7px 9px !important;
    gap: 4px !important;
}

.garden-task-board-workspace > .row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(165px, 1fr));
    gap: 7px !important;
    overflow-x: auto;
    margin: 0 !important;
    padding-bottom: 4px;
}

.garden-task-board-workspace > .row > .col-lg-3 {
    width: auto !important;
    padding: 0 !important;
}

.garden-task-board-workspace .kanban-column {
    max-height: calc(100vh - 200px) !important;
    padding: 6px !important;
}

.garden-task-board-workspace .kanban-empty {
    padding-block: 18px !important;
    font-size: 13px !important;
}

.garden-task-board-workspace .kanban-card {
    margin-bottom: 6px !important;
    border-radius: 7px !important;
}

.garden-task-board-workspace .kanban-card .card-body {
    gap: 5px !important;
    padding: 6px !important;
    font-size: 13px !important;
}

.garden-task-board-workspace .kanban-card h5 {
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-task-workspace .btn.btn-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    border-radius: 6px !important;
}

.garden-task-form-workspace > .d-flex:first-of-type,
.garden-task-detail-workspace > .d-flex:first-of-type {
    min-height: 48px;
    margin-bottom: 7px !important;
    padding: 7px 10px !important;
    border: 1px solid #dfe5e1;
    border-radius: 9px;
    background: #fff;
}

.garden-task-form-workspace > .d-flex:first-of-type h1,
.garden-task-detail-workspace > .d-flex:first-of-type h1 {
    margin: 0 !important;
    font-size: 15px !important;
}

.garden-task-form-workspace .task-card {
    max-width: 820px !important;
    margin-inline: auto !important;
}

.garden-task-form-workspace .task-card form {
    padding: 11px !important;
}

.garden-task-form-workspace .mb-10,
.garden-task-form-workspace .mb-7,
.garden-task-detail-workspace .mb-7 {
    margin-bottom: 9px !important;
}

.garden-task-form-workspace .row > .col-lg-6 {
    width: 50%;
}

.garden-task-workspace .form-label,
.garden-media-workspace .form-label {
    margin-bottom: 3px !important;
    font-size: 13px !important;
}

.garden-media-workspace {
    margin-bottom: 20px !important;
    overflow: hidden;
}

body:has(.garden-media-workspace),
body:has(.garden-billings-workspace) {
    background: #f5f7f5 !important;
}

body:has(.garden-media-workspace) .app-toolbar,
body:has(.garden-billings-workspace) .app-toolbar {
    display: none !important;
}

body:has(.garden-media-workspace) .app-footer,
body:has(.garden-billings-workspace) .app-footer {
    min-height: 30px !important;
    padding: 5px 12px !important;
    font-size: 13px !important;
}

body:has(.garden-media-workspace) .app-footer *,
body:has(.garden-billings-workspace) .app-footer * {
    font-size: 13px !important;
}

.garden-media-workspace .card-header {
    padding-inline: 11px !important;
}

.garden-media-workspace .media-grid,
.garden-media-workspace .row.g-4,
.garden-media-workspace .row.g-5 {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 8px;
}

.garden-media-workspace form.row.g-3 > .col-md-5 {
    width: 42%;
}

.garden-media-workspace form.row.g-3 > .col-md-4 {
    width: 34%;
}

.garden-media-workspace form.row.g-3 > .col-md-3 {
    width: 24%;
}

.garden-media-workspace .text-center.py-10 {
    padding-block: 24px !important;
}

.garden-media-workspace .text-center.py-10 p {
    margin-bottom: 5px !important;
    font-size: 13px !important;
}

.garden-media-workspace img {
    box-shadow: none !important;
}

.garden-media-detail-workspace > .card > .card-body > .row > .col-md-6 {
    width: 50%;
}

.garden-page-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 62px;
    margin-bottom: 9px;
    padding: 10px 13px;
    border: 1px solid #dfe5e1;
    border-radius: 10px;
    background: #fff;
}

.garden-page-heading h1 {
    margin: 0;
    color: #26312b;
    font-size: 17px;
    font-weight: 700;
}

.garden-page-heading p {
    margin: 2px 0 0;
    color: #7b8580;
    font-size: 13px;
}

.garden-back-link {
    display: inline-block;
    margin-bottom: 3px;
    color: #66746c;
    font-size: 13px;
}

.garden-count-pill {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding-inline: 9px;
    border: 1px solid #d8dfdb;
    border-radius: 999px;
    color: #59665f;
    background: #f6f8f7;
    font-size: 13px;
    white-space: nowrap;
}

.garden-data-card {
    overflow: hidden;
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.garden-data-table {
    min-width: 720px;
}

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

.garden-section-header h2 {
    margin: 0;
    color: #2d3732;
    font-size: 13px;
}

.garden-section-header > span {
    color: #7d8782;
    font-size: 13px;
}

.garden-summary-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid #dfe5e1;
    border-radius: 10px;
    background: #fff;
}

.garden-summary-strip > div {
    min-width: 0;
    padding: 9px 11px;
    border-inline-start: 1px solid #e7ebe8;
}

.garden-summary-strip > div:first-child {
    border-inline-start: 0;
}

.garden-summary-strip span,
.garden-summary-strip strong {
    display: block;
}

.garden-summary-strip span {
    margin-bottom: 2px;
    color: #858e89;
    font-size: 13px;
}

.garden-summary-strip strong {
    overflow: hidden;
    color: #2d3732;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-report-stat {
    border: 1px solid #dfe5e1 !important;
    background: #fff !important;
}

.garden-report-stat__value {
    color: #34423a;
    font-size: 14px;
    font-weight: 700;
}

.garden-media-dropzone {
    display: block;
    padding: 20px 14px;
    border: 1px dashed #aeb9b3;
    border-radius: 9px;
    background: #f8faf9;
    text-align: center;
    cursor: pointer;
}

.garden-media-dropzone:hover,
.garden-media-dropzone.is-dragging {
    border-color: #7d8e84;
    background: #f2f5f3;
}

.garden-media-preview {
    max-width: 100%;
    max-height: 420px;
    border: 1px solid #e1e6e3;
    border-radius: 9px;
    object-fit: contain;
}

.garden-billings-workspace > .d-flex > .app-container.mt-5 {
    margin-top: 0 !important;
    padding: 0 !important;
}

.garden-billings-workspace {
    max-width: 1280px;
    margin-inline: auto !important;
}

.garden-billings-workspace .btn:not(.btn-icon) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

.garden-billings-workspace .form-control,
.garden-billings-workspace .form-select,
.garden-billings-workspace .input-group-text {
    min-height: 31px !important;
    height: 31px !important;
    border-color: #dfe5e1 !important;
    border-radius: 7px !important;
    background: #fff !important;
    font-size: 13px !important;
}

.garden-billings-workspace textarea.form-control {
    min-height: 58px !important;
    height: 58px !important;
}

.garden-billings-workspace .form-label {
    margin-bottom: 3px !important;
    font-size: 13px !important;
}

.garden-billings-workspace table th {
    height: 29px !important;
    padding: 4px 6px !important;
    background: #f5f7f6 !important;
    font-size: 13px !important;
}

.garden-billings-workspace table td {
    min-height: 36px !important;
    padding: 4px 6px !important;
    font-size: 13px !important;
}

.garden-table-note {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-billings-workspace .card-body {
    overflow-x: auto !important;
}

.garden-billings-workspace .select2-container {
    width: 100% !important;
}

.garden-billings-workspace .select2-container .select2-selection--single {
    min-height: 31px !important;
    height: 31px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    background: #fff !important;
}

.garden-billings-workspace .select2-selection__rendered {
    height: 29px !important;
    line-height: 29px !important;
    padding-inline: 7px 22px !important;
    font-size: 13px !important;
}

.garden-billing-form-workspace form .row > .col-md-6 {
    width: 50%;
}

@media (max-width: 700px) {
    .garden-report-workspace,
    .garden-task-workspace {
        padding-inline: 8px !important;
    }

    .garden-report-workspace .row.g-5 > .col-xl-6 {
        width: 50%;
    }
}

@media (max-width: 480px) {
    .garden-report-workspace .row.g-4 > .col-6,
    .garden-report-workspace .row.g-5 > .col-xl-6,
    .garden-task-form-workspace .row > .col-lg-6,
    .garden-media-detail-workspace > .card > .card-body > .row > .col-md-6,
    .garden-billing-form-workspace form .row > .col-md-6 {
        width: 100%;
    }

    .garden-summary-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-summary-strip > div:nth-child(3) {
        border-inline-start: 0;
    }
}

/* Shifts — compact time-clock register */
.garden-shifts-workspace {
    max-width: 1280px;
    margin-inline: auto;
    padding: 12px 14px 20px !important;
}

.garden-shifts-kpis {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px !important;
    margin: 0 0 9px !important;
}

.garden-shifts-kpis > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.garden-shifts-kpis .card,
.garden-shifts-card {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 16px rgba(39, 48, 43, .045) !important;
    overflow: hidden;
}

.garden-shifts-kpis .card-body {
    min-height: 58px;
    padding: 8px 10px !important;
}

.garden-shifts-kpis .card-body > .me-2 {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 7px !important;
    border-radius: 7px;
    background: #f3f6f4;
}

.garden-shifts-kpis .card-body i {
    font-size: 13px !important;
}

.garden-shifts-kpis .fs-5 {
    font-size: 14px !important;
}

.garden-shifts-kpis .fs-8 {
    font-size: 13px !important;
}

.garden-shifts-card > .card-header {
    min-height: 40px !important;
    padding: 6px 10px !important;
    border-bottom: 1px solid #dfe5e1 !important;
}

.garden-shifts-card .card-title,
.garden-shifts-card .card-title h2 {
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-shifts-card .card-toolbar {
    gap: 5px !important;
}

.garden-shifts-card .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-shifts-card .form-control,
.garden-shifts-card .form-select {
    width: auto !important;
    min-width: 130px;
    min-height: 30px !important;
    height: 30px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-shifts-card .card-body {
    padding: 0 !important;
}

.garden-shifts-card table {
    margin: 0 !important;
}

.garden-shifts-card table th {
    height: 31px !important;
    padding: 5px 7px !important;
    background: #f5f7f5 !important;
    border-color: #dfe5e1 !important;
    font-size: 13px !important;
}

.garden-shifts-card table td {
    height: 41px !important;
    padding: 5px 7px !important;
    border-color: #e7ebe8 !important;
    font-size: 13px !important;
}

.garden-shifts-card .badge {
    min-height: 21px;
    padding: 3px 5px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

.garden-shifts-card .shifts-table-container .py-10,
.garden-shifts-card .shifts-cards-container .py-10 {
    min-height: 82px;
    padding: 14px 8px !important;
}

.garden-shifts-card .card-footer,
.garden-shifts-card + .card-footer {
    min-height: 38px;
    padding: 5px 8px !important;
}

.garden-shifts-modal .modal-dialog {
    max-width: 560px !important;
}

.garden-shifts-modal .modal-content {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 34px rgba(39, 48, 43, .14) !important;
}

.garden-shifts-modal .modal-header,
.garden-shifts-modal .modal-footer {
    min-height: 42px !important;
    padding: 7px 10px !important;
    border-color: #dfe5e1 !important;
}

.garden-shifts-modal .modal-title {
    font-size: 13px !important;
}

.garden-shifts-modal .modal-body {
    max-height: calc(100vh - 110px);
    padding: 9px 10px !important;
    overflow-y: auto;
}

.garden-shifts-modal .modal-body .row {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 7px;
}

.garden-shifts-modal .form-label {
    margin-bottom: 3px !important;
    font-size: 13px !important;
}

.garden-shifts-modal .form-control,
.garden-shifts-modal .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-shifts-modal textarea.form-control {
    min-height: 58px !important;
    height: 58px !important;
}

.garden-shifts-modal .btn {
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

@media (min-width: 600px) and (max-width: 768px) {
    .garden-shifts-card .desktop-filters {
        display: flex !important;
    }

    .garden-shifts-card .mobile-filters,
    .garden-shifts-card .shifts-cards-container {
        display: none !important;
    }

    .garden-shifts-card .shifts-table-container {
        display: block !important;
    }
}

@media (max-width: 900px) {
    .garden-shifts-workspace {
        padding: 9px 8px 16px !important;
    }
}

@media (max-width: 620px) {
    .garden-shifts-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Workers — compact people operations hub */
.garden-workers-workspace.garden-workers-workspace {
    max-width: 1280px;
    margin-inline: auto;
    padding: 12px 14px 20px !important;
}

#workers_toolbar {
    display: block !important;
    padding: 0 !important;
}

.garden-workers-shell,
.garden-workers-content {
    width: 100%;
}

.garden-workers-content,
.garden-workers-header {
    max-width: none !important;
    padding: 0 !important;
}

.garden-workers-header {
    min-height: 42px;
    margin-bottom: 10px;
}

.garden-workers-header h1 {
    margin: 0 !important;
    font-size: 16px !important;
}

.garden-workers-header .breadcrumb {
    margin-top: 2px !important;
    padding-top: 0 !important;
    font-size: 13px !important;
}

.garden-workers-header .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-workers-header .btn i {
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-workers-workspace.garden-workers-workspace .garden-workers-kpis {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 9px !important;
}

.garden-workers-workspace.garden-workers-workspace .garden-workers-kpis > [class*="col-"] {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.garden-workers-workspace.garden-workers-workspace .stat-card {
    min-height: 58px !important;
    height: 58px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 16px rgba(39, 48, 43, .04) !important;
    transform: none !important;
}

.garden-workers-workspace.garden-workers-workspace .stat-card::before {
    display: none !important;
}

.garden-workers-workspace.garden-workers-workspace .stat-card .card-body {
    min-height: 58px !important;
    padding: 8px 10px !important;
}

.garden-workers-workspace.garden-workers-workspace .stat-card .icon-wrapper {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    margin-inline-end: 7px !important;
    border-radius: 7px !important;
}

.garden-workers-workspace.garden-workers-workspace .stat-card .icon-wrapper i {
    font-size: 13px !important;
}

.garden-workers-workspace.garden-workers-workspace .stat-card .fs-2 {
    font-size: 14px !important;
    line-height: 1.15;
}

.garden-workers-workspace.garden-workers-workspace .stat-card .fs-7 {
    font-size: 13px !important;
}

.garden-workers-workspace.garden-workers-workspace .garden-workers-main-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 4fr) minmax(160px, 1.25fr) !important;
    gap: 8px !important;
    margin: 0 !important;
}

.garden-workers-workspace.garden-workers-workspace .garden-workers-main-grid > [class*="col-"] {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.garden-workers-workspace.garden-workers-workspace .garden-workers-main-grid .card {
    margin-bottom: 8px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 16px rgba(39, 48, 43, .04) !important;
    overflow: hidden;
}

.garden-workers-workspace.garden-workers-workspace .garden-workers-main-grid .card-header {
    min-height: 40px !important;
    padding: 6px 9px !important;
    border-bottom: 1px solid #dfe5e1 !important;
}

.garden-workers-workspace.garden-workers-workspace .garden-workers-main-grid .card-title,
.garden-workers-workspace.garden-workers-workspace .garden-workers-main-grid .card-label {
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-workers-workspace.garden-workers-workspace .garden-workers-main-grid .card-body {
    padding: 8px 9px !important;
}

.garden-workers-workspace.garden-workers-workspace #searchWorkers {
    width: 190px !important;
    min-height: 30px !important;
    height: 30px !important;
    padding-block: 0 !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-workers-workspace.garden-workers-workspace .filters-container {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    width: 100% !important;
    margin: 0 0 7px !important;
    padding: 6px !important;
    border: 1px solid #e4e9e5 !important;
    border-radius: 8px !important;
    background: #f7f9f7 !important;
}

.garden-workers-workspace.garden-workers-workspace .filter-chip {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    min-height: 26px !important;
    height: 26px !important;
    max-height: 26px !important;
    padding: 3px 5px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

.garden-workers-workspace.garden-workers-workspace .filter-chip i {
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-workers-workspace.garden-workers-workspace .filter-chip .badge {
    min-width: 15px !important;
    height: 15px !important;
    padding: 2px !important;
    font-size: 13px !important;
}

.garden-workers-workspace.garden-workers-workspace .workers-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    min-height: 104px !important;
    max-height: 330px !important;
    padding: 0 !important;
    overflow-y: auto !important;
}

.garden-workers-workspace.garden-workers-workspace .worker-card {
    min-height: 116px !important;
    padding: 8px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    transform: none !important;
}

.garden-workers-workspace.garden-workers-workspace .no-workers {
    grid-column: 1 / -1;
    min-height: 92px !important;
    padding: 14px 8px !important;
}

.garden-workers-workspace.garden-workers-workspace .no-workers i {
    margin-bottom: 5px !important;
    font-size: 20px !important;
}

.garden-workers-workspace.garden-workers-workspace .no-workers h4,
.garden-workers-workspace.garden-workers-workspace .no-workers p,
.garden-workers-workspace.garden-workers-workspace .fs-6,
.garden-workers-workspace.garden-workers-workspace .fs-7,
.garden-workers-workspace.garden-workers-workspace .fs-8 {
    font-size: 13px !important;
}

.garden-workers-workspace.garden-workers-workspace .group-card .btn,
.garden-workers-workspace.garden-workers-workspace .worker-card .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 !important;
    border-radius: 6px !important;
}

.garden-workers-workspace.garden-workers-workspace .action-button {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 7px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    white-space: nowrap;
}

.garden-workers-workspace.garden-workers-workspace .action-button i {
    font-size: 13px !important;
}

.garden-workers-workspace.garden-workers-workspace .group-card,
.garden-workers-workspace.garden-workers-workspace .add-group-btn {
    min-height: 48px !important;
    margin-bottom: 5px !important;
    padding: 6px !important;
    border-radius: 7px !important;
}

.garden-workers-modal .modal-dialog {
    max-width: 560px !important;
}

.garden-workers-modal .modal-content {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 34px rgba(39, 48, 43, .14) !important;
}

.garden-workers-modal .modal-header,
.garden-workers-modal .modal-footer {
    min-height: 42px !important;
    padding: 7px 10px !important;
    border-color: #dfe5e1 !important;
}

.garden-workers-modal .modal-title {
    font-size: 13px !important;
}

.garden-workers-modal .modal-body {
    max-height: calc(100vh - 110px);
    padding: 9px 10px !important;
    overflow-y: auto;
}

.garden-workers-modal .modal-body .row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    --bs-gutter-x: 8px;
    gap: 7px;
    margin: 0 !important;
}

.garden-workers-modal .modal-body .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.garden-workers-modal .mb-3 {
    margin-bottom: 7px !important;
}

.garden-workers-modal .form-label {
    margin-bottom: 3px !important;
    font-size: 13px !important;
}

.garden-workers-modal .form-control,
.garden-workers-modal .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-workers-modal textarea.form-control {
    min-height: 58px !important;
    height: 58px !important;
}

.garden-workers-modal .btn {
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

@media (max-width: 900px) {
    .garden-workers-workspace.garden-workers-workspace {
        padding: 9px 8px 16px !important;
    }

    .garden-workers-workspace.garden-workers-workspace .garden-workers-main-grid {
        grid-template-columns: minmax(0, 3fr) minmax(150px, 1fr) !important;
    }
}

@media (max-width: 620px) {
    .garden-workers-workspace.garden-workers-workspace .garden-workers-kpis,
    .garden-workers-workspace.garden-workers-workspace .garden-workers-main-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .garden-workers-workspace.garden-workers-workspace .garden-workers-main-grid > .col-xl-10,
    .garden-workers-workspace.garden-workers-workspace .garden-workers-main-grid > .col-xl-2 {
        grid-column: 1 / -1;
    }
}

/* Supplier orders — compact purchasing queue */
.garden-supplier-orders-workspace,
.garden-supplier-order-create-workspace,
.garden-supplier-order-show-workspace {
    max-width: 1280px;
    margin-inline: auto;
    padding: 12px 14px 20px !important;
}

.garden-supplier-orders-card,
.garden-supplier-order-create-workspace .card,
.garden-supplier-order-show-card {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 16px rgba(39, 48, 43, .045) !important;
    overflow: hidden;
}

.garden-supplier-orders-card > .card-header:first-child,
.garden-supplier-order-create-workspace .card-header,
.garden-supplier-order-show-card .card-header {
    min-height: 40px !important;
    padding: 6px 10px !important;
    border-bottom: 1px solid #dfe5e1 !important;
}

.garden-supplier-orders-card > .card-header:nth-child(2) {
    min-height: 38px !important;
    padding: 5px 10px !important;
    border-bottom: 1px solid #dfe5e1 !important;
}

.garden-supplier-orders-workspace .card-title,
.garden-supplier-order-create-workspace .card-title,
.garden-supplier-order-show-workspace .card-title {
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-supplier-orders-workspace .btn,
.garden-supplier-order-create-workspace .btn,
.garden-supplier-order-show-workspace .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-supplier-orders-card > .card-header:nth-child(2) .btn {
    min-width: 54px;
}

.garden-supplier-orders-card > .card-body,
.garden-supplier-order-create-workspace .card-body,
.garden-supplier-order-show-card .card-body {
    padding: 8px 10px !important;
}

.garden-supplier-orders-workspace table th,
.garden-supplier-order-create-workspace table th,
.garden-supplier-order-show-workspace table th {
    height: 31px !important;
    padding: 5px 7px !important;
    background: #f5f7f5 !important;
    border-color: #dfe5e1 !important;
    font-size: 13px !important;
}

.garden-supplier-orders-workspace table td,
.garden-supplier-order-create-workspace table td,
.garden-supplier-order-show-workspace table td {
    height: 40px !important;
    padding: 5px 7px !important;
    border-color: #e7ebe8 !important;
    font-size: 13px !important;
}

.garden-supplier-orders-workspace .badge,
.garden-supplier-order-create-workspace .badge,
.garden-supplier-order-show-workspace .badge {
    min-height: 21px;
    padding: 3px 5px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

.garden-supplier-orders-card table .btn {
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 !important;
    border-radius: 6px !important;
}

.garden-supplier-orders-card tbody tr:only-child td[colspan] {
    height: 80px !important;
    padding: 12px !important;
}

.garden-supplier-orders-card tbody tr:only-child td[colspan] i {
    margin-bottom: 5px !important;
    font-size: 18px !important;
}

.garden-supplier-order-create-workspace > form > .d-flex {
    min-height: 38px;
    margin-bottom: 10px !important;
}

.garden-supplier-order-create-workspace > form > .d-flex h2 {
    margin: 0 !important;
    font-size: 16px !important;
}

.garden-supplier-order-create-workspace .form-control,
.garden-supplier-order-create-workspace .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-supplier-order-create-workspace textarea.form-control {
    min-height: 58px !important;
    height: 58px !important;
}

.garden-supplier-order-create-workspace .table-responsive {
    max-height: 330px !important;
}

.garden-supplier-order-show-card .card-body > .row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px !important;
    margin: 0 0 8px !important;
}

.garden-supplier-order-show-card .card-body > .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.garden-supplier-order-show-workspace .fs-4,
.garden-supplier-order-show-workspace .fs-5,
.garden-supplier-order-show-workspace .fs-7,
.garden-supplier-order-show-workspace .fs-8 {
    font-size: 13px !important;
}

@media (max-width: 900px) {
    .garden-supplier-orders-workspace,
    .garden-supplier-order-create-workspace,
    .garden-supplier-order-show-workspace {
        padding: 9px 8px 16px !important;
    }

    .garden-supplier-orders-card table th:nth-child(4),
    .garden-supplier-orders-card table td:nth-child(4),
    .garden-supplier-orders-card table th:nth-child(6),
    .garden-supplier-orders-card table td:nth-child(6) {
        display: none;
    }
}

/* Suppliers — compact purchasing directory and form */
.garden-suppliers-workspace,
.garden-supplier-form-workspace {
    max-width: 1280px;
    margin-inline: auto;
    padding: 12px 14px 20px !important;
}

.garden-suppliers-shell,
.garden-supplier-form-shell {
    width: 100%;
}

.garden-suppliers-workspace .app-toolbar,
.garden-supplier-form-workspace .app-toolbar {
    display: block !important;
    padding: 0 !important;
}

#suppliers_toolbar,
#supplier_form_toolbar,
#supplier_edit_toolbar {
    display: block !important;
}

.garden-suppliers-header,
.garden-supplier-form-header {
    max-width: none !important;
    min-height: 38px;
    padding: 0 !important;
    margin-bottom: 10px;
}

.garden-suppliers-header h1,
.garden-supplier-form-header h1 {
    margin: 0 !important;
    font-size: 16px !important;
}

.garden-suppliers-header .btn,
.garden-supplier-form-workspace .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-suppliers-workspace > .app-main > .d-flex > .app-container,
.garden-supplier-form-workspace .app-content,
.garden-supplier-form-workspace .app-content .app-container {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.garden-suppliers-table-card,
.garden-supplier-form-card {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 16px rgba(39, 48, 43, .045) !important;
    overflow: hidden;
}

.garden-suppliers-table-card .card-header,
.garden-supplier-form-card .card-header {
    min-height: 40px !important;
    padding: 6px 10px !important;
    border-bottom: 1px solid #dfe5e1 !important;
}

.garden-suppliers-table-card .card-title,
.garden-supplier-form-card .card-title {
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-suppliers-table-card .card-body {
    padding: 0 !important;
    overflow-x: auto;
}

.garden-suppliers-table-card table {
    margin: 0 !important;
}

.garden-suppliers-table-card table th {
    height: 32px !important;
    padding: 5px 7px !important;
    background: #f5f7f5 !important;
    border-color: #dfe5e1 !important;
    font-size: 13px !important;
}

.garden-suppliers-table-card table td {
    height: 41px !important;
    padding: 5px 7px !important;
    border-color: #e7ebe8 !important;
    font-size: 13px !important;
}

.garden-suppliers-table-card table .btn {
    min-height: 25px !important;
    height: 25px !important;
    padding: 0 6px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

.garden-suppliers-table-card tbody tr:only-child td[colspan] {
    height: 72px !important;
}

.garden-supplier-form-card .card-body {
    padding: 9px 10px !important;
}

.garden-supplier-form-card .row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    --bs-gutter-x: 8px;
}

.garden-supplier-form-card .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
}

.garden-supplier-form-card .row:last-child > [class*="col-"] {
    grid-column: 1 / -1;
}

.garden-supplier-form-card .mb-3 {
    margin-bottom: 7px !important;
}

.garden-supplier-form-card .form-label {
    margin-bottom: 3px !important;
    font-size: 13px !important;
}

.garden-supplier-form-card .form-control,
.garden-supplier-form-card .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-supplier-form-card textarea.form-control {
    min-height: 68px !important;
    height: 68px !important;
}

.garden-supplier-form .mt-4 {
    margin-top: 8px !important;
}

.garden-supplier-form .btn-secondary {
    border-color: #dfe5e1 !important;
    background: #f5f7f5 !important;
    color: #566158 !important;
}

.garden-suppliers-workspace .modal-content,
.garden-supplier-form-workspace .modal-content {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 34px rgba(39, 48, 43, .14) !important;
}

.garden-supplier-profile-workspace,
.garden-supplier-payments-workspace {
    max-width: 1280px;
    margin-inline: auto;
    padding: 12px 14px 20px !important;
}

.garden-supplier-profile-shell,
.garden-supplier-payments-shell {
    gap: 8px !important;
}

.garden-supplier-payments-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 38px;
    margin-bottom: 10px;
}

.garden-supplier-payments-header h1 {
    margin: 1px 0 0;
    font-size: 16px;
}

.garden-supplier-profile-workspace .card,
.garden-supplier-payments-workspace .card {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 16px rgba(39, 48, 43, .045) !important;
    overflow: hidden;
}

.garden-supplier-profile-workspace .card-header,
.garden-supplier-payments-workspace .card-header {
    min-height: 40px !important;
    padding: 6px 10px !important;
    border-bottom: 1px solid #dfe5e1 !important;
}

.garden-supplier-profile-workspace .card-title,
.garden-supplier-payments-workspace .card-title,
.garden-supplier-profile-workspace .card-title h2,
.garden-supplier-profile-workspace .card-title h3 {
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-supplier-profile-workspace .card-body,
.garden-supplier-payments-workspace .card-body {
    padding: 8px 10px !important;
}

.garden-supplier-profile-workspace .btn,
.garden-supplier-payments-workspace .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-supplier-profile-workspace .fs-2,
.garden-supplier-payments-workspace .fs-2 {
    font-size: 14px !important;
}

.garden-supplier-profile-workspace .fs-7,
.garden-supplier-profile-workspace .fs-8,
.garden-supplier-payments-workspace .fs-7,
.garden-supplier-payments-workspace .fs-8 {
    font-size: 13px !important;
}

.garden-supplier-profile-workspace .form-label {
    margin-bottom: 3px !important;
    font-size: 13px !important;
}

.garden-supplier-profile-workspace .form-control,
.garden-supplier-profile-workspace .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-supplier-profile-workspace form[enctype] .row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px !important;
    margin: 0 !important;
}

.garden-supplier-profile-workspace form[enctype] .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.garden-supplier-profile-workspace form[enctype] .row > .col-md-4,
.garden-supplier-profile-workspace form[enctype] .row > .col-md-6 {
    grid-column: span 2;
}

.garden-supplier-profile-workspace form[enctype] .row > .col-12 {
    grid-column: 1 / -1;
}

.garden-supplier-profile-kpis,
.garden-supplier-payments-kpis {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px !important;
    margin: 0 !important;
}

.garden-supplier-profile-kpis > [class*="col-"],
.garden-supplier-payments-kpis > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.garden-supplier-profile-kpis .card-body,
.garden-supplier-payments-kpis .card-body {
    min-height: 56px;
    padding: 8px 10px !important;
}

.garden-supplier-payments-filter-card .card-body {
    padding: 7px 9px !important;
}

.garden-supplier-payments-filter-card .d-flex {
    gap: 5px !important;
}

.garden-supplier-payments-table-card .card-body {
    padding: 0 !important;
}

.garden-supplier-profile-workspace table th,
.garden-supplier-payments-table-card table th {
    height: 31px !important;
    padding: 5px 7px !important;
    background: #f5f7f5 !important;
    border-color: #dfe5e1 !important;
    font-size: 13px !important;
}

.garden-supplier-profile-workspace table td,
.garden-supplier-payments-table-card table td {
    height: 40px !important;
    padding: 5px 7px !important;
    border-color: #e7ebe8 !important;
    font-size: 13px !important;
}

@media (max-width: 900px) {
    .garden-suppliers-workspace,
    .garden-supplier-form-workspace {
        padding: 9px 8px 16px !important;
    }

    .garden-suppliers-table-card table th:nth-child(5),
    .garden-suppliers-table-card table td:nth-child(5),
    .garden-suppliers-table-card table th:nth-child(6),
    .garden-suppliers-table-card table td:nth-child(6) {
        display: none;
    }

    .garden-supplier-profile-workspace,
    .garden-supplier-payments-workspace {
        padding: 9px 8px 16px !important;
    }
}

@media (max-width: 620px) {
    .garden-supplier-form-card .row {
        grid-template-columns: 1fr;
    }

    .garden-supplier-form-card .row:last-child > [class*="col-"] {
        grid-column: auto;
    }
}

/* Lead profile — compact CRM record */
.garden-lead-profile-workspace {
    max-width: 1280px;
    margin-inline: auto;
    padding: 12px 14px 54px !important;
}

.garden-lead-profile-container {
    max-width: none !important;
    padding: 0 !important;
}

.garden-lead-profile-container > .mb-4 {
    margin-bottom: 7px !important;
}

.garden-lead-profile-container > .mb-4 .btn,
.garden-lead-profile-workspace .card .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-lead-profile-workspace .lead-header-card {
    margin-bottom: 9px !important;
    padding: 9px 10px !important;
    border: 1px solid #d9e3dc !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #2c3830 !important;
    box-shadow: 0 5px 16px rgba(39, 48, 43, .045) !important;
}

.garden-lead-profile-workspace .lead-header-card > .d-flex {
    gap: 8px !important;
}

.garden-lead-profile-workspace .lead-header-card .symbol,
.garden-lead-profile-workspace .lead-header-card .symbol-label {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    background: #eef2ef !important;
    color: #405047 !important;
    font-size: 13px !important;
}

.garden-lead-profile-workspace .lead-header-card h1 {
    margin-bottom: 3px !important;
    color: #26302a !important;
    font-size: 16px !important;
}

.garden-lead-profile-workspace .lead-header-card .badge,
.garden-lead-profile-workspace .priority-badge {
    min-height: 21px;
    padding: 3px 6px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

.garden-lead-profile-workspace .lead-header-card .badge.bg-white {
    background: #eef2ef !important;
    color: #536058 !important;
}

.garden-lead-profile-workspace .quick-action-btn {
    display: inline-flex !important;
    flex-direction: row !important;
    gap: 4px;
    min-width: 0 !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    transform: none !important;
}

.garden-lead-profile-workspace .quick-action-btn i {
    font-size: 13px !important;
}

.garden-lead-profile-workspace .quick-action-btn span {
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-lead-profile-grid {
    display: grid !important;
    grid-template-columns: minmax(210px, 1fr) minmax(0, 2fr);
    gap: 8px !important;
    margin: 0 !important;
}

.garden-lead-profile-grid > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.garden-lead-profile-workspace .card {
    margin-bottom: 8px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 16px rgba(39, 48, 43, .045) !important;
}

.garden-lead-profile-workspace .card-header {
    min-height: 38px !important;
    padding: 6px 9px !important;
    border-bottom: 1px solid #dfe5e1 !important;
}

.garden-lead-profile-workspace .card-title {
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-lead-profile-workspace .card-body {
    padding: 8px 9px !important;
    font-size: 13px !important;
}

.garden-lead-profile-workspace .card-body .gap-4 {
    gap: 7px !important;
}

.garden-lead-profile-workspace .fs-5,
.garden-lead-profile-workspace .fs-6,
.garden-lead-profile-workspace .fs-7,
.garden-lead-profile-workspace .fs-8 {
    font-size: 13px !important;
}

.garden-lead-profile-workspace .nav-tabs {
    min-height: 34px;
    margin-bottom: 8px !important;
    gap: 4px;
    border-bottom: 1px solid #dfe5e1 !important;
    font-size: 13px !important;
}

.garden-lead-profile-workspace .nav-tabs .nav-link {
    min-height: 32px;
    padding: 6px 9px !important;
    border-width: 0 0 2px !important;
}

.garden-lead-profile-workspace .form-control,
.garden-lead-profile-workspace .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-lead-profile-workspace .timeline-item {
    min-height: 38px;
    padding: 0 22px 8px 0 !important;
    border-width: 1px !important;
    font-size: 13px !important;
}

.garden-lead-profile-workspace .timeline-item::before {
    right: -4px !important;
    width: 7px !important;
    height: 7px !important;
}

.garden-lead-profile-workspace + .fixed-bottom,
.garden-lead-profile-workspace ~ .fixed-bottom {
    min-height: 42px;
    padding: 6px 10px !important;
    border-color: #dfe5e1 !important;
}

.garden-lead-profile-workspace ~ .fixed-bottom .btn {
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

@media (max-width: 900px) {
    .garden-lead-profile-workspace {
        padding: 9px 8px 54px !important;
    }
}

@media (max-width: 620px) {
    .garden-lead-profile-grid {
        grid-template-columns: 1fr;
    }
}

/* Lead create/edit — compact two-column editor */
.garden-lead-form-workspace {
    max-width: 1280px;
    margin-inline: auto;
    padding: 12px 14px 20px !important;
}

.garden-lead-form-container {
    max-width: none !important;
    padding: 0 !important;
}

.garden-lead-form-header {
    min-height: 38px;
    margin-bottom: 10px !important;
}

.garden-lead-form-header h1 {
    margin: 0 0 2px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
}

.garden-lead-form-header p {
    font-size: 13px !important;
}

.garden-lead-form-header .btn,
.garden-lead-editor-form > .sticky-bottom .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-lead-editor-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 8px;
}

.garden-lead-editor-form > .form-section {
    margin: 0 !important;
    padding: 9px 10px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 5px 16px rgba(39, 48, 43, .04) !important;
}

.garden-lead-editor-form > .form-section:first-of-type,
.garden-lead-editor-form > .sticky-bottom,
.garden-lead-editor-form > .alert {
    grid-column: 1 / -1;
}

.garden-lead-editor-form .form-section-title {
    min-height: 24px;
    margin-bottom: 7px !important;
    gap: 5px !important;
    color: #334039 !important;
    font-size: 13px !important;
}

.garden-lead-editor-form .row.g-4 {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 7px;
}

.garden-lead-editor-form .form-label {
    margin-bottom: 3px !important;
    color: #6d776f;
    font-size: 13px !important;
}

.garden-lead-editor-form .form-control,
.garden-lead-editor-form .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-lead-editor-form textarea.form-control {
    min-height: 58px !important;
    height: 58px !important;
    resize: vertical !important;
}

.garden-lead-editor-form .priority-btn {
    display: inline-flex !important;
    flex-direction: row !important;
    gap: 4px;
    min-width: 0 !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 7px !important;
    border-width: 1px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    box-shadow: none !important;
    transform: none !important;
}

.garden-lead-editor-form .priority-btn.active {
    outline: 2px solid rgba(48, 64, 55, .16);
    outline-offset: 1px;
}

.garden-lead-editor-form .priority-btn i {
    font-size: 13px !important;
}

.garden-lead-editor-form .quick-schedule-btn {
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 7px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-lead-editor-form .mb-4 {
    margin-bottom: 7px !important;
}

.garden-lead-editor-form > .sticky-bottom {
    position: static !important;
    min-height: 42px;
    margin-top: 0;
    padding: 6px 0 !important;
    background: transparent !important;
}

@media (max-width: 900px) {
    .garden-lead-form-workspace {
        padding: 9px 8px 16px !important;
    }
}

@media (max-width: 620px) {
    .garden-lead-editor-form {
        grid-template-columns: 1fr;
    }

    .garden-lead-editor-form > .form-section:first-of-type,
    .garden-lead-editor-form > .sticky-bottom,
    .garden-lead-editor-form > .alert {
        grid-column: auto;
    }
}

/* Lead dashboard — compact daily work queue */
.garden-leads-dashboard-workspace {
    max-width: 1280px;
    margin-inline: auto;
    padding: 12px 14px 20px !important;
}

.garden-leads-dashboard-header {
    min-height: 38px;
    margin-bottom: 10px !important;
}

.garden-leads-dashboard-header h2 {
    margin: 0 0 2px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
}

.garden-leads-dashboard-header > div:first-child > span {
    font-size: 13px !important;
}

.garden-leads-dashboard-header .btn,
.garden-leads-dashboard-workspace .card-header .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-leads-dashboard-kpis {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px !important;
    margin: 0 0 10px !important;
}

.garden-leads-dashboard-kpis > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.garden-leads-dashboard-workspace .card {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 16px rgba(39, 48, 43, .045) !important;
}

.garden-leads-dashboard-kpis .card-body {
    min-height: 58px;
    gap: 7px !important;
    padding: 8px 10px !important;
}

.garden-leads-dashboard-kpis .symbol,
.garden-leads-dashboard-kpis .symbol-label {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
}

.garden-leads-dashboard-kpis .symbol-label i {
    font-size: 13px !important;
}

.garden-leads-dashboard-kpis .fs-2 {
    font-size: 14px !important;
    line-height: 1.15;
}

.garden-leads-dashboard-kpis .fs-8 {
    font-size: 13px !important;
}

.garden-leads-dashboard-workspace > .card {
    margin-bottom: 9px !important;
}

.garden-leads-dashboard-workspace .card-header {
    min-height: 38px !important;
    padding: 6px 9px !important;
    border-bottom: 1px solid #dfe5e1 !important;
}

.garden-leads-dashboard-workspace .card-title {
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-leads-dashboard-workspace .card-body {
    padding: 6px 9px !important;
}

.garden-leads-dashboard-workspace table th {
    height: 30px !important;
    padding: 4px 6px !important;
    background: #f5f7f5 !important;
    border-color: #dfe5e1 !important;
    font-size: 13px !important;
}

.garden-leads-dashboard-workspace table td {
    height: 40px !important;
    padding: 4px 6px !important;
    border-color: #e7ebe8 !important;
    font-size: 13px !important;
}

.garden-leads-dashboard-workspace .fs-6,
.garden-leads-dashboard-workspace .fs-7,
.garden-leads-dashboard-workspace .fs-8 {
    font-size: 13px !important;
}

.garden-leads-dashboard-workspace .badge {
    min-height: 21px;
    padding: 3px 5px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

.garden-leads-dashboard-workspace table .btn,
.garden-leads-dashboard-workspace .notification-item .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 !important;
    border-radius: 6px !important;
}

.garden-leads-dashboard-workspace .text-center.py-10,
.garden-leads-dashboard-workspace .text-center.py-8 {
    min-height: 76px;
    padding: 14px 8px !important;
}

.garden-leads-dashboard-workspace .text-center.py-10 i,
.garden-leads-dashboard-workspace .text-center.py-8 i {
    margin-bottom: 5px !important;
    font-size: 19px !important;
}

.garden-leads-dashboard-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(190px, 1fr);
    gap: 8px !important;
    margin: 0 !important;
}

.garden-leads-dashboard-grid > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.garden-leads-dashboard-grid .card {
    margin-bottom: 8px !important;
}

.garden-leads-dashboard-grid .card-body > .d-flex,
.garden-leads-dashboard-grid .notification-item {
    min-height: 32px;
    padding: 4px 8px !important;
}

.garden-leads-dashboard-modal .modal-content {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 34px rgba(39, 48, 43, .14) !important;
}

.garden-leads-dashboard-modal .modal-header,
.garden-leads-dashboard-modal .modal-footer {
    min-height: 42px !important;
    padding: 7px 10px !important;
    border-color: #dfe5e1 !important;
}

.garden-leads-dashboard-modal .modal-title {
    font-size: 13px !important;
}

.garden-leads-dashboard-modal .modal-body {
    padding: 9px 10px !important;
}

.garden-leads-dashboard-modal .form-control {
    min-height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-leads-dashboard-modal textarea.form-control {
    min-height: 68px !important;
}

.garden-leads-dashboard-modal .btn {
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

@media (max-width: 900px) {
    .garden-leads-dashboard-workspace {
        padding: 9px 8px 16px !important;
    }
}

@media (max-width: 620px) {
    .garden-leads-dashboard-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-leads-dashboard-grid {
        grid-template-columns: 1fr;
    }
}

/* Sales performance — compact monthly scorecard */
.garden-sales-performance-workspace {
    max-width: 1280px;
    margin-inline: auto;
    padding: 12px 14px 20px !important;
}

.garden-sales-performance-header {
    min-height: 38px;
    margin-bottom: 10px !important;
}

.garden-sales-performance-header h2 {
    margin: 0 0 2px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
}

.garden-sales-performance-header > div:first-child > span,
.garden-sales-performance-header > div:last-child > span {
    font-size: 13px !important;
}

.garden-sales-performance-header .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    border-radius: 7px !important;
}

.garden-sales-performance-kpis {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px !important;
    margin: 0 0 10px !important;
}

.garden-sales-performance-kpis > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.garden-sales-performance-kpis .card,
.garden-sales-performance-table-card {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 16px rgba(39, 48, 43, .045) !important;
}

.garden-sales-performance-kpis .card-body {
    min-height: 58px;
    gap: 7px !important;
    padding: 8px 10px !important;
}

.garden-sales-performance-kpis .symbol,
.garden-sales-performance-kpis .symbol-label {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
}

.garden-sales-performance-kpis .symbol-label i {
    font-size: 13px !important;
}

.garden-sales-performance-kpis .fs-2 {
    font-size: 14px !important;
    line-height: 1.15;
}

.garden-sales-performance-kpis .fs-8 {
    font-size: 13px !important;
}

.garden-sales-performance-table-card {
    overflow: hidden;
}

.garden-sales-performance-table-card .card-header {
    min-height: 40px !important;
    padding: 6px 10px !important;
    border-bottom: 1px solid #dfe5e1 !important;
}

.garden-sales-performance-table-card .card-title {
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-sales-performance-table-card table th {
    height: 32px !important;
    padding: 5px 7px !important;
    background: #f5f7f5 !important;
    border-color: #dfe5e1 !important;
    font-size: 13px !important;
}

.garden-sales-performance-table-card table td {
    height: 43px !important;
    padding: 5px 7px !important;
    border-color: #e7ebe8 !important;
    font-size: 13px !important;
}

.garden-sales-performance-table-card .symbol,
.garden-sales-performance-table-card .symbol-label {
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    font-size: 13px !important;
}

.garden-sales-performance-table-card .fs-6,
.garden-sales-performance-table-card .fs-7,
.garden-sales-performance-table-card .fs-8 {
    font-size: 13px !important;
}

.garden-sales-performance-table-card .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 26px !important;
    height: 26px !important;
    padding: 0 7px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

.garden-sales-performance-table-card tbody tr:only-child td[colspan] {
    height: 96px !important;
    padding: 12px !important;
}

.garden-sales-performance-modal .modal-content {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 34px rgba(39, 48, 43, .14) !important;
}

.garden-sales-performance-modal .modal-header,
.garden-sales-performance-modal .modal-footer {
    min-height: 42px !important;
    padding: 7px 10px !important;
    border-color: #dfe5e1 !important;
}

.garden-sales-performance-modal .modal-title {
    font-size: 13px !important;
}

.garden-sales-performance-modal .modal-body {
    padding: 9px 10px !important;
}

.garden-sales-performance-modal .form-label {
    margin-bottom: 3px !important;
    font-size: 13px !important;
}

.garden-sales-performance-modal .form-control {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-sales-performance-modal .btn {
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

@media (max-width: 900px) {
    .garden-sales-performance-workspace {
        padding: 9px 8px 16px !important;
    }

    .garden-sales-performance-table-card table th:nth-child(4),
    .garden-sales-performance-table-card table td:nth-child(4),
    .garden-sales-performance-table-card table th:nth-child(6),
    .garden-sales-performance-table-card table td:nth-child(6),
    .garden-sales-performance-table-card table th:nth-child(7),
    .garden-sales-performance-table-card table td:nth-child(7) {
        display: none;
    }
}

@media (max-width: 620px) {
    .garden-sales-performance-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* CRM dashboard — compact customer intelligence */
.garden-crm-workspace {
    max-width: 1280px;
    margin-inline: auto;
    padding: 12px 14px 20px !important;
}

.garden-crm-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 38px;
    margin-bottom: 10px;
}

.garden-crm-header h1 {
    margin: 1px 0 0;
    color: #26302a;
    font-size: 16px;
    line-height: 1.2;
}

.garden-crm-header-actions {
    display: flex;
    gap: 5px;
}

.garden-crm-header .btn,
.garden-crm-workspace .card-toolbar .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-crm-shell {
    gap: 9px !important;
}

.garden-crm-kpis,
.garden-crm-overview,
.garden-crm-activity {
    display: grid !important;
    margin: 0 !important;
    gap: 8px !important;
}

.garden-crm-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.garden-crm-overview {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.garden-crm-activity {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}

.garden-crm-kpis > [class*="col-"],
.garden-crm-overview > [class*="col-"],
.garden-crm-activity > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.garden-crm-workspace .card {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 16px rgba(39, 48, 43, .045) !important;
}

.garden-crm-kpis .card-body {
    min-height: 58px;
    padding: 8px 10px !important;
}

.garden-crm-kpis .card-body > .d-flex {
    gap: 7px !important;
}

.garden-crm-kpis .rounded-circle {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
}

.garden-crm-kpis .rounded-circle i {
    font-size: 13px !important;
}

.garden-crm-kpis .text-muted {
    font-size: 13px !important;
    line-height: 1.25;
}

.garden-crm-kpis .fs-2 {
    font-size: 14px !important;
    line-height: 1.15;
}

.garden-crm-overview .card-header,
.garden-crm-activity .card-header {
    min-height: 38px !important;
    padding: 6px 9px !important;
    border-bottom: 1px solid #e6eae7 !important;
}

.garden-crm-workspace .card-title {
    margin: 0 !important;
}

.garden-crm-workspace .card-title h3 {
    font-size: 13px !important;
    line-height: 1.2 !important;
}

.garden-crm-workspace .card-body {
    padding: 6px 9px !important;
}

.garden-crm-overview .card-body {
    max-height: 286px;
    overflow-y: auto;
}

.garden-crm-overview .card-body > .d-flex,
.garden-crm-activity .card-body > .d-flex {
    gap: 0 !important;
}

.garden-crm-overview .border-bottom,
.garden-crm-activity .border-bottom {
    min-height: 34px;
    padding: 4px 0 !important;
    border-color: #e7ebe8 !important;
}

.garden-crm-workspace .fs-7,
.garden-crm-workspace .fs-8 {
    font-size: 13px !important;
}

.garden-crm-workspace .fs-9 {
    font-size: 13px !important;
}

.garden-crm-workspace .badge {
    padding: 3px 5px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

.garden-crm-activity .progress {
    height: 4px !important;
}

.garden-crm-activity .mb-2 {
    margin-bottom: 6px !important;
}

@media (max-width: 900px) {
    .garden-crm-workspace {
        padding: 9px 8px 16px !important;
    }

    .garden-crm-overview {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .garden-crm-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-crm-overview,
    .garden-crm-activity {
        grid-template-columns: 1fr;
    }
}

/* Lead list — compact CRM register */
.garden-leads-list-workspace {
    max-width: 1280px;
    margin-inline: auto;
    padding: 12px 14px 20px !important;
}

.garden-leads-list-header {
    min-height: 38px;
    margin-bottom: 10px !important;
}

.garden-leads-list-header h2 {
    margin: 0 0 2px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
}

.garden-leads-list-header > div:first-child > span {
    font-size: 13px !important;
}

.garden-leads-list-header .btn,
.garden-leads-list-filter-card .btn,
.garden-leads-list-bulk-card .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.garden-leads-list-filter-card,
.garden-leads-list-bulk-card,
.garden-leads-list-table-card {
    margin-bottom: 10px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 16px rgba(39, 48, 43, .045) !important;
}

.garden-leads-list-filter-card .card-body,
.garden-leads-list-bulk-card .card-body {
    padding: 8px 10px !important;
}

.garden-leads-list-filter-card .card-body > .d-flex {
    display: grid !important;
    grid-template-columns: minmax(170px, 220px) minmax(0, 1fr);
    gap: 7px !important;
}

.garden-leads-list-filter-card .card-body > .d-flex > .d-flex:first-child {
    width: 100%;
}

.garden-leads-list-filter-card #searchInput {
    width: 100% !important;
    min-height: 30px !important;
    height: 30px !important;
    padding-block: 0 !important;
    padding-inline: 28px 8px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-leads-list-filter-card .card-body > .d-flex > .d-flex:last-child {
    justify-content: flex-start;
    gap: 5px !important;
}

.garden-leads-list-filter-card .dropdown-menu,
.garden-leads-list-header .dropdown-menu {
    min-width: 130px !important;
    padding: 4px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 22px rgba(39, 48, 43, .1) !important;
}

.garden-leads-list-filter-card .dropdown-item,
.garden-leads-list-header .dropdown-item {
    min-height: 27px;
    padding: 5px 7px !important;
    border-radius: 5px;
    font-size: 13px !important;
}

.garden-leads-list-filter-card label {
    white-space: nowrap;
    font-size: 13px !important;
}

.garden-leads-list-table-card {
    overflow: hidden;
}

.garden-leads-list-table-card .table-responsive {
    overflow-x: auto;
}

.garden-leads-list-table-card #leadsTable {
    min-width: 720px;
}

.garden-leads-list-table-card #leadsTable th {
    height: 32px !important;
    padding: 5px 7px !important;
    background: #f5f7f5 !important;
    border-color: #dfe5e1 !important;
    color: #667168 !important;
    font-size: 13px !important;
}

.garden-leads-list-table-card #leadsTable td {
    height: 43px !important;
    padding: 5px 7px !important;
    border-color: #e7ebe8 !important;
    font-size: 13px !important;
}

.garden-leads-list-table-card #leadsTable .symbol,
.garden-leads-list-table-card #leadsTable .symbol-label {
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    font-size: 13px !important;
}

.garden-leads-list-table-card #leadsTable .badge {
    min-height: 22px;
    padding: 3px 6px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

.garden-leads-list-table-card #leadsTable td:not([colspan]) .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 !important;
    border-radius: 6px !important;
}

.garden-leads-list-table-card #leadsTable tbody tr:only-child td[colspan] {
    height: 126px !important;
    padding: 16px !important;
}

.garden-leads-list-table-card #leadsTable tbody tr:only-child td[colspan] i {
    margin-bottom: 5px !important;
    font-size: 20px !important;
}

.garden-leads-list-table-card #leadsTable tbody tr:only-child td[colspan] p {
    margin-bottom: 6px !important;
    font-size: 13px !important;
}

.garden-leads-list-table-card #leadsTable td[colspan] .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-leads-list-table-card .leads-pagination {
    min-height: 38px;
    padding: 5px 8px !important;
    border-color: #dfe5e1 !important;
}

.garden-leads-list-modal .modal-content {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 34px rgba(39, 48, 43, .14) !important;
}

.garden-leads-list-modal .modal-header,
.garden-leads-list-modal .modal-footer {
    min-height: 42px !important;
    padding: 7px 10px !important;
    border-color: #dfe5e1 !important;
}

.garden-leads-list-modal .modal-title {
    font-size: 13px !important;
}

.garden-leads-list-modal .modal-body {
    padding: 9px 10px !important;
}

.garden-leads-list-modal .modal-body .mb-4,
.garden-leads-list-modal .modal-body .my-4 {
    margin-bottom: 7px !important;
    margin-top: 7px !important;
}

.garden-leads-list-modal .form-label {
    margin-bottom: 3px !important;
    font-size: 13px !important;
}

.garden-leads-list-modal .form-control,
.garden-leads-list-modal .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-leads-list-modal textarea.form-control,
.garden-leads-list-modal #editNotes {
    min-height: 68px !important;
    height: 68px !important;
    resize: vertical !important;
}

.garden-leads-list-modal .modal-body .btn,
.garden-leads-list-modal .modal-footer .btn {
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-leads-list-modal .row.g-3 {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 7px;
}

.garden-leads-list-create-modal .modal-dialog {
    max-width: 520px;
}

.garden-leads-list-create-modal #sourceButtons,
.garden-leads-list-detail-modal #editSourceButtons {
    gap: 4px !important;
}

.garden-leads-list-create-modal #sourceButtons .btn,
.garden-leads-list-detail-modal #editSourceButtons .btn {
    padding-inline: 6px !important;
}

.garden-leads-list-detail-modal .lead2-dialog {
    max-width: 760px !important;
}

#leadModal.garden-leads-list-detail-modal .lead2-cols {
    height: min(68vh, 520px) !important;
}

#leadModal.garden-leads-list-detail-modal .lead2-actions {
    flex-basis: 220px !important;
    gap: 7px !important;
    padding: 9px !important;
}

#leadModal.garden-leads-list-detail-modal .lead2-tab {
    min-height: 36px;
    padding: 7px !important;
    font-size: 13px !important;
}

#leadModal.garden-leads-list-detail-modal .lead2-pane {
    padding: 10px !important;
}

#leadModal.garden-leads-list-detail-modal .lead2-grid {
    gap: 6px !important;
    margin-bottom: 7px !important;
}

#leadModal.garden-leads-list-detail-modal .lead2-cell,
#leadModal.garden-leads-list-detail-modal .lead2-notes-card {
    padding: 6px 8px !important;
    border-radius: 7px !important;
}

#leadModal.garden-leads-list-detail-modal .lead2-act {
    min-height: 50px;
    gap: 8px !important;
    padding: 7px 9px !important;
    border-radius: 8px !important;
}

#leadModal.garden-leads-list-detail-modal .lead2-act i {
    width: 20px !important;
    font-size: 15px !important;
}

#leadModal.garden-leads-list-detail-modal .lead2-act .lead2-act-t {
    font-size: 13px !important;
}

#leadModal.garden-leads-list-detail-modal .lead2-act .lead2-act-s,
#leadModal.garden-leads-list-detail-modal .lead2-k {
    font-size: 13px !important;
}

#leadModal.garden-leads-list-detail-modal .lead2-v,
#leadModal.garden-leads-list-detail-modal #modalNotes {
    font-size: 13px !important;
}

@media (max-width: 900px) {
    .garden-leads-list-workspace {
        padding: 9px 8px 16px !important;
    }

    .garden-leads-list-filter-card .card-body > .d-flex {
        grid-template-columns: 1fr;
    }

    .garden-leads-list-filter-card .card-body > .d-flex > .d-flex:last-child {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .garden-leads-list-filter-card .card-body > .d-flex > .d-flex:last-child .btn {
        width: 100%;
        padding-inline: 3px !important;
    }

    .garden-leads-list-filter-card .card-body > .d-flex > .d-flex:last-child > span {
        display: none;
    }

    .garden-leads-list-filter-card .card-body > .d-flex > .d-flex:last-child > label {
        justify-content: center;
        min-height: 28px;
    }

    .garden-leads-list-table-card #leadsTable {
        min-width: 0;
    }

    .garden-leads-list-table-card #leadsTable th:nth-child(5),
    .garden-leads-list-table-card #leadsTable td:nth-child(5),
    .garden-leads-list-table-card #leadsTable th:nth-child(6),
    .garden-leads-list-table-card #leadsTable td:nth-child(6),
    .garden-leads-list-table-card #leadsTable th:nth-child(7),
    .garden-leads-list-table-card #leadsTable td:nth-child(7) {
        display: none;
    }

    .garden-leads-list-table-card #leadsTable th:nth-child(1) { width: 6% !important; }
    .garden-leads-list-table-card #leadsTable th:nth-child(2) { width: 31% !important; }
    .garden-leads-list-table-card #leadsTable th:nth-child(3) { width: 21% !important; }
    .garden-leads-list-table-card #leadsTable th:nth-child(4) { width: 19% !important; }
    .garden-leads-list-table-card #leadsTable th:nth-child(8) { width: 23% !important; }
}

@media (max-width: 620px) {
    #leadModal.garden-leads-list-detail-modal .lead2-cols {
        height: auto !important;
        max-height: 70vh;
        overflow: auto;
    }

    #leadModal.garden-leads-list-detail-modal .lead2-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: visible !important;
    }

    #leadModal.garden-leads-list-detail-modal .lead2-act:last-child {
        grid-column: 1 / -1;
    }
}

/* Vehicle create/edit — compact fleet form */
.garden-vehicle-form-workspace {
    --gvf-border: #dfe5e1;
    --gvf-ink: #27302b;
    --gvf-muted: #78817a;
}

.garden-vehicle-form-header {
    margin: 0 16px 9px;
    padding: 8px 0 10px;
    border-bottom: 1px solid var(--gvf-border);
}

.garden-vehicle-form-header h1 {
    margin: 3px 0 2px;
    color: var(--gvf-ink);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 760;
}

.garden-vehicle-form-header p {
    margin: 0;
    color: var(--gvf-muted);
    font-size: 13px;
}

.garden-vehicle-form-content {
    padding: 0 16px 14px !important;
}

.garden-vehicle-form-alert {
    min-height: 38px;
    margin: 0 16px 8px !important;
    padding: 7px 10px !important;
    border-width: 1px;
    border-radius: 8px;
    font-size: 13px;
}

.garden-vehicle-form-card {
    border: 1px solid var(--gvf-border) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.garden-vehicle-form-card .card-header {
    min-height: 40px !important;
    padding: 7px 10px !important;
    border-bottom: 1px solid var(--gvf-border) !important;
}

.garden-vehicle-form-card .card-title {
    color: var(--gvf-ink);
    font-size: 13px !important;
}

.garden-vehicle-form-card .card-body {
    display: grid;
    gap: 8px;
    padding: 9px 10px !important;
}

.garden-vehicle-form-card .card-body > .row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 0 !important;
}

.garden-vehicle-form-card .card-body > .row:nth-child(3) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.garden-vehicle-form-card .card-body > .row:nth-child(4) {
    grid-template-columns: 1fr;
}

.garden-vehicle-form-card .card-body > .row > * {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.garden-vehicle-form-card .form-label {
    margin-bottom: 3px !important;
    color: #59645d;
    font-size: 13px !important;
}

.garden-vehicle-form-card .form-control,
.garden-vehicle-form-card .form-select {
    width: 100% !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 3px 8px !important;
    border: 1px solid var(--gvf-border) !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: var(--gvf-ink) !important;
    font-size: 13px !important;
}

.garden-vehicle-form-card textarea.form-control {
    min-height: 58px !important;
    height: 58px !important;
    resize: vertical;
}

.garden-vehicle-form-actions {
    position: sticky;
    bottom: 8px;
    z-index: 12;
    min-height: 42px;
    margin-top: 8px !important;
    padding: 6px 8px;
    gap: 6px;
    border: 1px solid var(--gvf-border);
    border-radius: 9px;
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(8px);
}

.garden-vehicle-form-actions .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-height: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

@media (max-width: 700px) {
    .garden-vehicle-form-header,
    .garden-vehicle-form-content {
        margin-inline: 8px;
        padding-inline: 0 !important;
    }

    .garden-vehicle-form-card .card-body > .row,
    .garden-vehicle-form-card .card-body > .row:nth-child(3) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-vehicle-form-card .card-body > .row:nth-child(4) {
        grid-template-columns: 1fr;
    }
}

/* Product quick edit — dense inline ledger */
.garden-quickedit-workspace {
    --gqe-border: #dfe5e1;
    --gqe-soft: #f6f8f6;
    --gqe-ink: #26302a;
    --gqe-muted: #778079;
}

.garden-quickedit-workspace .app-main,
.garden-quickedit-workspace .app-content,
.garden-quickedit-workspace .app-container {
    min-width: 0;
}

.garden-quickedit-header {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(480px, .95fr);
    gap: 16px;
    align-items: end;
    margin: 0 16px 10px;
    padding: 8px 0 12px;
    border-bottom: 1px solid var(--gqe-border);
}

.garden-quickedit-heading h1 {
    margin: 3px 0 2px;
    color: var(--gqe-ink);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 760;
}

.garden-quickedit-heading p {
    margin: 0;
    color: var(--gqe-muted);
    font-size: 13px;
    line-height: 1.45;
}

.garden-quickedit-filters {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto auto;
    gap: 6px;
    align-items: center;
}

.garden-quickedit-filters .form-select,
.garden-quickedit-filters .form-control {
    width: 100% !important;
    height: 30px !important;
    min-height: 30px !important;
    padding-block: 3px !important;
    border-color: var(--gqe-border) !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-quickedit-filters .btn,
.garden-quickedit-meta .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap;
}

.garden-quickedit-content {
    padding: 0 16px 14px !important;
}

.garden-quickedit-meta {
    min-height: 30px;
    margin-bottom: 6px !important;
}

.garden-quickedit-meta .badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 7px;
    border-radius: 6px;
    font-size: 13px !important;
}

.garden-quickedit-table-card {
    overflow: hidden;
    border: 1px solid var(--gqe-border) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.garden-quickedit-table {
    width: 100%;
    table-layout: fixed;
    color: var(--gqe-ink);
}

.garden-quickedit-table thead tr {
    height: 31px;
    background: var(--gqe-soft) !important;
}

.garden-quickedit-table th {
    padding: 4px 5px !important;
    border-color: var(--gqe-border) !important;
    color: #737d76 !important;
    font-size: 13px !important;
    line-height: 1.2;
    font-weight: 700 !important;
    text-transform: none !important;
}

.garden-quickedit-table td {
    height: 38px;
    padding: 3px 5px !important;
    border-color: #e8ece9 !important;
    vertical-align: middle !important;
}

.garden-quickedit-table tr[data-row="variation"] td {
    background: #fff !important;
}

.garden-quickedit-table tr[data-row="variation"] td:nth-child(2) {
    border-inline-start: 2px solid #dbe6dd !important;
}

.garden-quickedit-table .form-control,
.garden-quickedit-table .form-select {
    width: 100% !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 2px 6px !important;
    border-color: #e0e5e1 !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    color: var(--gqe-ink) !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

.garden-quickedit-table .form-control:focus,
.garden-quickedit-table .form-select:focus {
    border-color: #8fa797 !important;
    box-shadow: 0 0 0 2px rgba(92, 123, 103, .10) !important;
}

.garden-quickedit-table img,
.garden-quickedit-table td:first-child > div,
.garden-quickedit-table .var-img-wrap img,
.garden-quickedit-table .var-img-wrap label > span {
    width: 28px !important;
    height: 28px !important;
    border-radius: 6px !important;
}

.garden-quickedit-table .btn.js-del {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 !important;
    border-radius: 6px !important;
}

.garden-quickedit-table .badge {
    padding: 2px 4px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    white-space: nowrap;
}

.garden-quickedit-pagination {
    margin-top: 8px !important;
}

.garden-quickedit-pagination .page-link {
    min-width: 26px;
    min-height: 26px;
    padding: 4px 7px;
    font-size: 13px;
}

.garden-quickedit-meta .btn.is-active {
    border-color: #96a89c !important;
    background: #e8eeea !important;
    color: #435349 !important;
}

.garden-quickedit-toast {
    position: fixed;
    bottom: 20px;
    left: 50%;
    z-index: 1080;
    min-height: 32px;
    padding: 7px 12px;
    border-radius: 7px;
    background: #34443a;
    color: #fff;
    box-shadow: 0 8px 22px rgba(35, 45, 39, .18);
    opacity: 0;
    transform: translateX(-50%) translateY(20px);
    transition: .2s ease;
    font-size: 13px;
    font-weight: 650;
    pointer-events: none;
}

@media (max-width: 920px) {
    .garden-quickedit-header {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .garden-quickedit-table th:nth-child(1),
    .garden-quickedit-table td:nth-child(1),
    .garden-quickedit-table th:nth-child(7),
    .garden-quickedit-table td:nth-child(7) {
        display: none;
    }

    .garden-quickedit-table th:nth-child(2) { width: 34% !important; }
    .garden-quickedit-table th:nth-child(3),
    .garden-quickedit-table th:nth-child(4) { width: 12% !important; }
    .garden-quickedit-table th:nth-child(5),
    .garden-quickedit-table th:nth-child(6) { width: 19% !important; }
    .garden-quickedit-table th:nth-child(8) { width: 32px !important; }
}

@media (max-width: 640px) {
    .garden-quickedit-header,
    .garden-quickedit-content {
        margin-inline: 8px;
        padding-inline: 0 !important;
    }

    .garden-quickedit-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-quickedit-filters input[name="q"] {
        grid-column: 1 / -1;
    }

    .garden-quickedit-meta {
        align-items: flex-start !important;
    }

    .garden-quickedit-meta > div {
        gap: 4px !important;
    }

    .garden-quickedit-meta > div {
        flex-wrap: wrap;
    }

    .garden-quickedit-table-card,
    .garden-quickedit-table-card .table-responsive {
        overflow: visible;
        border: 0 !important;
        background: transparent !important;
    }

    .garden-quickedit-table,
    .garden-quickedit-table tbody {
        display: block;
        width: 100%;
    }

    .garden-quickedit-table thead {
        display: none;
    }

    .garden-quickedit-table tr[data-row] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        margin-bottom: 8px;
        padding: 8px;
        border: 1px solid var(--gqe-border);
        border-radius: 9px;
        background: #fff !important;
    }

    .garden-quickedit-table tr[data-row="variation"] {
        margin-inline-start: 10px;
        border-inline-start: 3px solid #dbe6dd;
    }

    .garden-quickedit-table td,
    .garden-quickedit-table td:nth-child(n) {
        display: flex;
        min-width: 0;
        height: auto;
        flex-direction: column;
        align-items: stretch;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    .garden-quickedit-table td::before {
        content: attr(data-label);
        min-height: 15px;
        margin-bottom: 2px;
        color: var(--gqe-muted);
        font-size: 13px;
        font-weight: 700;
    }

    .garden-quickedit-table td:nth-child(2),
    .garden-quickedit-table td:nth-child(5),
    .garden-quickedit-table td:nth-child(6),
    .garden-quickedit-table td:nth-child(7) {
        grid-column: 1 / -1;
    }

    .garden-quickedit-table td:first-child,
    .garden-quickedit-table td:last-child {
        grid-column: auto;
        justify-content: flex-end;
    }

    .garden-quickedit-table td:first-child::before,
    .garden-quickedit-table td:last-child::before {
        display: none;
    }

    .garden-quickedit-table td:last-child {
        align-items: flex-end;
    }

    .garden-quickedit-table .form-control,
    .garden-quickedit-table .form-select {
        height: 30px !important;
        min-height: 30px !important;
        font-size: 13px !important;
    }
}

/* Delivery lines — compact route register */
.garden-delivery-lines-workspace {
    --gdl-border: #dfe5e1;
    --gdl-soft: #f5f7f5;
    --gdl-ink: #27302b;
    --gdl-muted: #78817a;
}

.garden-delivery-lines-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin: 0 16px 10px;
    padding: 9px 0 11px;
    border-bottom: 1px solid var(--gdl-border);
}

.garden-delivery-lines-header h1 {
    margin: 3px 0 2px;
    color: var(--gdl-ink);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 760;
}

.garden-delivery-lines-header p {
    margin: 0;
    color: var(--gdl-muted);
    font-size: 13px;
}

.garden-delivery-lines-header__actions .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px;
    width: auto !important;
    min-width: 0 !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.garden-delivery-lines-content {
    padding: 0 16px 14px !important;
}

.garden-delivery-lines-alert {
    min-height: 42px;
    align-items: center;
    gap: 8px;
    margin: 0 16px 8px !important;
    padding: 7px 10px !important;
    border: 1px solid currentColor;
    border-radius: 8px;
    font-size: 13px;
}

.garden-delivery-lines-alert > i {
    margin: 0 !important;
    font-size: 18px !important;
}

.garden-delivery-lines-alert h4 {
    margin: 0 0 1px;
    font-size: 13px;
}

.garden-delivery-lines-alert .btn-icon {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    margin-inline-start: auto !important;
}

.garden-delivery-lines-card {
    overflow: hidden;
    border: 1px solid var(--gdl-border) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.garden-delivery-lines-card > .card-header {
    height: 48px !important;
    min-height: 48px !important;
    padding: 8px 10px !important;
    border-bottom: 1px solid var(--gdl-border) !important;
}

.garden-delivery-lines-card .card-title {
    width: min(100%, 340px);
}

.garden-delivery-lines-card .card-title > div {
    width: 100%;
    margin: 0 !important;
}

.garden-delivery-lines-card input[data-kt-delivery-table-filter="search"],
.garden-delivery-lines-card .garden-operations-list-search {
    width: 100% !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 3px 31px 3px 9px !important;
    border: 1px solid var(--gdl-border) !important;
    border-radius: 7px !important;
    background: #fff !important;
    font-size: 13px !important;
}

.garden-delivery-lines-card .card-title .ki-magnifier {
    right: 10px !important;
    left: auto !important;
    margin: 0 !important;
    color: #8a958d;
    font-size: 13px !important;
}

.garden-delivery-lines-card > .card-body {
    padding: 0 10px 8px !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.garden-delivery-lines-card .dataTables_wrapper {
    padding-top: 0;
}

.garden-delivery-lines-card table {
    width: 100% !important;
    margin: 0 !important;
    table-layout: fixed;
}

.garden-delivery-lines-card thead tr {
    height: 31px;
    background: var(--gdl-soft);
}

.garden-delivery-lines-card th {
    padding: 5px !important;
    color: #737d76 !important;
    border-bottom: 1px solid var(--gdl-border) !important;
    font-size: 13px !important;
    line-height: 1.15;
    text-transform: none !important;
}

.garden-delivery-lines-card td {
    height: 38px;
    padding: 5px !important;
    border-bottom: 1px solid #e9edea !important;
    color: var(--gdl-ink);
    font-size: 13px !important;
}

.garden-delivery-lines-card td.dataTables_empty {
    height: 58px;
    color: var(--gdl-muted);
    font-size: 13px !important;
    text-align: center !important;
}

.garden-delivery-lines-card .dataTables_length,
.garden-delivery-lines-card .dataTables_info,
.garden-delivery-lines-card .dataTables_paginate {
    margin: 7px 0 0 !important;
    color: var(--gdl-muted) !important;
    font-size: 13px !important;
}

.garden-delivery-lines-card .dataTables_wrapper > .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    margin: 0 !important;
}

.garden-delivery-lines-card .dataTables_wrapper > .row > [class*="col-"] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.garden-delivery-lines-card .dataTables_wrapper > .row > [class*="col-"]:last-child {
    justify-content: flex-end !important;
}

.garden-delivery-lines-card .dataTables_length,
.garden-delivery-lines-card .dataTables_info,
.garden-delivery-lines-card .dataTables_paginate {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.garden-delivery-lines-card .dataTables_length label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px;
    margin: 0 !important;
}

.garden-delivery-lines-card .dataTables_length select {
    width: 52px !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 2px 6px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

.garden-delivery-lines-card .pagination .page-link,
.garden-delivery-lines-card .paginate_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 26px !important;
    min-height: 26px !important;
    padding: 3px 6px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

.garden-delivery-lines-card td .btn,
.garden-delivery-lines-card td button,
.garden-delivery-lines-card td a.btn {
    min-height: 26px !important;
    height: 26px !important;
    padding: 0 7px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

.garden-drivers-workspace .garden-delivery-lines-card .symbol,
.garden-drivers-workspace .garden-delivery-lines-card .symbol-label {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    font-size: 13px !important;
}

.garden-vehicles-workspace .garden-vehicles-card .card-header h3 {
    color: var(--gdl-ink);
    font-size: 13px !important;
}

.garden-vehicles-workspace .garden-vehicles-card td form {
    margin: 0 2px;
}

.garden-vehicles-workspace .garden-vehicles-card td .btn {
    margin: 1px;
}

.garden-vehicles-table-wrap {
    overflow-x: auto;
}

.garden-vehicle-row-actions {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    white-space: nowrap;
}

.garden-vehicle-row-actions form {
    display: inline-flex !important;
}

.garden-delivery-lines-modal .modal-content {
    overflow: hidden;
    border: 1px solid var(--gdl-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 45px rgba(31, 43, 35, .13) !important;
}

.garden-delivery-lines-modal .modal-dialog {
    width: min(1040px, calc(100vw - 32px));
    margin-inline: auto;
}

.garden-delivery-lines-modal:not(.garden-delivery-lines-eta-modal) .modal-dialog {
    max-width: 760px;
}

.garden-delivery-lines-modal .modal-header {
    min-height: 46px;
    padding: 9px 12px !important;
    border-bottom: 1px solid var(--gdl-border) !important;
}

.garden-delivery-lines-modal .modal-title {
    color: var(--gdl-ink);
    font-size: 15px !important;
    font-weight: 720;
}

.garden-delivery-lines-modal .modal-body {
    padding: 12px !important;
}

.garden-delivery-lines-modal .modal-body > .row {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
}

.garden-delivery-lines-modal .card {
    border: 1px solid var(--gdl-border) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

.garden-delivery-lines-modal .card-header {
    min-height: 38px !important;
    padding: 6px 9px !important;
    border-bottom: 1px solid var(--gdl-border) !important;
}

.garden-delivery-lines-modal .card-body {
    padding: 9px !important;
}

.garden-delivery-lines-eta-modal #etaPointsList {
    max-height: min(560px, 55vh);
    overflow-y: auto;
}

.garden-delivery-lines-modal .form-control,
.garden-delivery-lines-modal .form-select {
    min-height: 32px !important;
    height: 32px !important;
    padding-block: 3px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-delivery-lines-modal .btn {
    min-height: 29px !important;
    height: 29px !important;
    padding: 0 10px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

@media (max-width: 700px) {
    .garden-delivery-lines-header,
    .garden-delivery-lines-content {
        margin-inline: 8px;
        padding-inline: 0 !important;
    }

    .garden-delivery-lines-card th:nth-child(3),
    .garden-delivery-lines-card td:nth-child(3),
    .garden-delivery-lines-card th:nth-child(4),
    .garden-delivery-lines-card td:nth-child(4) {
        display: none;
    }

    .garden-delivery-lines-card th,
    .garden-delivery-lines-card td {
        min-width: 0 !important;
    }

    .garden-delivery-lines-card th:nth-child(1) { width: 34px !important; }
    .garden-delivery-lines-card th:nth-child(2) { width: 22% !important; }
    .garden-delivery-lines-card th:nth-child(5) { width: auto !important; }
    .garden-delivery-lines-card th:nth-child(6) { width: 58px !important; }
    .garden-delivery-lines-card th:nth-child(7) { width: 70px !important; }

    .garden-drivers-workspace .garden-delivery-lines-card th:nth-child(3),
    .garden-drivers-workspace .garden-delivery-lines-card td:nth-child(3) {
        display: table-cell;
    }

    .garden-drivers-workspace .garden-delivery-lines-card th:nth-child(5),
    .garden-drivers-workspace .garden-delivery-lines-card td:nth-child(5) {
        display: none;
    }

    .garden-drivers-workspace .garden-delivery-lines-card th:nth-child(1) { width: 34px !important; }
    .garden-drivers-workspace .garden-delivery-lines-card th:nth-child(2) { width: auto !important; }
    .garden-drivers-workspace .garden-delivery-lines-card th:nth-child(3) { width: 120px !important; }
    .garden-drivers-workspace .garden-delivery-lines-card th:nth-child(6) { width: 70px !important; }

    .garden-vehicles-workspace .garden-delivery-lines-card th:nth-child(3),
    .garden-vehicles-workspace .garden-delivery-lines-card td:nth-child(3) {
        display: table-cell;
    }

    .garden-vehicles-workspace .garden-delivery-lines-card th:nth-child(5),
    .garden-vehicles-workspace .garden-delivery-lines-card td:nth-child(5),
    .garden-vehicles-workspace .garden-delivery-lines-card th:nth-child(6),
    .garden-vehicles-workspace .garden-delivery-lines-card td:nth-child(6) {
        display: none;
    }

    .garden-vehicles-workspace .garden-delivery-lines-card th:nth-child(1) { width: 88px !important; }
    .garden-vehicles-workspace .garden-delivery-lines-card th:nth-child(2) { width: 70px !important; }
    .garden-vehicles-workspace .garden-delivery-lines-card th:nth-child(3) { width: auto !important; }
    .garden-vehicles-workspace .garden-delivery-lines-card th:nth-child(7) { width: 58px !important; }
    .garden-vehicles-workspace .garden-delivery-lines-card th:nth-child(8) { width: 104px !important; }

    .garden-delivery-lines-modal .modal-dialog {
        width: calc(100vw - 16px);
        margin: 8px auto;
    }

    .garden-delivery-lines-alert {
        margin-inline: 8px !important;
    }

    .garden-delivery-lines-eta-modal #etaPointsList {
        max-height: 42vh;
    }
}

/* Live delivery map — map-first operational view */
.garden-live-map-workspace {
    --glm-border: #dfe5e1;
    --glm-ink: #27302b;
    --glm-muted: #78817a;
}

.garden-live-map-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin: 0 16px 9px;
    padding: 8px 0 10px;
    border-bottom: 1px solid var(--glm-border);
}

.garden-live-map-header h1 {
    display: flex;
    align-items: center;
    margin: 3px 0 2px;
    color: var(--glm-ink);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 760;
}

.garden-live-map-header p {
    margin: 0;
    color: var(--glm-muted);
    font-size: 13px;
}

.garden-live-map-header .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.garden-live-map-card {
    overflow: hidden;
    margin: 0 16px 14px;
    border: 1px solid var(--glm-border) !important;
    border-radius: 11px !important;
    box-shadow: none !important;
}

.garden-live-map-workspace .live-map-container {
    height: calc(100vh - 190px) !important;
    min-height: 430px !important;
    border-radius: 0 !important;
}

.garden-live-map-workspace .driver-panel {
    top: 10px;
    right: 10px;
    width: 270px;
    max-height: calc(100% - 20px);
}

.garden-live-map-workspace .driver-card {
    margin-bottom: 6px;
    padding: 8px 9px;
    border: 1px solid var(--glm-border);
    border-right: 3px solid #66816f;
    border-radius: 8px;
    box-shadow: 0 5px 18px rgba(39, 48, 43, .10);
}

.garden-live-map-workspace .driver-card:hover {
    box-shadow: 0 7px 22px rgba(39, 48, 43, .14);
}

.garden-live-map-workspace .driver-card:focus-visible {
    outline: 2px solid #8fa498;
    outline-offset: 2px;
}

.garden-live-map-workspace .driver-name {
    font-size: 13px;
}

.garden-live-map-workspace .no-drivers {
    padding: 13px 12px;
    border: 1px solid var(--glm-border);
    border-radius: 8px;
    background: rgba(255, 255, 255, .95);
    color: var(--glm-muted);
    box-shadow: 0 5px 18px rgba(39, 48, 43, .09);
    font-size: 13px;
}

.garden-live-map-workspace .no-drivers i {
    margin-bottom: 4px !important;
    font-size: 17px !important;
}

.garden-live-map-workspace .no-drivers p {
    margin: 0;
}

.garden-live-map-workspace .no-drivers.is-error {
    border-color: #d8b8aa;
    background: rgba(255, 250, 247, .96);
    color: #8a5542;
}

.garden-live-map-workspace #liveMap.is-unavailable {
    background:
        linear-gradient(135deg, rgba(232, 237, 233, .55) 25%, transparent 25%) 0 0 / 18px 18px,
        #f3f5f3;
}

@media (max-width: 768px) {
    .garden-live-map-header,
    .garden-live-map-card {
        margin-inline: 8px;
    }

    .garden-live-map-workspace .driver-panel {
        position: absolute;
        top: 8px;
        right: 8px;
        width: min(250px, calc(100% - 16px));
        max-height: 150px;
        margin: 0;
    }

    .garden-live-map-workspace .live-map-container {
        height: calc(100vh - 205px) !important;
        min-height: 400px !important;
    }
}

/* Driver create/edit — compact personnel form */
.garden-driver-form-workspace {
    --gdf-border: #dfe5e1;
    --gdf-soft: #f6f8f6;
    --gdf-ink: #27302b;
    --gdf-muted: #78817a;
}

.garden-driver-form-header {
    margin: 0 16px 9px;
    padding: 8px 0 10px;
    border-bottom: 1px solid var(--gdf-border);
}

.garden-driver-form-header h1 {
    margin: 3px 0 2px;
    color: var(--gdf-ink);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 760;
}

.garden-driver-form-header p {
    margin: 0;
    color: var(--gdf-muted);
    font-size: 13px;
}

.garden-driver-form-content {
    padding: 0 16px 14px !important;
}

.garden-driver-form-alert {
    min-height: 42px;
    align-items: center;
    gap: 8px;
    margin: 0 16px 8px !important;
    padding: 7px 10px !important;
    border: 1px solid currentColor;
    border-radius: 8px;
    font-size: 13px;
}

.garden-driver-form-alert > i {
    margin: 0 !important;
    font-size: 18px !important;
}

.garden-driver-form-alert .btn-icon {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    margin-inline-start: auto !important;
}

.garden-driver-signature-pad {
    position: relative;
    overflow: hidden;
    border: 1px dashed #aeb9b2;
    border-radius: 7px;
    background: #fff;
}

.garden-driver-form .card {
    border: 1px solid var(--gdf-border) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.garden-driver-form .card-header {
    min-height: 40px !important;
    padding: 7px 10px !important;
    border-bottom: 1px solid var(--gdf-border) !important;
}

.garden-driver-form .card-header h3,
.garden-driver-form .card-title {
    color: var(--gdf-ink);
    font-size: 13px !important;
    line-height: 1.2;
}

.garden-driver-details-card {
    margin-bottom: 9px !important;
}

.garden-driver-details-card > .card-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 12px;
    padding: 9px 10px !important;
}

.garden-driver-details-card > .card-body > .row {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    gap: 7px;
    align-items: center;
    margin: 0 !important;
}

.garden-driver-details-card > .card-body > .row:last-child,
.garden-driver-details-card > .card-body > .separator,
.garden-driver-details-card > .card-body > h4 {
    grid-column: 1 / -1;
}

.garden-driver-details-card > .card-body > .separator {
    margin: 2px 0 !important;
}

.garden-driver-details-card > .card-body > h4 {
    margin: 2px 0 0 !important;
    color: var(--gdf-ink) !important;
    font-size: 13px !important;
}

.garden-driver-details-card > .card-body > .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.garden-driver-form .col-form-label,
.garden-driver-form .form-label {
    margin: 0 !important;
    padding: 0 !important;
    color: #59645d;
    font-size: 13px !important;
    line-height: 1.3;
}

.garden-driver-form .form-control,
.garden-driver-form .form-select {
    width: 100% !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 3px 8px !important;
    border: 1px solid var(--gdf-border) !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: var(--gdf-ink) !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

.garden-driver-form textarea.form-control {
    min-height: 58px !important;
    height: 58px !important;
    resize: vertical;
}

.garden-driver-form .form-text,
.garden-driver-form .text-muted {
    margin-top: 2px !important;
    font-size: 13px !important;
    line-height: 1.35;
}

.garden-driver-form .form-check {
    min-height: 20px;
    margin: 0;
}

.garden-driver-form .form-switch .form-check-input {
    width: 31px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
}

.garden-driver-form .form-check-label {
    margin-inline-start: 7px;
    color: var(--gdf-muted) !important;
    font-size: 13px !important;
    line-height: 1.3;
}

.garden-driver-docs-card {
    margin: 0 0 9px !important;
}

.garden-driver-traccar-card {
    margin-bottom: 9px !important;
}

.garden-driver-traccar-card > .card-body {
    padding: 8px 10px !important;
}

.garden-driver-traccar-card p {
    margin-bottom: 5px !important;
    font-size: 13px !important;
}

.garden-driver-traccar-card .bg-light {
    padding: 7px 8px !important;
    border: 1px solid var(--gdf-border);
    border-radius: 7px !important;
}

.garden-driver-traccar-card .bg-light > div {
    gap: 7px !important;
    margin-bottom: 4px !important;
    font-size: 13px;
}

.garden-driver-traccar-card code {
    font-size: 13px !important;
    overflow-wrap: anywhere;
}

.garden-driver-traccar-card .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 27px !important;
    height: 27px !important;
    padding: 0 8px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

.garden-driver-docs-card > .card-body {
    padding: 9px 10px !important;
}

.garden-driver-docs-card > .card-body > .row {
    --bs-gutter-x: 12px;
    --bs-gutter-y: 8px;
}

.garden-driver-docs-card canvas {
    height: 112px !important;
}

.garden-driver-docs-card img {
    max-height: 112px !important;
}

.garden-driver-docs-card canvas + * {
    margin-top: 4px !important;
}

.garden-driver-docs-card .btn,
.garden-driver-actions .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 10px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.garden-driver-actions {
    position: sticky;
    bottom: 8px;
    z-index: 12;
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(8px);
}

.garden-driver-actions .card-body {
    min-height: 42px;
    padding: 6px 8px !important;
}

@media (max-width: 820px) {
    .garden-driver-details-card > .card-body {
        grid-template-columns: 1fr;
    }

    .garden-driver-details-card > .card-body > .row:last-child,
    .garden-driver-details-card > .card-body > .separator,
    .garden-driver-details-card > .card-body > h4 {
        grid-column: auto;
    }
}

@media (max-width: 560px) {
    .garden-driver-form-header,
    .garden-driver-form-content {
        margin-inline: 8px;
        padding-inline: 0 !important;
    }

    .garden-driver-form-alert {
        margin-inline: 8px !important;
    }

    .garden-driver-details-card > .card-body > .row {
        grid-template-columns: 92px minmax(0, 1fr);
    }

    .garden-driver-docs-card > .card-body > .row {
        display: grid;
        grid-template-columns: 1fr;
    }

    .garden-driver-docs-card > .card-body > .row > * {
        width: 100%;
    }
}

/* Delivery line creation — selection ledger + compact summary */
.garden-delivery-create-workspace {
    --gdc-border: #dfe5e1;
    --gdc-soft: #f6f8f6;
    --gdc-ink: #27302b;
    --gdc-muted: #78817a;
}

.garden-delivery-create-header {
    margin: 0 16px 10px;
    padding: 8px 0 11px;
    border-bottom: 1px solid var(--gdc-border);
}

.garden-delivery-create-header h1 {
    margin: 3px 0 2px;
    color: var(--gdc-ink);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 760;
}

.garden-delivery-create-header p {
    margin: 0;
    color: var(--gdc-muted);
    font-size: 13px;
}

.garden-delivery-create-content {
    padding: 0 16px 15px !important;
}

.garden-delivery-create-alert {
    min-height: 42px;
    align-items: center;
    gap: 8px;
    margin: 0 16px 8px !important;
    padding: 7px 10px !important;
    border: 1px solid currentColor;
    border-radius: 8px;
    font-size: 13px;
}

.garden-delivery-create-alert > i {
    margin: 0 !important;
    font-size: 18px !important;
}

.garden-delivery-create-alert .btn-close {
    margin-inline-start: auto;
}

.garden-delivery-create-form > .row {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
}

.garden-delivery-create-workspace .card {
    border: 1px solid var(--gdc-border) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.garden-delivery-create-workspace .card-header {
    min-height: 48px !important;
    padding: 8px 10px !important;
    border-bottom: 1px solid var(--gdc-border) !important;
}

.garden-delivery-create-workspace .card-header h3 {
    color: var(--gdc-ink);
    font-size: 13px !important;
    line-height: 1.2;
}

.garden-delivery-create-workspace .card-header .text-muted {
    font-size: 13px !important;
}

.garden-delivery-create-orders > .card-body {
    padding: 7px 10px 5px !important;
}

.garden-delivery-create-workspace .filter-bar {
    gap: 6px !important;
}

.garden-delivery-create-workspace .filter-bar .form-select,
.garden-delivery-create-workspace .filter-bar .form-control {
    width: 100% !important;
    min-width: 0 !important;
    height: 30px !important;
    min-height: 30px !important;
    padding-block: 3px !important;
    border: 1px solid var(--gdc-border) !important;
    border-radius: 7px !important;
    background: #fff !important;
    font-size: 13px !important;
}

.garden-delivery-create-workspace .filter-bar > * {
    width: 150px;
    min-width: 0;
}

.garden-delivery-create-orders .card-body > .border-bottom {
    min-height: 29px;
    margin-bottom: 2px !important;
    padding-bottom: 4px !important;
}

.garden-delivery-create-workspace .order-checkbox,
.garden-delivery-create-workspace #selectAll {
    width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    border-width: 1.5px !important;
    border-radius: 4px !important;
}

.garden-delivery-create-workspace #ordersTable {
    width: 100%;
    margin: 0;
    table-layout: fixed;
}

.garden-delivery-create-workspace #ordersTable thead tr {
    height: 30px;
}

.garden-delivery-create-workspace #ordersTable thead th {
    padding: 4px 5px !important;
    background: var(--gdc-soft) !important;
    border-bottom: 1px solid var(--gdc-border) !important;
    color: #747e77 !important;
    font-size: 13px !important;
    line-height: 1.15;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.garden-delivery-create-workspace #ordersTable td {
    height: 42px;
    padding: 4px 5px !important;
    border-bottom: 1px solid #e8ece9 !important;
    color: var(--gdc-ink);
    font-size: 13px !important;
    line-height: 1.2;
}

.garden-delivery-create-workspace #ordersTable td:first-child,
.garden-delivery-create-workspace #ordersTable th:first-child {
    width: 34px !important;
    padding-inline: 5px !important;
}

.garden-delivery-create-workspace #ordersTable th:nth-child(2) {
    width: 74px !important;
}

.garden-delivery-create-workspace #ordersTable th:last-child {
    width: 84px !important;
}

.garden-delivery-create-workspace .city-chip {
    padding: 1px 6px;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.4;
}

.garden-delivery-create-workspace .fee-pill {
    min-width: 52px;
    padding: 2px 6px;
    border-radius: 7px;
    font-size: 13px;
}

.garden-delivery-create-workspace .summary-card {
    top: 72px;
    border-inline-start: 2px solid #aab8af !important;
}

.garden-delivery-create-workspace .summary-card > .card-header {
    min-height: 40px !important;
}

.garden-delivery-create-workspace .summary-card > .card-body {
    padding: 7px 10px 9px !important;
}

.garden-delivery-create-workspace .summary-stat {
    padding: 6px 0;
}

.garden-delivery-create-workspace .summary-stat .label {
    font-size: 13px;
}

.garden-delivery-create-workspace .summary-stat .value,
.garden-delivery-create-workspace .summary-stat.muted .value {
    margin-top: 1px;
    font-size: 15px;
    line-height: 1.25;
}

.garden-delivery-create-workspace .summary-card .separator {
    margin-block: 7px !important;
}

.garden-delivery-create-workspace .summary-card .form-label {
    margin-bottom: 3px !important;
    font-size: 13px !important;
}

.garden-delivery-create-workspace .summary-card .form-select,
.garden-delivery-create-workspace .summary-card .form-control,
.garden-delivery-create-workspace .summary-card .input-group-text {
    min-height: 31px !important;
    height: 31px !important;
    padding-block: 3px !important;
    border-color: var(--gdc-border) !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-delivery-create-workspace .summary-card .btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 10px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.garden-delivery-create-workspace .summary-card .mt-4 {
    margin-top: 8px !important;
}

.garden-delivery-create-workspace .summary-card .mt-2 {
    margin-top: 5px !important;
}

@media (max-width: 1199px) {
    .garden-delivery-create-workspace .summary-card {
        position: static;
    }
}

@media (max-width: 700px) {
    .garden-delivery-create-header,
    .garden-delivery-create-content {
        margin-inline: 8px;
        padding-inline: 0 !important;
    }

    .garden-delivery-create-alert {
        margin-inline: 8px !important;
    }

    .garden-delivery-create-workspace .card-header {
        align-items: flex-start !important;
        flex-direction: column;
        gap: 6px;
    }

    .garden-delivery-create-workspace .filter-bar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .garden-delivery-create-workspace .filter-bar > * {
        width: 100%;
    }

    .garden-delivery-create-workspace #ordersTable th:nth-child(4),
    .garden-delivery-create-workspace #ordersTable td:nth-child(4) {
        display: none;
    }

    .garden-delivery-create-workspace #ordersTable th:nth-child(3) { width: 25% !important; }
    .garden-delivery-create-workspace #ordersTable th:nth-child(5) { width: auto !important; }
}

/* Vehicle profile — compact fleet maintenance record */
.garden-vehicle-show-workspace {
    --gvs-border: #dfe5e1;
    --gvs-soft: #f6f8f6;
    --gvs-ink: #27302b;
    --gvs-muted: #78817a;
}

.garden-vehicle-show-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin: 0 16px 9px;
    padding: 8px 0 10px;
    border-bottom: 1px solid var(--gvs-border);
}

.garden-vehicle-show-header h1 {
    margin: 3px 0 2px;
    color: var(--gvs-ink);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 760;
}

.garden-vehicle-show-header p {
    margin: 0;
    color: var(--gvs-muted);
    font-size: 13px;
}

.garden-vehicle-show-alert {
    min-height: 38px;
    margin: 0 16px 8px !important;
    padding: 7px 10px !important;
    border-width: 1px;
    border-radius: 8px;
    font-size: 13px;
}

.garden-vehicle-show-header .btn,
.garden-vehicle-show-workspace .btn-sm {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.garden-vehicle-show-content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr);
    gap: 8px !important;
    margin: 0 16px;
}

.garden-vehicle-show-content > .card {
    margin: 0 !important;
    border: 1px solid var(--gvs-border) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    overflow: hidden;
}

.garden-vehicle-summary-card {
    grid-column: 1 / -1;
}

.garden-vehicle-service-history-card {
    grid-column: 1 / -1;
}

.garden-vehicle-show-content .card-header {
    min-height: 38px !important;
    padding: 6px 10px !important;
    border-bottom: 1px solid var(--gvs-border) !important;
}

.garden-vehicle-show-content .card-title h2,
.garden-vehicle-show-content .card-title h3 {
    margin: 0 !important;
    color: var(--gvs-ink);
    font-size: 13px !important;
    line-height: 1.25;
}

.garden-vehicle-summary-card .card-title {
    display: none;
}

.garden-vehicle-summary-card .card-header:has(.card-title:only-child) {
    display: none;
}

.garden-vehicle-show-content .card-body {
    padding: 8px 10px !important;
}

.garden-vehicle-summary-card .card-body > .row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
    gap: 5px 12px !important;
}

.garden-vehicle-show-content .card-title i {
    color: #778079 !important;
}

.garden-vehicle-cost {
    color: #7a4f42 !important;
}

.garden-vehicle-summary-card .card-body > .row > * {
    width: auto;
    padding: 0;
}

.garden-vehicle-summary-card .text-muted.fs-8 {
    color: var(--gvs-muted) !important;
    font-size: 13px !important;
}

.garden-vehicle-summary-card .fw-semibold,
.garden-vehicle-summary-card .fw-bold {
    font-size: 13px !important;
    line-height: 1.35;
}

.garden-vehicle-summary-card .mt-3 {
    margin-top: 6px !important;
    padding-top: 6px;
    border-top: 1px solid var(--gvs-border);
    font-size: 13px !important;
}

.garden-vehicle-service-form-card .card-body {
    padding-top: 7px !important;
}

.garden-vehicle-service-form .row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px 8px !important;
}

.garden-vehicle-service-form .row > * {
    width: auto;
    padding: 0;
}

.garden-vehicle-service-form .col-md-7 {
    grid-column: span 2;
}

.garden-vehicle-service-form .col-12 {
    grid-column: 1 / -1;
}

.garden-vehicle-service-form .form-label {
    margin-bottom: 2px !important;
    color: var(--gvs-muted) !important;
    font-size: 13px !important;
}

.garden-vehicle-service-form .form-control,
.garden-vehicle-service-form .form-select {
    min-height: 30px !important;
    height: 30px !important;
    padding: 3px 7px !important;
    border: 1px solid var(--gvs-border) !important;
    border-radius: 7px !important;
    background: #fff !important;
    font-size: 13px !important;
}

.garden-vehicle-service-history-card .table-responsive {
    border: 1px solid var(--gvs-border);
    border-radius: 7px;
}

.garden-vehicle-service-history-card table {
    margin: 0 !important;
}

.garden-vehicle-service-history-card th,
.garden-vehicle-service-history-card td {
    height: 34px;
    padding: 4px 5px !important;
    border-color: var(--gvs-border) !important;
    font-size: 13px !important;
    vertical-align: middle;
    white-space: nowrap;
}

.garden-vehicle-service-history-card thead th {
    background: var(--gvs-soft);
    color: #657067 !important;
    font-weight: 700 !important;
}

.garden-vehicle-service-history-card .badge {
    padding: 3px 5px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

@media (max-width: 900px) {
    .garden-vehicle-show-content {
        grid-template-columns: 1fr;
    }

    .garden-vehicle-summary-card .card-body > .row {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .garden-vehicle-show-header,
    .garden-vehicle-show-content {
        margin-inline: 8px;
    }

    .garden-vehicle-show-header {
        align-items: center;
    }

    .garden-vehicle-show-header p {
        display: none;
    }

    .garden-vehicle-summary-card .card-body > .row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .garden-vehicle-service-form .row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-vehicle-service-history-card th:nth-child(3),
    .garden-vehicle-service-history-card td:nth-child(3),
    .garden-vehicle-service-history-card th:nth-child(6),
    .garden-vehicle-service-history-card td:nth-child(6),
    .garden-vehicle-service-history-card th:nth-child(8),
    .garden-vehicle-service-history-card td:nth-child(8),
    .garden-vehicle-service-history-card th:nth-child(9),
    .garden-vehicle-service-history-card td:nth-child(9) {
        display: none;
    }
}

/* Delivery line inner screens — execution, editing and route planning */
.garden-delivery-line-show-workspace,
.garden-delivery-line-edit-workspace,
.garden-route-plan-workspace {
    --gdl-border: #dfe5e1;
    --gdl-soft: #f6f8f6;
    --gdl-ink: #27302b;
    --gdl-muted: #78817a;
}

.garden-delivery-line-show-header,
.garden-delivery-line-edit-header,
.garden-route-plan-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin: 0 16px 9px;
    padding: 8px 0 10px;
    border-bottom: 1px solid var(--gdl-border);
}

.garden-delivery-line-show-header h1,
.garden-delivery-line-edit-header h1,
.garden-route-plan-header h1 {
    margin: 3px 0 2px;
    color: var(--gdl-ink);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 760;
}

.garden-delivery-line-show-header p,
.garden-delivery-line-edit-header p,
.garden-route-plan-header p {
    margin: 0;
    color: var(--gdl-muted);
    font-size: 13px;
}

.garden-delivery-line-show-actions,
.garden-delivery-line-edit-header__actions,
.garden-route-plan-actions {
    display: flex;
    align-items: center;
    gap: 5px;
}

.garden-delivery-line-show-actions .btn,
.garden-delivery-line-edit-header__actions .btn,
.garden-route-plan-actions .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.garden-line-alert {
    margin: 0 16px 8px !important;
    min-height: 34px;
    padding: 7px 10px !important;
    border-radius: 8px !important;
    font-size: 13px;
}

.garden-delivery-line-edit-workspace .garden-line-alert {
    display: flex;
    align-items: center;
    gap: 8px;
}

.garden-delivery-line-edit-workspace .garden-line-alert > i {
    margin: 0 !important;
    font-size: 18px !important;
}

.garden-delivery-line-edit-workspace .garden-line-alert .btn-icon {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    margin-inline-start: auto !important;
}

.garden-delivery-line-show-content {
    display: grid;
    grid-template-columns: minmax(280px, .38fr) minmax(0, 1fr);
    gap: 8px;
    margin: 0 16px 14px;
}

.garden-delivery-line-metrics {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    border: 1px solid var(--gdl-border);
    border-radius: 9px;
    background: #fff;
    overflow: hidden;
}

.garden-delivery-line-metrics > div {
    min-width: 0;
    min-height: 51px;
    padding: 7px 9px;
    border-inline-start: 1px solid var(--gdl-border);
}

.garden-delivery-line-metrics > div:first-child {
    border-inline-start: 0;
}

.garden-delivery-line-metrics span,
.garden-delivery-line-route-card span {
    display: block;
    margin-bottom: 1px;
    color: var(--gdl-muted);
    font-size: 13px;
}

.garden-delivery-line-metrics strong,
.garden-delivery-line-route-card strong {
    display: block;
    overflow: hidden;
    color: var(--gdl-ink);
    font-size: 13px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-delivery-line-show-content .card,
.garden-delivery-line-edit-content .card,
.garden-route-plan-content .card {
    border: 1px solid var(--gdl-border) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    overflow: hidden;
}

.garden-delivery-line-route-card .card-header,
.garden-delivery-line-orders-card .card-header,
.garden-delivery-line-edit-content .card-header,
.garden-route-plan-content .card-header {
    min-height: 38px !important;
    padding: 6px 10px !important;
    border-bottom: 1px solid var(--gdl-border) !important;
}

.garden-delivery-line-route-card .card-header h2,
.garden-delivery-line-orders-card .card-header h2,
.garden-delivery-line-edit-content .card-title h3,
.garden-route-plan-content .card-title h3 {
    margin: 0 !important;
    color: var(--gdl-ink);
    font-size: 13px !important;
    line-height: 1.25;
}

.garden-delivery-line-route-card .card-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 10px;
    padding: 8px 10px !important;
}

.garden-delivery-line-route-card__route {
    grid-column: 1 / -1;
    padding-top: 6px;
    border-top: 1px solid var(--gdl-border);
}

.garden-delivery-line-orders-card .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.garden-delivery-line-orders-card .card-header > span {
    color: var(--gdl-muted);
    font-size: 13px;
}

.garden-delivery-line-orders-card th,
.garden-delivery-line-orders-card td,
.garden-line-edit-orders-card th,
.garden-line-edit-orders-card td {
    height: 36px;
    padding: 4px 6px !important;
    border-color: var(--gdl-border) !important;
    font-size: 13px !important;
    line-height: 1.25;
    vertical-align: middle;
    white-space: nowrap;
}

.garden-delivery-line-orders-card thead th,
.garden-line-edit-orders-card thead th {
    background: var(--gdl-soft);
    color: #657067 !important;
    font-weight: 700 !important;
}

.garden-route-position {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border: 1px solid #cbd4ce;
    border-radius: 6px;
    color: #4c5a51;
    background: var(--gdl-soft);
    font-weight: 750;
}

.garden-line-empty {
    height: 56px !important;
    color: var(--gdl-muted) !important;
    text-align: center;
}

.garden-delivery-line-edit-content,
.garden-route-plan-content {
    padding: 0 16px 14px !important;
}

.garden-delivery-line-edit-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .38fr);
    gap: 8px;
}

.garden-delivery-line-edit-form > .card {
    margin: 0 !important;
}

.garden-line-edit-details-card {
    grid-column: 1 / -1;
}

.garden-line-edit-orders-card {
    grid-row: span 2;
}

.garden-line-edit-actions-card {
    grid-column: 1 / -1;
}

.garden-line-edit-details-card .card-body {
    padding: 8px 10px !important;
}

.garden-line-edit-details-card .card-body > .row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px 10px !important;
}

.garden-line-edit-details-card .card-body > .row > * {
    width: auto;
    padding: 0;
}

.garden-line-edit-details-card .col-md-12 {
    grid-column: 1 / -1;
}

.garden-line-edit-details-card .form-label,
.garden-line-edit-portal-card .form-label {
    margin-bottom: 2px !important;
    color: var(--gdl-muted) !important;
    font-size: 13px !important;
}

.garden-line-edit-details-card .form-control,
.garden-line-edit-details-card .form-select,
.garden-line-edit-portal-card .form-control {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid var(--gdl-border) !important;
    border-radius: 7px !important;
    background: #fff !important;
    font-size: 13px !important;
}

.garden-line-edit-details-card textarea.form-control {
    height: 48px !important;
    resize: vertical;
}

.garden-line-edit-orders-card .card-toolbar,
.garden-line-edit-orders-card .card-toolbar > div {
    width: min(220px, 100%);
}

.garden-line-edit-orders-card #orderSearch {
    width: 100% !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 3px 28px 3px 8px !important;
    border: 1px solid var(--gdl-border) !important;
    border-radius: 7px !important;
    background: #fff !important;
    font-size: 13px !important;
}

.garden-line-edit-orders-card .card-body {
    padding: 0 !important;
}

.garden-line-edit-orders-card .form-check-input {
    width: 15px !important;
    height: 15px !important;
}

.garden-line-edit-orders-card .badge {
    padding: 3px 5px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

.garden-line-edit-portal-card .card-body {
    padding: 8px 10px !important;
}

.garden-line-edit-portal-card .card-title i {
    color: #778079 !important;
}

.garden-order-modal .modal-dialog {
    width: min(900px, calc(100vw - 32px));
    margin-inline: auto;
}

.garden-order-modal .modal-content {
    overflow: hidden;
    border: 1px solid var(--gdl-border);
    border-radius: 10px;
    box-shadow: 0 18px 45px rgba(31, 43, 35, .13);
}

.garden-order-modal .modal-header {
    min-height: 42px;
    padding: 7px 10px;
    border-bottom: 1px solid var(--gdl-border);
}

.garden-order-modal .modal-title {
    color: var(--gdl-ink);
    font-size: 13px;
}

.garden-order-modal .modal-body {
    max-height: min(76vh, 720px);
    padding: 10px;
    overflow-y: auto;
}

.garden-line-edit-portal-card .input-group {
    margin-bottom: 6px !important;
}

.garden-line-edit-portal-card .btn,
.garden-line-edit-actions-card .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.garden-line-edit-portal-card .text-muted {
    font-size: 13px !important;
}

.garden-line-edit-actions-card .card-body {
    min-height: 42px !important;
    padding: 6px 8px !important;
}

.garden-route-plan-grid {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 8px;
}

.garden-route-plan-grid > * {
    min-width: 0;
}

.garden-route-map-card,
.garden-route-stops-card {
    min-height: 0;
}

.garden-route-map-card .card-toolbar {
    display: flex;
    gap: 4px;
}

.garden-route-map-card .badge,
.garden-route-stops-card .badge {
    margin: 0 !important;
    padding: 3px 5px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

.garden-route-map {
    width: 100%;
    height: min(66vh, 590px);
    min-height: 390px;
}

.garden-route-plan-alert {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    margin-bottom: 8px !important;
    padding: 7px 10px !important;
    border: 1px solid #ddd5bf;
    border-radius: 8px;
    color: #645b47;
    font-size: 13px;
}

.garden-route-plan-alert > i {
    font-size: 18px;
}

.garden-route-plan-alert strong,
.garden-route-plan-alert span {
    display: block;
}

.garden-route-map.is-unavailable {
    display: grid;
    place-items: center;
    background: #f4f6f4;
}

.garden-route-map__message {
    display: grid;
    justify-items: center;
    gap: 7px;
    color: var(--gdl-muted);
    font-size: 13px;
    text-align: center;
}

.garden-route-map__message i {
    font-size: 24px;
    color: #9ca69f;
}

.garden-route-stops-card__body {
    max-height: min(66vh, 590px);
    padding: 8px 10px !important;
    overflow-y: auto;
}

.garden-route-stops-card .timeline-item {
    min-height: 0;
}

.garden-route-stops-card .timeline-line {
    inset-inline-start: 13px !important;
}

.garden-route-stops-card .timeline-icon {
    width: 27px !important;
    height: 27px !important;
}

.garden-route-stops-card .timeline-content {
    margin: 0 8px 8px 0 !important;
}

.garden-route-stops-card .timeline-content > div {
    margin: 0 !important;
    padding: 0 !important;
}

.garden-route-stops-card .timeline-content .fs-5 {
    margin-bottom: 2px !important;
    font-size: 13px !important;
}

.garden-route-stops-card .timeline-content .fs-6,
.garden-route-stops-card .timeline-content .fs-7 {
    margin-top: 1px !important;
    font-size: 13px !important;
}

.garden-route-plan-workspace > .alert,
.garden-route-plan-content > .alert,
.garden-delivery-line-edit-workspace > .alert {
    margin-bottom: 8px !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
}

@media (max-width: 900px) {
    .garden-delivery-line-edit-form {
        grid-template-columns: 1fr;
    }

    .garden-line-edit-orders-card,
    .garden-line-edit-actions-card {
        grid-column: 1;
    }

    .garden-delivery-line-show-content {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .garden-delivery-line-show-header,
    .garden-delivery-line-edit-header,
    .garden-route-plan-header {
        align-items: center;
        margin-inline: 8px;
    }

    .garden-delivery-line-show-header p,
    .garden-delivery-line-edit-header p,
    .garden-route-plan-header p {
        display: none;
    }

    .garden-delivery-line-show-actions,
    .garden-delivery-line-edit-header__actions,
    .garden-route-plan-actions {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .garden-delivery-line-show-content {
        margin-inline: 8px;
    }

    .garden-delivery-line-edit-content,
    .garden-route-plan-content {
        padding-inline: 8px !important;
    }

    .garden-delivery-line-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .garden-delivery-line-metrics > div:nth-child(4) {
        border-inline-start: 0;
        border-top: 1px solid var(--gdl-border);
    }

    .garden-delivery-line-metrics > div:nth-child(n+5) {
        border-top: 1px solid var(--gdl-border);
    }

    .garden-line-edit-details-card .card-body > .row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-line-edit-orders-card th:nth-child(4),
    .garden-line-edit-orders-card td:nth-child(4),
    .garden-line-edit-orders-card th:nth-child(5),
    .garden-line-edit-orders-card td:nth-child(5),
    .garden-delivery-line-orders-card th:nth-child(4),
    .garden-delivery-line-orders-card td:nth-child(4),
    .garden-delivery-line-orders-card th:nth-child(5),
    .garden-delivery-line-orders-card td:nth-child(5) {
        display: none;
    }

    .garden-route-map {
        height: 360px;
        min-height: 360px;
    }

    .garden-order-modal .modal-dialog {
        width: calc(100vw - 16px);
        margin: 8px auto;
    }

    .garden-route-stops-card__body {
        max-height: 430px;
    }
}

/* Documents register — compact order-to-cash ledger */
.garden-documents-workspace {
    --gdoc-border: #dfe5e1;
    --gdoc-soft: #f6f8f6;
    --gdoc-ink: #27302b;
    --gdoc-muted: #78817a;
}

.garden-documents-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin: 0 16px 9px;
    padding: 8px 0 10px;
    border-bottom: 1px solid var(--gdoc-border);
}

.garden-documents-header h1 {
    margin: 3px 0 2px;
    color: var(--gdoc-ink);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 760;
}

.garden-documents-header p {
    margin: 0;
    color: var(--gdoc-muted);
    font-size: 13px;
}

.garden-documents-header .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.garden-documents-content {
    width: auto !important;
    max-width: none !important;
    margin: 0 16px;
    padding: 0 0 14px !important;
}

.garden-documents-card {
    border: 1px solid var(--gdoc-border) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    overflow: hidden;
}

.garden-documents-card > .card-header {
    display: grid;
    grid-template-columns: minmax(180px, 230px) minmax(0, 1fr);
    align-items: end !important;
    gap: 8px 12px;
    min-height: 0 !important;
    padding: 9px 10px !important;
    border-bottom: 1px solid var(--gdoc-border) !important;
}

.garden-documents-card .card-title,
.garden-documents-card .card-title > div {
    width: 100%;
    margin: 0 !important;
}

.garden-documents-card #documentSearch {
    width: 100% !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 3px 28px 3px 8px !important;
    border: 1px solid var(--gdoc-border) !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: var(--gdoc-ink) !important;
    font-size: 13px !important;
}

.garden-documents-card .card-title i {
    inset-inline-start: 8px !important;
    margin: 0 !important;
    color: #98a19a;
    font-size: 13px !important;
}

.garden-documents-card .card-toolbar {
    width: 100%;
}

.garden-documents-filters {
    display: grid !important;
    grid-template-columns: 1.1fr .85fr 1fr .9fr .9fr auto;
    gap: 6px !important;
    width: 100%;
}

.garden-documents-filters > div {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 4px !important;
    min-width: 0;
}

.garden-documents-filters label {
    margin: 0;
    color: var(--gdoc-muted);
    font-size: 13px !important;
    white-space: nowrap;
}

.garden-documents-filters .form-select,
.garden-documents-filters .form-control {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 3px 7px !important;
    border: 1px solid var(--gdoc-border) !important;
    border-radius: 7px !important;
    background-color: #fff !important;
    font-size: 13px !important;
}

.garden-documents-reset {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center;
    gap: 4px;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap;
}

.garden-documents-card > .card-body {
    padding: 0 !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.garden-documents-card table {
    margin: 0 !important;
}

.garden-documents-card th,
.garden-documents-card td {
    height: 38px;
    padding: 4px 6px !important;
    border-color: var(--gdoc-border) !important;
    color: #566159 !important;
    font-size: 13px !important;
    line-height: 1.25;
    vertical-align: middle;
    white-space: nowrap;
}

.garden-documents-card thead th {
    background: var(--gdoc-soft);
    color: #657067 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.garden-documents-card tbody tr:hover td {
    background: #fafcfb;
}

.garden-documents-card .badge,
.garden-documents-card .relevance-badge {
    padding: 3px 5px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

.garden-documents-card .relevance-select {
    width: 110px !important;
    min-height: 28px !important;
    height: 28px !important;
    margin: auto;
    padding: 2px 6px !important;
    border: 1px solid var(--gdoc-border) !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    font-size: 13px !important;
}

.garden-documents-card [data-kt-menu-trigger="click"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 26px !important;
    height: 26px !important;
    padding: 0 7px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

.garden-documents-card tbody tr:only-child td[colspan] {
    height: 58px !important;
    color: var(--gdoc-muted) !important;
    font-size: 13px !important;
}

.garden-documents-workspace .modal-content {
    border: 1px solid var(--gdoc-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 30px rgba(39, 48, 43, .11) !important;
}

.garden-documents-workspace .modal-header,
.garden-documents-workspace .modal-footer {
    min-height: 42px !important;
    padding: 7px 10px !important;
    border-color: var(--gdoc-border) !important;
}

.garden-documents-workspace .modal-title {
    font-size: 13px !important;
}

.garden-documents-workspace .modal-body {
    padding: 10px !important;
}

.garden-documents-workspace .modal-body .form-label,
.garden-documents-workspace .modal-body .form-text {
    font-size: 13px !important;
}

.garden-documents-workspace .modal-body .form-control,
.garden-documents-workspace .modal-body .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-documents-workspace .modal-footer .btn {
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

@media (max-width: 1150px) {
    .garden-documents-card > .card-header {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .garden-documents-filters {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .garden-documents-filters > div {
        grid-template-columns: 1fr;
        gap: 2px !important;
    }

    .garden-documents-card th:nth-child(6),
    .garden-documents-card td:nth-child(6),
    .garden-documents-card th:nth-child(7),
    .garden-documents-card td:nth-child(7) {
        display: none;
    }
}

@media (max-width: 700px) {
    .garden-documents-header,
    .garden-documents-content {
        margin-inline: 8px;
    }

    .garden-documents-header p {
        display: none;
    }

    .garden-documents-card th:nth-child(3),
    .garden-documents-card td:nth-child(3) {
        display: none;
    }
}

/* Document creation — compact product-to-document workspace */
.garden-doc-create-workspace {
    --gdcx-border: #dfe5e1;
    --gdcx-soft: #f6f8f6;
    --gdcx-ink: #27302b;
    --gdcx-muted: #78817a;
}

.garden-doc-create-header {
    margin: 0 16px 9px;
    padding: 8px 0 10px;
    border-bottom: 1px solid var(--gdcx-border);
}

.garden-doc-create-header h1 {
    margin: 3px 0 2px;
    color: var(--gdcx-ink);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 760;
}

.garden-doc-create-header p {
    margin: 0;
    color: var(--gdcx-muted);
    font-size: 13px;
}

.garden-doc-create-content {
    width: auto !important;
    max-width: none !important;
    margin: 0 16px;
    padding: 0 0 14px !important;
}

.garden-doc-create-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(350px, .85fr);
    gap: 8px !important;
}

.garden-doc-create-catalog,
.garden-doc-payment-card,
.garden-doc-create-actions {
    grid-column: 1 / -1;
}

.garden-doc-create-catalog {
    gap: 8px !important;
}

.garden-doc-create-workspace .card {
    border: 1px solid var(--gdcx-border) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    overflow: hidden;
}

.garden-doc-category-card,
.garden-doc-products-card {
    height: 340px !important;
    max-height: 340px !important;
    padding: 0 !important;
}

.garden-doc-create-workspace .card-header {
    min-height: 38px !important;
    padding: 6px 10px !important;
    border-bottom: 1px solid var(--gdcx-border) !important;
}

.garden-doc-create-workspace .card-header h1 {
    margin: 0 !important;
    color: var(--gdcx-ink);
    font-size: 13px !important;
    line-height: 1.25;
}

.garden-doc-category-card .card-body {
    padding: 7px !important;
}

.garden-doc-category-card .category-slider,
.garden-doc-create-workspace #categorySliderMobile {
    display: grid;
    gap: 4px;
}

.garden-doc-category-card .category-slider button,
.garden-doc-create-workspace #categorySliderMobile button {
    min-height: 27px !important;
    height: 27px !important;
    padding: 0 7px !important;
    border: 1px solid var(--gdcx-border) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #59655c !important;
    font-size: 13px !important;
    text-align: start;
}

.garden-doc-create-products > .card > .card-header {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 6px !important;
}

.garden-doc-create-products > .card > .card-header > div,
.garden-doc-create-products > .card > .card-header > div > div:first-child {
    width: 100%;
}

.garden-doc-products-card #productSearch {
    min-height: 30px !important;
    height: 30px !important;
    padding: 3px 8px !important;
    border: 1px solid var(--gdcx-border) !important;
    border-radius: 7px !important;
    background: #fff !important;
    font-size: 13px !important;
}

.garden-doc-create-products .btn,
.garden-doc-create-workspace .d-block.d-md-none > .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.garden-doc-products-card > .card-body {
    height: auto !important;
    padding: 7px !important;
}

.garden-doc-products-card #loadingSpinner {
    height: 100px !important;
}

.garden-doc-products-card .product-grid-container {
    grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)) !important;
    gap: 6px !important;
    max-height: 248px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.garden-doc-products-card:not(:has(.product-card)) {
    height: 132px !important;
    max-height: 132px !important;
}

.garden-doc-products-card:not(:has(.product-card)) .card-body {
    display: grid;
    place-items: center;
}

.garden-doc-products-card #productGrid:not(:has(.product-card)) {
    display: grid !important;
    place-items: center;
    min-height: 48px;
}

.garden-doc-products-card #productGrid:not(:has(.product-card))::after {
    color: var(--gdcx-muted);
    font-size: 13px;
    content: "אין מוצרים זמינים לבחירה";
}

.garden-doc-create-products .btn-secondary {
    border-color: #d9e0db !important;
    background: #eef1ef !important;
    color: #4f5b53 !important;
}

.garden-doc-create-products .btn-info {
    border-color: #d7e0da !important;
    background: #e7eee9 !important;
    color: #43564a !important;
}

.garden-doc-products-card .product-card {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.garden-doc-products-card .product-card > .card {
    min-height: 126px;
    border-radius: 7px !important;
}

.garden-doc-products-card .product-card .card-body {
    padding: 6px !important;
}

.garden-doc-products-card .product-image,
.garden-doc-products-card .symbol-label {
    width: 48px !important;
    height: 48px !important;
    margin: 0 auto 4px !important;
    border-radius: 6px;
    object-fit: cover;
}

.garden-doc-products-card .product-card h4 {
    height: auto !important;
    margin: 0 0 2px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
}

.garden-doc-products-card .product-card .fw-semibold {
    height: auto !important;
    font-size: 13px !important;
}

.garden-doc-products-card .product-card .mt-3 {
    margin-top: 4px !important;
}

.garden-doc-products-card .product-card button {
    min-height: 24px !important;
    height: 24px !important;
    font-size: 13px !important;
}

.garden-doc-cart-card,
.garden-doc-details-card,
.garden-doc-payment-card {
    margin: 0 !important;
    padding: 0 !important;
}

.garden-doc-cart-card .card-body,
.garden-doc-details-card .card-body,
.garden-doc-payment-card .card-body {
    padding: 8px 10px !important;
}

.garden-doc-cart-card .card-body > .d-flex {
    gap: 6px !important;
}

.garden-doc-cart-card .table-responsive {
    border: 1px solid var(--gdcx-border);
    border-radius: 7px;
}

.garden-doc-cart-card table {
    margin: 0 !important;
}

.garden-doc-cart-card th,
.garden-doc-cart-card td {
    height: 34px;
    padding: 3px 5px !important;
    border-color: var(--gdcx-border) !important;
    color: #59655c !important;
    font-size: 13px !important;
    vertical-align: middle;
}

.garden-doc-cart-card thead th {
    background: var(--gdcx-soft);
    color: #69736c !important;
    font-weight: 700 !important;
}

.garden-doc-cart-card tbody:empty::after {
    display: table-cell;
    height: 42px;
    color: var(--gdcx-muted);
    font-size: 13px;
    text-align: center;
    content: "העגלה עדיין ריקה";
}

.garden-doc-cart-card .totalpay {
    padding: 6px 7px;
    border-radius: 7px;
    background: var(--gdcx-soft);
    color: var(--gdcx-ink);
    font-size: 13px !important;
}

.garden-doc-details-card .card-body > .d-flex {
    gap: 6px !important;
}

.garden-doc-details-card .card-body > .d-flex > .d-flex {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 9px !important;
}

.garden-doc-details-card .fv-row {
    min-width: 0;
}

.garden-doc-details-card .form-label,
.garden-doc-payment-card .form-label {
    margin-bottom: 2px !important;
    color: var(--gdcx-muted) !important;
    font-size: 13px !important;
}

.garden-doc-details-card .form-control,
.garden-doc-details-card .form-select,
.garden-doc-payment-card .form-control,
.garden-doc-payment-card .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid var(--gdcx-border) !important;
    border-radius: 7px !important;
    background: #fff !important;
    font-size: 13px !important;
}

.garden-doc-payment-card .card-header .btn {
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-doc-create-actions {
    position: sticky;
    bottom: 6px;
    z-index: 5;
    min-height: 42px;
    margin: 0 !important;
    padding: 6px 8px;
    border: 1px solid var(--gdcx-border);
    border-radius: 9px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 5px 16px rgba(39, 48, 43, .07);
}

.garden-doc-create-actions .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    height: 28px !important;
    margin-inline: 0 5px !important;
    padding: 0 10px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.garden-doc-create-workspace .modal-content {
    border: 1px solid var(--gdcx-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 30px rgba(39, 48, 43, .11) !important;
}

.garden-doc-create-modal .modal-content {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 30px rgba(39, 48, 43, .11) !important;
}

.garden-doc-create-workspace .modal-header,
.garden-doc-create-workspace .modal-footer,
.garden-doc-create-modal .modal-header,
.garden-doc-create-modal .modal-footer {
    min-height: 42px !important;
    padding: 7px 10px !important;
    border-color: var(--gdcx-border) !important;
}

.garden-doc-create-workspace .modal-title {
    font-size: 13px !important;
}

.garden-doc-create-modal .modal-title {
    font-size: 13px !important;
}

.garden-doc-create-workspace .modal-body {
    padding: 10px !important;
}

.garden-doc-create-modal .modal-body {
    height: auto !important;
    padding: 10px !important;
}

.garden-doc-create-workspace .modal-body .form-label {
    margin: 5px 0 2px !important;
    font-size: 13px !important;
}

.garden-doc-create-modal .form-label {
    margin: 5px 0 2px !important;
    font-size: 13px !important;
}

.garden-doc-create-workspace .modal-body .form-control,
.garden-doc-create-workspace .modal-body .form-select,
.garden-doc-create-modal .form-control,
.garden-doc-create-modal .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-doc-create-workspace .modal-body .btn {
    min-height: 28px !important;
    height: 28px !important;
    margin-top: 7px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-doc-create-modal .modal-body .btn {
    min-height: 28px !important;
    height: 28px !important;
    margin-top: 7px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-doc-create-workspace #addToCartAlert {
    position: fixed;
    inset: auto auto 18px 18px;
    z-index: 1100;
    max-width: 290px;
    min-height: 48px;
    margin: 0 !important;
    padding: 8px 10px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
}

@media (max-width: 1050px) {
    .garden-doc-create-form {
        grid-template-columns: 1fr;
    }

    .garden-doc-create-catalog,
    .garden-doc-cart-card,
    .garden-doc-details-card,
    .garden-doc-payment-card,
    .garden-doc-create-actions {
        grid-column: 1;
    }
}

@media (max-width: 767px) {
    .garden-doc-create-header,
    .garden-doc-create-content {
        margin-inline: 8px;
    }

    .garden-doc-create-header p {
        display: none;
    }

    .garden-doc-create-catalog > .d-block.d-md-none {
        margin: 0 !important;
    }

    .garden-doc-create-workspace #categoryFilter {
        margin-top: 5px !important;
    }

    .garden-doc-create-workspace #categoryFilter .card {
        padding: 0 !important;
    }

    .garden-doc-create-workspace #categoryFilter .card-body {
        max-height: 150px;
        padding: 6px !important;
        overflow-y: auto;
    }

    .garden-doc-category-card,
    .garden-doc-products-card {
        height: 292px !important;
        max-height: 292px !important;
    }

    .garden-doc-products-card .card-header > div > .d-flex {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px !important;
    }

    .garden-doc-products-card .search-bar {
        grid-column: 1 / -1;
    }

    .garden-doc-products-card .card-header > div > .d-flex > .d-flex {
        grid-column: 1 / -1;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px !important;
    }

    .garden-doc-products-card .product-grid-container {
        max-height: 211px !important;
    }

    .garden-doc-details-card .card-body > .d-flex > .d-flex {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-doc-cart-card th:nth-child(4),
    .garden-doc-cart-card td:nth-child(4),
    .garden-doc-cart-card th:nth-child(5),
    .garden-doc-cart-card td:nth-child(5) {
        display: none;
    }
}

/* Payment links — compact creation and status register */
.garden-payment-link-workspace {
    --gpl-border: #dfe5e1;
    --gpl-soft: #f6f8f6;
    --gpl-ink: #27302b;
    --gpl-muted: #78817a;
}

.garden-payment-link-header {
    margin: 0 16px 9px;
    padding: 8px 0 10px;
    border-bottom: 1px solid var(--gpl-border);
}

.garden-payment-link-header h1 {
    margin: 3px 0 2px;
    color: var(--gpl-ink);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 760;
}

.garden-payment-link-header p {
    margin: 0;
    color: var(--gpl-muted);
    font-size: 13px;
}

.garden-payment-link-content,
.garden-payment-history-content {
    width: auto !important;
    max-width: none !important;
    margin: 0 16px;
    padding: 0 !important;
}

.garden-payment-link-grid {
    display: grid !important;
    grid-template-columns: minmax(360px, .9fr) minmax(0, 1.1fr);
    gap: 8px !important;
}

.garden-payment-link-grid > * {
    width: auto !important;
    min-width: 0;
    padding: 0 !important;
}

.garden-payment-link-workspace .card {
    border: 1px solid var(--gpl-border) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    overflow: hidden;
}

.garden-payment-link-workspace .card-header {
    min-height: 42px !important;
    padding: 6px 10px !important;
    border-bottom: 1px solid var(--gpl-border) !important;
}

.garden-payment-link-workspace .card-title,
.garden-payment-link-workspace .card-label {
    margin: 0 !important;
    color: var(--gpl-ink) !important;
    font-size: 13px !important;
    line-height: 1.25;
}

.garden-payment-link-workspace .card-title .text-gray-400 {
    margin-top: 1px !important;
    color: var(--gpl-muted) !important;
    font-size: 13px !important;
}

#payment-form-card,
#instructions-card,
#result-card {
    height: auto !important;
    min-height: 0 !important;
}

#payment-form-card .card-body,
#result-card .card-body {
    padding: 8px 10px !important;
}

#payment-link-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 9px;
}

#payment-link-form > .mb-8 {
    margin: 0 !important;
}

#payment-link-form > .mb-8:nth-child(1),
#payment-link-form > .mb-8:nth-child(2),
#payment-link-form > .row,
#payment-link-form > .d-grid {
    grid-column: 1 / -1;
}

#payment-link-form > .row {
    margin: 0 !important;
    --bs-gutter-x: 8px;
}

#payment-link-form .form-label,
#result-card .form-label {
    margin-bottom: 2px !important;
    color: var(--gpl-muted) !important;
    font-size: 13px !important;
}

#payment-link-form .form-control,
#payment-link-form .form-select,
#payment-link-form .input-group-text,
#result-card .form-control,
#result-card .form-select,
#result-card .input-group-text {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border-color: var(--gpl-border) !important;
    border-radius: 7px !important;
    background-color: #fff !important;
    font-size: 13px !important;
}

#payment-link-form .input-group-text,
#result-card .input-group-text {
    min-width: 31px;
    justify-content: center;
    background: var(--gpl-soft) !important;
}

#payment-link-form .form-text,
#result-card .form-text {
    margin-top: 2px !important;
    color: var(--gpl-muted) !important;
    font-size: 13px !important;
    line-height: 1.3;
}

#payment-link-form #installments-warning {
    margin-top: 4px !important;
    padding: 5px 6px !important;
    border-radius: 6px !important;
    font-size: 13px;
}

#payment-link-form #generate-btn,
#result-card .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

#instructions-card .card-body {
    display: block !important;
    padding: 8px 10px !important;
}

#instructions-card .card-body > .d-flex:first-child {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px !important;
    margin: 0 !important;
}

#instructions-card .card-body > .d-flex:first-child > .d-flex {
    min-width: 0;
    padding: 5px 6px;
    border: 1px solid var(--gpl-border);
    border-radius: 7px;
    background: var(--gpl-soft);
}

#instructions-card .rounded-circle {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    margin-inline-end: 6px !important;
}

#instructions-card .rounded-circle .fs-2 {
    font-size: 13px !important;
}

#instructions-card .fw-bold.fs-4 {
    font-size: 13px !important;
    line-height: 1.25;
}

#instructions-card .text-muted.fs-6 {
    margin-top: 1px;
    font-size: 13px !important;
    line-height: 1.25;
}

#instructions-card .notice,
#result-card .notice {
    margin: 7px 0 0 !important;
    padding: 6px 7px !important;
    border-radius: 7px !important;
}

#instructions-card .notice > i,
#result-card .notice > i {
    margin-inline-end: 6px !important;
    font-size: 13px !important;
}

#instructions-card .notice .fs-5,
#result-card .notice h4 {
    margin: 0 !important;
    font-size: 13px !important;
}

#instructions-card .notice .fs-6,
#result-card .notice .fs-6 {
    font-size: 13px !important;
}

#result-card .mb-8,
#result-card .mb-5 {
    margin-bottom: 7px !important;
    padding: 0 !important;
}

#result-card #twilio-whatsapp-section {
    padding: 6px !important;
    border-radius: 7px !important;
}

.garden-payment-history-section {
    margin-top: 8px !important;
    padding-bottom: 14px;
}

.garden-payment-history-card .card-header {
    min-height: 38px !important;
}

.garden-payment-history-card .card-body {
    padding: 8px 10px !important;
}

.garden-payment-history-filters {
    display: grid !important;
    grid-template-columns: minmax(180px, 1fr) repeat(7, auto);
    gap: 5px !important;
    margin-bottom: 7px !important;
}

.garden-payment-history-filters > .position-relative {
    min-width: 0 !important;
}

.garden-payment-history-filters .form-control {
    min-height: 30px !important;
    height: 30px !important;
    padding: 3px 28px 3px 7px !important;
    border: 1px solid var(--gpl-border) !important;
    border-radius: 7px !important;
    background: #fff !important;
    font-size: 13px !important;
}

.garden-payment-history-filters .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 7px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    white-space: nowrap;
}

.garden-payment-history-card table {
    margin: 0 !important;
}

.garden-payment-history-card th,
.garden-payment-history-card td {
    height: 36px;
    padding: 4px 6px !important;
    border-color: var(--gpl-border) !important;
    font-size: 13px !important;
    vertical-align: middle;
    white-space: nowrap;
}

.garden-payment-history-card thead th {
    background: var(--gpl-soft);
    color: #657067 !important;
    font-weight: 700 !important;
}

.garden-payment-history-card .badge {
    padding: 3px 5px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

.garden-payment-history-card .text-center.text-muted.py-10 {
    padding: 14px 8px !important;
}

.garden-payment-history-card .text-center.text-muted.py-10 i {
    margin-bottom: 4px !important;
    font-size: 18px !important;
}

.garden-payment-history-card .text-center.text-muted.py-10 p {
    margin: 0;
    font-size: 13px !important;
}

@media (max-width: 900px) {
    .garden-payment-link-grid {
        grid-template-columns: 1fr;
    }

    .garden-payment-history-filters {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .garden-payment-history-filters > .position-relative {
        grid-column: 1 / -1;
    }
}

@media (max-width: 700px) {
    .garden-payment-link-header,
    .garden-payment-link-content,
    .garden-payment-history-content {
        margin-inline: 8px;
    }

    .garden-payment-link-header p {
        display: none;
    }

    #instructions-card .card-body > .d-flex:first-child {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    #instructions-card .card-body > .d-flex:first-child > .d-flex {
        align-items: flex-start !important;
        padding: 4px;
    }

    #instructions-card .rounded-circle {
        display: none !important;
    }

    #instructions-card .text-muted.fs-6 {
        display: none;
    }

    .garden-payment-history-card th:nth-child(3),
    .garden-payment-history-card td:nth-child(3),
    .garden-payment-history-card th:nth-child(5),
    .garden-payment-history-card td:nth-child(5),
    .garden-payment-history-card th:nth-child(7),
    .garden-payment-history-card td:nth-child(7) {
        display: none;
    }
}

/* Collections — compact receivables worklist */
.garden-collections-workspace {
    --gcol-border: #dfe5e1;
    --gcol-soft: #f6f8f6;
    --gcol-ink: #27302b;
    --gcol-muted: #78817a;
}

.garden-collections-header {
    margin: 0 16px 9px;
    padding: 8px 0 10px;
    border-bottom: 1px solid var(--gcol-border);
}

.garden-collections-header h1 {
    margin: 3px 0 2px;
    color: var(--gcol-ink);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 760;
}

.garden-collections-header p {
    margin: 0;
    color: var(--gcol-muted);
    font-size: 13px;
}

.garden-collections-content {
    gap: 8px !important;
    margin: 0 16px 14px;
}

.garden-collections-workspace .card {
    border: 1px solid var(--gcol-border) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    overflow: hidden;
}

.garden-collections-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px !important;
}

.garden-collections-kpis > * {
    width: auto;
    padding: 0;
}

.garden-collections-kpis .card {
    height: 53px !important;
}

.garden-collections-kpis .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6px 8px !important;
}

.garden-collections-kpis .text-muted {
    font-size: 13px !important;
}

.garden-collections-kpis .fs-2 {
    margin-top: 1px !important;
    font-size: 14px !important;
    line-height: 1.2;
}

.garden-collections-filter-card .card-body {
    padding: 7px 9px !important;
}

.garden-collections-filters {
    display: grid !important;
    grid-template-columns: minmax(150px, 1.2fr) minmax(140px, 1fr) minmax(90px, .6fr) auto;
    gap: 6px !important;
}

.garden-collections-filters > div {
    min-width: 0;
}

.garden-collections-filters label {
    margin-bottom: 2px !important;
    color: var(--gcol-muted) !important;
    font-size: 13px !important;
}

.garden-collections-filters .form-control,
.garden-collections-filters .form-select {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 3px 7px !important;
    border: 1px solid var(--gcol-border) !important;
    border-radius: 7px !important;
    background-color: #fff !important;
    font-size: 13px !important;
}

.garden-collections-filters > .d-flex {
    align-items: flex-end;
    gap: 5px !important;
}

.garden-collections-filters .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.garden-collections-table-card .card-body {
    padding: 0 !important;
}

.garden-collections-table-card table {
    margin: 0 !important;
}

.garden-collections-table-card th,
.garden-collections-table-card td {
    height: 39px;
    padding: 4px 6px !important;
    border-color: var(--gcol-border) !important;
    color: #566159 !important;
    font-size: 13px !important;
    line-height: 1.2;
    vertical-align: middle;
    white-space: nowrap;
}

.garden-collections-table-card thead th {
    background: var(--gcol-soft);
    color: #657067 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.garden-collections-table-card tbody tr:hover td {
    background: #fafcfb;
}

.garden-collections-table-card .badge {
    padding: 3px 5px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

.garden-collections-table-card .fs-9 {
    margin-top: 1px !important;
    font-size: 13px !important;
}

.garden-collections-table-card .p-3 {
    padding: 6px 8px !important;
    border-top: 1px solid var(--gcol-border);
}

.garden-collections-table-card .pagination {
    margin: 0;
}

@media (max-width: 800px) {
    .garden-collections-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .garden-collections-header,
    .garden-collections-content {
        margin-inline: 8px;
    }

    .garden-collections-header p {
        display: none;
    }

    .garden-collections-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .garden-collections-table-card th:nth-child(2),
    .garden-collections-table-card td:nth-child(2),
    .garden-collections-table-card th:nth-child(4),
    .garden-collections-table-card td:nth-child(4),
    .garden-collections-table-card th:nth-child(5),
    .garden-collections-table-card td:nth-child(5),
    .garden-collections-table-card th:nth-child(8),
    .garden-collections-table-card td:nth-child(8),
    .garden-collections-table-card th:nth-child(9),
    .garden-collections-table-card td:nth-child(9) {
        display: none;
    }
}

/* Refunds — compact, risk-aware ledger */
.garden-refunds-workspace {
    --grf-border: #dfe5e1;
    --grf-soft: #f6f8f6;
    --grf-ink: #27302b;
    --grf-muted: #78817a;
}

.garden-refunds-header {
    margin: 0 16px 9px;
    padding: 8px 0 10px;
    border-bottom: 1px solid var(--grf-border);
}

.garden-refunds-header h1 {
    margin: 3px 0 2px;
    color: var(--grf-ink);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 760;
}

.garden-refunds-header p {
    margin: 0;
    color: var(--grf-muted);
    font-size: 13px;
}

.garden-refunds-content {
    width: auto !important;
    max-width: none !important;
    margin: 0 16px;
    padding: 0 0 14px !important;
}

.garden-refunds-workspace .card {
    border: 1px solid var(--grf-border) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    overflow: hidden;
}

.garden-api-refunds-card {
    margin-bottom: 8px !important;
}

.garden-refunds-workspace .card-header {
    min-height: 42px !important;
    padding: 6px 10px !important;
    border-bottom: 1px solid var(--grf-border) !important;
}

.garden-refunds-workspace .card-title h3 {
    margin: 0 !important;
    color: var(--grf-ink);
    font-size: 13px !important;
}

.garden-refunds-table-card > .card-header {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto;
    align-items: center !important;
    gap: 7px !important;
}

.garden-refunds-table-card .card-title,
.garden-refunds-table-card .card-title > div {
    width: 100%;
    margin: 0 !important;
}

.garden-refunds-table-card #searchInput {
    width: 100% !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 3px 28px 3px 7px !important;
    border: 1px solid var(--grf-border) !important;
    border-radius: 7px !important;
    background: #fff !important;
    font-size: 13px !important;
}

.garden-refunds-table-card .card-toolbar {
    display: grid !important;
    grid-template-columns: minmax(130px, 160px) auto;
    gap: 5px !important;
}

.garden-refunds-table-card .card-toolbar > div {
    width: auto !important;
    max-width: none !important;
}

.garden-refunds-table-card #statusFilter,
.garden-refunds-table-card .select2-selection {
    min-height: 30px !important;
    height: 30px !important;
    border: 1px solid var(--grf-border) !important;
    border-radius: 7px !important;
    background: #fff !important;
    font-size: 13px !important;
}

.garden-refunds-table-card .card-toolbar .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap;
}

.garden-refunds-table-card > .card-body,
.garden-api-refunds-card > .card-body {
    padding: 0 !important;
}

.garden-refunds-workspace table {
    margin: 0 !important;
}

.garden-refunds-workspace th,
.garden-refunds-workspace td {
    height: 37px;
    padding: 4px 6px !important;
    border-color: var(--grf-border) !important;
    color: #566159 !important;
    font-size: 13px !important;
    line-height: 1.2;
    vertical-align: middle;
    white-space: nowrap;
}

.garden-refunds-workspace thead th {
    background: var(--grf-soft);
    color: #657067 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.garden-refunds-workspace .badge {
    padding: 3px 5px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

.garden-refunds-workspace .form-check-input {
    width: 15px !important;
    height: 15px !important;
}

.garden-refunds-table-card .dataTables_wrapper > .row:last-child {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    margin: 0 !important;
    padding: 6px 9px !important;
    border-top: 1px solid var(--grf-border);
}

.garden-refunds-table-card .dataTables_wrapper > .row:last-child > :first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px;
    width: auto !important;
    min-width: 0;
    padding: 0 !important;
}

.garden-refunds-table-card .dataTables_wrapper > .row:last-child > :last-child {
    width: auto !important;
    padding: 0 !important;
}

.garden-refunds-table-card .dataTables_length,
.garden-refunds-table-card .dataTables_info,
.garden-refunds-table-card .dataTables_paginate {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
}

.garden-refunds-table-card .dataTables_info {
    display: block !important;
    width: auto !important;
    height: auto !important;
    white-space: nowrap;
}

.garden-refunds-table-card .dataTables_length select {
    min-height: 28px !important;
    height: 28px !important;
    padding: 2px 18px 2px 5px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

.garden-refunds-table-card .pagination {
    margin: 0 !important;
}

.garden-refund-modal .modal-content {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 30px rgba(39, 48, 43, .14) !important;
}

.garden-refund-modal .modal-header,
.garden-refund-modal .modal-footer {
    min-height: 42px !important;
    padding: 7px 10px !important;
    border-color: #dfe5e1 !important;
}

.garden-refund-modal .modal-title {
    font-size: 13px !important;
}

.garden-refund-modal .modal-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 9px;
    height: auto !important;
    padding: 10px !important;
}

.garden-refund-modal .modal-body > * {
    min-width: 0;
    margin: 0 !important;
}

.garden-refund-modal .modal-body > .alert,
.garden-refund-modal .modal-body > .separator,
.garden-refund-modal .modal-body > :last-child {
    grid-column: 1 / -1;
}

.garden-refund-modal .alert {
    min-height: 44px;
    padding: 6px 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-refund-modal .alert i {
    margin-inline-end: 6px !important;
    font-size: 13px !important;
}

.garden-refund-modal .form-label,
.garden-refund-modal .form-text {
    margin-bottom: 2px !important;
    color: #78817a !important;
    font-size: 13px !important;
}

.garden-refund-modal .form-control {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    background: #fff !important;
    font-size: 13px !important;
}

.garden-refund-modal input[name="totp_code"] {
    font-size: 14px !important;
}

.garden-refund-modal .modal-footer .btn {
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

@media (max-width: 800px) {
    .garden-refunds-table-card > .card-header {
        grid-template-columns: 1fr;
    }

    .garden-refunds-table-card .card-toolbar {
        grid-template-columns: 1fr auto;
    }
}

@media (max-width: 700px) {
    .garden-refunds-header,
    .garden-refunds-content {
        margin-inline: 8px;
    }

    .garden-refunds-header p {
        display: none;
    }

    .garden-refunds-table-card th:nth-child(5),
    .garden-refunds-table-card td:nth-child(5),
    .garden-refunds-table-card th:nth-child(6),
    .garden-refunds-table-card td:nth-child(6) {
        display: none;
    }
}

/* Quotes reuse the document ledger with a single focused filter. */
.garden-quotes-filters {
    display: grid !important;
    grid-template-columns: auto minmax(130px, 200px);
    align-items: center;
    justify-content: end;
    gap: 5px !important;
    width: 100%;
}

.garden-quotes-filters label {
    margin: 0 !important;
    color: var(--gdoc-muted);
    font-size: 13px !important;
    white-space: nowrap;
}

.garden-quotes-filters .form-select {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 30px !important;
    height: 30px !important;
    padding: 3px 7px !important;
    border: 1px solid var(--gdoc-border) !important;
    border-radius: 7px !important;
    background-color: #fff !important;
    font-size: 13px !important;
}

.garden-documents-dynamic-modal .modal-content {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 30px rgba(39, 48, 43, .12) !important;
}

.garden-documents-dynamic-modal .modal-header,
.garden-documents-dynamic-modal .modal-footer {
    min-height: 42px !important;
    padding: 7px 10px !important;
    border-color: #dfe5e1 !important;
}

.garden-documents-dynamic-modal .modal-title {
    font-size: 13px !important;
}

.garden-documents-dynamic-modal .modal-body {
    height: auto !important;
    padding: 10px !important;
}

.garden-documents-dynamic-modal .form-label {
    margin-bottom: 2px !important;
    color: #78817a !important;
    font-size: 13px !important;
}

.garden-documents-dynamic-modal .form-control,
.garden-documents-dynamic-modal .form-select {
    min-height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    background: #fff !important;
    font-size: 13px !important;
}

.garden-documents-dynamic-modal input.form-control,
.garden-documents-dynamic-modal select.form-select {
    height: 31px !important;
}

.garden-documents-dynamic-modal textarea.form-control {
    min-height: 88px !important;
}

.garden-documents-dynamic-modal .modal-footer .btn {
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

@media (max-width: 700px) {
    .garden-quotes-filters {
        grid-template-columns: auto 1fr;
        justify-content: stretch;
    }
}

/* Document history — compact version trail */
.garden-document-history-workspace {
    --gdh-border: #dfe5e1;
    --gdh-soft: #f6f8f6;
    --gdh-ink: #27302b;
    --gdh-muted: #78817a;
}

.garden-document-history-header {
    margin: 0 16px 9px;
    padding: 8px 0 10px;
    border-bottom: 1px solid var(--gdh-border);
}

.garden-document-history-header h1 {
    margin: 3px 0 2px;
    color: var(--gdh-ink);
    font-size: 20px;
    line-height: 1.2;
    font-weight: 760;
}

.garden-document-history-header p {
    margin: 0;
    color: var(--gdh-muted);
    font-size: 13px;
}

.garden-document-history-content {
    width: auto !important;
    max-width: none !important;
    margin: 0 16px;
    padding: 0 0 14px !important;
}

.garden-document-history-card {
    border: 1px solid var(--gdh-border) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    overflow: hidden;
}

.garden-document-history-card .card-header {
    min-height: 38px !important;
    padding: 6px 10px !important;
    border-bottom: 1px solid var(--gdh-border) !important;
}

.garden-document-history-card .card-title {
    margin: 0;
    color: var(--gdh-ink);
    font-size: 13px !important;
}

.garden-document-history-card .card-body {
    padding: 0 !important;
}

.garden-document-history-card table {
    margin: 0 !important;
}

.garden-document-history-card th,
.garden-document-history-card td {
    height: 37px;
    padding: 4px 6px !important;
    border-color: var(--gdh-border) !important;
    color: #566159 !important;
    font-size: 13px !important;
    vertical-align: middle;
    white-space: nowrap;
}

.garden-document-history-card thead th {
    background: var(--gdh-soft);
    color: #657067 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.garden-document-history-card .badge {
    padding: 3px 5px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

.garden-document-history-card .btn {
    min-height: 26px !important;
    height: 26px !important;
    padding: 0 7px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

.garden-document-history-card .text-center.text-muted {
    min-height: 56px;
    padding: 18px 8px;
    font-size: 13px;
}

@media (max-width: 700px) {
    .garden-document-history-header,
    .garden-document-history-content {
        margin-inline: 8px;
    }

    .garden-document-history-header p {
        display: none;
    }

    .garden-document-history-card th:nth-child(2),
    .garden-document-history-card td:nth-child(2),
    .garden-document-history-card th:nth-child(5),
    .garden-document-history-card td:nth-child(5) {
        display: none;
    }
}

/* Leads kanban — compact pipeline with dense, actionable cards */
.garden-leads-workspace {
    --glead-border: #dfe5e1;
    --glead-soft: #f6f8f6;
    --glead-ink: #27302b;
    --glead-muted: #78817a;
}

.garden-leads-header {
    align-items: flex-end !important;
    gap: 10px;
    margin: 0 16px 9px !important;
    padding: 8px 0 10px;
    border-bottom: 1px solid var(--glead-border);
}

.garden-leads-header h1 {
    margin: 3px 0 1px;
    color: var(--glead-ink) !important;
    font-size: 20px !important;
    line-height: 1.2;
    font-weight: 760 !important;
}

.garden-leads-header h1 i {
    display: none;
}

.garden-leads-header > div:first-child > .text-muted {
    font-size: 13px !important;
}

.garden-leads-header > .d-flex {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px !important;
}

.garden-leads-header > .d-flex .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.garden-leads-header > .d-flex .mx-1 {
    display: none;
}

.garden-leads-board {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px !important;
    margin: 0 16px 14px;
}

.garden-leads-board > * {
    width: auto;
    min-width: 0;
    padding: 0;
}

.garden-lead-column-card {
    border: 1px solid var(--glead-border) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    overflow: hidden;
}

.garden-lead-column-card > .card-header {
    min-height: 35px !important;
    padding: 5px 8px !important;
    border-bottom: 1px solid var(--glead-border) !important;
}

.garden-lead-column-card > .card-header h5 {
    font-size: 13px !important;
}

.garden-lead-column-card > .card-header .badge {
    min-width: 20px;
    padding: 3px 5px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

.garden-lead-column-card > .kanban-column {
    min-height: 61px !important;
    max-height: calc(100vh - 190px) !important;
    padding: 6px !important;
    background: #fbfcfb;
}

.garden-lead-column-card > .kanban-column > .text-center {
    padding: 18px 4px !important;
    color: var(--glead-muted) !important;
    font-size: 13px !important;
}

.garden-leads-workspace .kanban-card {
    margin-bottom: 6px !important;
    border: 1px solid var(--glead-border) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    transform: none !important;
}

.garden-leads-workspace .kanban-card:hover {
    border-color: #b9c8be !important;
    box-shadow: 0 4px 12px rgba(39, 48, 43, .07) !important;
}

.garden-leads-workspace .kanban-card > .p-3 {
    padding: 7px !important;
}

.garden-leads-workspace .kanban-card .symbol,
.garden-leads-workspace .kanban-card .symbol-label {
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    font-size: 13px !important;
}

.garden-leads-workspace .kanban-card .lead-name {
    font-size: 13px !important;
}

.garden-leads-workspace .kanban-card .lead-phone,
.garden-leads-workspace .kanban-meta {
    font-size: 13px !important;
}

.garden-leads-workspace .kanban-card .badge {
    padding: 3px 4px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

.garden-leads-workspace .kanban-divider {
    margin: 5px 0 !important;
}

.garden-leads-workspace .kanban-source {
    gap: 3px !important;
    padding: 3px 5px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

.garden-leads-workspace .kanban-actions {
    gap: 4px !important;
}

.garden-leads-workspace .kanban-actions .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 24px !important;
    height: 24px !important;
    padding: 0 5px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

.garden-lead-modal .modal-content {
    border: 1px solid #dfe5e1 !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 30px rgba(39, 48, 43, .12) !important;
}

.garden-lead-modal .modal-header,
.garden-lead-modal .modal-footer {
    min-height: 42px !important;
    padding: 7px 10px !important;
    border-color: #dfe5e1 !important;
}

.garden-lead-modal .modal-title {
    font-size: 13px !important;
}

.garden-lead-modal .modal-body {
    height: auto !important;
    padding: 9px 10px !important;
}

.garden-lead-modal .modal-body .py-3 {
    min-height: 30px;
    padding: 5px 0 !important;
}

.garden-lead-modal .modal-body .mb-4,
.garden-lead-modal .modal-body .my-4 {
    margin-bottom: 7px !important;
    margin-top: 7px !important;
}

.garden-lead-modal .modal-body .btn,
.garden-lead-modal .modal-footer .btn {
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-lead-modal .badge,
.garden-lead-modal .fs-7,
.garden-lead-modal .fs-8 {
    font-size: 13px !important;
}

.garden-lead-modal .form-control,
.garden-lead-modal .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border: 1px solid #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-lead-modal .flatpickr-calendar.inline {
    transform: scale(.86);
    transform-origin: top center;
    margin: 4px auto -38px !important;
    box-shadow: none !important;
}

@media (max-width: 900px) {
    .garden-leads-board {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .garden-leads-header,
    .garden-leads-board {
        margin-inline: 8px !important;
    }

    .garden-leads-header {
        align-items: flex-start !important;
        flex-direction: column;
    }

    .garden-leads-header > .d-flex {
        display: grid !important;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        width: 100%;
    }

    .garden-leads-header > .d-flex .btn {
        padding-inline: 4px !important;
    }
}

/* Content management: categories, banners, notifications, sales and editorial pages */
body:has(.garden-content-workspace) {
    background: #f5f7f5 !important;
}

.garden-content-workspace {
    max-width: 1280px;
    margin-inline: auto !important;
}

.garden-content-workspace .btn:not(.btn-icon) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

.garden-content-workspace .form-control,
.garden-content-workspace .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding-block: 3px !important;
    border-color: #dfe5e1 !important;
    border-radius: 7px !important;
    background: #fff !important;
    font-size: 13px !important;
}

.garden-content-workspace textarea.form-control {
    min-height: 58px !important;
    height: 58px !important;
}

.garden-content-workspace textarea.garden-code-textarea {
    min-height: 180px !important;
    height: 180px !important;
    direction: ltr;
    font-family: Consolas, 'Courier New', monospace;
    text-align: left;
}

.garden-code-input {
    font-family: Consolas, 'Courier New', monospace;
    text-align: left;
}

.garden-advanced-fields {
    overflow: hidden;
    border: 1px solid #dfe5e1;
    border-radius: 8px;
    background: #f8faf9;
}

.garden-advanced-fields > summary {
    padding: 8px 10px;
    color: #4f5c55;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.garden-advanced-fields[open] > summary {
    border-bottom: 1px solid #e2e7e4;
}

.garden-advanced-fields > .row {
    padding: 0 10px 10px;
}

.garden-content-copy {
    max-height: 180px;
    overflow-y: auto;
    white-space: pre-wrap;
}

.garden-order-landing-form {
    display: grid !important;
    grid-template-columns: 220px minmax(0, 1fr);
    align-items: start;
    gap: 8px !important;
}

.garden-order-landing-form > .w-lg-350px {
    width: auto !important;
    gap: 8px !important;
}

.garden-order-landing-form > .flex-row-fluid {
    min-width: 0;
    gap: 8px !important;
}

.garden-order-landing-form .card.py-4 {
    padding-block: 0 !important;
}

.garden-order-page-linkbar {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 41px;
    margin-bottom: 8px;
    padding: 6px 8px;
    border: 1px solid #dfe5e1;
    border-radius: 9px;
    background: #fff;
}

.garden-order-page-linkbar code {
    overflow: hidden;
    color: #59655e;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-order-page-linkbar button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 28px;
    padding: 0 8px;
    border: 1px solid #dfe5e1;
    border-radius: 7px;
    color: #485f52;
    background: #fff;
    font: 700 13px inherit;
}

.garden-order-page-hero-preview {
    display: block;
    width: 100%;
    height: 118px;
    border: 1px solid #e2e7e4;
    border-radius: 8px;
    background: #f6f8f6;
    object-fit: cover;
}

.garden-order-page-danger {
    margin-top: 8px;
    overflow: hidden;
    border: 1px solid #eadbd9;
    border-radius: 9px;
    background: #fff;
}

.garden-order-page-danger > summary {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 35px;
    padding: 0 9px;
    color: #8f5c56;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
}

.garden-order-page-danger > summary::-webkit-details-marker { display: none; }

.garden-order-page-danger > form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 9px;
    border-top: 1px solid #efe2e0;
    background: #fcf8f7;
}

.garden-order-page-danger > form strong,
.garden-order-page-danger > form span { display: block; }

.garden-order-page-danger > form strong {
    color: #6e4641;
    font-size: 13px;
}

.garden-order-page-danger > form span {
    margin-top: 2px;
    color: #8c7773;
    font-size: 13px;
}

.garden-order-page-danger > form button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 28px;
    padding: 0 8px;
    border: 1px solid #d8b7b2;
    border-radius: 7px;
    color: #914e48;
    background: #fff;
    font: 700 13px inherit;
    white-space: nowrap;
}

@media (max-width: 700px) {
    .garden-order-landing-form {
        grid-template-columns: 1fr;
    }

    .garden-order-page-linkbar {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .garden-order-page-linkbar button {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

.garden-content-workspace .form-label {
    margin-bottom: 3px !important;
    font-size: 13px !important;
}

.garden-content-workspace table th {
    height: 29px !important;
    padding: 4px 6px !important;
    background: #f5f7f6 !important;
    font-size: 13px !important;
}

.garden-content-workspace table td {
    min-height: 36px !important;
    padding: 4px 6px !important;
    font-size: 13px !important;
}

.garden-content-image-preview {
    display: block;
    width: 100%;
    max-width: 220px;
    max-height: 130px;
    border: 1px solid #e1e6e3;
    border-radius: 8px;
    object-fit: cover;
}

.garden-table-thumb {
    width: 38px;
    height: 28px;
    border: 1px solid #e1e6e3;
    border-radius: 5px;
    object-fit: cover;
}

.garden-order-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: #f0f3f1;
    color: #4f5c55;
    font-weight: 700;
}

.garden-table-link {
    white-space: nowrap;
}

.garden-content-detail-grid {
    display: grid;
    grid-template-columns: minmax(220px, 38%) minmax(0, 1fr);
    gap: 12px;
}

.garden-content-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    overflow: hidden;
    border: 1px solid #e2e7e4;
    border-radius: 9px;
    background: #f7f9f8;
}

.garden-content-visual img {
    width: 100%;
    height: 100%;
    max-height: 280px;
    object-fit: contain;
}

.garden-key-values > div {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 10px;
    min-height: 34px;
    padding: 7px 0;
    border-bottom: 1px solid #e7ebe8;
}

.garden-key-values > div:last-child {
    border-bottom: 0;
}

.garden-key-values dt,
.garden-key-values dd {
    margin: 0;
    font-size: 13px;
}

.garden-key-values dt {
    color: #858e89;
    font-weight: 500;
}

.garden-key-values dd {
    min-width: 0;
    overflow-wrap: anywhere;
    color: #303934;
    font-weight: 600;
}

body:has(.garden-content-workspace) .app-footer {
    min-height: 30px !important;
    padding: 5px 12px !important;
    font-size: 13px !important;
}

body:has(.garden-content-workspace) .app-footer * {
    font-size: 13px !important;
}

.garden-content-workspace .app-toolbar {
    display: block !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
}

.garden-content-workspace .app-toolbar > .app-container {
    display: flex !important;
    align-items: center !important;
    min-height: 48px !important;
    padding: 7px 10px !important;
    border: 1px solid #dfe5e1;
    border-radius: 9px;
    background: #fff;
}

.garden-content-workspace .app-toolbar .page-heading {
    margin: 0 !important;
    color: #2d3530 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
}

.garden-content-workspace .app-toolbar .breadcrumb {
    display: none !important;
}

.garden-content-workspace .app-content {
    padding-top: 0 !important;
}

.garden-content-workspace .card {
    overflow: hidden;
}

.garden-content-workspace .card-header {
    min-height: 46px !important;
}

.garden-content-workspace .card-header.py-5 {
    padding-block: 7px !important;
}

.garden-content-list-workspace .card-header {
    display: grid !important;
    grid-template-columns: minmax(180px, 1fr) auto;
    align-items: center !important;
    gap: 7px !important;
}

.garden-content-list-workspace .card-title,
.garden-content-list-workspace .card-toolbar {
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
}

.garden-content-list-workspace .card-title > .d-flex {
    width: min(100%, 230px);
    margin: 0 !important;
}

.garden-content-list-workspace .card-title .form-control {
    width: 100% !important;
    padding-inline-start: 30px !important;
}

.garden-content-list-workspace .card-title .position-absolute {
    inset-inline-start: 9px !important;
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-content-list-workspace .card-toolbar {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    gap: 5px !important;
}

.garden-content-list-workspace .card-toolbar > [data-kt-categories-table-toolbar],
.garden-content-list-workspace .card-toolbar > [data-kt-notifications-table-toolbar],
.garden-content-list-workspace .card-toolbar > [data-kt-sales-table-toolbar],
.garden-content-list-workspace .card-toolbar > [data-kt-banners-table-toolbar] {
    margin: 0 !important;
}

.garden-content-list-workspace .card-toolbar > a.btn-primary {
    display: none !important;
}

.garden-content-list-workspace .table-responsive {
    border-top: 1px solid #e4e9e6;
}

.garden-content-list-workspace table {
    min-width: 720px !important;
}

.garden-content-list-workspace table .symbol,
.garden-content-list-workspace table .symbol-label,
.garden-content-list-workspace table .symbol-60px {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
}

.garden-content-list-workspace table .symbol-2by3 {
    width: 29px !important;
}

.garden-content-list-workspace table .menu-link {
    min-height: 26px;
    padding-block: 4px !important;
    font-size: 13px !important;
}

.garden-content-form-workspace form.form.d-flex.flex-column.flex-lg-row {
    display: grid !important;
    grid-template-columns: 190px minmax(0, 1fr);
    align-items: start;
    gap: 8px !important;
}

.garden-content-form-workspace form.form.d-flex.flex-column.flex-lg-row > .w-lg-300px,
.garden-content-form-workspace form.form.d-flex.flex-column.flex-lg-row > .w-lg-350px {
    width: 190px !important;
    margin: 0 !important;
    gap: 7px !important;
}

.garden-content-form-workspace form.form.d-flex.flex-column.flex-lg-row > .flex-row-fluid {
    min-width: 0;
    gap: 7px !important;
}

.garden-content-form-workspace .card.py-4 {
    padding-block: 0 !important;
}

.garden-content-form-workspace .image-input-wrapper.w-150px,
.garden-content-form-workspace .image-input-wrapper.h-150px {
    width: 96px !important;
    height: 96px !important;
}

.garden-content-form-workspace .image-input-wrapper.w-200px,
.garden-content-form-workspace .image-input-wrapper.h-200px {
    width: 112px !important;
    height: 112px !important;
}

.garden-content-form-workspace .nav-tabs {
    min-height: 31px !important;
    margin: 0 !important;
    gap: 3px !important;
    border-bottom: 1px solid #e2e7e4 !important;
}

.garden-content-form-workspace .nav-tabs .nav-link {
    min-height: 30px !important;
    padding: 6px 9px !important;
    font-size: 13px !important;
}

.garden-content-form-workspace .tab-content,
.garden-content-form-workspace .tab-pane,
.garden-content-form-workspace .tab-pane > .d-flex {
    gap: 7px !important;
}

.garden-content-form-workspace .text-muted.fs-7,
.garden-content-form-workspace .form-text {
    font-size: 13px !important;
    line-height: 1.35 !important;
}

.garden-content-form-workspace .select2-container {
    min-height: 31px !important;
}

.garden-content-form-workspace .select2-container .select2-selection--single,
.garden-content-form-workspace .select2-container .select2-selection--multiple {
    min-height: 31px !important;
    border-color: #dfe5e1 !important;
    border-radius: 7px !important;
}

.garden-content-form-workspace .tox-tinymce,
.garden-content-form-workspace .ql-container,
.garden-content-form-workspace .ck-editor__editable {
    min-height: 130px !important;
    border-color: #dfe5e1 !important;
}

.garden-content-detail-workspace .card-body .row {
    margin-inline: 0 !important;
}

.garden-content-detail-workspace .separator {
    border-color: #e2e7e4 !important;
}

@media (max-width: 760px) {
    .garden-content-workspace .app-toolbar > .app-container {
        gap: 7px;
    }

    .garden-content-workspace .app-toolbar .btn {
        white-space: nowrap;
    }

    .garden-content-list-workspace .card-header {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .garden-content-list-workspace .card-toolbar .btn {
        padding-inline: 6px !important;
    }
}

@media (max-width: 520px) {
    .garden-content-workspace .app-toolbar > .app-container {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .garden-content-list-workspace .card-header {
        grid-template-columns: 1fr;
    }

    .garden-content-list-workspace .card-title > .d-flex,
    .garden-content-list-workspace .card-toolbar {
        width: 100% !important;
    }

    .garden-content-list-workspace .card-toolbar {
        justify-content: flex-start !important;
    }

    .garden-content-form-workspace form.form.d-flex.flex-column.flex-lg-row {
        grid-template-columns: 1fr;
    }

    .garden-content-form-workspace form.form.d-flex.flex-column.flex-lg-row > .w-lg-300px,
    .garden-content-form-workspace form.form.d-flex.flex-column.flex-lg-row > .w-lg-350px {
        width: 100% !important;
    }

    .garden-content-detail-grid {
        grid-template-columns: 1fr;
    }
}

/* Long-tail operational modules */
body:has(.garden-longtail-workspace) {
    background: #f5f7f5 !important;
}

body:has(.garden-longtail-workspace) .app-footer {
    min-height: 30px !important;
    padding: 5px 12px !important;
    font-size: 13px !important;
}

.garden-longtail-workspace {
    margin-inline: 8px;
    color: #2f3732;
    font-family: 'Assistant', 'Noto Sans Hebrew', sans-serif;
}

.garden-longtail-workspace .card,
.garden-longtail-workspace.card {
    border: 1px solid #dfe5e1 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

.garden-longtail-workspace .card-header {
    min-height: 44px !important;
    padding: 7px 10px !important;
    border-color: #e2e7e4 !important;
}

.garden-longtail-workspace .card-body {
    padding: 9px 10px !important;
}

.garden-longtail-workspace .card-title,
.garden-longtail-workspace .card-title h2,
.garden-longtail-workspace .card-title h3,
.garden-longtail-workspace .card-title h4 {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
}

.garden-longtail-workspace .btn:not(.btn-icon):not(.btn-circle) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 27px !important;
    height: 27px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.garden-longtail-workspace .btn.btn-icon,
.garden-longtail-workspace .btn.btn-circle {
    width: 27px !important;
    min-width: 27px !important;
    height: 27px !important;
    min-height: 27px !important;
}

.garden-longtail-workspace .form-control,
.garden-longtail-workspace .form-select {
    min-height: 31px !important;
    height: 31px !important;
    padding: 3px 7px !important;
    border-color: #dfe5e1 !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-longtail-workspace textarea.form-control {
    min-height: 74px !important;
    height: auto !important;
}

.garden-longtail-workspace .form-label,
.garden-longtail-workspace label {
    margin-bottom: 3px !important;
    color: #667068;
    font-size: 13px !important;
}

.garden-longtail-workspace .badge {
    padding: 3px 5px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
}

.garden-longtail-workspace table {
    font-size: 13px !important;
}

.garden-longtail-workspace table th {
    padding: 6px 7px !important;
    color: #727c75 !important;
    font-size: 13px !important;
}

.garden-longtail-workspace table td {
    padding: 6px 7px !important;
    border-color: #e7ebe8 !important;
}

.garden-analytics-workspace .sa-filter {
    gap: 4px !important;
    margin-bottom: 8px !important;
}

.garden-analytics-workspace .sa-filter a {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 9px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

.garden-analytics-workspace .sa-tiles {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-bottom: 8px !important;
}

.garden-analytics-workspace .sa-tile {
    min-height: 68px;
    padding: 9px 10px !important;
    border-color: #dfe5e1 !important;
    border-radius: 8px !important;
}

.garden-analytics-workspace .sa-tile small {
    margin-bottom: 2px !important;
    font-size: 13px !important;
}

.garden-analytics-workspace .sa-tile strong {
    font-size: 18px !important;
}

.garden-analytics-workspace .sa-tile .sa-sub {
    font-size: 13px !important;
}

.garden-analytics-workspace .sa-card {
    margin-bottom: 8px !important;
    padding: 9px 10px !important;
    border-color: #dfe5e1 !important;
    border-radius: 8px !important;
}

.garden-analytics-workspace .sa-card h4 {
    margin-bottom: 7px !important;
    font-size: 13px !important;
}

.garden-analytics-workspace .sa-grid2 {
    gap: 8px !important;
}

.garden-analytics-workspace .sa-funnel-row {
    grid-template-columns: 92px minmax(100px, 1fr) 150px !important;
    gap: 7px !important;
    margin-bottom: 5px !important;
}

.garden-analytics-workspace .sa-funnel-row .sa-label,
.garden-analytics-workspace .sa-funnel-row .sa-nums {
    font-size: 13px !important;
}

.garden-analytics-workspace .sa-bar-track {
    height: 18px !important;
}

.garden-analytics-workspace .sa-days {
    height: 92px !important;
}

.garden-analytics-workspace .sa-table {
    font-size: 13px !important;
}

.garden-neurolink-workspace .nl-head {
    gap: 8px !important;
    margin-bottom: 9px !important;
}

.garden-neurolink-workspace .nl-brain {
    width: 38px !important;
    height: 38px !important;
    border-radius: 9px !important;
    font-size: 19px !important;
}

.garden-neurolink-workspace .nl-range {
    gap: 2px !important;
    padding: 2px !important;
    border-radius: 7px !important;
}

.garden-neurolink-workspace .nl-range a {
    padding: 4px 8px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

.garden-neurolink-workspace .nl-kpis {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-bottom: 9px !important;
}

.garden-neurolink-workspace .nl-kpi {
    gap: 7px !important;
    min-height: 57px;
    padding: 8px 9px !important;
    border-color: #dfe5e1 !important;
    border-radius: 8px !important;
}

.garden-neurolink-workspace .nl-kpi:hover {
    box-shadow: none !important;
}

.garden-neurolink-workspace .nl-kpi .ic {
    width: 30px !important;
    height: 30px !important;
    border-radius: 7px !important;
    font-size: 14px !important;
}

.garden-neurolink-workspace .nl-kpi .v {
    font-size: 15px !important;
}

.garden-neurolink-workspace .nl-kpi .l {
    font-size: 13px !important;
}

.garden-neurolink-workspace .nl-card {
    margin-bottom: 8px !important;
    border-color: #dfe5e1 !important;
    border-radius: 8px !important;
}

.garden-neurolink-workspace .nl-card-head {
    min-height: 39px;
    padding: 7px 9px !important;
}

.garden-neurolink-workspace .nl-card-head h3 {
    font-size: 13px !important;
}

.garden-neurolink-workspace .nl-card-body {
    padding: 4px 9px 8px !important;
}

.garden-neurolink-workspace .nl-row,
.garden-neurolink-workspace .nl-scroll-row {
    padding: 5px 0 !important;
}

.garden-neurolink-workspace .nl-table {
    font-size: 13px !important;
}

.garden-neurolink-session-workspace > .d-flex:first-child {
    min-height: 48px;
    margin-bottom: 7px !important;
    padding: 7px 10px;
    border: 1px solid #dfe5e1;
    border-radius: 9px;
    background: #fff;
}

.garden-neurolink-session-workspace h2 {
    font-size: 14px !important;
}

.garden-neurolink-session-workspace .timeline > .d-flex {
    min-height: 30px;
    padding-block: 4px !important;
}

.garden-doc-tools-workspace .app-toolbar {
    display: block !important;
    margin-bottom: 7px !important;
    padding: 0 !important;
}

.garden-doc-tools-workspace .app-toolbar > .app-container {
    min-height: 48px !important;
    padding: 7px 10px !important;
    border: 1px solid #dfe5e1;
    border-radius: 9px;
    background: #fff;
}

.garden-doc-tools-workspace .app-toolbar .page-heading {
    font-size: 14px !important;
}

.garden-doc-tools-workspace .app-toolbar .breadcrumb {
    display: none !important;
}

.garden-doc-tools-workspace .item-row {
    margin-bottom: 6px !important;
    padding: 7px 8px !important;
    border-color: #dfe5e1 !important;
    border-radius: 8px !important;
    background: #fbfcfb !important;
}

.garden-doc-tools-workspace .item-row:hover {
    border-color: #dfe5e1 !important;
}

.garden-doc-tools-workspace .alert-info {
    border-color: #dfe5e1 !important;
    color: #536159 !important;
    background: #f4f7f5 !important;
}

.garden-doc-tools-workspace .bg-light,
.garden-doc-tools-workspace .bg-light-success {
    border: 1px solid #e1e6e3;
    background: #f7f9f7 !important;
}

/* Manual document / quote composer ------------------------------------- */
.garden-document-composer {
    --gdc-ink: #27322c;
    --gdc-muted: #737d76;
    --gdc-line: #dfe5e1;
    --gdc-soft: #f5f7f5;
    --gdc-accent: #485f52;
    max-width: 1280px;
    margin-inline: auto !important;
    padding: 16px 18px 30px !important;
}
.garden-document-composer > .d-flex > .app-toolbar { display: none !important; }
.garden-document-composer :is(#kt_app_content, #kt_app_content_container) { padding: 0 !important; }
.garden-document-composer__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 12px; }
.garden-document-composer__head > div:first-child > a { display: inline-flex; align-items: center; gap: 5px; margin-bottom: 6px; color: var(--gdc-muted); font-size: 13px; font-weight: 700; text-decoration: none; }
.garden-document-composer__head .garden-workspace__eyebrow { display: block; color: #6f8779; font-size: 13px; font-weight: 800; }
.garden-document-composer__head h1 { margin: 4px 0 3px; color: var(--gdc-ink); font-size: 21px; line-height: 1.15; }
.garden-document-composer__head p { margin: 0; color: var(--gdc-muted); font-size: 13px; }
.garden-document-composer__steps { display: flex; align-items: center; gap: 6px; }
.garden-document-composer__steps span { display: flex; align-items: center; gap: 5px; color: var(--gdc-muted); font-size: 13px; font-weight: 700; white-space: nowrap; }
.garden-document-composer__steps span b { display: grid; place-items: center; width: 20px; height: 20px; background: #edf1ee; border-radius: 50%; color: var(--gdc-accent); font: 750 13px 'Inter', sans-serif; }
.garden-document-composer__steps span.is-active { color: var(--gdc-accent); }
.garden-document-composer__steps span.is-active b { background: var(--gdc-accent); color: #fff; }
.garden-document-composer__steps > i { width: 24px; height: 1px; background: var(--gdc-line); }

.garden-document-composer #manual-doc-form { display: grid; gap: 8px; }
.garden-document-composer :is(.garden-document-meta, .garden-document-items) { margin: 0 !important; overflow: visible; border: 1px solid var(--gdc-line) !important; border-radius: 12px !important; box-shadow: 0 7px 24px rgba(37, 48, 42, .04) !important; }
.garden-document-composer :is(.garden-document-meta, .garden-document-items) > .card-header { min-height: 44px !important; padding: 7px 10px !important; border-bottom: 1px solid var(--gdc-line); }
.garden-document-composer :is(.garden-document-meta, .garden-document-items) .card-label { color: var(--gdc-ink) !important; font-size: 13px; }
.garden-document-composer .garden-document-meta > .card-body { padding: 8px 10px 10px !important; }
.garden-document-composer .garden-document-meta .row { --bs-gutter-x: 7px; --bs-gutter-y: 7px; }
.garden-document-composer .garden-document-meta .form-label,
.garden-document-composer .item-row .form-label { margin-bottom: 3px !important; color: var(--gdc-muted) !important; font-size: 13px !important; font-weight: 750 !important; }
.garden-document-composer .garden-document-meta :is(.form-control, .form-select),
.garden-document-composer .item-row :is(.form-control, .form-select) { min-height: 30px; padding: 3px 7px; background: #fafbfa !important; border: 1px solid var(--gdc-line); border-radius: 7px; color: var(--gdc-ink); font-size: 13px; }
.garden-document-composer .garden-document-meta :is(.form-control, .form-select):focus,
.garden-document-composer .item-row :is(.form-control, .form-select):focus { background: #fff !important; border-color: #879b8e; box-shadow: 0 0 0 3px rgba(72, 95, 82, .07); }

.garden-document-composer .garden-document-items > .card-body { padding: 8px 10px 10px !important; }
.garden-document-composer #add-item-btn { min-height: 29px; padding: 0 8px; border-radius: 7px; font-size: 13px; }
.garden-document-vat-note { display: flex; align-items: flex-start; gap: 6px; margin-bottom: 7px; padding: 7px 9px; background: #f3f6f4; border: 1px solid var(--gdc-line); border-radius: 8px; color: #59675f; font-size: 13px; line-height: 1.55; }
.garden-document-vat-note i { margin-top: 2px; color: #6f8779; }
.garden-document-composer .item-row { position: relative; margin-bottom: 5px !important; padding: 6px 7px !important; background: #fff !important; border: 1px solid var(--gdc-line) !important; border-radius: 8px !important; }
.garden-document-composer .item-row > .row { display: grid; grid-template-columns: minmax(190px, 2fr) 58px 100px 145px 72px 65px 29px; gap: 6px; align-items: end; margin: 0; }
.garden-document-composer .item-row > .row > [class*='col-'] { width: auto; max-width: none; padding: 0; }
.garden-document-composer .item-row .item-total-display,
.garden-document-composer .item-row .item-profit-display { min-height: 29px; color: var(--gdc-ink); font-size: 13px; font-weight: 750; line-height: 1.25; }
.garden-document-composer .item-row .item-total-secondary { margin-top: 1px !important; font-size: 13px !important; }
.garden-document-composer .item-row .item-remove { width: 28px; height: 28px; padding: 0; border: 1px solid var(--gdc-line); border-radius: 7px; color: #a15b55; }
.garden-document-composer .product-suggestions { position: absolute; z-index: 1000; top: calc(100% + 3px); inset-inline: 0; display: none; max-height: 210px; overflow-y: auto; background: #fff; border: 1px solid var(--gdc-line); border-radius: 8px; box-shadow: 0 12px 28px rgba(34, 44, 38, .14); }
.garden-document-composer .product-suggestions.is-visible { display: block; }
.garden-document-composer .suggestion-item { min-height: 42px; padding: 6px 8px !important; color: var(--gdc-ink); font-size: 13px; }
.garden-document-composer .suggestion-item:hover { background: var(--gdc-soft) !important; }
.garden-document-composer #empty-notice { display: none; min-height: 130px; padding: 25px !important; }
.garden-document-composer #empty-notice.is-visible { display: block; }

.garden-document-composer .garden-document-items .border-top.pt-5 { margin-top: 8px !important; padding-top: 8px !important; border-color: var(--gdc-line) !important; }
.garden-document-composer .garden-document-items .border-top.pt-5 > .row { display: grid; grid-template-columns: 310px minmax(0, 1fr); gap: 8px; margin: 0; }
.garden-document-composer .garden-document-items .border-top.pt-5 > .row > [class*='col-'] { width: auto; max-width: none; padding: 0; }
.garden-document-totals { overflow: hidden; background: #f7f9f7; border: 1px solid var(--gdc-line); border-radius: 9px; }
.garden-document-totals > div { display: flex; align-items: center; justify-content: space-between; min-height: 31px; padding: 0 9px; border-bottom: 1px solid var(--gdc-line); }
.garden-document-totals > div:last-child { border-bottom: 0; }
.garden-document-totals span { color: var(--gdc-muted); font-size: 13px; }
.garden-document-totals strong { color: var(--gdc-ink); font: 750 13px 'Inter', sans-serif; }
.garden-document-totals .is-total { min-height: 40px; background: #edf2ee; }
.garden-document-totals .is-total span { color: var(--gdc-ink); font-size: 13px; font-weight: 750; }
.garden-document-totals .is-total strong { color: var(--gdc-accent); font-size: 13px; }
.garden-document-composer .bg-light-success { min-height: 104px; padding: 8px 10px !important; border-radius: 9px !important; }
.garden-document-composer .bg-light-success .row { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; margin: 0; }
.garden-document-composer .bg-light-success .row > [class*='col-'] { width: auto; max-width: none; padding: 0; }
.garden-document-composer .garden-document-delivery-cost { width: 68px; height: 27px; }
.garden-document-submit { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 7px 9px; background: #fff; border: 1px solid var(--gdc-line); border-radius: 10px; box-shadow: 0 7px 24px rgba(37, 48, 42, .04); }
.garden-document-submit > span { display: flex; align-items: center; gap: 6px; color: var(--gdc-muted); font-size: 13px; }
.garden-document-submit > span i { color: #6f8779; }
.garden-document-submit #submit-btn { min-height: 32px; padding: 0 11px; border-radius: 7px; font-size: 13px; }

@media (max-width: 980px) {
    .garden-document-composer .item-row > .row { grid-template-columns: minmax(180px, 1fr) 54px 90px 130px 65px 28px; }
    .garden-document-composer .item-row > .row > :nth-child(6) { grid-column: 5; grid-row: 2; }
    .garden-document-composer .item-row > .row > :nth-child(7) { grid-column: 6; grid-row: 1; }
    .garden-document-composer .garden-document-items .border-top.pt-5 > .row { grid-template-columns: 270px minmax(0, 1fr); }
}

@media (max-width: 720px) {
    .garden-document-composer { padding-inline: 8px !important; }
    .garden-document-composer__head { align-items: flex-start; }
    .garden-document-composer__steps { display: none; }
    .garden-document-composer .garden-document-meta .row > [class*='col-'] { width: 50%; }
    .garden-document-composer .garden-document-meta .row > .col-md-12 { width: 100%; }
    .garden-document-composer .item-row > .row { grid-template-columns: minmax(0, 1fr) 55px 90px 28px; }
    .garden-document-composer .item-row > .row > :nth-child(1) { grid-column: 1 / -1; }
    .garden-document-composer .item-row > .row > :nth-child(2) { grid-column: 1; }
    .garden-document-composer .item-row > .row > :nth-child(3) { grid-column: 2; }
    .garden-document-composer .item-row > .row > :nth-child(4) { grid-column: 3; }
    .garden-document-composer .item-row > .row > :nth-child(5) { grid-column: 1; grid-row: 3; text-align: start !important; }
    .garden-document-composer .item-row > .row > :nth-child(6) { grid-column: 2 / 4; grid-row: 3; text-align: start !important; }
    .garden-document-composer .item-row > .row > :nth-child(7) { grid-column: 4; grid-row: 2; }
    .garden-document-composer .garden-document-items .border-top.pt-5 > .row { grid-template-columns: 1fr; }
    .garden-document-composer .bg-light-success .row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 460px) {
    .garden-document-composer .garden-document-meta .row > [class*='col-'] { width: 100%; }
    .garden-document-composer .bg-light-success .row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-document-submit { align-items: stretch; flex-direction: column; }
    .garden-document-submit #submit-btn { width: 100%; }
}

/* Quote composer v2 -----------------------------------------------------
   A fast, line-based sales workspace. The rows read like a commercial
   document, while customer details and internal profitability stay quiet.
   ---------------------------------------------------------------------- */
.garden-document-composer {
    --gqc-canvas: #f5f6f5;
    --gqc-surface: #fff;
    --gqc-surface-muted: #f8f9f8;
    --gqc-ink: #202622;
    --gqc-copy: #5e665f;
    --gqc-muted: #89918b;
    --gqc-line: #e1e5e2;
    --gqc-moss: #5b6f61;
    --gqc-moss-strong: #405047;
    --gqc-mint: #e9eeeb;
    --gqc-clay: #b55d3d;
    max-width: 1450px;
    padding: 24px clamp(16px, 2.2vw, 32px) 105px !important;
    color: var(--gqc-ink);
    font-family: 'Assistant', 'Noto Sans Hebrew', sans-serif;
}

.garden-document-composer .garden-quote-alert {
    max-width: 1386px;
    margin: 0 auto 14px;
    border: 1px solid var(--gqc-line);
    border-radius: 11px;
    font-size: 16px;
}

.garden-document-composer__head {
    align-items: flex-end;
    margin-bottom: 24px;
}

.garden-document-composer__intro { min-width: 0; }

.garden-document-composer__head .garden-document-composer__back {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 14px;
    color: var(--gqc-copy);
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}

.garden-document-composer__head .garden-document-composer__back:hover { color: var(--gqc-moss-strong); }
.garden-document-composer__head .garden-workspace__eyebrow { margin-bottom: 7px; color: var(--gqc-moss); font-size: 14px; letter-spacing: .045em; }
.garden-document-composer__head h1 { margin: 0; font-family: 'Rubik', 'Assistant', sans-serif; font-size: clamp(30px, 3vw, 44px); font-weight: 600; letter-spacing: -.035em; }
.garden-document-composer__head p { max-width: 720px; margin-top: 9px; color: var(--gqc-copy); font-size: 18px; line-height: 1.5; }

.garden-document-composer__status {
    display: grid;
    gap: 3px;
    min-width: 225px;
    padding: 12px 14px;
    background: var(--gqc-surface);
    border: 1px solid var(--gqc-line);
    border-radius: 12px;
}

.garden-document-composer__status span { display: flex; align-items: center; gap: 8px; color: var(--gqc-moss-strong); font-size: 16px; font-weight: 700; }
.garden-document-composer__status span i { display: grid; place-items: center; width: 30px; height: 30px; background: var(--gqc-mint); border-radius: 8px; }
.garden-document-composer__status small { padding-inline-start: 38px; color: var(--gqc-muted); font-size: 13px; }

.garden-document-composer #manual-doc-form { gap: 16px; }
.garden-document-composer :is(.garden-document-meta, .garden-document-items) { border-color: var(--gqc-line) !important; border-radius: 14px !important; box-shadow: 0 5px 18px rgba(31, 39, 34, .045) !important; }

.garden-quote-section-head {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 78px;
    padding: 13px 18px;
    background: var(--gqc-surface);
    border-bottom: 1px solid var(--gqc-line);
}

.garden-quote-section-head--items { border-inline-start: 4px solid var(--gqc-moss-strong); }
.garden-quote-section-head__icon { display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 40px; color: var(--gqc-moss-strong); background: var(--gqc-mint); border-radius: 10px; font-size: 16px; }
.garden-quote-section-head > div { min-width: 0; }
.garden-quote-section-head > div > span { display: block; margin-bottom: 1px; color: var(--gqc-moss); font-size: 13px; font-weight: 700; letter-spacing: .04em; }
.garden-quote-section-head h2 { margin: 0; color: var(--gqc-ink); font-family: 'Rubik', 'Assistant', sans-serif; font-size: 20px; font-weight: 600; letter-spacing: -.02em; }
.garden-quote-section-head p { margin: 3px 0 0; color: var(--gqc-muted); font-size: 14px; }
.garden-quote-section-head #add-item-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; margin-inline-start: auto; padding: 0 15px; color: #fff; background: var(--gqc-moss-strong); border: 1px solid var(--gqc-moss-strong); border-radius: 10px; font: 700 15px 'Assistant', sans-serif; }
.garden-quote-section-head #add-item-btn:hover { background: #35423a; }

.garden-document-composer .garden-document-meta > .card-body { padding: 18px !important; }
.garden-quote-fields { display: grid; grid-template-columns: 1.45fr 1fr 1.25fr 1.4fr .8fr .95fr; gap: 13px 12px; }
.garden-quote-field { display: grid; align-content: start; gap: 5px; min-width: 0; }
.garden-quote-field > span { color: var(--gqc-copy); font-size: 14px; font-weight: 700; }
.garden-quote-field--subject { grid-column: 1 / -1; }
.garden-quote-field :is(input, select) {
    width: 100%;
    height: 44px;
    padding: 0 12px;
    color: var(--gqc-ink);
    background: var(--gqc-surface-muted);
    border: 1px solid var(--gqc-line);
    border-radius: 9px;
    font: 500 16px 'Assistant', sans-serif;
    outline: none;
}
.garden-quote-field :is(input, select)::placeholder { color: #a0a7a2; }
.garden-quote-field :is(input, select):focus { background: #fff; border-color: #91a197; box-shadow: 0 0 0 3px rgba(64, 80, 71, .08); }

.garden-document-composer .garden-document-items > .card-body { padding: 14px 18px 18px !important; }
.garden-document-vat-note { display: block; margin: 0 0 12px; padding: 0; background: transparent; border: 0; color: var(--gqc-copy); }
.garden-document-vat-note summary { display: inline-flex; align-items: center; gap: 7px; min-height: 32px; padding: 0 10px; color: var(--gqc-copy); background: var(--gqc-surface-muted); border: 1px solid var(--gqc-line); border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 700; list-style: none; }
.garden-document-vat-note summary::-webkit-details-marker { display: none; }
.garden-document-vat-note summary::after { content: '\f078'; margin-inline-start: 4px; color: var(--gqc-muted); font: 900 11px 'Font Awesome 6 Free'; transition: transform 150ms ease; }
.garden-document-vat-note[open] summary::after { transform: rotate(180deg); }
.garden-document-vat-note p { max-width: 940px; margin: 8px 0 0; padding: 10px 12px; background: #f3f6f4; border: 1px solid var(--gqc-line); border-radius: 9px; font-size: 14px; line-height: 1.65; }

.garden-quote-lines-head,
.garden-quote-line-grid { display: grid; grid-template-columns: minmax(240px, 2.2fr) 72px 125px 210px 115px 88px 42px; gap: 10px; align-items: center; }
.garden-quote-lines-head { min-height: 34px; padding: 0 13px; color: var(--gqc-muted); font-size: 13px; font-weight: 700; }
.garden-quote-lines-head span:nth-last-child(-n+3) { text-align: center; }

.garden-document-composer .item-row { margin: 0 0 8px !important; padding: 10px 12px !important; background: var(--gqc-surface) !important; border: 1px solid var(--gqc-line) !important; border-radius: 11px !important; transition: border-color 150ms ease, box-shadow 150ms ease; }
.garden-document-composer .item-row:hover { border-color: #cfd6d1 !important; box-shadow: 0 4px 12px rgba(31, 39, 34, .035); }
.garden-quote-line-field { position: relative; display: block; min-width: 0; margin: 0; }
.garden-quote-line-label { display: none; margin-bottom: 4px; color: var(--gqc-muted); font-size: 13px; font-weight: 700; }
.garden-document-composer .item-row .garden-quote-line-field :is(.form-control, .form-select) { width: 100%; height: 42px; padding: 0 10px; color: var(--gqc-ink); background: var(--gqc-surface-muted) !important; border: 1px solid var(--gqc-line); border-radius: 8px; font: 500 15px 'Assistant', sans-serif; outline: none; }
.garden-document-composer .item-row .garden-quote-line-field :is(.form-control, .form-select):focus { background: #fff !important; border-color: #91a197; box-shadow: 0 0 0 3px rgba(64, 80, 71, .08); }
.garden-quote-line-value { display: grid; align-content: center; min-width: 0; min-height: 42px; text-align: center; }
.garden-document-composer .item-row .item-total-display { color: var(--gqc-ink); font: 700 16px 'Inter', 'Assistant', sans-serif; }
.garden-document-composer .item-row .item-total-secondary { overflow: hidden; color: var(--gqc-muted) !important; font-size: 12px !important; text-overflow: ellipsis; white-space: nowrap; }
.garden-document-composer .item-row .item-profit-display { color: var(--gqc-copy); font: 700 14px 'Inter', 'Assistant', sans-serif; }
.garden-quote-line-actions { display: grid; place-items: center; }
.garden-document-composer .item-row .item-remove { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; color: #9d5b4e; background: #fff; border: 1px solid #eaded9; border-radius: 9px; }
.garden-document-composer .item-row .item-remove:hover { background: #f8ece8; }

.garden-document-composer .product-suggestions { top: calc(100% + 5px); max-height: 280px; border-radius: 10px; box-shadow: 0 16px 34px rgba(31, 39, 34, .14); }
.garden-document-composer .suggestion-item { min-height: 48px; padding: 8px 10px !important; font-size: 15px; }

.garden-document-composer #empty-notice { display: none; min-height: 180px; padding: 34px 18px !important; color: var(--gqc-muted); text-align: center; }
.garden-document-composer #empty-notice.is-visible { display: grid; place-items: center; align-content: center; gap: 5px; }
.garden-document-composer #empty-notice > i { margin-bottom: 4px; color: #a6aea8; font-size: 28px; }
.garden-document-composer #empty-notice strong { color: var(--gqc-copy); font-size: 17px; }
.garden-document-composer #empty-notice p { margin: 0; font-size: 14px; }

.garden-quote-summary { display: grid; grid-template-columns: minmax(300px, .75fr) minmax(530px, 1.25fr); gap: 12px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--gqc-line); }
.garden-document-totals,
.garden-quote-profit { overflow: hidden; background: var(--gqc-surface-muted); border: 1px solid var(--gqc-line); border-radius: 11px; }
.garden-document-totals > header,
.garden-quote-profit > header { min-height: 58px; padding: 10px 13px; background: #fff; border-bottom: 1px solid var(--gqc-line); }
.garden-document-totals > header span,
.garden-quote-profit > header span { display: block; color: var(--gqc-moss); font-size: 13px; font-weight: 700; }
.garden-document-totals > header h3,
.garden-quote-profit > header h3 { margin: 2px 0 0; color: var(--gqc-ink); font-family: 'Rubik', 'Assistant', sans-serif; font-size: 16px; font-weight: 600; }
.garden-document-totals > div { min-height: 42px; padding: 0 13px; }
.garden-document-totals > div span { color: var(--gqc-copy); font-size: 15px; }
.garden-document-totals > div strong { color: var(--gqc-ink); font: 700 16px 'Inter', 'Assistant', sans-serif; }
.garden-document-totals > .is-total { min-height: 55px; color: #fff; background: var(--gqc-moss-strong); }
.garden-document-totals > .is-total span { color: rgba(255,255,255,.8); font-size: 16px; }
.garden-document-totals > .is-total strong { color: #fff; font-size: 22px; }

.garden-quote-profit__metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: 97px; }
.garden-quote-profit__metrics > :is(div, label) { display: grid; align-content: center; gap: 6px; min-width: 0; margin: 0; padding: 12px; border-inline-start: 1px solid var(--gqc-line); }
.garden-quote-profit__metrics > :first-child { border-inline-start: 0; }
.garden-quote-profit__metrics span { color: var(--gqc-muted); font-size: 13px; font-weight: 700; }
.garden-quote-profit__metrics strong { overflow: hidden; color: var(--gqc-ink); font: 700 16px 'Inter', 'Assistant', sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.garden-quote-profit__metrics input { width: 100%; max-width: 92px; height: 36px; padding: 0 9px; color: var(--gqc-ink); background: #fff; border: 1px solid var(--gqc-line); border-radius: 8px; font: 600 15px 'Inter', 'Assistant', sans-serif; outline: none; }
.garden-quote-profit__metrics input:focus { border-color: #91a197; box-shadow: 0 0 0 3px rgba(64, 80, 71, .08); }
.garden-quote-profit__metrics .is-profit-rate { background: var(--gqc-mint); }
.garden-quote-profit__metrics .is-profit-rate strong { color: var(--gqc-moss-strong); font-size: 21px; }

.garden-document-submit {
    position: sticky;
    bottom: 12px;
    z-index: 20;
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto auto;
    gap: 18px;
    min-height: 72px;
    padding: 10px 12px;
    background: rgba(255, 255, 255, .96);
    border-color: #d9dfdb;
    border-radius: 13px;
    box-shadow: 0 12px 30px rgba(31, 39, 34, .11);
    backdrop-filter: blur(10px);
}
.garden-document-submit__assurance { display: flex; align-items: center; gap: 10px; min-width: 0; color: var(--gqc-copy); }
.garden-document-submit__assurance > i { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; color: var(--gqc-moss-strong); background: var(--gqc-mint); border-radius: 10px; }
.garden-document-submit__assurance > span { display: grid; gap: 1px; min-width: 0; }
.garden-document-submit__assurance strong { color: var(--gqc-ink); font-size: 15px; }
.garden-document-submit__assurance small { overflow: hidden; color: var(--gqc-muted); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.garden-document-submit > .garden-document-submit__total { display: grid; align-content: center; min-width: 130px; padding-inline: 18px; border-inline: 1px solid var(--gqc-line); }
.garden-document-submit__total small { color: var(--gqc-muted); font-size: 13px; }
.garden-document-submit__total strong { color: var(--gqc-ink); font: 700 19px 'Inter', 'Assistant', sans-serif; }
.garden-document-submit #submit-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 190px; min-height: 46px; padding: 0 18px; color: #fff; background: var(--gqc-moss-strong); border-color: var(--gqc-moss-strong); border-radius: 10px; font-size: 16px; font-weight: 700; }
.garden-document-submit #submit-btn:hover { background: #35423a; }
.garden-document-submit #submit-btn .indicator-label { align-items: center; gap: 8px; }

@media (max-width: 1160px) {
    .garden-quote-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .garden-quote-field--subject { grid-column: span 2; }
    .garden-quote-lines-head { display: none; }
    .garden-quote-line-grid { grid-template-columns: minmax(250px, 2fr) 72px 120px 190px 110px 80px 40px; gap: 8px; }
    .garden-quote-line-label { display: block; }
    .garden-quote-summary { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
    .garden-document-composer { padding-top: 18px !important; }
    .garden-document-composer__head { align-items: flex-start; }
    .garden-document-composer__status { display: none; }
    .garden-quote-line-grid { grid-template-columns: minmax(0, 1.6fr) 74px 115px 42px; align-items: end; }
    .garden-quote-line-field--description { grid-column: 1 / -1; }
    .garden-quote-line-field--vat { grid-column: 1 / 3; }
    .garden-quote-line-value--total { grid-column: 3; }
    .garden-quote-line-value--profit { grid-column: 1 / 3; grid-row: 3; align-items: start; text-align: start; }
    .garden-quote-line-actions { grid-column: 4; grid-row: 2; }
    .garden-quote-profit__metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .garden-quote-profit__metrics > :is(div, label) { border-bottom: 1px solid var(--gqc-line); }
    .garden-document-submit { grid-template-columns: minmax(0, 1fr) auto; }
    .garden-document-submit__assurance { display: none; }
}

@media (max-width: 650px) {
    .garden-document-composer { padding-inline: 10px !important; padding-bottom: 92px !important; }
    .garden-document-composer__head { margin-bottom: 18px; }
    .garden-document-composer__head h1 { font-size: 28px; }
    .garden-document-composer__head p { font-size: 16px; }
    .garden-quote-section-head { align-items: flex-start; min-height: 72px; padding: 12px; }
    .garden-quote-section-head__icon { width: 36px; height: 36px; flex-basis: 36px; }
    .garden-quote-section-head p { display: none; }
    .garden-quote-section-head #add-item-btn { min-height: 38px; padding: 0 11px; }
    .garden-document-composer .garden-document-meta > .card-body,
    .garden-document-composer .garden-document-items > .card-body { padding: 12px !important; }
    .garden-quote-fields { grid-template-columns: 1fr; }
    .garden-quote-field--subject { grid-column: auto; }
    .garden-quote-line-grid { grid-template-columns: minmax(0, 1fr) 78px; gap: 9px; }
    .garden-quote-line-field--description { grid-column: 1 / -1; }
    .garden-quote-line-field--quantity { grid-column: 2; }
    .garden-quote-line-field--price { grid-column: 1; grid-row: 2; }
    .garden-quote-line-field--vat { grid-column: 1 / -1; }
    .garden-quote-line-value--total { grid-column: 1; text-align: start; }
    .garden-quote-line-value--profit { grid-column: 2; grid-row: 4; text-align: start; }
    .garden-quote-line-actions { position: absolute; top: 9px; left: 9px; display: block; }
    .garden-quote-profit__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-quote-profit__metrics > :is(div, label) { min-height: 78px; }
    .garden-quote-profit__metrics .is-profit-rate { grid-column: 1 / -1; }
    .garden-document-submit { bottom: 6px; grid-template-columns: 1fr; gap: 8px; padding: 9px; }
    .garden-document-submit > .garden-document-submit__total { display: flex; align-items: center; justify-content: space-between; min-width: 0; padding: 0 3px 7px; border-inline: 0; border-bottom: 1px solid var(--gqc-line); }
    .garden-document-submit #submit-btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .garden-document-composer *,
    .garden-document-composer *::before,
    .garden-document-composer *::after { scroll-behavior: auto !important; transition: none !important; }
}

.garden-convert-workspace > .card,
.garden-shipments-workspace > .card {
    margin-bottom: 8px !important;
}

.garden-convert-workspace .row.g-3,
.garden-shipments-workspace .row.g-3 {
    --bs-gutter-x: 8px;
    --bs-gutter-y: 6px;
}

.garden-convert-workspace .order-card > .card-header {
    border-inline-start: 3px solid #7d9183 !important;
    border-inline-end: 0 !important;
}

.garden-convert-workspace .order-summary-panel {
    padding: 8px 10px !important;
    border-color: #dfe5e1 !important;
    border-radius: 8px !important;
    background: #f7f9f7 !important;
    box-shadow: none !important;
}

.garden-convert-workspace .custom-modal-card {
    border: 1px solid #dce3df;
    border-radius: 9px !important;
    box-shadow: 0 12px 32px rgba(31, 45, 37, .14) !important;
}

.garden-convert-workspace .custom-modal-header,
.garden-convert-workspace .custom-modal-body {
    padding: 9px 10px !important;
}

.garden-convert-workspace .product-search-item {
    min-height: 31px;
}

.garden-shipments-workspace > .d-flex:first-child {
    min-height: 50px;
    margin-bottom: 8px !important;
    padding: 7px 10px;
    border: 1px solid #dfe5e1;
    border-radius: 9px;
    background: #fff;
}

.garden-shipments-workspace > .d-flex:first-child h2 {
    margin: 0 !important;
    font-size: 14px !important;
}

.garden-shipments-workspace > .card > .card-header > .d-flex {
    flex-wrap: wrap;
}

.garden-shipments-workspace .modal-content {
    border: 1px solid #dfe5e1;
    border-radius: 9px;
    box-shadow: 0 14px 34px rgba(31, 45, 37, .14);
}

.garden-shipments-workspace .modal-header,
.garden-shipments-workspace .modal-body,
.garden-shipments-workspace .modal-footer {
    padding: 9px 10px !important;
}

.garden-floor-workspace {
    margin-inline: 0;
}

.garden-floor-workspace .card-header {
    gap: 7px;
}

.garden-floor-workspace .card-toolbar {
    flex-wrap: wrap;
    gap: 4px !important;
}

.garden-floor-workspace #areaSelect {
    width: 145px !important;
}

.garden-terminal-workspace {
    margin: 8px;
}

.garden-terminal-workspace .py-20 {
    padding-block: 28px !important;
}

.garden-terminal-test-workspace,
.garden-terminal-device-workspace {
    margin: 8px !important;
}

.garden-terminal-test-workspace .garden-data-card,
.garden-terminal-device-workspace .garden-data-card {
    background: #fff;
}

.garden-data-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 43px;
    padding: 7px 10px;
    border-bottom: 1px solid #e3e8e5;
    background: #fafbfa;
}

.garden-data-card__head h2,
.garden-data-card__head p {
    margin: 0 !important;
}

.garden-data-card__head h2 {
    color: #2e3933;
    font-size: 13px !important;
}

.garden-data-card__head p,
.garden-data-card__head > span {
    color: #7a857f;
    font-size: 13px;
}

.garden-terminal-test-form {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) 150px auto;
    align-items: end;
    gap: 8px;
    padding: 10px;
}

.garden-terminal-test-actions,
.garden-terminal-device-actions,
.garden-terminal-result {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.garden-terminal-result {
    justify-content: space-between;
    min-height: 34px;
    margin: 0 10px 10px;
    padding: 6px 8px;
    border: 1px solid #d8e2dc;
    border-radius: 7px;
    color: #405148;
    background: #f2f6f3;
    font-size: 13px;
}

.garden-terminal-result.is-error {
    border-color: #e6ceca;
    color: #8a4940;
    background: #fbf3f2;
}

.garden-terminal-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    min-height: 150px;
    padding: 18px;
    color: #7a857f;
    background: #fff;
    text-align: center;
}

.garden-terminal-empty > i {
    color: #9aa59e;
    font-size: 20px;
}

.garden-terminal-empty strong {
    color: #3e4b44;
    font-size: 13px;
}

.garden-terminal-empty span {
    font-size: 13px;
}

.garden-terminal-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 14px;
    margin: 0;
    padding: 8px 10px;
}

.garden-terminal-detail-grid > div {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 8px;
    min-height: 34px;
    padding: 7px 0;
    border-bottom: 1px solid #e7ebe8;
}

.garden-terminal-detail-grid dt {
    color: #7b857f;
    font-size: 13px;
    font-weight: 600;
}

.garden-terminal-detail-grid dd {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: #344039;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-terminal-detail-grid .garden-detail-span-2 {
    grid-column: 1 / -1;
}

.garden-terminal-device-actions {
    padding: 0 10px 9px;
}

.garden-terminal-device-actions form {
    margin: 0;
}

.garden-shop-approval-workspace > .card {
    margin-bottom: 8px !important;
}

.garden-shop-approval-workspace > .card:first-child .card-body {
    gap: 9px !important;
    padding: 9px 10px !important;
}

.garden-shop-approval-workspace h2 {
    font-size: 14px !important;
}

.garden-shop-approval-workspace .sa-thumb {
    width: 42px !important;
    height: 42px !important;
}

.garden-shop-approval-workspace .sa-gallery {
    gap: 6px !important;
}

.garden-shop-approval-workspace .sa-gallery img {
    width: 78px !important;
    height: 78px !important;
    border-width: 2px !important;
    border-radius: 7px !important;
}

.garden-shop-approval-workspace .sa-cats {
    max-height: 170px !important;
    padding: 7px 8px !important;
    border-radius: 7px !important;
}

.garden-whatsapp-workspace {
    max-width: none !important;
    margin: 8px !important;
    padding: 10px !important;
    border: 1px solid #dfe5e1;
    border-radius: 9px;
    background: #fff;
}

.garden-whatsapp-workspace > h1 {
    margin: 0 0 2px !important;
    font-size: 15px !important;
}

.garden-workspace-note {
    margin: 0 0 9px !important;
    color: #748078;
    font-size: 13px;
}

.garden-whatsapp-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.garden-whatsapp-grid > section {
    min-width: 0;
    padding: 9px;
    border: 1px solid #e1e6e3;
    border-radius: 8px;
    background: #fbfcfb;
}

.garden-whatsapp-grid h2 {
    margin: 0 0 7px !important;
    font-size: 13px !important;
}

.garden-whatsapp-grid .mb-3 {
    margin-bottom: 7px !important;
}

@media (max-width: 900px) {
    .garden-analytics-workspace .sa-tiles,
    .garden-neurolink-workspace .nl-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 680px) {
    .garden-analytics-workspace .sa-funnel-row {
        grid-template-columns: 82px minmax(90px, 1fr) 112px !important;
    }

    .garden-whatsapp-grid {
        grid-template-columns: 1fr;
    }

    .garden-terminal-test-form {
        grid-template-columns: 1fr;
    }

    .garden-terminal-detail-grid {
        grid-template-columns: 1fr;
    }

    .garden-terminal-detail-grid .garden-detail-span-2 {
        grid-column: auto;
    }

    .garden-terminal-test-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 520px) {
    .garden-longtail-workspace {
        margin-inline: 5px;
    }

    .garden-analytics-workspace .sa-tiles,
    .garden-neurolink-workspace .nl-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .garden-analytics-workspace .sa-funnel-row {
        grid-template-columns: 74px 1fr !important;
    }

    .garden-analytics-workspace .sa-funnel-row .sa-nums {
        grid-column: 2;
    }

    .garden-shipments-workspace > .d-flex:first-child {
        align-items: flex-start !important;
        flex-direction: column;
    }
}

/* Legacy compatibility and internal printer discovery */
.garden-legacy-orders-workspace .app-toolbar {
    padding-block: 7px !important;
}

.garden-legacy-orders-workspace .app-container {
    max-width: none !important;
    padding-inline: 8px !important;
}

.garden-legacy-orders-workspace .card {
    border: 1px solid #dde4df !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

.garden-legacy-orders-workspace .card-header {
    min-height: 0 !important;
    padding: 9px !important;
    border-bottom: 1px solid #e3e8e5 !important;
}

.garden-legacy-orders-workspace .card-body {
    padding: 8px 9px !important;
}

.garden-legacy-orders-workspace .form-control,
.garden-legacy-orders-workspace .form-select {
    min-height: 32px !important;
    padding-block: 5px !important;
    border-radius: 7px !important;
}

.garden-legacy-orders-workspace .btn {
    min-height: 30px !important;
    padding: 5px 9px !important;
    border-radius: 7px !important;
}

.garden-legacy-orders-workspace .table > :not(caption) > * > * {
    padding-block: 8px !important;
    border-bottom-color: #e5e9e7 !important;
}

.garden-printer-discovery-workspace {
    margin: 8px !important;
}

.garden-printer-discovery-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
    padding: 2px 2px 8px;
    border-bottom: 1px solid #dfe5e1;
}

.garden-page-eyebrow {
    display: block;
    margin-bottom: 2px;
    color: #728078;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
}

.garden-printer-discovery-header h1 {
    margin: 0 0 2px !important;
    color: #28312c;
    font-size: 16px !important;
}

.garden-printer-discovery-header p {
    margin: 0;
    color: #748078;
    font-size: 13px;
}

.garden-printer-discovery-card {
    overflow: hidden;
    border: 1px solid #dfe5e1;
    border-radius: 9px;
    background: #fff;
}

.garden-printer-discovery-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border-bottom: 1px solid #e3e8e5;
    background: #fafbfa;
}

.garden-printer-discovery-card__head h2 {
    margin: 0 !important;
    font-size: 13px !important;
}

.garden-printer-discovery-card__head span {
    color: #7b867f;
    font-size: 13px;
}

.garden-printer-discovery-workspace .table th {
    padding: 7px 10px !important;
    color: #6d7871 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    background: #f6f8f6 !important;
}

.garden-printer-discovery-workspace .table td {
    padding: 8px 10px !important;
    color: #3d4841;
    font-size: 13px;
    border-bottom-color: #e6ebe8 !important;
}

.garden-printer-name {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
}

.garden-printer-name i {
    color: #73847a;
}

.garden-printer-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3px;
    min-height: 120px;
    color: #7a857e;
    text-align: center;
}

.garden-printer-empty > i {
    margin-bottom: 3px;
    color: #a3ada7;
    font-size: 20px;
}

.garden-printer-empty strong {
    color: #4a554e;
    font-size: 13px;
}

.garden-printer-empty span {
    font-size: 13px;
}

.garden-analytics-workspace .sa-card {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 680px) {
    .garden-printer-discovery-header {
        align-items: stretch;
        flex-direction: column;
    }

    .garden-printer-discovery-header .btn {
        align-self: flex-start;
    }
}

/* Account workspace — real data only, no template billing placeholders */
.garden-account-workspace {
    --gac-ink: #2a342e;
    --gac-muted: #748078;
    --gac-line: #dfe5e1;
    --gac-soft: #f5f7f5;
    max-width: 1280px;
    margin: 8px auto 22px;
    padding-inline: 8px;
}

body:has(.garden-account-workspace) .app-toolbar {
    display: none !important;
}

.garden-account-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--gac-line);
    border-radius: 10px 10px 0 0;
    background: #fff;
}

.garden-account-identity {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 9px;
}

.garden-account-identity > img,
.garden-account-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    min-width: 38px;
    border: 1px solid #cfd8d2;
    border-radius: 9px;
    color: #52675a;
    background: #edf1ee;
    object-fit: cover;
    font-size: 14px;
    font-weight: 800;
}

.garden-account-identity h1 {
    margin: 0 0 1px !important;
    color: var(--gac-ink);
    font-size: 14px !important;
    font-weight: 800 !important;
}

.garden-account-identity p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0;
    color: var(--gac-muted);
    font-size: 13px;
}

.garden-account-nav {
    display: flex;
    align-items: center;
    gap: 3px;
    min-height: 36px;
    padding: 4px 8px;
    overflow-x: auto;
    border: 1px solid var(--gac-line);
    border-top: 0;
    border-radius: 0 0 10px 10px;
    background: #fafbfa;
    scrollbar-width: thin;
}

.garden-account-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 27px;
    padding: 4px 9px;
    border-radius: 6px;
    color: #667269;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.garden-account-nav a:hover {
    color: #3f5146;
    background: #eef2ef;
}

.garden-account-nav a.is-active {
    color: #fff;
    background: #4b5e51;
}

.garden-account-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-top: 8px;
}

.garden-account-metrics article {
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid var(--gac-line);
    border-radius: 9px;
    background: #fff;
}

.garden-account-metrics span,
.garden-account-metrics small {
    display: block;
    color: var(--gac-muted);
    font-size: 13px;
}

.garden-account-metrics strong {
    display: block;
    margin: 2px 0;
    color: var(--gac-ink);
    font-size: 16px;
    font-weight: 800;
}

.garden-account-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 8px;
}

.garden-account-card {
    overflow: hidden;
    border: 1px solid var(--gac-line);
    border-radius: 9px;
    background: #fff;
}

.garden-account-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 44px;
    padding: 7px 10px;
    border-bottom: 1px solid #e4e9e6;
    background: #fafbfa;
}

.garden-account-card__head h2,
.garden-account-security-note h2 {
    margin: 0 !important;
    color: var(--gac-ink);
    font-size: 13px !important;
    font-weight: 800 !important;
}

.garden-account-count {
    color: var(--gac-muted);
    font-size: 13px;
    white-space: nowrap;
}

.garden-account-details {
    margin: 0;
    padding: 0 10px;
}

.garden-account-details > div {
    display: grid;
    grid-template-columns: minmax(100px, .42fr) minmax(0, 1fr);
    gap: 10px;
    min-height: 34px;
    padding: 7px 0;
    border-bottom: 1px solid #e8ece9;
}

.garden-account-details > div:last-child {
    border-bottom: 0;
}

.garden-account-details dt {
    color: var(--gac-muted);
    font-size: 13px;
    font-weight: 600;
}

.garden-account-details dd {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    color: #414d45;
    font-size: 13px;
    font-weight: 700;
}

.garden-account-action-list {
    padding: 3px 10px;
}

.garden-account-action-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 39px;
    padding: 7px 2px;
    border-bottom: 1px solid #e8ece9;
    color: #465249;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.garden-account-action-list a:last-child {
    border-bottom: 0;
}

.garden-account-action-list a > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.garden-account-action-list a > span i {
    width: 18px;
    color: #718077;
    text-align: center;
}

.garden-account-action-list a > i {
    color: #9aa49e;
    font-size: 13px;
}

.garden-account-action-list a:hover {
    color: #3f5146;
}

.garden-account-sales {
    margin-top: 8px;
}

.garden-account-week-list {
    padding: 0 10px;
}

.garden-account-week {
    display: grid;
    grid-template-columns: minmax(150px, .7fr) minmax(0, 1.3fr);
    align-items: center;
    gap: 18px;
    min-height: 58px;
    padding: 8px 0;
    border-bottom: 1px solid #e6ebe8;
}

.garden-account-week:last-child {
    border-bottom: 0;
}

.garden-account-week__identity span,
.garden-account-week dt {
    color: var(--gac-muted);
    font-size: 13px;
    font-weight: 600;
}

.garden-account-week__identity strong {
    display: block;
    margin: 1px 0 4px;
    color: var(--gac-ink);
    font-size: 13px;
    font-weight: 800;
}

.garden-account-week__meter {
    display: block;
    width: min(100%, 150px);
    height: 3px;
    overflow: hidden;
    appearance: none;
    border: 0;
    border-radius: 999px;
    background: #e7ece8;
}

.garden-account-week__meter::-webkit-progress-bar {
    border-radius: inherit;
    background: #e7ece8;
}

.garden-account-week__meter::-webkit-progress-value,
.garden-account-week__meter::-moz-progress-bar {
    background: #6c8374;
    border-radius: inherit;
}

.garden-account-week dl {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.garden-account-week dl > div {
    min-width: 0;
}

.garden-account-week dd {
    margin: 2px 0 0;
    color: #465249;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.garden-account-notice {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid #d8e0da;
    border-inline-start: 3px solid #657a6c;
    border-radius: 9px;
    background: #f7f9f7;
}

.garden-account-notice__icon,
.garden-account-security-note__icon,
.garden-account-link-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 7px;
    color: #52675a;
    background: #e9efeb;
}

.garden-account-notice h2 {
    margin: 0 0 2px !important;
    color: var(--gac-ink);
    font-size: 13px !important;
}

.garden-account-notice p,
.garden-account-security-note p {
    margin: 0;
    color: var(--gac-muted);
    font-size: 13px;
    line-height: 1.55;
}

.garden-account-card__footer {
    padding: 7px 10px;
    border-top: 1px solid #e4e9e6;
    background: #fafbfa;
}

.garden-account-security-note {
    margin-top: 8px;
    padding: 10px;
}

.garden-account-security-note > div {
    display: flex;
    align-items: center;
    gap: 9px;
}

.garden-account-security-note h2 {
    margin-bottom: 2px !important;
}

.garden-account-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3px;
    min-height: 115px;
    padding: 18px;
    color: var(--gac-muted);
    text-align: center;
}

.garden-account-empty--large {
    min-height: 220px;
}

.garden-account-empty > i {
    margin-bottom: 3px;
    color: #9ca8a0;
    font-size: 20px;
}

.garden-account-empty strong {
    color: #4c584f;
    font-size: 13px;
}

.garden-account-empty span {
    max-width: 540px;
    font-size: 13px;
    line-height: 1.55;
}

.garden-account-grid--links {
    margin-top: 8px;
}

.garden-account-link-card {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-height: 66px;
    padding: 9px 10px;
    border: 1px solid var(--gac-line);
    border-radius: 9px;
    color: #465249;
    background: #fff;
    text-decoration: none;
}

.garden-account-link-card strong,
.garden-account-link-card small {
    display: block;
}

.garden-account-link-card strong {
    margin-bottom: 2px;
    font-size: 13px;
}

.garden-account-link-card small {
    color: var(--gac-muted);
    font-size: 13px;
}

.garden-account-link-card > i {
    color: #9aa49e;
    font-size: 13px;
}

.garden-account-link-card:hover {
    color: #3f5146;
    border-color: #c8d2cb;
}

/* Kiosk settings — compact operational form, shared with the account shell */
.garden-kiosk-workspace > .garden-account-card,
.garden-kiosk-workspace > .alert {
    margin-top: 8px;
}

.garden-kiosk-summary .garden-account-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 18px;
}

.garden-kiosk-summary .garden-account-details > div:nth-last-child(-n + 2) {
    border-bottom: 0;
}

.garden-kiosk-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
    padding: 10px;
}

.garden-kiosk-workspace .form-label,
.garden-kiosk-fieldset legend {
    margin-bottom: 4px;
    color: #5d6961;
    font-size: 13px;
    font-weight: 700;
}

.garden-kiosk-workspace .form-control,
.garden-kiosk-workspace .form-select,
.garden-kiosk-workspace .input-group > .btn {
    min-height: 32px !important;
    height: 32px !important;
    padding: 5px 8px !important;
    border-color: #dbe2dd !important;
    border-radius: 6px !important;
    color: #414d45 !important;
    background-color: #fff !important;
    font-size: 13px !important;
}

.garden-kiosk-workspace input[type="file"].form-control {
    height: auto !important;
    min-height: 32px !important;
}

.garden-kiosk-workspace .form-text,
.garden-kiosk-switch-row small {
    display: block;
    margin-top: 3px;
    color: #7d8881;
    font-size: 13px;
}

.garden-kiosk-image-field,
.garden-kiosk-switch-row {
    grid-column: 1 / -1;
}

.garden-kiosk-image-field {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.garden-kiosk-image-preview {
    width: 62px;
    height: 62px;
    border: 1px solid #d8e0da;
    border-radius: 8px;
    background: #f4f6f4;
    object-fit: cover;
}

.garden-kiosk-switch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 42px;
    padding: 6px 8px;
    border: 1px solid #e1e6e3;
    border-radius: 7px;
    background: #fafbfa;
}

.garden-kiosk-switch-row strong {
    color: #414d45;
    font-size: 13px;
}

.garden-kiosk-switch-row .form-check-input {
    width: 32px !important;
    height: 18px !important;
    margin: 0 !important;
}

.garden-kiosk-fieldset,
.garden-kiosk-blackout,
.garden-kiosk-custom-hours {
    margin: 0;
    padding: 10px;
    border: 0;
    border-bottom: 1px solid #e4e9e6;
}

.garden-kiosk-days {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 5px;
}

.garden-kiosk-day {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 32px;
    padding: 5px;
    border: 1px solid #dfe5e1;
    border-radius: 6px;
    color: #58645c;
    background: #fafbfa;
    font-size: 13px;
    cursor: pointer;
}

.garden-kiosk-day:has(input:checked) {
    border-color: #aebcb2;
    color: #35443a;
    background: #edf2ee;
}

.garden-kiosk-date-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    min-height: 22px;
    margin-top: 7px;
}

.garden-kiosk-date-tag {
    border: 0;
    font-size: 13px;
}

.garden-kiosk-custom-hours[hidden] {
    display: none !important;
}

.garden-kiosk-custom-row {
    display: grid;
    grid-template-columns: 110px minmax(110px, 1fr) auto minmax(110px, 1fr);
    align-items: center;
    gap: 7px;
    min-height: 39px;
    border-bottom: 1px solid #edf0ee;
}

.garden-kiosk-custom-row:last-child {
    border-bottom: 0;
}

.garden-kiosk-custom-row strong {
    color: #536057;
    font-size: 13px;
}

.garden-kiosk-workspace .garden-account-card__footer {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

/* Printer settings */
.garden-printer-settings-workspace > .garden-account-card,
.garden-printer-settings-grid {
    margin-top: 8px;
}

.garden-printer-summary-copy {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 45px;
    padding: 8px 10px;
}

.garden-printer-summary-copy > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 7px;
    color: #52675a;
    background: #e9efeb;
}

.garden-printer-summary-copy p {
    margin: 0;
    color: #748078;
    font-size: 13px;
}

.garden-printer-settings-grid {
    display: grid;
    grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr);
    align-items: start;
    gap: 8px;
}

.garden-printer-list {
    display: grid;
    gap: 8px;
}

.garden-printer-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px 12px;
    padding: 10px;
}

.garden-printer-settings-workspace .form-label {
    margin-bottom: 4px;
    color: #5d6961;
    font-size: 13px;
    font-weight: 700;
}

.garden-printer-settings-workspace .form-control,
.garden-printer-settings-workspace .form-select {
    min-height: 32px !important;
    height: 32px !important;
    padding: 5px 8px !important;
    border-color: #dbe2dd !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    font-size: 13px !important;
}

.garden-printer-advanced-switch,
.garden-printer-advanced-panel {
    grid-column: 1 / -1;
}

.garden-printer-advanced-panel {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 8px;
    border: 1px solid #e1e6e3;
    border-radius: 7px;
    background: #fafbfa;
}

.garden-printer-advanced-panel[hidden] {
    display: none !important;
}

.garden-printer-card > summary {
    cursor: pointer;
    list-style: none;
}

.garden-printer-card > summary::-webkit-details-marker {
    display: none;
}

.garden-printer-card > summary > i {
    color: #8c9790;
    font-size: 13px;
    transition: transform .16s ease;
}

.garden-printer-card[open] > summary > i {
    transform: rotate(180deg);
}

.garden-printer-actions {
    display: flex;
    justify-content: flex-end;
}

.garden-printer-secondary-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 7px 10px;
    border-top: 1px solid #edf0ee;
}

.garden-printer-secondary-actions form {
    margin: 0;
}

/* Payment settings */
.garden-payment-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
    align-items: start;
    gap: 8px;
    margin-top: 8px;
}

.garden-payment-device-list,
.garden-payment-add-column {
    display: grid;
    gap: 8px;
}

.garden-payment-section-head {
    border: 1px solid var(--gac-line);
    border-radius: 9px;
}

.garden-payment-device-card > summary,
.garden-payment-add-card > summary,
.garden-payplus-card > summary {
    cursor: pointer;
    list-style: none;
}

.garden-payment-device-card > summary::-webkit-details-marker,
.garden-payment-add-card > summary::-webkit-details-marker,
.garden-payplus-card > summary::-webkit-details-marker {
    display: none;
}

.garden-payment-device-status {
    display: flex;
    align-items: center;
    gap: 7px;
}

.garden-payment-device-status > i,
.garden-payment-add-card > summary > i {
    color: #8c9790;
    font-size: 13px;
    transition: transform .16s ease;
}

.garden-payment-device-card[open] > summary .garden-payment-device-status > i,
.garden-payment-add-card[open] > summary > i {
    transform: rotate(180deg);
}

.garden-payment-device-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
    border-bottom: 1px solid #e8ece9;
}

.garden-payment-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px 12px;
    padding: 10px;
}

.garden-payment-form-grid--single {
    grid-template-columns: 1fr;
}

.garden-payment-settings-workspace .form-label {
    margin-bottom: 4px;
    color: #5d6961;
    font-size: 13px;
    font-weight: 700;
}

.garden-payment-settings-workspace .form-control,
.garden-payment-settings-workspace .form-select {
    min-height: 32px !important;
    height: 32px !important;
    padding: 5px 8px !important;
    border-color: #dbe2dd !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    font-size: 13px !important;
}

.garden-payment-secret-field,
.garden-payment-switches {
    grid-column: 1 / -1;
}

.garden-payment-switches {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    min-height: 34px;
    padding: 6px 8px;
    border: 1px solid #e1e6e3;
    border-radius: 7px;
    background: #fafbfa;
}

.garden-payment-switches .form-check {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

.garden-payment-switches .form-check-input {
    width: 32px !important;
    height: 18px !important;
    margin: 0 !important;
}

.garden-payment-switches .form-check-label {
    color: #536057;
    font-size: 13px;
}

.garden-payment-device-actions {
    display: flex;
    justify-content: flex-end;
}

.garden-payment-secondary-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    padding: 7px 10px;
    border-top: 1px solid #edf0ee;
}

.garden-payment-secondary-actions form {
    margin: 0;
}

.garden-payment-test-result {
    min-height: 0;
    padding: 0 10px;
    color: #667269;
    font-size: 13px;
}

.garden-payment-test-result:not(:empty) {
    padding-block: 7px;
    border-top: 1px solid #edf0ee;
}

.garden-payment-test-result.is-success {
    color: #416b4f;
    background: #f3f8f4;
}

.garden-payment-test-result.is-error {
    color: #9a4c45;
    background: #fbf5f4;
}

.garden-payplus-card {
    margin-top: 8px;
}

@media (max-width: 720px) {
    .garden-account-workspace {
        margin-top: 5px;
        padding-inline: 5px;
    }

    .garden-account-header {
        align-items: flex-start;
    }

    .garden-account-header > .btn {
        min-width: 30px !important;
        padding-inline: 7px !important;
        font-size: 0 !important;
    }

    .garden-account-header > .btn i {
        margin: 0 !important;
        font-size: 13px !important;
    }

    .garden-account-metrics {
        grid-template-columns: 1fr;
    }

    .garden-account-grid {
        grid-template-columns: 1fr;
    }

    .garden-account-details > div {
        grid-template-columns: minmax(90px, .42fr) minmax(0, 1fr);
    }

    .garden-account-week {
        grid-template-columns: 1fr;
        gap: 7px;
        padding-block: 9px;
    }

    .garden-account-week dl {
        gap: 7px;
    }

    .garden-kiosk-summary .garden-account-details,
    .garden-kiosk-form-grid {
        grid-template-columns: 1fr;
    }

    .garden-kiosk-summary .garden-account-details > div:nth-last-child(2) {
        border-bottom: 1px solid #e8ece9;
    }

    .garden-kiosk-days {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-kiosk-custom-row {
        grid-template-columns: 1fr 1fr;
    }

    .garden-kiosk-custom-row strong {
        grid-column: 1 / -1;
    }

    .garden-kiosk-custom-row > span {
        display: none;
    }

    .garden-printer-settings-grid,
    .garden-printer-form,
    .garden-printer-advanced-panel {
        grid-template-columns: 1fr;
    }

    .garden-payment-layout,
    .garden-payment-device-details,
    .garden-payment-form-grid {
        grid-template-columns: 1fr;
    }
}

/* --------------------------------------------------------------------------
   Deal composer
   The dashboard visual language applied to a quote-first sales workflow.
   -------------------------------------------------------------------------- */
.garden-addorder-workspace .garden-deal-form {
    display: flex !important;
    gap: 12px !important;
}

.garden-addorder-workspace .garden-deal-choice {
    order: 1;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(250px, 0.8fr) minmax(430px, 1.2fr);
    align-items: center;
    gap: 18px;
    padding: 13px 15px;
    background:
        linear-gradient(105deg, color-mix(in srgb, var(--gw-surface) 94%, var(--gw-mint)) 0 42%, var(--gw-surface) 42% 100%);
    border: 1px solid var(--gw-line);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(31, 43, 36, 0.045);
}

.garden-deal-choice__copy {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.garden-deal-choice__eyebrow,
.garden-addorder-submitbar__context > span {
    color: var(--gw-moss-strong);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.garden-deal-choice__copy > strong {
    color: var(--gw-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 15px;
    font-weight: 760;
}

.garden-deal-choice__copy > small {
    color: var(--gw-muted);
    font-size: 13px;
    line-height: 1.45;
}

.garden-deal-choice__options {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    padding: 4px;
    background: var(--ga-soft);
    border: 1px solid var(--gw-line);
    border-radius: 10px;
}

.garden-deal-choice__option {
    min-width: 0;
    min-height: 48px;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 7px 9px;
    color: var(--gw-muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    text-align: start;
    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

.garden-deal-choice__option > i {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    color: var(--gw-muted);
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 8px;
    font-size: 13px;
}

.garden-deal-choice__option > span {
    min-width: 0;
    display: grid;
    gap: 1px;
}

.garden-deal-choice__option strong {
    color: inherit;
    font-size: 13px;
    font-weight: 800;
}

.garden-deal-choice__option small {
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-deal-choice__option:is(:hover, :focus-visible) {
    color: var(--gw-ink);
    background: color-mix(in srgb, var(--gw-surface) 82%, var(--gw-mint));
    border-color: color-mix(in srgb, var(--gw-moss) 20%, var(--gw-line));
}

.garden-deal-choice__option.is-active {
    color: var(--gw-ink);
    background: var(--gw-surface);
    border-color: color-mix(in srgb, var(--gw-moss) 30%, var(--gw-line));
    box-shadow: 0 5px 15px rgba(31, 43, 36, 0.07);
}

.garden-deal-choice__option.is-active > i {
    color: #fff;
    background: var(--gw-moss-strong);
    border-color: var(--gw-moss-strong);
}

.garden-addorder-workspace .garden-order-details-card {
    order: 2;
}

.garden-addorder-workspace .garden-addorder-commerce {
    order: 3;
}

.garden-addorder-workspace .garden-addorder-submitbar {
    order: 4;
}

.garden-addorder-workspace .garden-order-details-card > .card-header {
    min-height: 42px !important;
}

.garden-addorder-workspace .garden-section-number {
    width: 20px;
    height: 20px;
    display: inline-grid;
    place-items: center;
    margin-inline-end: 6px;
    color: var(--gw-moss-strong);
    background: var(--gw-mint);
    border: 1px solid color-mix(in srgb, var(--gw-moss) 20%, var(--gw-line));
    border-radius: 50%;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 800;
    vertical-align: middle;
}

.garden-addorder-workspace .garden-cart-card > .card-header > div:first-child {
    display: flex;
    align-items: center;
}

.garden-addorder-workspace .garden-order-form-section h4 {
    display: flex;
    align-items: center;
}

.garden-addorder-workspace .garden-payment-context {
    margin: -4px 0 9px;
    color: var(--gw-muted);
    font-size: 13px;
    line-height: 1.45;
}

.garden-addorder-workspace .is-quote-mode .garden-order-form-section.is-payment {
    display: none !important;
}

@media (min-width: 900px) {
    .garden-addorder-workspace .garden-order-details {
        grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.28fr) !important;
        align-items: stretch;
    }

    .garden-addorder-workspace .garden-order-form-section.is-customer {
        grid-column: 1 !important;
        padding: 12px 14px;
    }

    .garden-addorder-workspace .garden-order-form-section.is-delivery {
        grid-column: 2 !important;
        display: block !important;
        padding: 12px 14px;
        border-top: 0 !important;
        border-inline-start: 1px solid var(--gw-line);
    }

    .garden-addorder-workspace .garden-order-form-section.is-delivery > h4,
    .garden-addorder-workspace .garden-order-form-section.is-delivery > .d-flex,
    .garden-addorder-workspace .garden-order-form-section.is-delivery > #deliveryFieldsV {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    .garden-addorder-workspace .garden-order-form-section.is-delivery > #deliveryFieldsV {
        padding-inline-start: 0 !important;
        border-inline-start: 0 !important;
    }

    .garden-addorder-workspace .is-order-mode .garden-order-details {
        grid-template-columns: minmax(270px, 0.8fr) minmax(190px, 0.48fr) minmax(360px, 1.2fr) !important;
    }

    .garden-addorder-workspace .is-order-mode .garden-order-form-section.is-payment {
        grid-column: 2;
        display: block;
        border-inline-start: 1px solid var(--gw-line);
    }

    .garden-addorder-workspace .is-order-mode .garden-order-form-section.is-delivery {
        grid-column: 3 !important;
    }
}

/* The DOM stays a table for compatibility, but the customer sees deal lines. */
.garden-addorder-workspace .garden-deal-lines {
    max-height: 336px;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.garden-addorder-workspace #cartTable {
    min-width: 0 !important;
    display: block;
}

.garden-addorder-workspace #cartTable thead {
    display: none;
}

.garden-addorder-workspace #cartTable tbody {
    display: grid;
    gap: 6px;
}

.garden-addorder-workspace #cartTable tbody tr {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(150px, 1.3fr) 72px 102px minmax(92px, 0.8fr) minmax(90px, 0.8fr) 48px;
    align-items: center;
    gap: 5px;
    padding: 7px;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 9px;
}

.garden-addorder-workspace #cartTable tbody td {
    width: auto !important;
    min-width: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    color: var(--gw-copy);
    border: 0 !important;
    line-height: 1.25;
}

.garden-addorder-workspace #cartTable tbody td:first-child {
    justify-content: flex-start;
    text-align: start;
}

.garden-addorder-workspace #cartTable tbody td:first-child .fw-semibold {
    overflow: hidden;
    color: var(--gw-ink);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-addorder-workspace #cartTable tbody :is(.form-control, .form-select) {
    height: 31px !important;
    min-height: 31px !important;
    padding: 4px 7px !important;
    background-color: var(--ga-soft);
    border-color: var(--gw-line);
    border-radius: 7px;
    font-size: 13px !important;
}

.garden-addorder-workspace #cartTable tbody .btn {
    min-width: 27px;
    min-height: 27px !important;
    padding: 4px 7px !important;
    border-radius: 7px;
    font-size: 13px !important;
}

.garden-addorder-workspace #cartTable tbody .btn-danger {
    color: #9b4d46 !important;
    background: #fbf5f4 !important;
    border: 1px solid #ecd8d5 !important;
}

.garden-addorder-submitbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.garden-addorder-submitbar__context {
    min-width: 0;
    display: grid;
    gap: 1px;
    margin-inline-end: 8px;
}

.garden-addorder-submitbar__context > strong {
    overflow: hidden;
    color: var(--gw-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 14px;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-addorder-submitbar__context > small {
    overflow: hidden;
    color: var(--gw-muted);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-addorder-workspace .garden-addorder-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: min(440px, 46vw);
}

@media (max-width: 899px) {
    .garden-addorder-workspace .garden-deal-choice {
        grid-template-columns: minmax(0, 1fr);
        gap: 9px;
        background: var(--gw-surface);
    }

    .garden-addorder-workspace .garden-order-details {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .garden-addorder-workspace .garden-order-form-section.is-customer,
    .garden-addorder-workspace .garden-order-form-section.is-payment,
    .garden-addorder-workspace .garden-order-form-section.is-delivery {
        grid-column: 1 !important;
    }
}

@media (max-width: 767px) {
    .garden-addorder-workspace #cartTable tbody tr {
        grid-template-columns: minmax(0, 1fr) 70px 92px 42px;
    }

    .garden-addorder-workspace #cartTable tbody td:nth-child(4),
    .garden-addorder-workspace #cartTable tbody td:nth-child(5) {
        display: none !important;
    }

    .garden-addorder-submitbar {
        grid-template-columns: 1fr 1fr !important;
    }

    .garden-addorder-submitbar__context {
        grid-column: 1 / -1;
    }
}

@media (max-width: 520px) {
    .garden-deal-choice__options {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-addorder-workspace .garden-addorder-steps {
        min-width: 0;
    }

    .garden-addorder-workspace .garden-addorder-steps li {
        font-size: 0;
    }

    .garden-addorder-workspace .garden-addorder-steps li span {
        font-size: 13px;
    }

    .garden-addorder-workspace #cartTable tbody tr {
        grid-template-columns: minmax(0, 1fr) 88px 40px;
    }

    .garden-addorder-workspace #cartTable tbody td:nth-child(2) {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-deal-choice__option {
        transition: none;
    }
}

/* Quote pipeline — an operational queue, never a spreadsheet. */
.garden-quotes-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.garden-quotes-archive-link {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 7px;
    padding: 0 13px;
    border: 1px solid var(--gw-line);
    border-radius: 9px;
    background: #fff;
    color: var(--gw-copy);
    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
}

.garden-quotes-archive-link:hover {
    border-color: #bfc8c1;
    background: var(--gw-surface-muted);
    color: var(--gw-ink);
}

.garden-quotes-overview {
    display: grid;
    grid-template-columns: repeat(4, minmax(110px, 0.72fr)) minmax(155px, 1fr);
    gap: 7px;
    margin: 0 16px 10px;
}

.garden-quotes-overview > div {
    min-width: 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 10px;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 9px;
}

.garden-quotes-overview > div.is-value {
    background: color-mix(in srgb, var(--gw-surface) 84%, var(--gw-mint));
    border-color: color-mix(in srgb, var(--gw-moss) 20%, var(--gw-line));
}

.garden-quotes-overview span {
    overflow: hidden;
    color: var(--gw-muted);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-quotes-overview strong {
    color: var(--gw-ink);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 15px;
    font-weight: 750;
    white-space: nowrap;
}

.garden-quotes-card > .card-body {
    padding: 8px !important;
    overflow-x: hidden !important;
}

.garden-quotes-queue {
    display: grid;
    gap: 6px;
}

.garden-quote-row {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(210px, 1.25fr) minmax(100px, 0.52fr) minmax(125px, 0.62fr) minmax(120px, 0.62fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 68px;
    padding: 8px 9px;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 9px;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.garden-quote-row::before {
    content: '';
    position: absolute;
    inset-block: 12px;
    inset-inline-start: -1px;
    width: 3px;
    background: #b2bab4;
    border-radius: 0 3px 3px 0;
}

.garden-quote-row.is-payment::before {
    background: #9a8c5f;
}

.garden-quote-row:is(.is-paid, .is-converted)::before {
    background: var(--gw-moss);
}

.garden-quote-row:is(:hover, :focus-within) {
    border-color: color-mix(in srgb, var(--gw-moss) 26%, var(--gw-line));
    box-shadow: 0 7px 20px rgba(31, 43, 36, 0.055);
    transform: translateY(-1px);
}

.garden-quote-row__customer {
    min-width: 0;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
}

.garden-quote-row__avatar {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    color: var(--gw-moss-strong);
    background: var(--gw-mint);
    border: 1px solid color-mix(in srgb, var(--gw-moss) 20%, var(--gw-line));
    border-radius: 9px;
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 15px;
    font-weight: 800;
}

.garden-quote-row__customer > div,
.garden-quote-row__amount,
.garden-quote-row__stage,
.garden-quote-row__relevance {
    min-width: 0;
    display: grid;
    gap: 1px;
}

.garden-quote-row__customer span:not(.garden-quote-row__avatar),
.garden-quote-row__amount > span,
.garden-quote-row__stage > span,
.garden-quote-row__relevance > span {
    color: var(--gw-muted);
    font-size: 13px;
    font-weight: 650;
}

.garden-quote-row__customer strong {
    overflow: hidden;
    color: var(--gw-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 13px;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-quote-row__customer small,
.garden-quote-row__stage small {
    color: var(--gw-muted);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 13px;
}

.garden-quote-row__amount strong {
    color: var(--gw-ink);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 14px;
    font-weight: 760;
    white-space: nowrap;
}

.garden-quote-row__stage strong {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--gw-copy);
    font-size: 13px;
    font-weight: 750;
    white-space: nowrap;
}

.garden-quote-row__stage strong i {
    width: 6px;
    height: 6px;
    background: #aab2ac;
    border-radius: 50%;
}

.garden-quote-row.is-payment .garden-quote-row__stage strong i {
    background: #9a8c5f;
}

.garden-quote-row:is(.is-paid, .is-converted) .garden-quote-row__stage strong i {
    background: var(--gw-moss);
}

.garden-quote-row__relevance .form-select {
    width: 100% !important;
    min-width: 0 !important;
    height: 29px !important;
    min-height: 29px !important;
    margin: 0 !important;
    padding: 3px 7px !important;
    color: var(--gw-copy);
    background-color: var(--ga-soft);
    border: 1px solid var(--gw-line);
    border-radius: 7px;
    font-size: 13px !important;
}

.garden-quote-row__actions {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.garden-quote-action {
    min-height: 29px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px;
    margin: 0 !important;
    padding: 5px 8px !important;
    color: var(--gw-copy) !important;
    background: var(--ga-soft) !important;
    border: 1px solid var(--gw-line) !important;
    border-radius: 7px !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    white-space: nowrap;
}

.garden-quote-action.is-primary {
    color: #fff !important;
    background: var(--gw-moss-strong) !important;
    border-color: var(--gw-moss-strong) !important;
}

.garden-quote-action.is-more {
    width: 29px;
    padding-inline: 0 !important;
}

.garden-quote-action:is(:hover, :focus-visible) {
    border-color: color-mix(in srgb, var(--gw-moss) 35%, var(--gw-line)) !important;
}

.garden-quotes-empty {
    min-height: 220px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 6px;
    padding: 24px;
    color: var(--gw-muted);
    text-align: center;
}

.garden-quotes-empty > i {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    color: var(--gw-moss-strong);
    background: var(--gw-mint);
    border-radius: 10px;
}

.garden-quotes-empty strong {
    color: var(--gw-ink);
    font-size: 15px;
}

.garden-quotes-empty span {
    font-size: 13px;
}

.garden-quotes-empty .btn {
    min-height: 30px !important;
    margin-top: 4px;
    padding: 5px 10px !important;
    font-size: 13px !important;
}

@media (max-width: 1199px) {
    .garden-quote-row {
        grid-template-columns: minmax(200px, 1.2fr) minmax(95px, 0.55fr) minmax(115px, 0.65fr) minmax(120px, 0.7fr);
    }

    .garden-quote-row__actions {
        grid-column: 1 / -1;
        padding-top: 7px;
        border-top: 1px solid var(--gw-line);
    }
}

@media (max-width: 800px) {
    .garden-quotes-overview {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .garden-quotes-overview > div.is-value {
        grid-column: span 2;
    }

    .garden-quote-row {
        grid-template-columns: minmax(0, 1.35fr) minmax(100px, 0.65fr);
    }

    .garden-quote-row__stage,
    .garden-quote-row__relevance {
        padding-top: 6px;
        border-top: 1px solid var(--gw-line);
    }
}

@media (max-width: 560px) {
    .garden-quotes-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-inline: 8px;
    }

    .garden-quotes-overview > div.is-value {
        grid-column: 1 / -1;
    }

    .garden-quote-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-quote-row__amount,
    .garden-quote-row__stage,
    .garden-quote-row__relevance {
        grid-template-columns: 90px minmax(0, 1fr);
        align-items: center;
        padding-top: 6px;
        border-top: 1px solid var(--gw-line);
    }

    .garden-quote-row__stage small {
        grid-column: 2;
    }

    .garden-quote-row__actions {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .garden-quote-action {
        width: 100%;
    }

    .garden-quote-action.is-primary {
        grid-column: span 2;
    }

    .garden-quote-action span {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-quote-row {
        transition: none;
    }
}

/* Quote approval — one focused closing screen between commercial and ops. */
.garden-convert-workspace {
    max-width: none !important;
    padding-bottom: 84px !important;
}

.garden-convert-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 22px;
    margin-bottom: 12px;
}

.garden-convert-header h1 {
    margin: 5px 0 2px;
    color: var(--gw-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: clamp(27px, 2vw, 36px);
    font-weight: 800;
    letter-spacing: -0.04em;
}

.garden-convert-header p {
    margin: 0;
    color: var(--gw-muted);
    font-size: 13px;
}

.garden-convert-steps {
    min-width: min(410px, 44vw);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    padding: 5px;
    list-style: none;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 10px;
}

.garden-convert-steps li {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: var(--gw-muted);
    border-inline-start: 1px solid var(--gw-line);
    font-size: 13px;
    font-weight: 700;
}

.garden-convert-steps li:last-child {
    border-inline-start: 0;
}

.garden-convert-steps :is(i, b) {
    width: 18px;
    height: 18px;
    display: inline-grid;
    place-items: center;
    color: var(--gw-moss-strong);
    background: var(--gw-mint);
    border-radius: 50%;
    font-size: 13px;
}

.garden-convert-steps .is-active {
    color: var(--gw-ink);
    background: var(--gw-mint);
    border-radius: 7px;
}

.garden-convert-steps .is-active b {
    color: #fff;
    background: var(--gw-moss-strong);
}

.garden-convert-workspace .order-card {
    padding: 0 !important;
    border: 1px solid var(--gw-line) !important;
    border-radius: 11px !important;
    box-shadow: 0 8px 24px rgba(31, 43, 36, 0.045) !important;
    overflow: hidden;
}

.garden-convert-workspace .order-card > .card-header {
    min-height: 52px !important;
    padding: 8px 12px !important;
    background: color-mix(in srgb, var(--gw-surface) 90%, var(--gw-mint));
    border: 0 !important;
    border-bottom: 1px solid var(--gw-line) !important;
}

.garden-convert-workspace .order-card > .card-header h4 {
    color: var(--gw-ink) !important;
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 15px !important;
}

.garden-convert-workspace .order-card > .card-body {
    padding: 10px !important;
}

.garden-convert-details,
.garden-convert-items {
    margin-bottom: 8px;
    padding: 10px;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 9px;
}

.garden-convert-section-title {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
}

.garden-convert-section-title > span {
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: var(--gw-moss-strong);
    background: var(--gw-mint);
    border: 1px solid color-mix(in srgb, var(--gw-moss) 20%, var(--gw-line));
    border-radius: 50%;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 800;
}

.garden-convert-section-title > div {
    min-width: 0;
    display: grid;
    gap: 1px;
}

.garden-convert-section-title strong {
    color: var(--gw-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 13px;
    font-weight: 760;
}

.garden-convert-section-title small {
    color: var(--gw-muted);
    font-size: 13px;
}

.garden-convert-workspace :is(.form-control, .form-select) {
    min-height: 32px !important;
    height: 32px !important;
    padding: 4px 7px !important;
    color: var(--gw-ink);
    background-color: var(--ga-soft);
    border-color: var(--gw-line);
    border-radius: 7px;
    font-size: 13px !important;
}

.garden-convert-workspace .form-label {
    margin-bottom: 3px !important;
    color: var(--gw-muted) !important;
    font-size: 13px !important;
}

.garden-convert-details .row {
    margin-bottom: 7px !important;
}

.garden-convert-items-legend,
.garden-convert-workspace .order-card table tbody tr {
    display: grid;
    grid-template-columns: minmax(210px, 1.35fr) 70px 104px 92px minmax(135px, 0.8fr) minmax(120px, 0.7fr);
    align-items: center;
    gap: 6px;
}

.garden-convert-items-legend {
    padding: 0 7px 5px;
    color: var(--gw-muted);
    font-size: 13px;
    font-weight: 700;
}

.garden-convert-workspace .order-card table {
    min-width: 0 !important;
    display: block;
    margin: 0 !important;
}

.garden-convert-workspace .order-card table thead {
    display: none;
}

.garden-convert-workspace .order-card table tbody {
    display: grid;
    gap: 5px;
}

.garden-convert-workspace .order-card table tbody tr {
    padding: 6px;
    background: var(--ga-soft);
    border: 1px solid var(--gw-line) !important;
    border-radius: 8px;
}

.garden-convert-workspace .order-card table tbody tr.delivery-row {
    background: color-mix(in srgb, var(--gw-surface) 84%, var(--gw-mint)) !important;
}

.garden-convert-workspace .order-card table tbody td {
    width: auto !important;
    min-width: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.garden-convert-workspace .order-card table tbody td:first-child {
    justify-content: flex-start;
}

.garden-convert-workspace .order-card table tbody :is(input, select) {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    background: var(--gw-surface) !important;
    border: 1px solid var(--gw-line) !important;
}

.garden-convert-workspace .order-card table tbody td:first-child input {
    font-weight: 700 !important;
}

.garden-convert-workspace .order-card table tbody .btn-icon {
    width: 27px !important;
    height: 27px !important;
    min-height: 27px !important;
    padding: 0 !important;
    border-radius: 7px;
}

.garden-convert-workspace .order-summary-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    margin-top: 8px !important;
    padding: 8px 10px !important;
    background: color-mix(in srgb, var(--gw-surface) 84%, var(--gw-mint)) !important;
}

.garden-convert-workspace .final-total-input {
    height: 37px !important;
    min-height: 37px !important;
    font-size: 19px !important;
    border-style: solid !important;
}

.garden-convert-payments-title {
    gap: 12px;
}

.garden-convert-workspace .payments-container {
    min-height: 36px;
    padding: 5px;
    background: var(--ga-soft);
    border: 1px dashed var(--gw-line);
    border-radius: 8px;
}

.garden-convert-workspace .payment-row {
    margin-bottom: 5px !important;
    padding: 6px !important;
    background: var(--gw-surface) !important;
    border: 1px solid var(--gw-line);
}

.garden-convert-submitbar {
    position: sticky;
    bottom: 9px;
    z-index: 20;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 7px;
    padding: 8px 9px;
    background: color-mix(in srgb, var(--gw-surface) 94%, transparent);
    border: 1px solid var(--gw-line);
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(31, 43, 36, 0.11);
    backdrop-filter: blur(10px);
}

.garden-convert-submitbar > div {
    min-width: 0;
    display: grid;
    gap: 1px;
}

.garden-convert-submitbar > div span {
    color: var(--gw-moss-strong);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.garden-convert-submitbar > div strong {
    overflow: hidden;
    color: var(--gw-ink);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-convert-submitbar > div small {
    overflow: hidden;
    color: var(--gw-muted);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-convert-submitbar .btn {
    min-height: 32px !important;
    margin: 0 !important;
    padding: 5px 10px !important;
    border-radius: 7px;
    font-size: 13px !important;
}

@media (max-width: 980px) {
    .garden-convert-header {
        grid-template-columns: minmax(0, 1fr);
        gap: 9px;
    }

    .garden-convert-steps {
        width: 100%;
        min-width: 0;
    }

    .garden-convert-items-legend,
    .garden-convert-workspace .order-card table tbody tr {
        grid-template-columns: minmax(180px, 1.25fr) 62px 92px 82px minmax(120px, 0.8fr) minmax(105px, 0.7fr);
    }
}

@media (max-width: 760px) {
    .garden-convert-items-legend {
        display: none;
    }

    .garden-convert-workspace .order-card table tbody tr {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px 9px;
    }

    .garden-convert-workspace .order-card table tbody td {
        display: grid;
        grid-template-columns: 76px minmax(0, 1fr);
        justify-content: stretch;
        gap: 5px;
        text-align: start !important;
    }

    .garden-convert-workspace .order-card table tbody td::before {
        color: var(--gw-muted);
        font-size: 13px;
        font-weight: 700;
    }

    .garden-convert-workspace .order-card table tbody td:nth-child(1)::before { content: 'מוצר'; }
    .garden-convert-workspace .order-card table tbody td:nth-child(2)::before { content: 'כמות'; }
    .garden-convert-workspace .order-card table tbody td:nth-child(3)::before { content: 'מחיר'; }
    .garden-convert-workspace .order-card table tbody td:nth-child(4)::before { content: 'מחיר משלים'; }
    .garden-convert-workspace .order-card table tbody td:nth-child(5)::before { content: 'ספק'; }
    .garden-convert-workspace .order-card table tbody td:nth-child(6)::before { content: 'שיוך'; }

    .garden-convert-workspace .order-card table tbody td:first-child,
    .garden-convert-workspace .order-card table tbody td:nth-child(5) {
        grid-column: 1 / -1;
    }

    .garden-convert-submitbar {
        grid-template-columns: 1fr 1fr;
    }

    .garden-convert-submitbar > div {
        grid-column: 1 / -1;
    }
}

@media (max-width: 520px) {
    .garden-convert-steps li span {
        display: none;
    }

    .garden-convert-workspace .order-card table tbody tr {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-convert-workspace .order-card table tbody td,
    .garden-convert-workspace .order-card table tbody td:first-child,
    .garden-convert-workspace .order-card table tbody td:nth-child(5) {
        grid-column: 1;
    }

    .garden-convert-workspace .order-summary-panel {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Orders operations queue — card rows with a visible next action. */
.garden-orders-table-wrap {
    overflow: visible !important;
    padding: 8px !important;
    background: var(--gw-canvas) !important;
    border-top: 1px solid var(--gw-line);
}

.garden-orders-workspace .orders-table,
.garden-orders-workspace .orders-table tbody {
    width: 100%;
    min-width: 0 !important;
    display: block;
    background: transparent !important;
}

.garden-orders-workspace .orders-table colgroup,
.garden-orders-workspace .orders-table thead {
    display: none !important;
}

.garden-orders-workspace .orders-table tbody {
    display: grid;
    gap: 6px;
}

.garden-orders-workspace .orders-table tbody tr {
    position: relative;
    min-width: 0;
    min-height: 72px;
    display: grid;
    grid-template-columns: 28px minmax(205px, 1.25fr) 82px 112px 82px 102px 104px minmax(195px, auto);
    align-items: center;
    gap: 8px;
    padding: 8px;
    background: var(--gw-surface);
    border: 1px solid var(--gw-line);
    border-radius: 9px;
    box-shadow: none;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.garden-orders-workspace .orders-table tbody tr::before {
    content: '';
    position: absolute;
    inset-block: 12px;
    inset-inline-start: -1px;
    width: 3px;
    background: #b0b9b2;
    border-radius: 0 3px 3px 0;
}

.garden-orders-workspace .orders-table tbody tr.is-urgent::before {
    background: var(--gw-clay);
}

.garden-orders-workspace .orders-table tbody tr.is-complete::before {
    background: var(--gw-moss);
}

.garden-orders-workspace .orders-table tbody tr.is-canceled::before,
.garden-orders-workspace .orders-table tbody tr.abandoned-row::before {
    background: #aeb4b0;
}

.garden-orders-workspace .orders-table tbody tr:is(:hover, :focus-within) {
    background: var(--gw-surface) !important;
    border-color: color-mix(in srgb, var(--gw-moss) 28%, var(--gw-line));
    box-shadow: 0 7px 20px rgba(31, 43, 36, 0.055);
    transform: translateY(-1px);
}

.garden-orders-workspace .orders-table tbody tr.row-selected {
    background: color-mix(in srgb, var(--gw-surface) 78%, var(--gw-mint)) !important;
    border-color: color-mix(in srgb, var(--gw-moss) 35%, var(--gw-line));
}

.garden-orders-workspace .orders-table tbody tr.is-complete,
.garden-orders-workspace .orders-table tbody tr.is-canceled,
.garden-orders-workspace .orders-table tbody tr.abandoned-row {
    background: color-mix(in srgb, var(--gw-surface) 75%, var(--ga-soft));
}

.garden-orders-workspace .orders-table tbody td,
.garden-orders-workspace .orders-table.compact tbody td,
.garden-orders-workspace .orders-table tbody td[class*="order-col-"] {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    display: grid;
    align-content: center;
    justify-content: stretch;
    gap: 2px;
    padding: 0 !important;
    color: var(--gw-copy);
    background: transparent !important;
    border: 0 !important;
    text-align: start !important;
}

.garden-orders-workspace .orders-table tbody td:not(.order-col-select, .order-col-order, .order-col-actions)::before {
    content: attr(data-label);
    color: var(--gw-muted);
    font-size: 13px;
    font-weight: 650;
    line-height: 1;
}

.garden-orders-workspace .orders-table .order-col-select {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.garden-orders-workspace .orders-table .order-col-order {
    display: block !important;
}

.garden-orders-workspace .orders-table .order-col-order > .d-flex {
    min-width: 0;
}

.garden-orders-workspace .orders-table .order-col-channel,
.garden-orders-workspace .orders-table .order-col-created {
    display: none !important;
}

.garden-orders-workspace .orders-table .order-col-location,
.garden-orders-workspace .orders-table .order-col-delivery {
    display: grid !important;
}

.garden-orders-workspace .garden-order-row-meta {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 2px;
    color: var(--gw-muted);
    font-size: 13px;
}

.garden-orders-workspace .garden-order-row-meta span + span::before {
    content: '·';
    margin-inline-end: 5px;
    color: #b1b8b3;
}

.garden-orders-workspace .garden-order-row-meta .is-attention {
    color: var(--gw-clay);
    font-weight: 750;
}

.garden-orders-workspace .orders-table .order-col-amount > span {
    color: var(--gw-ink);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 14px !important;
}

.garden-orders-workspace .orders-table .order-col-payment,
.garden-orders-workspace .orders-table .order-col-status,
.garden-orders-workspace .orders-table .order-col-location,
.garden-orders-workspace .orders-table .order-col-delivery {
    justify-items: start;
}

.garden-orders-workspace .garden-payment-cell,
.garden-orders-workspace .garden-delivery-cell,
.garden-orders-workspace .clickable-cell {
    width: 100% !important;
    min-height: 28px !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 3px 0 !important;
    text-align: start !important;
}

.garden-orders-workspace .garden-order-next-actions {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.garden-orders-workspace .garden-order-next {
    min-height: 29px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 5px 8px;
    color: var(--gw-copy);
    background: var(--ga-soft);
    border: 1px solid var(--gw-line);
    border-radius: 7px;
    font-size: 13px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
}

.garden-orders-workspace .garden-order-next.is-primary {
    color: #fff;
    background: var(--gw-moss-strong);
    border-color: var(--gw-moss-strong);
}

.garden-orders-workspace .is-urgent .garden-order-next.is-primary {
    background: color-mix(in srgb, var(--gw-moss-strong) 84%, var(--gw-clay));
}

.garden-orders-workspace .garden-order-next.is-icon {
    width: 29px;
    padding-inline: 0;
}

.garden-orders-workspace .garden-order-next:is(:hover, :focus-visible) {
    border-color: color-mix(in srgb, var(--gw-moss) 38%, var(--gw-line));
    filter: brightness(0.98);
}

.garden-orders-workspace .orders-table.compact tbody {
    gap: 4px;
}

.garden-orders-workspace .orders-table.compact tbody tr {
    min-height: 58px;
    padding-block: 5px;
}

.garden-orders-workspace .garden-orders-empty-row {
    min-height: 180px !important;
    display: block !important;
    padding: 0 !important;
}

.garden-orders-workspace .garden-orders-empty-row::before {
    display: none;
}

.garden-orders-workspace .garden-orders-empty-row td {
    display: block !important;
}

@media (max-width: 1199px) {
    .garden-orders-workspace .orders-table tbody tr {
        grid-template-columns: 28px minmax(210px, 1.2fr) 84px 112px 88px minmax(120px, 0.7fr) minmax(110px, 0.7fr);
    }

    .garden-orders-workspace .orders-table .order-col-actions {
        grid-column: 2 / -1;
        padding-top: 7px !important;
        border-top: 1px solid var(--gw-line) !important;
    }
}

@media (max-width: 860px) {
    .garden-orders-workspace .orders-table tbody tr {
        grid-template-columns: 28px minmax(0, 1.35fr) minmax(110px, 0.65fr);
        gap: 7px 9px;
    }

    .garden-orders-workspace .orders-table .order-col-select { grid-column: 1; grid-row: 1; }
    .garden-orders-workspace .orders-table .order-col-order { grid-column: 2; grid-row: 1; }
    .garden-orders-workspace .orders-table .order-col-amount { grid-column: 3; grid-row: 1; }
    .garden-orders-workspace .orders-table .order-col-payment { grid-column: 2; grid-row: 2; }
    .garden-orders-workspace .orders-table .order-col-status { grid-column: 3; grid-row: 2; }
    .garden-orders-workspace .orders-table .order-col-location { grid-column: 2; grid-row: 3; }
    .garden-orders-workspace .orders-table .order-col-delivery { grid-column: 3; grid-row: 3; }
    .garden-orders-workspace .orders-table .order-col-actions { grid-column: 2 / -1; grid-row: 4; }

    .garden-orders-workspace .orders-table .order-col-payment,
    .garden-orders-workspace .orders-table .order-col-status,
    .garden-orders-workspace .orders-table .order-col-location,
    .garden-orders-workspace .orders-table .order-col-delivery {
        padding-top: 6px !important;
        border-top: 1px solid var(--gw-line) !important;
    }
}

@media (max-width: 560px) {
    .garden-orders-workspace .orders-table tbody tr {
        grid-template-columns: 25px minmax(0, 1fr);
    }

    .garden-orders-workspace .orders-table .order-col-select { grid-column: 1; grid-row: 1; }
    .garden-orders-workspace .orders-table .order-col-order { grid-column: 2; grid-row: 1; }
    .garden-orders-workspace .orders-table .order-col-amount,
    .garden-orders-workspace .orders-table .order-col-payment,
    .garden-orders-workspace .orders-table .order-col-status,
    .garden-orders-workspace .orders-table .order-col-location,
    .garden-orders-workspace .orders-table .order-col-delivery,
    .garden-orders-workspace .orders-table .order-col-actions {
        grid-column: 2;
        grid-row: auto;
        display: grid !important;
        grid-template-columns: 82px minmax(0, 1fr);
        align-items: center;
        padding-top: 6px !important;
        border-top: 1px solid var(--gw-line) !important;
    }

    .garden-orders-workspace .orders-table .order-col-actions::before {
        content: attr(data-label);
        color: var(--gw-muted);
        font-size: 13px;
        font-weight: 650;
    }

    .garden-orders-workspace .garden-order-next-actions {
        justify-content: flex-start;
    }

    .garden-orders-workspace .garden-order-next.is-primary {
        flex: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-orders-workspace .orders-table tbody tr {
        transition: none;
    }
}

/* Collections centre — a follow-up queue with a real action loop. */
.garden-collections-alert {
    margin: 0 16px 8px;
    padding: 7px 10px !important;
    border-radius: 8px;
    font-size: 13px;
}

.garden-collections-queue-header {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid var(--gcol-border);
}

.garden-collections-queue-header > div {
    min-width: 0;
    display: grid;
    gap: 1px;
}

.garden-collections-queue-header span {
    color: var(--gw-moss-strong);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.garden-collections-queue-header h2 {
    margin: 0;
    color: var(--gcol-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 15px;
    font-weight: 760;
}

.garden-collections-queue-header p {
    margin: 0;
    color: var(--gcol-muted);
    font-size: 13px;
}

.garden-collections-queue-header > strong {
    padding: 4px 7px;
    color: var(--gw-copy);
    background: var(--gcol-soft);
    border: 1px solid var(--gcol-border);
    border-radius: 999px;
    font-size: 13px;
    white-space: nowrap;
}

.garden-collections-queue {
    display: grid;
    gap: 6px;
    padding: 8px;
    background: var(--gw-canvas);
}

.garden-collection-row {
    position: relative;
    min-width: 0;
    min-height: 68px;
    display: grid;
    grid-template-columns: minmax(190px, 1.15fr) 105px 75px minmax(120px, 0.75fr) minmax(120px, 0.75fr) minmax(90px, 0.55fr) auto;
    align-items: center;
    gap: 9px;
    padding: 8px 9px;
    background: var(--gw-surface);
    border: 1px solid var(--gcol-border);
    border-radius: 9px;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.garden-collection-row::before {
    content: '';
    position: absolute;
    inset-block: 11px;
    inset-inline-start: -1px;
    width: 3px;
    background: #b2bab4;
    border-radius: 0 3px 3px 0;
}

.garden-collection-row.is-due::before,
.garden-collection-row.is-aged::before {
    background: var(--gw-clay);
}

.garden-collection-row:is(:hover, :focus-within) {
    border-color: color-mix(in srgb, var(--gw-moss) 28%, var(--gcol-border));
    box-shadow: 0 7px 20px rgba(31, 43, 36, 0.055);
    transform: translateY(-1px);
}

.garden-collection-row__customer {
    min-width: 0;
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
}

.garden-collection-row__customer > span {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    color: var(--gw-moss-strong);
    background: var(--gw-mint);
    border: 1px solid color-mix(in srgb, var(--gw-moss) 20%, var(--gcol-border));
    border-radius: 9px;
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 14px;
    font-weight: 800;
}

.garden-collection-row__customer > div,
.garden-collection-row__money,
.garden-collection-row__age,
.garden-collection-row__state,
.garden-collection-row__last,
.garden-collection-row__owner {
    min-width: 0;
    display: grid;
    gap: 1px;
}

.garden-collection-row :is(span, small):not(.garden-collection-row__customer > span) {
    color: var(--gcol-muted);
    font-size: 13px;
    font-style: normal;
}

.garden-collection-row__customer small {
    color: var(--gcol-muted);
}

.garden-collection-row__customer strong {
    overflow: hidden;
    color: var(--gcol-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 13px;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-collection-row__customer em {
    color: var(--gcol-muted);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 13px;
    font-style: normal;
}

.garden-collection-row__money strong {
    color: var(--gw-clay);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 15px;
    font-weight: 780;
    white-space: nowrap;
}

.garden-collection-row__age strong,
.garden-collection-row__last strong,
.garden-collection-row__owner strong {
    overflow: hidden;
    color: var(--gcol-ink);
    font-size: 13px;
    font-weight: 740;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-collection-row__state > strong {
    width: max-content;
    max-width: 100%;
    padding: 3px 5px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 750;
    white-space: nowrap;
}

.garden-collection-row__state small.is-due {
    color: var(--gw-clay);
    font-weight: 750;
}

.garden-collection-row__actions {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}

.garden-collection-row__actions :is(a, button) {
    min-width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 7px;
    color: var(--gw-copy);
    background: var(--gcol-soft);
    border: 1px solid var(--gcol-border);
    border-radius: 7px;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}

.garden-collection-row__actions button {
    color: #fff;
    background: var(--gw-moss-strong);
    border-color: var(--gw-moss-strong);
}

.garden-collection-row__actions :is(a, button):is(:hover, :focus-visible) {
    border-color: color-mix(in srgb, var(--gw-moss) 40%, var(--gcol-border));
    filter: brightness(0.98);
}

.garden-collections-empty {
    min-height: 180px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 5px;
    padding: 20px;
    color: var(--gcol-muted);
    text-align: center;
}

.garden-collections-empty > i {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    color: var(--gw-moss-strong);
    background: var(--gw-mint);
    border-radius: 9px;
}

.garden-collections-empty strong {
    color: var(--gcol-ink);
    font-size: 14px;
}

.garden-collections-empty span,
.garden-collections-empty a {
    font-size: 13px;
}

.garden-collection-action-modal .modal-content {
    border: 1px solid var(--gcol-border);
    border-radius: 11px;
    box-shadow: 0 16px 40px rgba(31, 43, 36, 0.14);
}

.garden-collection-action-modal .modal-header {
    align-items: flex-start;
    padding: 10px 12px;
    background: color-mix(in srgb, var(--gw-surface) 88%, var(--gw-mint));
    border-bottom: 1px solid var(--gcol-border);
}

.garden-collection-action-modal .modal-header > div {
    display: grid;
    gap: 1px;
}

.garden-collection-action-modal .modal-header span {
    color: var(--gw-moss-strong);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.garden-collection-action-modal .modal-title {
    color: var(--gcol-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 15px;
    font-weight: 760;
}

.garden-collection-action-modal .modal-header small {
    color: var(--gcol-muted);
    font-size: 13px;
}

.garden-collection-action-modal .modal-body {
    padding: 10px 12px;
}

.garden-collection-action-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.garden-collection-action-grid > div {
    min-width: 0;
}

.garden-collection-action-grid .is-wide {
    grid-column: 1 / -1;
}

.garden-collection-action-grid label {
    display: block;
    margin-bottom: 3px;
    color: var(--gcol-muted);
    font-size: 13px;
    font-weight: 700;
}

.garden-collection-action-grid :is(.form-control, .form-select) {
    width: 100%;
    min-height: 33px;
    height: 33px;
    padding: 4px 7px;
    color: var(--gcol-ink);
    background-color: var(--gcol-soft);
    border-color: var(--gcol-border);
    border-radius: 7px;
    font-size: 13px;
}

.garden-collection-action-grid textarea.form-control {
    min-height: 66px;
    height: 66px;
    resize: vertical;
}

.garden-collection-action-modal .modal-footer {
    min-height: 46px;
    gap: 6px;
    padding: 7px 12px;
    border-top: 1px solid var(--gcol-border);
}

.garden-collection-action-modal .modal-footer .btn {
    min-height: 30px !important;
    margin: 0 !important;
    padding: 5px 10px !important;
    border-radius: 7px;
    font-size: 13px !important;
}

@media (max-width: 1199px) {
    .garden-collection-row {
        grid-template-columns: minmax(190px, 1.15fr) 105px 75px minmax(120px, 0.75fr) minmax(120px, 0.75fr) minmax(90px, 0.55fr);
    }

    .garden-collection-row__actions {
        grid-column: 1 / -1;
        padding-top: 7px;
        border-top: 1px solid var(--gcol-border);
    }
}

@media (max-width: 820px) {
    .garden-collection-row {
        grid-template-columns: minmax(0, 1.3fr) minmax(100px, 0.7fr) minmax(78px, 0.5fr);
    }

    .garden-collection-row__state,
    .garden-collection-row__last,
    .garden-collection-row__owner {
        padding-top: 6px;
        border-top: 1px solid var(--gcol-border);
    }
}

@media (max-width: 560px) {
    .garden-collection-row {
        grid-template-columns: minmax(0, 1fr) minmax(90px, 0.55fr);
    }

    .garden-collection-row__age {
        grid-column: 1 / -1;
        grid-template-columns: 75px auto auto;
        align-items: center;
        padding-top: 6px;
        border-top: 1px solid var(--gcol-border);
    }

    .garden-collection-row__state,
    .garden-collection-row__last,
    .garden-collection-row__owner {
        grid-column: 1 / -1;
        grid-template-columns: 75px minmax(0, 1fr);
        align-items: center;
    }

    .garden-collection-row__state small,
    .garden-collection-row__last small {
        grid-column: 2;
    }

    .garden-collection-row__actions {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .garden-collection-row__actions :is(a, button) {
        width: 100%;
    }

    .garden-collection-row__actions button {
        grid-column: span 2;
    }

    .garden-collection-action-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-collection-action-grid .is-wide {
        grid-column: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-collection-row {
        transition: none;
    }
}

/* --------------------------------------------------------------------------
   Sales hub — one action queue instead of three competing CRM screens.
   -------------------------------------------------------------------------- */

.garden-sales-hub {
    --gsh-border: #dde3df;
    --gsh-soft: #f6f8f6;
    --gsh-muted: #7d8780;
    --gsh-ink: #252c27;
    --gsh-green: #485a50;
    --gsh-green-dark: #36463d;
    --gsh-green-soft: #e9efeb;
    --gsh-clay: #a95d43;
    --gsh-clay-soft: #f7e9e3;
    display: flex;
    max-width: 1640px;
    margin: 0 auto;
    flex-direction: column;
    gap: 18px;
}

.garden-sales-hub__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 5px 2px 0;
}

.garden-sales-hub__header h1 {
    margin: 5px 0 4px;
    color: var(--gsh-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: clamp(31px, 2.1vw, 42px);
    font-weight: 650;
    letter-spacing: -0.045em;
}

.garden-sales-hub__header p {
    margin: 0;
    color: var(--gsh-muted);
    font-size: 17px;
    font-weight: 520;
}

.garden-sales-hub__header-actions {
    display: flex;
    align-items: stretch;
    gap: 9px;
}

.garden-sales-hub__header-actions > a {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
    transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;
}

.garden-sales-hub__header-actions > a:hover {
    transform: translateY(-1px);
}

.garden-sales-hub__secondary-action {
    padding: 0 17px;
    border: 1px solid var(--gsh-border);
    background: #fff;
    color: var(--gsh-ink);
}

.garden-sales-hub__secondary-action:hover {
    border-color: #bdc7c0;
    background: var(--gsh-soft);
    color: var(--gsh-ink);
}

.garden-sales-hub__primary-action {
    min-width: 205px;
    padding: 7px 16px;
    background: var(--gsh-green);
    color: #fff;
}

.garden-sales-hub__primary-action:hover {
    background: var(--gsh-green-dark);
    color: #fff;
}

.garden-sales-hub__primary-action > i {
    font-size: 18px;
}

.garden-sales-hub__primary-action > span {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.garden-sales-hub__primary-action strong {
    font-size: 16px;
}

.garden-sales-hub__primary-action small {
    margin-top: 3px;
    color: rgba(255, 255, 255, 0.68);
    font-size: 13px;
    font-weight: 600;
}

.garden-sales-hub__views {
    display: flex;
    width: max-content;
    max-width: 100%;
    align-items: center;
    gap: 4px;
    padding: 4px;
    overflow-x: auto;
    border: 1px solid var(--gsh-border);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.82);
}

.garden-sales-hub__views a {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 7px;
    padding: 0 13px;
    border-radius: 7px;
    color: #69736c;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.garden-sales-hub__views a:hover {
    background: var(--gsh-soft);
    color: var(--gsh-ink);
}

.garden-sales-hub__views a.is-active {
    background: var(--gsh-green);
    color: #fff;
}

.garden-sales-hub__metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--gsh-border);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(31, 39, 34, 0.035);
}

.garden-sales-metric {
    position: relative;
    display: grid;
    min-height: 103px;
    align-content: center;
    padding: 16px 21px;
    border-inline-start: 1px solid var(--gsh-border);
    color: inherit;
    text-decoration: none;
}

.garden-sales-metric:first-child {
    border-inline-start: 0;
}

a.garden-sales-metric:hover {
    background: var(--gsh-soft);
    color: inherit;
}

.garden-sales-metric > span {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--gsh-muted);
    font-size: 13px;
    font-weight: 700;
}

.garden-sales-metric > span i {
    color: #9aa39d;
    font-size: 13px;
}

.garden-sales-metric > strong {
    margin-top: 4px;
    color: var(--gsh-ink);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 27px;
    font-weight: 700;
    letter-spacing: -0.035em;
}

.garden-sales-metric > small {
    margin-top: 1px;
    color: #929a94;
    font-size: 13px;
    font-weight: 600;
}

.garden-sales-metric.is-urgent::after {
    position: absolute;
    inset-block: 13px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--gsh-clay);
    content: '';
}

.garden-sales-metric.is-urgent > strong,
.garden-sales-metric.is-urgent > span i {
    color: var(--gsh-clay);
}

.garden-sales-metric.is-value {
    background: #f3f6f4;
}

.garden-sales-hub__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(285px, 330px);
    align-items: start;
    gap: 18px;
}

.garden-sales-work,
.garden-sales-aside-card {
    overflow: hidden;
    border: 1px solid var(--gsh-border);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(31, 39, 34, 0.035);
}

.garden-sales-section-header {
    display: flex;
    min-height: 101px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 20px;
    border-bottom: 1px solid var(--gsh-border);
}

.garden-sales-section-header > div {
    min-width: 0;
}

.garden-sales-section-header span,
.garden-sales-aside-card header span {
    color: #939c96;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.garden-sales-section-header h2,
.garden-sales-aside-card header h2 {
    margin: 2px 0 0;
    color: var(--gsh-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 18px;
    font-weight: 650;
    letter-spacing: -0.02em;
}

.garden-sales-section-header p {
    margin: 3px 0 0;
    color: var(--gsh-muted);
    font-size: 13px;
    font-weight: 540;
}

.garden-sales-section-header > strong,
.garden-sales-aside-card header > strong {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 0 10px;
    border: 1px solid var(--gsh-border);
    border-radius: 8px;
    background: var(--gsh-soft);
    color: #59645d;
    font-size: 13px;
    white-space: nowrap;
}

.garden-sales-work-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(190px, 1.3fr) minmax(140px, 0.9fr) minmax(105px, 0.65fr) minmax(145px, 0.8fr) minmax(195px, 1.05fr);
    align-items: center;
    gap: 15px;
    min-height: 108px;
    padding: 14px 19px;
    border-bottom: 1px solid var(--gsh-border);
    transition: background 150ms ease, opacity 180ms ease;
}

.garden-sales-work-row:last-child {
    border-bottom: 0;
}

.garden-sales-work-row:hover {
    background: #fafbfa;
}

.garden-sales-work-row::before {
    position: absolute;
    inset-block: 17px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: transparent;
    content: '';
}

.garden-sales-work-row.is-overdue::before {
    background: var(--gsh-clay);
}

.garden-sales-work-row.is-new::before {
    background: #77899a;
}

.garden-sales-work-row.is-completed {
    opacity: 0.48;
}

.garden-sales-work-row__identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.garden-sales-work-row__avatar {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid #d7ded9;
    border-radius: 10px;
    background: var(--gsh-green-soft);
    color: var(--gsh-green);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 16px;
    font-weight: 650;
}

.garden-sales-work-row__identity > div,
.garden-sales-work-row__timing,
.garden-sales-work-row__value {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.garden-sales-work-row__identity small,
.garden-sales-work-row__timing > span,
.garden-sales-work-row__value > span,
.garden-sales-work-row__stage > span {
    overflow: hidden;
    color: #929b95;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-sales-work-row__identity a {
    overflow: hidden;
    margin-top: 1px;
    color: var(--gsh-ink);
    font-size: 16px;
    font-weight: 750;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-sales-work-row__identity a:hover {
    color: var(--gsh-green);
}

.garden-sales-work-row__identity > div > span,
.garden-sales-work-row__timing small,
.garden-sales-work-row__value small {
    overflow: hidden;
    margin-top: 1px;
    color: #858f88;
    font-size: 13px;
    font-style: normal;
    font-weight: 560;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-sales-work-row__timing strong,
.garden-sales-work-row__value strong {
    overflow: hidden;
    margin-top: 3px;
    color: #465149;
    font-size: 14px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-sales-work-row__timing strong.is-overdue {
    color: var(--gsh-clay);
}

.garden-sales-work-row__stage {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.garden-sales-work-row__stage select {
    width: 100%;
    height: 34px;
    padding: 0 10px 0 28px;
    border: 1px solid var(--gsh-border);
    border-radius: 8px;
    outline: 0;
    background-color: #fff;
    color: #4e5952;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
}

.garden-sales-work-row__stage select:focus {
    border-color: #91a097;
    box-shadow: 0 0 0 3px rgba(72, 90, 80, 0.1);
}

.garden-sales-work-row__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.garden-sales-work-row__actions > :is(a, button) {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gsh-border);
    border-radius: 8px;
    background: #fff;
    color: #68736c;
    font-size: 14px;
    text-decoration: none;
}

.garden-sales-work-row__actions > :is(a, button):hover {
    border-color: #b6c0b9;
    background: var(--gsh-soft);
    color: var(--gsh-ink);
}

.garden-sales-work-row__actions > .garden-sales-work-row__primary {
    flex: 0 1 auto;
    width: auto;
    min-width: 110px;
    padding: 0 12px;
    gap: 7px;
    border-color: var(--gsh-green);
    background: var(--gsh-green);
    color: #fff;
    font-size: 13px;
    font-weight: 750;
    white-space: nowrap;
}

.garden-sales-work-row__actions > .garden-sales-work-row__primary:hover {
    border-color: var(--gsh-green-dark);
    background: var(--gsh-green-dark);
    color: #fff;
}

.garden-sales-work__empty {
    display: flex;
    min-height: 280px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    text-align: center;
}

.garden-sales-work__empty > i {
    margin-bottom: 12px;
    color: #7e9185;
    font-size: 32px;
}

.garden-sales-work__empty strong {
    color: var(--gsh-ink);
    font-size: 18px;
}

.garden-sales-work__empty span {
    margin-top: 4px;
    color: var(--gsh-muted);
    font-size: 14px;
}

.garden-sales-work__empty a {
    margin-top: 14px;
    color: var(--gsh-green);
    font-size: 14px;
    font-weight: 750;
}

.garden-sales-aside {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.garden-sales-aside-card header {
    display: flex;
    min-height: 72px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 16px;
    border-bottom: 1px solid var(--gsh-border);
}

.garden-sales-notifications header button {
    border: 0;
    background: none;
    color: var(--gsh-green);
    font-size: 13px;
    font-weight: 750;
}

.garden-sales-notifications .notification-item {
    display: grid;
    grid-template-columns: 25px minmax(0, 1fr) 25px;
    align-items: center;
    gap: 8px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--gsh-border);
}

.garden-sales-notifications .notification-item:last-child {
    border-bottom: 0;
}

.garden-sales-notifications .notification-item > i {
    color: #ae7c33;
}

.garden-sales-notifications .notification-item > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.garden-sales-notifications .notification-item strong {
    color: #404a43;
    font-size: 13px;
}

.garden-sales-notifications .notification-item span {
    overflow: hidden;
    color: var(--gsh-muted);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-sales-notifications .notification-item button {
    display: grid;
    width: 25px;
    height: 25px;
    place-items: center;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #9ca49f;
}

.garden-sales-notifications .notification-item button:hover {
    background: var(--gsh-soft);
    color: var(--gsh-ink);
}

.garden-sales-upcoming > a {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 9px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--gsh-border);
    color: inherit;
    text-decoration: none;
}

.garden-sales-upcoming > a:hover {
    background: var(--gsh-soft);
}

.garden-sales-upcoming > a > span {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 5px 4px;
    border-radius: 7px;
    background: var(--gsh-green-soft);
    color: var(--gsh-green);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 13px;
    font-weight: 700;
}

.garden-sales-upcoming > a > span small {
    color: #7f8c84;
    font-size: 13px;
}

.garden-sales-upcoming > a > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.garden-sales-upcoming > a > div strong {
    overflow: hidden;
    color: var(--gsh-ink);
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-sales-upcoming > a > div small {
    color: var(--gsh-muted);
    font-size: 13px;
}

.garden-sales-upcoming > a > i {
    color: #a6ada8;
    font-size: 13px;
}

.garden-sales-aside-card__empty {
    padding: 24px 15px;
    color: var(--gsh-muted);
    font-size: 13px;
    text-align: center;
}

.garden-sales-pipeline > a,
.garden-sales-pipeline footer {
    display: flex;
    min-height: 40px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 16px;
    border-bottom: 1px solid var(--gsh-border);
    color: #626d66;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none;
}

.garden-sales-pipeline > a:hover {
    background: var(--gsh-soft);
    color: var(--gsh-ink);
}

.garden-sales-pipeline > a strong {
    color: var(--gsh-ink);
    font-family: 'Inter', 'Assistant', sans-serif;
}

.garden-sales-pipeline > a.is-alert strong {
    color: var(--gsh-clay);
}

.garden-sales-pipeline footer {
    min-height: 47px;
    border-bottom: 0;
    background: #f3f6f4;
}

.garden-sales-pipeline footer strong {
    color: var(--gsh-green);
    font-size: 13px;
}

.garden-sales-modal .modal-dialog {
    max-width: 510px;
}

.garden-sales-modal .modal-content {
    overflow: hidden;
    border: 1px solid #d8dfda;
    border-radius: 14px;
    box-shadow: 0 22px 65px rgba(30, 39, 33, 0.18);
}

.garden-sales-modal .modal-header {
    align-items: flex-start;
    padding: 17px 19px;
    border-bottom: 1px solid #e1e5e2;
    background: #f8f9f8;
}

.garden-sales-modal .modal-header > div {
    display: flex;
    flex-direction: column;
}

.garden-sales-modal .modal-header span {
    color: #8f9892;
    font-size: 13px;
    font-weight: 800;
}

.garden-sales-modal .modal-title {
    margin-top: 2px;
    color: #2d352f;
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 18px;
    font-weight: 650;
}

.garden-sales-modal .modal-body {
    padding: 19px;
}

.garden-sales-modal .modal-body > label {
    display: block;
    margin: 0 0 6px;
    color: #5e6861;
    font-size: 13px;
    font-weight: 750;
}

.garden-sales-modal :is(textarea, input) {
    border-color: #dce2de;
    border-radius: 9px;
    font-family: inherit;
    font-size: 14px;
}

.garden-sales-modal textarea {
    min-height: 112px;
    resize: vertical;
}

.garden-sales-modal .modal-footer {
    padding: 12px 19px;
    border-top: 1px solid #e1e5e2;
    background: #fafbfa;
}

.garden-sales-modal .modal-footer .btn {
    min-height: 36px;
    padding: 0 15px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 750;
}

.garden-sales-schedule-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 17px;
}

.garden-sales-schedule-options button {
    display: flex;
    min-height: 67px;
    align-items: center;
    gap: 9px;
    padding: 10px;
    border: 1px solid #dce2de;
    border-radius: 9px;
    background: #fff;
    color: #48534c;
    text-align: start;
}

.garden-sales-schedule-options button:hover {
    border-color: #9eaaa2;
    background: #f6f8f6;
}

.garden-sales-schedule-options button > i {
    color: var(--gw-moss, #5b6f61);
    font-size: 16px;
}

.garden-sales-schedule-options button > span {
    display: flex;
    flex-direction: column;
}

.garden-sales-schedule-options strong {
    font-size: 14px;
}

.garden-sales-schedule-options small {
    color: #8e9791;
    font-size: 13px;
}

.garden-sales-custom-time {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 70px;
    gap: 7px;
}

.garden-sales-custom-time button {
    border: 0;
    border-radius: 8px;
    background: #485a50;
    color: #fff;
    font-size: 13px;
    font-weight: 750;
}

@media (max-width: 1399px) {
    .garden-sales-hub__layout {
        grid-template-columns: minmax(0, 1fr) 285px;
    }

    .garden-sales-work-row {
        grid-template-columns: minmax(175px, 1.2fr) minmax(130px, 0.85fr) minmax(105px, 0.65fr) minmax(135px, 0.75fr);
    }

    .garden-sales-work-row__actions {
        grid-column: 1 / -1;
        padding-top: 7px;
        border-top: 1px solid var(--gsh-border);
    }
}

@media (max-width: 1050px) {
    .garden-sales-hub__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-sales-aside {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-sales-aside > :last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }
}

@media (max-width: 820px) {
    .garden-sales-hub__header {
        align-items: stretch;
        flex-direction: column;
    }

    .garden-sales-hub__header-actions {
        justify-content: flex-start;
    }

    .garden-sales-hub__metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-sales-metric:nth-child(3) {
        border-inline-start: 0;
        border-top: 1px solid var(--gsh-border);
    }

    .garden-sales-metric:nth-child(4) {
        border-top: 1px solid var(--gsh-border);
    }

    .garden-sales-work-row {
        grid-template-columns: minmax(0, 1.3fr) minmax(135px, 0.7fr);
    }

    .garden-sales-work-row__value,
    .garden-sales-work-row__stage {
        padding-top: 7px;
        border-top: 1px solid var(--gsh-border);
    }
}

@media (max-width: 600px) {
    .garden-sales-hub {
        gap: 13px;
    }

    .garden-sales-hub__header-actions {
        display: grid;
        grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
    }

    .garden-sales-hub__header-actions > a,
    .garden-sales-hub__primary-action {
        width: 100%;
        min-width: 0;
    }

    .garden-sales-metric {
        min-height: 88px;
        padding: 13px 15px;
    }

    .garden-sales-metric > strong {
        font-size: 22px;
    }

    .garden-sales-section-header {
        min-height: 88px;
        padding: 14px;
    }

    .garden-sales-section-header p {
        display: none;
    }

    .garden-sales-work-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        padding: 13px 14px;
    }

    .garden-sales-work-row__timing,
    .garden-sales-work-row__value,
    .garden-sales-work-row__stage {
        display: grid;
        grid-template-columns: 95px minmax(0, 1fr);
        align-items: center;
        gap: 3px 8px;
        padding-top: 7px;
        border-top: 1px solid var(--gsh-border);
    }

    .garden-sales-work-row__timing small,
    .garden-sales-work-row__value small {
        grid-column: 2;
    }

    .garden-sales-work-row__actions {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .garden-sales-work-row__actions > :is(a, button) {
        width: 100%;
    }

    .garden-sales-work-row__actions > .garden-sales-work-row__primary {
        grid-column: span 2;
    }

    .garden-sales-aside {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-sales-aside > :last-child:nth-child(odd) {
        grid-column: auto;
    }

    .garden-sales-schedule-options {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-sales-schedule-options button {
        min-height: 52px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-sales-hub__header-actions > a,
    .garden-sales-work-row {
        transition: none;
    }
}

/* --------------------------------------------------------------------------
   Task hub — deadlines and ownership first, board mechanics second.
   -------------------------------------------------------------------------- */

.garden-task-hub {
    --gth-border: #dde3df;
    --gth-soft: #f6f8f6;
    --gth-ink: #252c27;
    --gth-muted: #7f8982;
    --gth-green: #485a50;
    --gth-clay: #a95d43;
    display: flex;
    max-width: 1640px;
    margin: 0 auto;
    flex-direction: column;
    gap: 16px;
}

.garden-task-hub__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 4px 2px 0;
}

.garden-task-hub__header h1 {
    margin: 5px 0 3px;
    color: var(--gth-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: clamp(30px, 2vw, 40px);
    font-weight: 650;
    letter-spacing: -0.04em;
}

.garden-task-hub__header p {
    margin: 0;
    color: var(--gth-muted);
    font-size: 16px;
    font-weight: 540;
}

.garden-task-hub__header > a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    padding: 0 15px;
    border-radius: 9px;
    background: var(--gth-green);
    color: #fff;
    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
}

.garden-task-hub__header > a:hover {
    background: #36463d;
    color: #fff;
}

.garden-task-hub__alert {
    margin: 0;
    border-radius: 10px;
    font-size: 14px;
}

.garden-task-hub__summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--gth-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(31, 39, 34, 0.035);
}

.garden-task-hub__summary > :is(div, a) {
    position: relative;
    display: flex;
    min-height: 86px;
    justify-content: center;
    flex-direction: column;
    padding: 13px 19px;
    border-inline-start: 1px solid var(--gth-border);
    color: inherit;
    text-decoration: none;
}

.garden-task-hub__summary > :first-child {
    border-inline-start: 0;
}

.garden-task-hub__summary > a:hover {
    background: var(--gth-soft);
    color: inherit;
}

.garden-task-hub__summary span {
    color: var(--gth-muted);
    font-size: 13px;
    font-weight: 750;
}

.garden-task-hub__summary strong {
    margin-top: 1px;
    color: var(--gth-ink);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 23px;
    line-height: 1.15;
}

.garden-task-hub__summary small {
    margin-top: 2px;
    color: #949c97;
    font-size: 13px;
    font-weight: 600;
}

.garden-task-hub__summary .is-overdue::after {
    position: absolute;
    inset-block: 12px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--gth-clay);
    content: '';
}

.garden-task-hub__summary .is-overdue strong {
    color: var(--gth-clay);
}

.garden-task-hub__filters {
    display: flex;
    width: max-content;
    max-width: 100%;
    align-items: center;
    gap: 4px;
    padding: 4px;
    overflow-x: auto;
    border: 1px solid var(--gth-border);
    border-radius: 10px;
    background: #fff;
}

.garden-task-hub__filters a {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    padding: 0 12px;
    border-radius: 7px;
    color: #6c766f;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}

.garden-task-hub__filters a:hover {
    background: var(--gth-soft);
    color: var(--gth-ink);
}

.garden-task-hub__filters a.is-active {
    background: var(--gth-green);
    color: #fff;
}

.garden-task-board {
    display: grid;
    grid-template-columns: repeat(4, minmax(230px, 1fr));
    align-items: start;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.garden-task-column {
    overflow: hidden;
    border: 1px solid var(--gth-border);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.62);
}

.garden-task-column > header {
    display: flex;
    min-height: 72px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--gth-border);
    background: rgba(255, 255, 255, 0.9);
}

.garden-task-column > header > div {
    display: flex;
    flex-direction: column;
}

.garden-task-column > header span {
    color: #929b95;
    font-size: 13px;
    font-weight: 800;
}

.garden-task-column > header h2 {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 2px 0 0;
    color: var(--gth-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 16px;
    font-weight: 650;
}

.garden-task-column > header h2 i {
    color: #7c8981;
    font-size: 13px;
}

.garden-task-column > header > strong {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid var(--gth-border);
    border-radius: 8px;
    background: var(--gth-soft);
    color: #5d6861;
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 13px;
}

.garden-task-column.is-doing > header {
    box-shadow: inset -3px 0 0 #9a7c42;
}

.garden-task-column.is-done > header {
    box-shadow: inset -3px 0 0 #647b6d;
}

.garden-task-column.is-irrelevant {
    opacity: 0.82;
}

.garden-task-column__body {
    display: flex;
    min-height: 220px;
    max-height: calc(100vh - 335px);
    flex-direction: column;
    gap: 8px;
    padding: 9px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.garden-task-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 12px;
    border: 1px solid #dce2de;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 7px rgba(31, 39, 34, 0.025);
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.garden-task-card:hover {
    border-color: #bcc6bf;
    box-shadow: 0 6px 16px rgba(31, 39, 34, 0.055);
    transform: translateY(-1px);
}

.garden-task-card.is-overdue::before {
    position: absolute;
    inset-block: 11px;
    inset-inline-start: -1px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--gth-clay);
    content: '';
}

.garden-task-card.is-dragging {
    opacity: 0.45;
    border-style: dashed;
}

.garden-task-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.garden-task-card__top > span {
    color: #9aa29d;
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 13px;
    font-weight: 700;
}

.garden-task-card__drag {
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #a4aca7;
    cursor: grab;
    font-size: 13px;
}

.garden-task-card__drag:hover {
    background: var(--gth-soft);
    color: #68736c;
}

.garden-task-card h3 {
    margin: 5px 0 0;
    font-size: 15px;
    line-height: 1.35;
}

.garden-task-card h3 a {
    color: var(--gth-ink);
    font-weight: 750;
    text-decoration: none;
}

.garden-task-card h3 a:hover {
    color: var(--gth-green);
}

.garden-task-card > p {
    display: -webkit-box;
    margin: 5px 0 0;
    overflow: hidden;
    color: #768078;
    font-size: 13px;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.garden-task-card__meta {
    display: flex;
    margin-top: 10px;
    flex-direction: column;
    gap: 4px;
}

.garden-task-card__meta span {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 6px;
    overflow: hidden;
    color: #7f8982;
    font-size: 13px;
    font-weight: 620;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-task-card__meta span i {
    width: 12px;
    color: #a0a8a3;
    text-align: center;
}

.garden-task-card__meta span.is-overdue,
.garden-task-card__meta span.is-overdue i {
    color: var(--gth-clay);
}

.garden-task-card__actions {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 11px;
    padding-top: 9px;
    border-top: 1px solid var(--gth-border);
}

.garden-task-card__actions > :is(a, button),
.garden-task-card__actions form button {
    display: inline-flex;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gth-border);
    border-radius: 7px;
    background: #fff;
    color: #6d7770;
    font-size: 13px;
    text-decoration: none;
}

.garden-task-card__actions form {
    display: flex;
    margin: 0;
}

.garden-task-card__actions > :is(a, button):hover,
.garden-task-card__actions form button:hover {
    border-color: #b9c3bc;
    background: var(--gth-soft);
    color: var(--gth-ink);
}

.garden-task-card__actions > .garden-task-card__primary {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    gap: 6px;
    padding: 0 9px;
    border-color: var(--gth-green);
    background: var(--gth-green);
    color: #fff;
    font-size: 13px;
    font-weight: 750;
}

.garden-task-card__actions > .garden-task-card__primary:hover {
    border-color: #36463d;
    background: #36463d;
    color: #fff;
}

.garden-task-column__empty {
    display: flex;
    min-height: 145px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    color: #9ba39e;
    font-size: 13px;
    text-align: center;
}

.garden-task-column__empty i {
    font-size: 21px;
}

@media (max-width: 1250px) {
    .garden-task-board {
        grid-template-columns: repeat(4, minmax(260px, 1fr));
    }
}

@media (max-width: 760px) {
    .garden-task-hub__header {
        align-items: stretch;
        flex-direction: column;
    }

    .garden-task-hub__header > a {
        align-self: flex-start;
    }

    .garden-task-hub__summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-task-hub__summary > :nth-child(3) {
        border-inline-start: 0;
        border-top: 1px solid var(--gth-border);
    }

    .garden-task-hub__summary > :nth-child(4) {
        border-top: 1px solid var(--gth-border);
    }

    .garden-task-board {
        display: flex;
        margin-inline: -2px;
        scroll-snap-type: inline mandatory;
    }

    .garden-task-column {
        flex: 0 0 min(84vw, 330px);
        scroll-snap-align: start;
    }

    .garden-task-column__body {
        max-height: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-task-card {
        transition: none;
    }
}

/* --------------------------------------------------------------------------
   Purchasing queue — draft, send and receive as a visible operational loop.
   -------------------------------------------------------------------------- */

.garden-purchase-hub {
    --gph-border: #dde3df;
    --gph-soft: #f6f8f6;
    --gph-ink: #252c27;
    --gph-muted: #7f8982;
    --gph-green: #485a50;
    --gph-clay: #a95d43;
    display: flex;
    max-width: 1640px;
    margin: 0 auto;
    flex-direction: column;
    gap: 16px;
}

.garden-purchase-hub__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 4px 2px 0;
}

.garden-purchase-hub__header h1 {
    margin: 5px 0 3px;
    color: var(--gph-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: clamp(30px, 2vw, 40px);
    font-weight: 650;
    letter-spacing: -0.04em;
}

.garden-purchase-hub__header p {
    margin: 0;
    color: var(--gph-muted);
    font-size: 16px;
    font-weight: 540;
}

.garden-purchase-hub__header > a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    padding: 0 15px;
    border-radius: 9px;
    background: var(--gph-green);
    color: #fff;
    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
}

.garden-purchase-hub__header > a:hover {
    background: #36463d;
    color: #fff;
}

.garden-purchase-hub__alert {
    margin: 0;
    border-radius: 10px;
    font-size: 14px;
}

.garden-purchase-overview {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--gph-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(31, 39, 34, 0.035);
}

.garden-purchase-overview > :is(div, a) {
    position: relative;
    display: flex;
    min-height: 91px;
    justify-content: center;
    flex-direction: column;
    padding: 14px 20px;
    border-inline-start: 1px solid var(--gph-border);
    color: inherit;
    text-decoration: none;
}

.garden-purchase-overview > :first-child {
    border-inline-start: 0;
}

.garden-purchase-overview > a:hover {
    background: var(--gph-soft);
    color: inherit;
}

.garden-purchase-overview span {
    color: var(--gph-muted);
    font-size: 13px;
    font-weight: 750;
}

.garden-purchase-overview strong {
    margin-top: 2px;
    color: var(--gph-ink);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 24px;
    line-height: 1.15;
}

.garden-purchase-overview small {
    margin-top: 2px;
    color: #949c97;
    font-size: 13px;
    font-weight: 600;
}

.garden-purchase-overview .is-attention::after {
    position: absolute;
    inset-block: 12px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--gph-clay);
    content: '';
}

.garden-purchase-overview .is-attention strong {
    color: var(--gph-clay);
}

.garden-purchase-overview .is-value {
    background: #f3f6f4;
}

.garden-purchase-filters {
    display: flex;
    width: max-content;
    max-width: 100%;
    align-items: center;
    gap: 4px;
    padding: 4px;
    overflow-x: auto;
    border: 1px solid var(--gph-border);
    border-radius: 10px;
    background: #fff;
}

.garden-purchase-filters a {
    display: inline-flex;
    min-height: 33px;
    align-items: center;
    gap: 7px;
    padding: 0 11px;
    border-radius: 7px;
    color: #6b756e;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}

.garden-purchase-filters a:hover {
    background: var(--gph-soft);
    color: var(--gph-ink);
}

.garden-purchase-filters a.is-active {
    background: var(--gph-green);
    color: #fff;
}

.garden-purchase-filters a strong {
    display: grid;
    min-width: 20px;
    height: 20px;
    place-items: center;
    padding: 0 4px;
    border-radius: 6px;
    background: rgba(105, 118, 110, 0.1);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 13px;
}

.garden-purchase-filters a.is-active strong {
    background: rgba(255, 255, 255, 0.14);
}

.garden-purchase-queue {
    overflow: hidden;
    border: 1px solid var(--gph-border);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(31, 39, 34, 0.035);
}

.garden-purchase-queue > header {
    display: flex;
    min-height: 80px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--gph-border);
}

.garden-purchase-queue > header > div {
    display: flex;
    flex-direction: column;
}

.garden-purchase-queue > header span {
    color: #929b95;
    font-size: 13px;
    font-weight: 800;
}

.garden-purchase-queue > header h2 {
    margin: 2px 0 0;
    color: var(--gph-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 18px;
    font-weight: 650;
}

.garden-purchase-queue > header > strong {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    padding: 0 9px;
    border: 1px solid var(--gph-border);
    border-radius: 8px;
    background: var(--gph-soft);
    color: #5f6a63;
    font-size: 13px;
}

.garden-purchase-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(200px, 1.25fr) minmax(170px, 1fr) minmax(100px, 0.55fr) minmax(90px, 0.5fr) minmax(135px, 0.75fr) minmax(180px, 0.85fr);
    align-items: center;
    gap: 15px;
    min-height: 101px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--gph-border);
    transition: background 140ms ease;
}

.garden-purchase-row:last-of-type {
    border-bottom: 0;
}

.garden-purchase-row:hover {
    background: #fafbfa;
}

.garden-purchase-row::before {
    position: absolute;
    inset-block: 16px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: transparent;
    content: '';
}

.garden-purchase-row.is-draft::before {
    background: var(--gph-clay);
}

.garden-purchase-row.is-sent::before {
    background: #9a7c42;
}

.garden-purchase-row__supplier {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.garden-purchase-row__supplier > span {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid #d7ded9;
    border-radius: 10px;
    background: #e9efeb;
    color: var(--gph-green);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 16px;
    font-weight: 650;
}

.garden-purchase-row__supplier > div,
.garden-purchase-row__items,
.garden-purchase-row__money,
.garden-purchase-row__age,
.garden-purchase-row__state {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.garden-purchase-row__supplier small,
.garden-purchase-row__items > span,
.garden-purchase-row__money > span,
.garden-purchase-row__age > span,
.garden-purchase-row__state > span {
    overflow: hidden;
    color: #929b95;
    font-size: 13px;
    font-style: normal;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-purchase-row__supplier a {
    overflow: hidden;
    margin-top: 2px;
    color: var(--gph-ink);
    font-size: 16px;
    font-weight: 750;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-purchase-row__supplier a:hover {
    color: var(--gph-green);
}

.garden-purchase-row__supplier em,
.garden-purchase-row__items small,
.garden-purchase-row__age small,
.garden-purchase-row__state small {
    overflow: hidden;
    margin-top: 2px;
    color: #858f88;
    font-size: 13px;
    font-style: normal;
    font-weight: 560;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-purchase-row__items strong,
.garden-purchase-row__money strong,
.garden-purchase-row__age strong,
.garden-purchase-row__state strong {
    overflow: hidden;
    margin-top: 3px;
    color: #465149;
    font-size: 14px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-purchase-row__money strong {
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 15px;
}

.garden-purchase-row.is-draft .garden-purchase-row__state strong {
    color: var(--gph-clay);
}

.garden-purchase-row__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.garden-purchase-row__actions form {
    display: flex;
    margin: 0;
}

.garden-purchase-row__actions > a,
.garden-purchase-row__actions > form > button {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gph-border);
    border-radius: 8px;
    background: #fff;
    color: #68736c;
    font-size: 13px;
    text-decoration: none;
}

.garden-purchase-row__actions > :is(a, form > button):hover {
    border-color: #b9c3bc;
    background: var(--gph-soft);
    color: var(--gph-ink);
}

.garden-purchase-row__actions > .garden-purchase-row__primary,
.garden-purchase-row__actions > form > .garden-purchase-row__primary {
    flex: 0 1 auto;
    width: auto;
    min-width: 113px;
    gap: 7px;
    padding: 0 11px;
    border-color: var(--gph-green);
    background: var(--gph-green);
    color: #fff;
    font-size: 13px;
    font-weight: 750;
    white-space: nowrap;
}

.garden-purchase-row__actions > .garden-purchase-row__primary:hover,
.garden-purchase-row__actions > form > .garden-purchase-row__primary:hover {
    border-color: #36463d;
    background: #36463d;
    color: #fff;
}

.garden-purchase-queue__empty {
    display: flex;
    min-height: 285px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 28px;
    color: var(--gph-muted);
    text-align: center;
}

.garden-purchase-queue__empty > i {
    margin-bottom: 12px;
    color: #849188;
    font-size: 31px;
}

.garden-purchase-queue__empty strong {
    color: var(--gph-ink);
    font-size: 17px;
}

.garden-purchase-queue__empty span {
    margin-top: 3px;
    font-size: 13px;
}

.garden-purchase-queue__empty a {
    margin-top: 13px;
    color: var(--gph-green);
    font-size: 13px;
    font-weight: 750;
}

.garden-purchase-queue > footer {
    padding: 11px 14px;
    border-top: 1px solid var(--gph-border);
}

@media (max-width: 1250px) {
    .garden-purchase-row {
        grid-template-columns: minmax(190px, 1.15fr) minmax(160px, 0.95fr) 100px 90px minmax(125px, 0.7fr);
    }

    .garden-purchase-row__actions {
        grid-column: 1 / -1;
        padding-top: 7px;
        border-top: 1px solid var(--gph-border);
    }
}

@media (max-width: 800px) {
    .garden-purchase-hub__header {
        align-items: stretch;
        flex-direction: column;
    }

    .garden-purchase-hub__header > a {
        align-self: flex-start;
    }

    .garden-purchase-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-purchase-overview > :nth-child(3) {
        border-inline-start: 0;
        border-top: 1px solid var(--gph-border);
    }

    .garden-purchase-overview > :nth-child(4) {
        border-top: 1px solid var(--gph-border);
    }

    .garden-purchase-row {
        grid-template-columns: minmax(0, 1.25fr) minmax(130px, 0.75fr);
    }

    .garden-purchase-row__money,
    .garden-purchase-row__age,
    .garden-purchase-row__state {
        padding-top: 7px;
        border-top: 1px solid var(--gph-border);
    }

    .garden-purchase-row__state {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    .garden-purchase-overview > :is(div, a) {
        min-height: 82px;
        padding: 12px 14px;
    }

    .garden-purchase-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 9px;
        padding: 13px 14px;
    }

    .garden-purchase-row__items,
    .garden-purchase-row__money,
    .garden-purchase-row__age,
    .garden-purchase-row__state {
        display: grid;
        grid-template-columns: 90px minmax(0, 1fr);
        align-items: center;
        gap: 3px 7px;
        padding-top: 7px;
        border-top: 1px solid var(--gph-border);
    }

    .garden-purchase-row__items small,
    .garden-purchase-row__age small,
    .garden-purchase-row__state small {
        grid-column: 2;
    }

    .garden-purchase-row__state {
        grid-column: auto;
    }

    .garden-purchase-row__actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 40px 40px;
    }

    .garden-purchase-row__actions > a,
    .garden-purchase-row__actions > form,
    .garden-purchase-row__actions > form > button {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-purchase-row {
        transition: none;
    }
}

/* --------------------------------------------------------------------------
   Refund control — audit first, irreversible action deliberately contained.
   -------------------------------------------------------------------------- */

.garden-refund-hub {
    --grh-border: #dde3df;
    --grh-soft: #f6f8f6;
    --grh-ink: #252c27;
    --grh-muted: #7f8982;
    --grh-green: #485a50;
    --grh-clay: #a95d43;
    --grh-clay-dark: #87442f;
    display: flex;
    max-width: 1640px;
    margin: 0 auto;
    flex-direction: column;
    gap: 16px;
}

.garden-refund-hub__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 4px 2px 0;
}

.garden-refund-hub__header h1 {
    margin: 5px 0 3px;
    color: var(--grh-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: clamp(30px, 2vw, 40px);
    font-weight: 650;
    letter-spacing: -0.04em;
}

.garden-refund-hub__header p {
    margin: 0;
    color: var(--grh-muted);
    font-size: 16px;
    font-weight: 540;
}

.garden-refund-hub__header > button {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    padding: 0 15px;
    border: 1px solid var(--grh-clay);
    border-radius: 9px;
    background: #fff;
    color: var(--grh-clay-dark);
    font-size: 14px;
    font-weight: 750;
}

.garden-refund-hub__header > button:hover {
    background: #f9eeea;
}

.garden-refund-hub__alert {
    margin: 0;
    border-radius: 10px;
    font-size: 14px;
}

.garden-refund-overview {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--grh-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(31, 39, 34, 0.035);
}

.garden-refund-overview > div {
    position: relative;
    display: flex;
    min-height: 90px;
    justify-content: center;
    flex-direction: column;
    padding: 14px 20px;
    border-inline-start: 1px solid var(--grh-border);
}

.garden-refund-overview > div:first-child {
    border-inline-start: 0;
}

.garden-refund-overview span {
    color: var(--grh-muted);
    font-size: 13px;
    font-weight: 750;
}

.garden-refund-overview strong {
    margin-top: 2px;
    color: var(--grh-ink);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 24px;
    line-height: 1.15;
}

.garden-refund-overview small {
    margin-top: 2px;
    color: #949c97;
    font-size: 13px;
    font-weight: 600;
}

.garden-refund-overview .is-value {
    background: #f3f6f4;
}

.garden-refund-overview :is(.is-alert, .is-warning)::after {
    position: absolute;
    inset-block: 12px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    content: '';
}

.garden-refund-overview .is-alert::after {
    background: var(--grh-clay);
}

.garden-refund-overview .is-alert strong {
    color: var(--grh-clay);
}

.garden-refund-overview .is-warning::after {
    background: #a6813e;
}

.garden-refund-log,
.garden-refund-legacy {
    overflow: hidden;
    border: 1px solid var(--grh-border);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(31, 39, 34, 0.035);
}

.garden-refund-log > header {
    display: flex;
    min-height: 95px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--grh-border);
}

.garden-refund-log > header > div:first-child {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.garden-refund-log > header span {
    color: #929b95;
    font-size: 13px;
    font-weight: 800;
}

.garden-refund-log > header h2 {
    margin: 2px 0 0;
    color: var(--grh-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 18px;
    font-weight: 650;
}

.garden-refund-log > header p {
    margin: 2px 0 0;
    color: var(--grh-muted);
    font-size: 13px;
}

.garden-refund-log__tools {
    display: flex;
    align-items: center;
    gap: 7px;
}

.garden-refund-log__tools label {
    position: relative;
    display: flex;
    align-items: center;
}

.garden-refund-log__tools label i {
    position: absolute;
    inset-inline-start: 11px;
    z-index: 1;
    color: #a0a8a3;
    font-size: 13px;
}

.garden-refund-log__tools input,
.garden-refund-log__tools select {
    height: 35px;
    border: 1px solid var(--grh-border);
    border-radius: 8px;
    outline: 0;
    background: #fff;
    color: #505b54;
    font-family: inherit;
    font-size: 13px;
    font-weight: 650;
}

.garden-refund-log__tools input {
    width: 220px;
    padding: 0 32px 0 10px;
}

.garden-refund-log__tools select {
    min-width: 125px;
    padding: 0 10px 0 27px;
}

.garden-refund-log__tools :is(input, select):focus {
    border-color: #98a49c;
    box-shadow: 0 0 0 3px rgba(72, 90, 80, 0.09);
}

.garden-refund-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(195px, 1.15fr) minmax(110px, 0.65fr) minmax(120px, 0.7fr) minmax(145px, 0.8fr) minmax(105px, 0.55fr) minmax(160px, 0.8fr);
    align-items: center;
    gap: 15px;
    min-height: 101px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--grh-border);
    transition: background 140ms ease;
}

.garden-refund-row:last-of-type {
    border-bottom: 0;
}

.garden-refund-row:hover {
    background: #fafbfa;
}

.garden-refund-row[hidden] {
    display: none;
}

.garden-refund-row::before {
    position: absolute;
    inset-block: 16px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: #89968e;
    content: '';
}

.garden-refund-row.is-completed::before {
    background: #60796a;
}

.garden-refund-row.is-failed::before {
    background: var(--grh-clay);
}

.garden-refund-row.is-processing::before,
.garden-refund-row.is-pending::before {
    background: #a6813e;
}

.garden-refund-row__identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.garden-refund-row__identity > span {
    display: grid;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid #d9dfdb;
    border-radius: 10px;
    background: #edf1ee;
    color: #64776b;
    font-size: 13px;
}

.garden-refund-row.is-failed .garden-refund-row__identity > span {
    border-color: #e8c9be;
    background: #f9ebe6;
    color: var(--grh-clay);
}

.garden-refund-row__identity > div,
.garden-refund-row__amount,
.garden-refund-row__source,
.garden-refund-row__reference,
.garden-refund-row__state {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.garden-refund-row__identity small,
.garden-refund-row__amount > span,
.garden-refund-row__source > span,
.garden-refund-row__reference > span,
.garden-refund-row__state > span {
    overflow: hidden;
    color: #929b95;
    font-size: 13px;
    font-style: normal;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-refund-row__identity strong,
.garden-refund-row__amount strong,
.garden-refund-row__source strong,
.garden-refund-row__reference strong,
.garden-refund-row__state strong {
    overflow: hidden;
    margin-top: 3px;
    color: #465149;
    font-size: 14px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-refund-row__identity em,
.garden-refund-row__amount small,
.garden-refund-row__source small,
.garden-refund-row__reference small,
.garden-refund-row__state small {
    overflow: hidden;
    margin-top: 2px;
    color: #858f88;
    font-size: 13px;
    font-style: normal;
    font-weight: 560;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-refund-row__amount strong {
    color: var(--grh-ink);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 15px;
}

.garden-refund-row.is-failed .garden-refund-row__state strong {
    color: var(--grh-clay);
}

.garden-refund-row__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.garden-refund-row__actions a {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--grh-border);
    border-radius: 8px;
    background: #fff;
    color: #68736c;
    font-size: 13px;
    text-decoration: none;
}

.garden-refund-row__actions a:hover {
    border-color: #b9c3bc;
    background: var(--grh-soft);
    color: var(--grh-ink);
}

.garden-refund-row__actions a.garden-refund-row__primary {
    flex: 0 1 auto;
    width: auto;
    min-width: 125px;
    gap: 7px;
    padding: 0 11px;
    border-color: var(--grh-green);
    background: var(--grh-green);
    color: #fff;
    font-size: 13px;
    font-weight: 750;
    white-space: nowrap;
}

.garden-refund-row__actions a.garden-refund-row__primary:hover {
    border-color: #36463d;
    background: #36463d;
    color: #fff;
}

.garden-refund-log__empty {
    display: flex;
    min-height: 250px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 28px;
    color: var(--grh-muted);
    text-align: center;
}

.garden-refund-log__empty > i {
    margin-bottom: 11px;
    color: #839087;
    font-size: 29px;
}

.garden-refund-log__empty strong {
    color: var(--grh-ink);
    font-size: 17px;
}

.garden-refund-log__empty span {
    margin-top: 3px;
    font-size: 13px;
}

.garden-refund-log__no-results {
    padding: 30px;
    color: var(--grh-muted);
    font-size: 13px;
    text-align: center;
}

.garden-refund-legacy > summary {
    display: flex;
    min-height: 81px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 13px 18px;
    cursor: pointer;
    list-style: none;
}

.garden-refund-legacy > summary::-webkit-details-marker {
    display: none;
}

.garden-refund-legacy > summary > div {
    display: flex;
    flex-direction: column;
}

.garden-refund-legacy > summary span {
    color: #929b95;
    font-size: 13px;
    font-weight: 800;
}

.garden-refund-legacy > summary strong {
    margin-top: 2px;
    color: var(--grh-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 17px;
    font-weight: 650;
}

.garden-refund-legacy > summary small {
    margin-top: 2px;
    color: var(--grh-muted);
    font-size: 13px;
}

.garden-refund-legacy > summary > i {
    color: #87918a;
    font-size: 13px;
    transition: transform 150ms ease;
}

.garden-refund-legacy[open] > summary > i {
    transform: rotate(180deg);
}

.garden-refund-legacy__list {
    border-top: 1px solid var(--grh-border);
}

.garden-refund-legacy__list > a {
    display: grid;
    grid-template-columns: minmax(190px, 1.2fr) minmax(110px, 0.6fr) minmax(110px, 0.6fr) minmax(125px, 0.7fr) 14px;
    align-items: center;
    gap: 15px;
    min-height: 78px;
    padding: 10px 18px;
    border-bottom: 1px solid var(--grh-border);
    color: inherit;
    text-decoration: none;
}

.garden-refund-legacy__list > a:last-child {
    border-bottom: 0;
}

.garden-refund-legacy__list > a:hover {
    background: var(--grh-soft);
}

.garden-refund-legacy__list > a > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.garden-refund-legacy__list small {
    color: #929b95;
    font-size: 13px;
    font-weight: 750;
}

.garden-refund-legacy__list strong {
    overflow: hidden;
    margin-top: 2px;
    color: #48534c;
    font-size: 13px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-refund-legacy__list span {
    color: #858f88;
    font-size: 13px;
}

.garden-refund-legacy__list > a > i {
    color: #a0a8a3;
    font-size: 13px;
}

.garden-refund-legacy__empty {
    padding: 27px;
    color: var(--grh-muted);
    font-size: 13px;
    text-align: center;
}

.garden-refund-action-modal .modal-dialog {
    max-width: 590px;
}

.garden-refund-action-modal .modal-content {
    overflow: hidden;
    border: 1px solid #dacfc9;
    border-radius: 14px;
    box-shadow: 0 24px 70px rgba(42, 29, 24, 0.22);
}

.garden-refund-action-modal .modal-header {
    align-items: flex-start;
    padding: 17px 19px;
    border-bottom: 1px solid #e6ded9;
    background: #fbf7f5;
}

.garden-refund-action-modal .modal-header > div {
    display: flex;
    flex-direction: column;
}

.garden-refund-action-modal .modal-header span {
    color: #9b725f;
    font-size: 13px;
    font-weight: 800;
}

.garden-refund-action-modal .modal-title {
    margin-top: 2px;
    color: #3a302b;
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 18px;
    font-weight: 650;
}

.garden-refund-action-modal .modal-header small {
    margin-top: 2px;
    color: #83746d;
    font-size: 13px;
}

.garden-refund-action-modal .modal-body {
    padding: 18px 19px;
}

.garden-refund-action-modal__order {
    display: grid;
    grid-template-columns: 1.35fr repeat(3, minmax(0, 0.8fr));
    gap: 1px;
    overflow: hidden;
    margin-bottom: 12px;
    border: 1px solid #dce3de;
    border-radius: 9px;
    background: #dce3de;
}

.garden-refund-action-modal__order > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
    padding: 9px 10px;
    background: #fff;
}

.garden-refund-action-modal__order span {
    color: #8a948e;
    font-size: 12px;
    font-weight: 650;
}

.garden-refund-action-modal__order strong {
    overflow: hidden;
    color: #46524b;
    font-size: 13px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-refund-action-modal__warning {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 12px;
    padding: 10px 11px;
    border: 1px solid #ead6b8;
    border-radius: 9px;
    background: #fff9ef;
    color: #7f633a;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.45;
}

.garden-refund-action-modal__warning i {
    margin-top: 2px;
    color: #b38038;
}

.garden-refund-action-modal__feedback {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 12px;
    padding: 11px 12px;
    border: 1px solid #d8e0db;
    border-radius: 9px;
    background: #f5f8f6;
    color: #526058;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
}

.garden-refund-action-modal__feedback[hidden] {
    display: none;
}

.garden-refund-action-modal__feedback.is-error {
    border-color: #e8c7bd;
    background: #fff4f1;
    color: #8c4638;
}

.garden-refund-action-modal__feedback.is-success {
    border-color: #cfe0d5;
    background: #f1f8f3;
    color: #3f6c50;
}

.garden-refund-action-modal__feedback i {
    margin-top: 2px;
}

.garden-refund-action-modal__notice {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 16px;
    padding: 11px 12px;
    border: 1px solid #dbe2dd;
    border-radius: 9px;
    background: #f5f8f6;
    color: #526058;
}

.garden-refund-action-modal__notice > i {
    margin-top: 2px;
    color: #61796a;
    font-size: 15px;
}

.garden-refund-action-modal__notice > span {
    display: flex;
    flex-direction: column;
}

.garden-refund-action-modal__notice strong {
    font-size: 13px;
}

.garden-refund-action-modal__notice small {
    margin-top: 1px;
    color: #7a867f;
    font-size: 13px;
}

.garden-refund-action-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.garden-refund-action-grid > label,
.garden-refund-totp {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.garden-refund-action-grid label > span,
.garden-refund-totp > span {
    color: #58635c;
    font-size: 13px;
    font-weight: 750;
}

.garden-refund-action-grid label > span small {
    color: #9aa29d;
    font-size: 13px;
    font-weight: 600;
}

.garden-refund-action-grid input,
.garden-refund-action-grid select,
.garden-refund-amount-field input {
    height: 39px;
    border-color: #dce2de;
    border-radius: 8px;
    font-family: inherit;
    font-size: 14px;
}

.garden-refund-amount-field {
    position: relative;
}

.garden-refund-amount-field input {
    padding-inline-end: 34px;
}

.garden-refund-amount-field em {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 12px;
    color: #7b867f;
    font-size: 13px;
    font-style: normal;
    font-weight: 750;
    transform: translateY(-50%);
}

.garden-refund-totp {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e2e6e3;
}

.garden-refund-sms-otp > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.garden-refund-sms-otp > header > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #58635c;
    font-size: 13px;
    font-weight: 800;
}

.garden-refund-sms-otp > header > span i {
    color: #66758a;
    font-size: 16px;
}

.garden-refund-sms-otp > header > button {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 12px;
    border: 1px solid #c9d2dc;
    border-radius: 8px;
    background: #f2f5f8;
    color: #485b72;
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
}

.garden-refund-sms-otp > header > button:disabled {
    cursor: not-allowed;
    opacity: 0.58;
}

.garden-refund-totp input {
    height: 47px;
    border: 1px solid #cfd8d2;
    border-radius: 9px;
    outline: 0;
    color: #35413a;
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.42em;
    text-align: center;
}

.garden-refund-totp input:focus {
    border-color: #8e9d93;
    box-shadow: 0 0 0 3px rgba(72, 90, 80, 0.1);
}

.garden-refund-totp small {
    color: #8e9791;
    font-size: 13px;
}

.garden-refund-totp small strong {
    color: #5f6d64;
    font-weight: 800;
}

.garden-refund-totp small.is-warning {
    color: #946439;
}

.garden-refund-totp small a {
    color: inherit;
    font-weight: 850;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.garden-refund-manual-confirm {
    display: grid;
    grid-template-columns: 17px minmax(0, 1fr);
    align-items: flex-start;
    gap: 9px;
    margin-top: 15px;
    padding: 11px 12px;
    border: 1px solid #d9e0db;
    border-radius: 9px;
    background: #f7f9f7;
    color: #667169;
    font-size: 13px;
    line-height: 1.45;
}

.garden-refund-manual-confirm input {
    width: 16px;
    height: 16px;
    margin-top: 1px;
    accent-color: #576b5e;
}

.garden-refund-manual-confirm span {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.garden-refund-manual-confirm strong {
    color: #4d5b52;
    font-size: 13px;
}

.garden-refund-confirm {
    display: grid;
    grid-template-columns: 17px minmax(0, 1fr);
    align-items: flex-start;
    gap: 9px;
    margin-top: 15px;
    padding: 11px 12px;
    border: 1px solid #e5cfc6;
    border-radius: 9px;
    background: #fbf4f1;
    color: #6f554a;
    font-size: 13px;
    font-weight: 620;
    line-height: 1.45;
}

.garden-refund-confirm input {
    width: 16px;
    height: 16px;
    margin-top: 1px;
    accent-color: var(--grh-clay);
}

.garden-refund-confirm strong {
    color: var(--grh-clay-dark);
}

.garden-refund-action-modal .modal-footer {
    padding: 12px 19px;
    border-top: 1px solid #e6ded9;
    background: #fcfaf9;
}

.garden-refund-action-modal .modal-footer .btn {
    min-height: 37px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 750;
}

.garden-refund-action-modal .garden-refund-submit {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 14px;
    border: 1px solid #87442f;
    border-radius: 8px;
    background: #a95d43;
    box-shadow: 0 5px 12px rgba(135, 68, 47, 0.18);
    color: #fff !important;
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    font-weight: 750;
    transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.garden-refund-action-modal .garden-refund-submit:hover:not(:disabled) {
    border-color: #733824;
    background: #87442f;
    box-shadow: 0 7px 16px rgba(135, 68, 47, 0.24);
    transform: translateY(-1px);
}

.garden-refund-action-modal .garden-refund-submit:focus-visible {
    outline: 3px solid rgba(169, 93, 67, 0.24);
    outline-offset: 2px;
}

.garden-refund-action-modal .garden-refund-submit:disabled {
    border-color: #b9aaa5;
    background: #b9aaa5;
    box-shadow: none;
    color: #fff !important;
    cursor: not-allowed;
    opacity: 1;
}

@media (max-width: 1250px) {
    .garden-refund-row {
        grid-template-columns: minmax(185px, 1.1fr) 105px 115px minmax(135px, 0.75fr) 100px;
    }

    .garden-refund-row__actions {
        grid-column: 1 / -1;
        padding-top: 7px;
        border-top: 1px solid var(--grh-border);
    }
}

@media (max-width: 820px) {
    .garden-refund-hub__header,
    .garden-refund-log > header {
        align-items: stretch;
        flex-direction: column;
    }

    .garden-refund-hub__header > button {
        align-self: flex-start;
    }

    .garden-refund-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-refund-overview > :nth-child(3) {
        border-inline-start: 0;
        border-top: 1px solid var(--grh-border);
    }

    .garden-refund-overview > :nth-child(4) {
        border-top: 1px solid var(--grh-border);
    }

    .garden-refund-log__tools {
        width: 100%;
    }

    .garden-refund-log__tools label,
    .garden-refund-log__tools input {
        width: 100%;
    }

    .garden-refund-row {
        grid-template-columns: minmax(0, 1.2fr) minmax(115px, 0.8fr);
    }

    .garden-refund-row__source,
    .garden-refund-row__reference,
    .garden-refund-row__state {
        padding-top: 7px;
        border-top: 1px solid var(--grh-border);
    }

    .garden-refund-row__state {
        grid-column: 1 / -1;
    }

    .garden-refund-legacy__list > a {
        grid-template-columns: minmax(0, 1.2fr) minmax(100px, 0.7fr) minmax(100px, 0.7fr) 14px;
    }

    .garden-refund-legacy__list > a > div:nth-child(4) {
        display: none;
    }
}

@media (max-width: 560px) {
    .garden-refund-overview > div {
        min-height: 82px;
        padding: 12px 14px;
    }

    .garden-refund-log__tools {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-refund-log__tools select {
        width: 100%;
    }

    .garden-refund-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 9px;
        padding: 13px 14px;
    }

    .garden-refund-row__amount,
    .garden-refund-row__source,
    .garden-refund-row__reference,
    .garden-refund-row__state {
        display: grid;
        grid-template-columns: 94px minmax(0, 1fr);
        align-items: center;
        gap: 3px 8px;
        padding-top: 7px;
        border-top: 1px solid var(--grh-border);
    }

    .garden-refund-row__amount small,
    .garden-refund-row__source small,
    .garden-refund-row__reference small,
    .garden-refund-row__state small {
        grid-column: 2;
    }

    .garden-refund-row__state {
        grid-column: auto;
    }

    .garden-refund-legacy__list > a {
        grid-template-columns: minmax(0, 1fr) 14px;
        gap: 8px;
    }

    .garden-refund-legacy__list > a > div:not(:first-child) {
        display: none;
    }

    .garden-refund-action-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-refund-action-modal__order {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-refund-row,
    .garden-refund-legacy > summary > i {
        transition: none;
    }
}

/* --------------------------------------------------------------------------
   Payment hub — create, send and follow up in one restrained workspace.
   -------------------------------------------------------------------------- */

.garden-payment-hub {
    --gpay-border: #dde3df;
    --gpay-soft: #f6f8f6;
    --gpay-ink: #252c27;
    --gpay-muted: #7f8982;
    --gpay-green: #485a50;
    --gpay-green-dark: #36463d;
    --gpay-clay: #a95d43;
    display: flex;
    max-width: 1640px;
    margin: 0 auto;
    flex-direction: column;
    gap: 16px;
}

.garden-payment-hub__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 4px 2px 0;
}

.garden-payment-hub__header h1 {
    margin: 5px 0 3px;
    color: var(--gpay-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: clamp(30px, 2vw, 40px);
    font-weight: 650;
    letter-spacing: -0.04em;
}

.garden-payment-hub__header p {
    margin: 0;
    color: var(--gpay-muted);
    font-size: 16px;
    font-weight: 540;
}

.garden-payment-hub__header > a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    padding: 0 15px;
    border-radius: 9px;
    background: var(--gpay-green);
    color: #fff;
    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
}

.garden-payment-hub__header > a:hover {
    background: var(--gpay-green-dark);
    color: #fff;
}

.garden-payment-hub__alert {
    margin: 0;
    border-radius: 10px;
    font-size: 14px;
}

.garden-payment-overview {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--gpay-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(31, 39, 34, 0.035);
}

.garden-payment-overview > :is(div, a) {
    position: relative;
    display: flex;
    min-height: 90px;
    justify-content: center;
    flex-direction: column;
    padding: 14px 20px;
    border-inline-start: 1px solid var(--gpay-border);
    color: inherit;
    text-decoration: none;
}

.garden-payment-overview > :first-child {
    border-inline-start: 0;
}

.garden-payment-overview > a:hover {
    background: var(--gpay-soft);
    color: inherit;
}

.garden-payment-overview span {
    color: var(--gpay-muted);
    font-size: 13px;
    font-weight: 750;
}

.garden-payment-overview strong {
    margin-top: 2px;
    color: var(--gpay-ink);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 24px;
    line-height: 1.15;
}

.garden-payment-overview small {
    margin-top: 2px;
    color: #949c97;
    font-size: 13px;
    font-weight: 600;
}

.garden-payment-overview .is-attention::after {
    position: absolute;
    inset-block: 12px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--gpay-clay);
    content: '';
}

.garden-payment-overview .is-attention strong {
    color: var(--gpay-clay);
}

.garden-payment-overview .is-value {
    background: #f3f6f4;
}

.garden-payment-create {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
    align-items: stretch;
    gap: 14px;
}

.garden-payment-create__form,
.garden-payment-guide,
.garden-payment-result,
.garden-payment-queue {
    overflow: hidden;
    border: 1px solid var(--gpay-border);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(31, 39, 34, 0.035);
}

.garden-payment-create__form > header,
.garden-payment-guide > header,
.garden-payment-result > header {
    display: flex;
    min-height: 78px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 13px 17px;
    border-bottom: 1px solid var(--gpay-border);
}

.garden-payment-create__form > header > div,
.garden-payment-guide > header {
    display: flex;
    flex-direction: column;
}

.garden-payment-create__form > header span,
.garden-payment-guide > header span {
    color: #929b95;
    font-size: 13px;
    font-weight: 800;
}

.garden-payment-create__form > header h2,
.garden-payment-guide > header h2,
.garden-payment-result > header h2 {
    margin: 2px 0 0;
    color: var(--gpay-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 18px;
    font-weight: 650;
}

.garden-payment-create__form > header p {
    margin: 2px 0 0;
    color: var(--gpay-muted);
    font-size: 13px;
}

.garden-payment-create__form > header > i {
    color: #809087;
    font-size: 17px;
}

#payment-link-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    padding: 17px;
}

#payment-link-form > label {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
}

#payment-link-form > label.is-amount,
#payment-link-form > label.is-description,
#payment-link-form > .garden-payment-create__warning,
#payment-link-form > button {
    grid-column: 1 / -1;
}

#payment-link-form label > span,
.garden-payment-result label,
.garden-payment-result__send > label {
    color: #59645d;
    font-size: 13px;
    font-weight: 750;
}

#payment-link-form label > span small {
    color: #9aa29d;
    font-size: 13px;
    font-weight: 600;
}

#payment-link-form label > small {
    color: #929b95;
    font-size: 13px;
    font-weight: 560;
}

#payment-link-form input,
#payment-link-form select,
.garden-payment-result input {
    width: 100%;
    height: 39px;
    padding: 0 10px;
    border: 1px solid var(--gpay-border);
    border-radius: 8px;
    outline: 0;
    background: #fff;
    color: #465149;
    font-family: inherit;
    font-size: 14px;
    font-weight: 620;
}

#payment-link-form :is(input, select):focus,
.garden-payment-result input:focus {
    border-color: #94a198;
    box-shadow: 0 0 0 3px rgba(72, 90, 80, 0.09);
}

#payment-link-form label.is-amount > div {
    position: relative;
}

#payment-link-form label.is-amount input {
    height: 49px;
    padding-inline-end: 42px;
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 19px;
    font-weight: 700;
}

#payment-link-form label.is-amount em {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 14px;
    color: #6e7b73;
    font-size: 15px;
    font-style: normal;
    font-weight: 750;
    transform: translateY(-50%);
}

.garden-payment-create__warning {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 10px 11px;
    border: 1px solid #e5cfc6;
    border-radius: 8px;
    background: #fbf4f1;
    color: #775a4d;
}

.garden-payment-create__warning > i {
    margin-top: 2px;
    color: var(--gpay-clay);
    font-size: 13px;
}

.garden-payment-create__warning > span {
    display: flex;
    flex-direction: column;
}

.garden-payment-create__warning strong {
    font-size: 13px;
}

.garden-payment-create__warning small {
    color: #93796e;
    font-size: 13px;
}

#payment-link-form > button {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 0;
    border-radius: 9px;
    background: var(--gpay-green);
    color: #fff;
    font-size: 14px;
    font-weight: 750;
}

#payment-link-form > button:hover {
    background: var(--gpay-green-dark);
}

#payment-link-form > button .indicator-progress {
    display: none;
}

#payment-link-form > button[data-kt-indicator='on'] .indicator-label {
    display: none;
}

#payment-link-form > button[data-kt-indicator='on'] .indicator-progress {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.garden-payment-create__side {
    min-width: 0;
}

.garden-payment-guide,
.garden-payment-result {
    height: 100%;
}

.garden-payment-guide > header {
    justify-content: center;
}

.garden-payment-guide ol {
    display: flex;
    margin: 0;
    padding: 14px 16px 7px;
    flex-direction: column;
    gap: 8px;
    list-style: none;
}

.garden-payment-guide li {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-height: 54px;
    padding: 8px 9px;
    border: 1px solid var(--gpay-border);
    border-radius: 9px;
    background: #fafbfa;
}

.garden-payment-guide li > span {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 8px;
    background: #e9efeb;
    color: var(--gpay-green);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 13px;
    font-weight: 700;
}

.garden-payment-guide li > div,
.garden-payment-guide > div:last-child > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.garden-payment-guide li strong,
.garden-payment-guide > div:last-child strong {
    color: #4a554e;
    font-size: 13px;
}

.garden-payment-guide li small,
.garden-payment-guide > div:last-child small {
    margin-top: 1px;
    color: var(--gpay-muted);
    font-size: 13px;
}

.garden-payment-guide > div:last-child {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 4px 16px 14px;
    padding: 10px 11px;
    border: 1px solid #dbe2dd;
    border-radius: 9px;
    background: #f4f7f5;
}

.garden-payment-guide > div:last-child > i {
    margin-top: 2px;
    color: #61796a;
    font-size: 14px;
}

.garden-payment-result {
    padding-bottom: 15px;
}

.garden-payment-result > header {
    justify-content: flex-start;
}

.garden-payment-result > header > span {
    display: grid;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 10px;
    background: #e7f0ea;
    color: #56705f;
    font-size: 14px;
}

.garden-payment-result > header > div {
    display: flex;
    flex-direction: column;
}

.garden-payment-result > header small {
    color: #789084;
    font-size: 13px;
    font-weight: 750;
}

.garden-payment-result__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 14px 15px;
    overflow: hidden;
    border: 1px solid var(--gpay-border);
    border-radius: 9px;
}

.garden-payment-result__facts > span {
    display: flex;
    min-height: 58px;
    justify-content: center;
    flex-direction: column;
    padding: 8px 10px;
    border-inline-start: 1px solid var(--gpay-border);
    color: var(--gpay-muted);
    font-size: 13px;
    font-weight: 650;
}

.garden-payment-result__facts > span:first-child {
    border-inline-start: 0;
}

.garden-payment-result__facts strong {
    margin-top: 2px;
    color: var(--gpay-ink);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 13px;
}

.garden-payment-result > label,
.garden-payment-result__send,
.garden-payment-result__actions,
.garden-payment-result__feedback,
.garden-payment-result__url {
    margin-inline: 15px;
}

.garden-payment-result__url {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 39px;
    margin-top: 5px;
}

.garden-payment-result__url input {
    border-radius: 8px 0 0 8px;
    direction: ltr;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
}

.garden-payment-result__url button {
    border: 0;
    border-radius: 0 8px 8px 0;
    background: var(--gpay-green);
    color: #fff;
}

.garden-payment-result__feedback {
    margin-top: 4px;
    color: #5c7465;
    font-size: 13px;
}

.garden-payment-result__send {
    margin-top: 13px;
    padding-top: 12px;
    border-top: 1px solid var(--gpay-border);
}

.garden-payment-result__send > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 78px;
    margin-top: 5px;
}

.garden-payment-result__send input {
    border-radius: 8px 0 0 8px;
}

.garden-payment-result__send button {
    border: 0;
    border-radius: 0 8px 8px 0;
    background: #526b5b;
    color: #fff;
    font-size: 13px;
    font-weight: 750;
}

.garden-payment-result__send > span {
    display: block;
    margin-top: 4px;
    font-size: 13px;
}

.garden-payment-result__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: 11px;
}

.garden-payment-result__actions :is(a, button) {
    display: inline-flex;
    min-height: 37px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--gpay-border);
    border-radius: 8px;
    background: #fff;
    color: #59645d;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.garden-payment-result__actions :is(a, button):hover {
    border-color: #b8c2bb;
    background: var(--gpay-soft);
    color: var(--gpay-ink);
}

.garden-payment-queue > header {
    display: flex;
    min-height: 92px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--gpay-border);
}

.garden-payment-queue > header > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.garden-payment-queue > header span {
    color: #929b95;
    font-size: 13px;
    font-weight: 800;
}

.garden-payment-queue > header h2 {
    margin: 2px 0 0;
    color: var(--gpay-ink);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 18px;
    font-weight: 650;
}

.garden-payment-queue > header p {
    margin: 2px 0 0;
    color: var(--gpay-muted);
    font-size: 13px;
}

.garden-payment-queue > header form {
    display: flex;
    align-items: center;
    gap: 6px;
}

.garden-payment-queue > header form label {
    position: relative;
    display: flex;
    align-items: center;
}

.garden-payment-queue > header form i {
    position: absolute;
    inset-inline-start: 11px;
    color: #a0a8a3;
    font-size: 13px;
}

.garden-payment-queue > header form input {
    width: 235px;
    height: 35px;
    padding: 0 31px 0 9px;
    border: 1px solid var(--gpay-border);
    border-radius: 8px;
    outline: 0;
    font-family: inherit;
    font-size: 13px;
}

.garden-payment-queue > header form button {
    height: 35px;
    padding: 0 11px;
    border: 0;
    border-radius: 8px;
    background: var(--gpay-green);
    color: #fff;
    font-size: 13px;
    font-weight: 750;
}

.garden-payment-queue__filters {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 13px;
    overflow-x: auto;
    border-bottom: 1px solid var(--gpay-border);
    background: #fafbfa;
}

.garden-payment-queue__filters a {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border-radius: 7px;
    color: #6b756e;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}

.garden-payment-queue__filters a:hover,
.garden-payment-queue__filters a.is-clear:hover {
    background: #eef1ef;
    color: var(--gpay-ink);
}

.garden-payment-queue__filters a.is-active {
    background: var(--gpay-green);
    color: #fff;
}

.garden-payment-queue__filters a strong {
    display: grid;
    min-width: 19px;
    height: 19px;
    place-items: center;
    padding: 0 4px;
    border-radius: 6px;
    background: rgba(105, 118, 110, 0.1);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 13px;
}

.garden-payment-queue__filters a.is-active strong {
    background: rgba(255, 255, 255, 0.14);
}

.garden-payment-queue__filters a.is-clear {
    margin-inline-start: auto;
    color: #8b6455;
}

.garden-payment-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(195px, 1.15fr) minmax(185px, 1.05fr) minmax(100px, 0.55fr) minmax(120px, 0.65fr) minmax(130px, 0.7fr) minmax(185px, 0.9fr);
    align-items: center;
    gap: 15px;
    min-height: 101px;
    padding: 13px 18px;
    border-bottom: 1px solid var(--gpay-border);
    transition: background 140ms ease;
}

.garden-payment-row:last-child {
    border-bottom: 0;
}

.garden-payment-row:hover {
    background: #fafbfa;
}

.garden-payment-row::before {
    position: absolute;
    inset-block: 16px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: #939d97;
    content: '';
}

.garden-payment-row.is-pending::before {
    background: #a6813e;
}

.garden-payment-row.is-paid::before {
    background: #60796a;
}

.garden-payment-row.is-expired::before,
.garden-payment-row.is-cancelled::before {
    background: var(--gpay-clay);
}

.garden-payment-row__customer {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.garden-payment-row__customer > span {
    display: grid;
    flex: 0 0 37px;
    width: 37px;
    height: 37px;
    place-items: center;
    border: 1px solid #d7ded9;
    border-radius: 10px;
    background: #e9efeb;
    color: var(--gpay-green);
    font-family: 'Rubik', 'Assistant', sans-serif;
    font-size: 16px;
    font-weight: 650;
}

.garden-payment-row__customer > div,
.garden-payment-row__description,
.garden-payment-row__amount,
.garden-payment-row__expiry,
.garden-payment-row__state {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.garden-payment-row__customer small,
.garden-payment-row__description > span,
.garden-payment-row__amount > span,
.garden-payment-row__expiry > span,
.garden-payment-row__state > span {
    overflow: hidden;
    color: #929b95;
    font-size: 13px;
    font-style: normal;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-payment-row__customer strong,
.garden-payment-row__description strong,
.garden-payment-row__amount strong,
.garden-payment-row__expiry strong,
.garden-payment-row__state strong {
    overflow: hidden;
    margin-top: 3px;
    color: #465149;
    font-size: 14px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-payment-row__customer em,
.garden-payment-row__description small,
.garden-payment-row__expiry small,
.garden-payment-row__state small {
    overflow: hidden;
    margin-top: 2px;
    color: #858f88;
    font-size: 13px;
    font-style: normal;
    font-weight: 560;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-payment-row__amount strong {
    color: var(--gpay-ink);
    font-family: 'Inter', 'Assistant', sans-serif;
    font-size: 15px;
}

.garden-payment-row.is-pending .garden-payment-row__state strong {
    color: #866823;
}

.garden-payment-row.is-paid .garden-payment-row__state strong {
    color: #56705f;
}

.garden-payment-row.is-expired .garden-payment-row__state strong,
.garden-payment-row.is-cancelled .garden-payment-row__state strong {
    color: var(--gpay-clay);
}

.garden-payment-row__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.garden-payment-row__actions form {
    display: flex;
    margin: 0;
}

.garden-payment-row__actions > button,
.garden-payment-row__actions > form > button {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gpay-border);
    border-radius: 8px;
    background: #fff;
    color: #68736c;
    font-size: 13px;
}

.garden-payment-row__actions > :is(button, form > button):hover {
    border-color: #b9c3bc;
    background: var(--gpay-soft);
    color: var(--gpay-ink);
}

.garden-payment-row__actions > button.garden-payment-row__primary {
    flex: 0 1 auto;
    width: auto;
    min-width: 112px;
    gap: 7px;
    padding: 0 11px;
    border-color: var(--gpay-green);
    background: var(--gpay-green);
    color: #fff;
    font-size: 13px;
    font-weight: 750;
    white-space: nowrap;
}

.garden-payment-row__actions > button.garden-payment-row__primary:hover {
    border-color: var(--gpay-green-dark);
    background: var(--gpay-green-dark);
    color: #fff;
}

.garden-payment-row__complete,
.garden-payment-row__inactive {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    border-radius: 8px;
    background: #e9f0eb;
    color: #587060;
    font-size: 13px;
    font-weight: 750;
}

.garden-payment-row__inactive {
    background: var(--gpay-soft);
    color: #89928c;
}

.garden-payment-queue__empty {
    display: flex;
    min-height: 270px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 28px;
    color: var(--gpay-muted);
    text-align: center;
}

.garden-payment-queue__empty > i {
    margin-bottom: 11px;
    color: #839087;
    font-size: 28px;
}

.garden-payment-queue__empty strong {
    color: var(--gpay-ink);
    font-size: 17px;
}

.garden-payment-queue__empty span {
    margin-top: 3px;
    font-size: 13px;
}

.garden-payment-queue__empty a {
    margin-top: 12px;
    color: var(--gpay-green);
    font-size: 13px;
    font-weight: 750;
}

.garden-payment-queue > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    border-top: 1px solid var(--gpay-border);
    color: var(--gpay-muted);
    font-size: 13px;
}

.garden-payment-queue > footer .pagination {
    margin: 0;
}

@media (max-width: 1250px) {
    .garden-payment-row {
        grid-template-columns: minmax(185px, 1.1fr) minmax(170px, 1fr) 100px 115px minmax(125px, 0.7fr);
    }

    .garden-payment-row__actions {
        grid-column: 1 / -1;
        padding-top: 7px;
        border-top: 1px solid var(--gpay-border);
    }
}

@media (max-width: 900px) {
    .garden-payment-create {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-payment-guide ol {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .garden-payment-hub__header,
    .garden-payment-queue > header {
        align-items: stretch;
        flex-direction: column;
    }

    .garden-payment-hub__header > a {
        align-self: flex-start;
    }

    .garden-payment-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-payment-overview > :nth-child(3) {
        border-inline-start: 0;
        border-top: 1px solid var(--gpay-border);
    }

    .garden-payment-overview > :nth-child(4) {
        border-top: 1px solid var(--gpay-border);
    }

    .garden-payment-queue > header form,
    .garden-payment-queue > header form label,
    .garden-payment-queue > header form input {
        width: 100%;
    }

    .garden-payment-row {
        grid-template-columns: minmax(0, 1.2fr) minmax(120px, 0.8fr);
    }

    .garden-payment-row__amount,
    .garden-payment-row__expiry,
    .garden-payment-row__state {
        padding-top: 7px;
        border-top: 1px solid var(--gpay-border);
    }

    .garden-payment-row__state {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    .garden-payment-overview > :is(div, a) {
        min-height: 82px;
        padding: 12px 14px;
    }

    #payment-link-form {
        grid-template-columns: minmax(0, 1fr);
        padding: 14px;
    }

    #payment-link-form > :is(label, .garden-payment-create__warning, button) {
        grid-column: 1;
    }

    .garden-payment-guide ol {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-payment-result__facts {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-payment-result__facts > span {
        min-height: 45px;
        border-inline-start: 0;
        border-top: 1px solid var(--gpay-border);
    }

    .garden-payment-result__facts > span:first-child {
        border-top: 0;
    }

    .garden-payment-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 9px;
        padding: 13px 14px;
    }

    .garden-payment-row__description,
    .garden-payment-row__amount,
    .garden-payment-row__expiry,
    .garden-payment-row__state {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        align-items: center;
        gap: 3px 8px;
        padding-top: 7px;
        border-top: 1px solid var(--gpay-border);
    }

    .garden-payment-row__description small,
    .garden-payment-row__expiry small,
    .garden-payment-row__state small {
        grid-column: 2;
    }

    .garden-payment-row__state {
        grid-column: auto;
    }

    .garden-payment-row__actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 40px 40px;
    }

    .garden-payment-row__actions > button,
    .garden-payment-row__actions > form,
    .garden-payment-row__actions > form > button {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-payment-row {
        transition: none;
    }
}

/* ==========================================================================
   Supplier payables — a due-date led operational queue
   ========================================================================== */

.garden-payables {
    --gsp-ink: #2f3832;
    --gsp-muted: #778078;
    --gsp-line: #dce2dd;
    --gsp-surface: #ffffff;
    --gsp-soft: #f3f6f3;
    --gsp-green: #46594d;
    --gsp-green-dark: #35463c;
    --gsp-green-soft: #e8eee9;
    --gsp-rust: #a85f3d;
    --gsp-rust-soft: #f7ece6;
    --gsp-amber: #90702f;
    --gsp-amber-soft: #f5efdf;
    max-width: 1540px;
    margin-inline: auto;
    color: var(--gsp-ink);
}

.garden-payables__alert {
    margin-bottom: 14px;
    border: 0;
    border-radius: 10px;
    font-size: 14px;
}

.garden-payables__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 16px;
}

.garden-payables__header h1 {
    margin: 3px 0 4px;
    color: var(--gsp-ink);
    font-size: clamp(28px, 2.2vw, 39px);
    font-weight: 800;
    letter-spacing: -0.045em;
}

.garden-payables__header p {
    max-width: 680px;
    margin: 0;
    color: var(--gsp-muted);
    font-size: 14px;
}

.garden-payables__secondary-action {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 13px;
    border: 1px solid var(--gsp-line);
    border-radius: 9px;
    background: var(--gsp-surface);
    color: var(--gsp-ink);
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.garden-payables__secondary-action:hover {
    border-color: #bbc6be;
    background: var(--gsp-soft);
    color: var(--gsp-ink);
}

.garden-payables-overview {
    display: grid;
    grid-template-columns: 1.25fr repeat(3, minmax(0, 1fr));
    overflow: hidden;
    margin-bottom: 12px;
    border: 1px solid var(--gsp-line);
    border-radius: 14px;
    background: var(--gsp-surface);
    box-shadow: 0 12px 34px rgba(45, 58, 49, 0.045);
}

.garden-payables-overview > article {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 106px;
    justify-content: center;
    flex-direction: column;
    padding: 17px 20px;
    border-inline-start: 1px solid var(--gsp-line);
}

.garden-payables-overview > article:first-child {
    border-inline-start: 0;
}

.garden-payables-overview > article > span {
    color: var(--gsp-muted);
    font-size: 13px;
    font-weight: 650;
}

.garden-payables-overview > article > strong {
    margin: 4px 0 0;
    color: var(--gsp-ink);
    font-size: clamp(22px, 1.8vw, 32px);
    font-weight: 800;
    letter-spacing: -0.035em;
}

.garden-payables-overview > article > strong small {
    font-size: 0.68em;
    font-weight: 700;
}

.garden-payables-overview > article > small {
    margin-top: 2px;
    color: #919991;
    font-size: 13px;
}

.garden-payables-overview__primary {
    background: linear-gradient(145deg, #45584c 0%, #394b40 100%);
}

.garden-payables-overview > article.garden-payables-overview__primary > :is(span, strong, small) {
    color: #fff;
}

.garden-payables-overview > article.garden-payables-overview__primary > span,
.garden-payables-overview > article.garden-payables-overview__primary > small {
    opacity: 0.72;
}

.garden-payables-overview > article.is-urgent::after {
    position: absolute;
    inset: 12px auto 12px 0;
    width: 3px;
    border-radius: 4px 0 0 4px;
    background: var(--gsp-rust);
    content: "";
}

.garden-payables-overview > article.is-urgent > strong {
    color: var(--gsp-rust);
}

.garden-payables-filters {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-bottom: 12px;
    padding: 3px;
    border: 1px solid var(--gsp-line);
    border-radius: 10px;
    background: var(--gsp-surface);
}

.garden-payables-filters a {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border-radius: 7px;
    color: #69736c;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.garden-payables-filters a span {
    display: inline-flex;
    min-width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    padding-inline: 5px;
    border-radius: 6px;
    background: var(--gsp-soft);
    color: #7b857e;
    font-size: 13px;
}

.garden-payables-filters a:hover {
    background: var(--gsp-soft);
    color: var(--gsp-ink);
}

.garden-payables-filters a.is-active {
    background: var(--gsp-green);
    color: #fff;
}

.garden-payables-filters a.is-active span {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
}

.garden-payables-filters a.is-active.is-urgent {
    background: var(--gsp-rust);
}

.garden-payables-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 330px);
    align-items: start;
    gap: 12px;
}

.garden-payables-queue,
.garden-payables-recent {
    overflow: hidden;
    border: 1px solid var(--gsp-line);
    border-radius: 14px;
    background: var(--gsp-surface);
    box-shadow: 0 12px 34px rgba(45, 58, 49, 0.04);
}

.garden-payables-queue > header,
.garden-payables-recent > header {
    display: flex;
    min-height: 66px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--gsp-line);
}

.garden-payables-queue > header span,
.garden-payables-recent > header span {
    color: #939b95;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.garden-payables-queue > header h2,
.garden-payables-recent > header h2 {
    margin: 2px 0 0;
    color: var(--gsp-ink);
    font-size: 16px;
    font-weight: 800;
}

.garden-payables-queue > header > small {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 9px;
    border-radius: 7px;
    background: var(--gsp-soft);
    color: var(--gsp-muted);
    font-size: 13px;
    font-weight: 700;
}

.garden-payable-row {
    position: relative;
    display: grid;
    grid-template-columns: 92px minmax(180px, 1.05fr) minmax(120px, 0.55fr) minmax(280px, 1fr) minmax(190px, auto);
    align-items: center;
    gap: 10px 14px;
    min-height: 108px;
    padding: 14px 15px 17px;
    border-bottom: 1px solid var(--gsp-line);
    background: var(--gsp-surface);
    transition: background-color 140ms ease;
}

.garden-payable-row:last-of-type {
    border-bottom: 0;
}

.garden-payable-row:hover {
    background: #fbfcfb;
}

.garden-payable-row::before {
    position: absolute;
    inset: 18px 0 18px auto;
    width: 3px;
    border-radius: 0 4px 4px 0;
    background: #8d9b92;
    content: "";
}

.garden-payable-row.is-overdue::before {
    background: var(--gsp-rust);
}

.garden-payable-row.is-due_soon::before {
    background: var(--gsp-amber);
}

.garden-payable-row.is-scheduled::before {
    background: var(--gsp-green);
}

.garden-payable-row__state {
    display: flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 7px;
    border-radius: 9px;
    background: var(--gsp-soft);
    color: #67736b;
    text-align: center;
}

.garden-payable-row.is-overdue .garden-payable-row__state {
    background: var(--gsp-rust-soft);
    color: var(--gsp-rust);
}

.garden-payable-row.is-due_soon .garden-payable-row__state {
    background: var(--gsp-amber-soft);
    color: var(--gsp-amber);
}

.garden-payable-row__state span {
    font-size: 13px;
    font-weight: 800;
}

.garden-payable-row__state small {
    margin-top: 1px;
    font-size: 13px;
    font-weight: 650;
}

.garden-payable-row__supplier {
    min-width: 0;
}

.garden-payable-row__supplier > a {
    display: block;
    overflow: hidden;
    color: var(--gsp-ink);
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-payable-row__supplier > a:hover {
    color: var(--gsp-green);
}

.garden-payable-row__supplier > span,
.garden-payable-row__supplier > small {
    display: block;
    overflow: hidden;
    margin-top: 2px;
    color: var(--gsp-muted);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-payable-row__supplier > small {
    color: #9aa19c;
    font-size: 13px;
}

.garden-payable-row__amount > span {
    display: block;
    color: var(--gsp-muted);
    font-size: 13px;
}

.garden-payable-row__amount > strong {
    display: block;
    margin-top: 2px;
    color: var(--gsp-ink);
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -0.025em;
}

.garden-payable-row__amount > strong small {
    font-size: 0.64em;
}

.garden-payable-row__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--gsp-line);
    border-radius: 9px;
    background: var(--gsp-soft);
}

.garden-payable-row__facts > span {
    display: flex;
    min-width: 0;
    min-height: 48px;
    justify-content: center;
    flex-direction: column;
    padding: 7px 9px;
    border-inline-start: 1px solid var(--gsp-line);
}

.garden-payable-row__facts > span:first-child {
    border-inline-start: 0;
}

.garden-payable-row__facts small {
    color: #8c958e;
    font-size: 13px;
}

.garden-payable-row__facts b {
    overflow: hidden;
    margin-top: 1px;
    color: #59635c;
    font-size: 13px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-payable-row.is-overdue .garden-payable-row__facts > span:first-child b {
    color: var(--gsp-rust);
}

.garden-payable-row__progress {
    position: absolute;
    inset: auto 15px 10px 15px;
    overflow: hidden;
    height: 2px;
    border-radius: 999px;
    background: #edf0ed;
}

.garden-payable-row__progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #809287;
}

.garden-payable-row__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.garden-payable-row__actions > :is(button, a) {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gsp-line);
    border-radius: 8px;
    background: var(--gsp-surface);
    color: #758078;
    font-size: 13px;
    text-decoration: none;
}

.garden-payable-row__actions > :is(button, a):hover {
    border-color: #bbc6be;
    background: var(--gsp-soft);
    color: var(--gsp-ink);
}

.garden-payable-row__actions > button.garden-payable-row__primary {
    flex: 0 1 auto;
    width: auto;
    min-width: 112px;
    gap: 7px;
    padding: 0 11px;
    border-color: var(--gsp-green);
    background: var(--gsp-green);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.garden-payable-row__actions > button.garden-payable-row__primary:hover {
    border-color: var(--gsp-green-dark);
    background: var(--gsp-green-dark);
    color: #fff;
}

.garden-payables-empty {
    display: flex;
    min-height: 330px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    color: var(--gsp-muted);
    text-align: center;
}

.garden-payables-empty > i {
    margin-bottom: 11px;
    color: #7c9082;
    font-size: 30px;
}

.garden-payables-empty strong {
    color: var(--gsp-ink);
    font-size: 16px;
}

.garden-payables-empty span {
    margin-top: 3px;
    font-size: 13px;
}

.garden-payables-empty a {
    margin-top: 12px;
    color: var(--gsp-green);
    font-size: 13px;
    font-weight: 800;
}

.garden-payables-recent > header > i {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--gsp-green-soft);
    color: var(--gsp-green);
    font-size: 14px;
}

.garden-payables-recent > div > article {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-height: 68px;
    padding: 10px 13px;
    border-bottom: 1px solid var(--gsp-line);
}

.garden-payables-recent__mark {
    display: inline-flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--gsp-green-soft);
    color: var(--gsp-green);
    font-size: 13px;
}

.garden-payables-recent article > div {
    min-width: 0;
}

.garden-payables-recent article > div > :is(strong, span, small) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-payables-recent article > div > strong {
    color: var(--gsp-ink);
    font-size: 13px;
}

.garden-payables-recent article > div > span {
    margin-top: 1px;
    color: var(--gsp-muted);
    font-size: 13px;
}

.garden-payables-recent article > div > small {
    margin-top: 2px;
    color: #9aa19c;
    font-size: 13px;
}

.garden-payables-recent article > b {
    color: var(--gsp-ink);
    font-size: 13px;
    white-space: nowrap;
}

.garden-payables-recent > a {
    display: flex;
    min-height: 40px;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    color: var(--gsp-green);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.garden-payables-recent__empty {
    padding: 34px 16px;
    color: var(--gsp-muted);
    font-size: 13px;
    text-align: center;
}

.garden-payables-modal .modal-content {
    overflow: hidden;
    border: 1px solid var(--gsp-line, #dce2dd);
    border-radius: 14px;
    box-shadow: 0 28px 70px rgba(38, 49, 42, 0.2);
}

.garden-payables-modal .modal-header {
    align-items: flex-start;
    padding: 17px 19px 14px;
    border-bottom: 1px solid #e2e7e3;
}

.garden-payables-modal .modal-header > div > span {
    color: #939b95;
    font-size: 13px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.garden-payables-modal .modal-title {
    margin-top: 2px;
    color: #2f3832;
    font-size: 18px;
    font-weight: 800;
}

.garden-payables-modal .modal-header p {
    margin: 2px 0 0;
    color: #7b847e;
    font-size: 13px;
}

.garden-payables-modal .modal-body {
    padding: 16px 19px;
}

.garden-payables-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.garden-payables-form-grid label {
    min-width: 0;
}

.garden-payables-form-grid label > span {
    display: block;
    margin-bottom: 5px;
    color: #5f6962;
    font-size: 13px;
    font-weight: 750;
}

.garden-payables-form-grid label > span b {
    color: #a85f3d;
}

.garden-payables-form-grid :is(input, select, textarea) {
    width: 100%;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid #d8dfda;
    border-radius: 8px;
    background: #fff;
    color: #303933;
    font-size: 13px;
    outline: none;
}

.garden-payables-form-grid textarea {
    min-height: 62px;
    resize: vertical;
}

.garden-payables-form-grid :is(input, select, textarea):focus {
    border-color: #83978a;
    box-shadow: 0 0 0 3px rgba(70, 89, 77, 0.1);
}

.garden-payables-form-grid input[type="file"] {
    padding: 6px;
}

.garden-payables-form-grid label > small {
    display: block;
    margin-top: 4px;
    color: #929a94;
    font-size: 13px;
}

.garden-payables-form-grid__wide {
    grid-column: 1 / -1;
}

.garden-payables-money-field {
    position: relative;
}

.garden-payables-money-field input {
    padding-inline-end: 34px;
}

.garden-payables-money-field small {
    position: absolute;
    top: 50%;
    inset-inline-end: 12px;
    color: #778078;
    font-size: 13px;
    font-weight: 750;
    transform: translateY(-50%);
}

.garden-payables-modal .modal-footer {
    gap: 7px;
    padding: 12px 19px;
    border-top: 1px solid #e2e7e3;
}

.garden-payables-modal .modal-footer button {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 13px;
    border: 1px solid #d8dfda;
    border-radius: 8px;
    background: #fff;
    color: #626d65;
    font-size: 13px;
    font-weight: 750;
}

.garden-payables-modal .modal-footer button.garden-payables-modal__submit {
    border-color: #46594d;
    background: #46594d;
    color: #fff;
}

@media (max-width: 1320px) {
    .garden-payable-row {
        grid-template-columns: 84px minmax(180px, 1fr) 130px minmax(260px, 1fr);
    }

    .garden-payable-row__actions {
        grid-column: 2 / -1;
        padding-top: 2px;
    }
}

@media (max-width: 1080px) {
    .garden-payables-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-payables-overview > article:nth-child(3) {
        border-inline-start: 0;
        border-top: 1px solid var(--gsp-line);
    }

    .garden-payables-overview > article:nth-child(4) {
        border-top: 1px solid var(--gsp-line);
    }

    .garden-payables-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-payables-recent {
        display: none;
    }
}

@media (max-width: 760px) {
    .garden-payables__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .garden-payables-filters {
        display: flex;
        overflow-x: auto;
        width: 100%;
    }

    .garden-payables-filters a {
        flex: 0 0 auto;
    }

    .garden-payable-row {
        grid-template-columns: 78px minmax(0, 1fr) 120px;
    }

    .garden-payable-row__facts {
        grid-column: 1 / -1;
    }

    .garden-payable-row__actions {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    .garden-payables-overview > article {
        min-height: 86px;
        padding: 12px 14px;
    }

    .garden-payables-overview > article > strong {
        font-size: 20px;
    }

    .garden-payable-row {
        grid-template-columns: 74px minmax(0, 1fr);
        gap: 9px 11px;
        padding: 13px 13px 17px;
    }

    .garden-payable-row__amount {
        grid-column: 1 / -1;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        padding-top: 8px;
        border-top: 1px solid var(--gsp-line);
    }

    .garden-payable-row__facts {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-payable-row__facts > span {
        min-height: 40px;
        border-inline-start: 0;
        border-top: 1px solid var(--gsp-line);
    }

    .garden-payable-row__facts > span:first-child {
        border-top: 0;
    }

    .garden-payable-row__actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 38px 38px;
    }

    .garden-payable-row__actions > :is(button, a) {
        width: 100%;
    }

    .garden-payables-form-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-payables-form-grid__wide {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-payable-row {
        transition: none;
    }
}

/* ==========================================================================
   Supplier directory — commercial context instead of a contact spreadsheet
   ========================================================================== */

.garden-supplier-directory {
    --gsd-ink: #303833;
    --gsd-muted: #778078;
    --gsd-line: #dce2dd;
    --gsd-soft: #f3f6f3;
    --gsd-surface: #fff;
    --gsd-green: #46594d;
    --gsd-green-dark: #35463c;
    --gsd-rust: #a85f3d;
    max-width: 1540px;
    margin-inline: auto;
    color: var(--gsd-ink);
}

.garden-supplier-directory__alert {
    margin-bottom: 14px;
    border: 0;
    border-radius: 10px;
    font-size: 13px;
}

.garden-supplier-directory__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 15px;
}

.garden-supplier-directory__header h1 {
    margin: 3px 0 4px;
    color: var(--gsd-ink);
    font-size: clamp(28px, 2.2vw, 39px);
    font-weight: 800;
    letter-spacing: -0.045em;
}

.garden-supplier-directory__header p {
    margin: 0;
    color: var(--gsd-muted);
    font-size: 14px;
}

.garden-supplier-directory__primary {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border-radius: 9px;
    background: var(--gsd-green);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.garden-supplier-directory__primary:hover {
    background: var(--gsd-green-dark);
    color: #fff;
}

.garden-supplier-directory-overview {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    margin-bottom: 12px;
    border: 1px solid var(--gsd-line);
    border-radius: 13px;
    background: var(--gsd-surface);
    box-shadow: 0 12px 32px rgba(45, 58, 49, 0.04);
}

.garden-supplier-directory-overview > :is(article, a) {
    display: flex;
    min-height: 92px;
    justify-content: center;
    flex-direction: column;
    padding: 15px 19px;
    border-inline-start: 1px solid var(--gsd-line);
    color: var(--gsd-ink);
    text-decoration: none;
}

.garden-supplier-directory-overview > :first-child {
    border-inline-start: 0;
}

.garden-supplier-directory-overview span {
    color: var(--gsd-muted);
    font-size: 13px;
    font-weight: 650;
}

.garden-supplier-directory-overview strong {
    margin-top: 3px;
    color: var(--gsd-ink);
    font-size: 24px;
    font-weight: 800;
}

.garden-supplier-directory-overview strong small {
    font-size: 0.65em;
}

.garden-supplier-directory-overview > a {
    background: #46594d;
}

.garden-supplier-directory-overview > a :is(span, strong, small) {
    color: #fff;
}

.garden-supplier-directory-overview > a > span,
.garden-supplier-directory-overview > a > small {
    opacity: 0.75;
}

.garden-supplier-directory-overview > a > small {
    margin-top: 1px;
    font-size: 13px;
}

.garden-supplier-directory-tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}

.garden-supplier-directory-tools form {
    display: flex;
    width: min(470px, 100%);
    align-items: center;
    gap: 5px;
}

.garden-supplier-directory-tools form label {
    position: relative;
    flex: 1;
}

.garden-supplier-directory-tools form label > i {
    position: absolute;
    top: 50%;
    inset-inline-start: 12px;
    color: #8d9790;
    font-size: 13px;
    transform: translateY(-50%);
}

.garden-supplier-directory-tools input {
    width: 100%;
    height: 36px;
    padding: 0 34px 0 12px;
    border: 1px solid var(--gsd-line);
    border-radius: 9px;
    background: var(--gsd-surface);
    color: var(--gsd-ink);
    font-size: 13px;
    outline: none;
}

.garden-supplier-directory-tools input:focus {
    border-color: #879a8d;
    box-shadow: 0 0 0 3px rgba(70, 89, 77, 0.09);
}

.garden-supplier-directory-tools form > button,
.garden-supplier-directory-tools form > a {
    display: inline-flex;
    height: 36px;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    border: 1px solid var(--gsd-line);
    border-radius: 9px;
    background: var(--gsd-surface);
    color: #68736c;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.garden-supplier-directory-tools form > a {
    flex: 0 0 36px;
    width: 36px;
    padding: 0;
}

.garden-supplier-directory-tools nav {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px;
    border: 1px solid var(--gsd-line);
    border-radius: 9px;
    background: var(--gsd-surface);
}

.garden-supplier-directory-tools nav a {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    gap: 6px;
    padding: 0 9px;
    border-radius: 6px;
    color: #6d766f;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.garden-supplier-directory-tools nav a span {
    display: inline-flex;
    min-width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    padding-inline: 4px;
    border-radius: 5px;
    background: var(--gsd-soft);
    font-size: 13px;
}

.garden-supplier-directory-tools nav a.is-active {
    background: var(--gsd-green);
    color: #fff;
}

.garden-supplier-directory-tools nav a.is-active span {
    background: rgba(255, 255, 255, 0.15);
}

.garden-supplier-directory-list {
    overflow: hidden;
    border: 1px solid var(--gsd-line);
    border-radius: 14px;
    background: var(--gsd-surface);
    box-shadow: 0 12px 34px rgba(45, 58, 49, 0.04);
}

.garden-supplier-directory-list > header {
    display: flex;
    min-height: 65px;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 11px 16px;
    border-bottom: 1px solid var(--gsd-line);
}

.garden-supplier-directory-list > header span {
    color: #939b95;
    font-size: 13px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.garden-supplier-directory-list > header h2 {
    margin: 2px 0 0;
    color: var(--gsd-ink);
    font-size: 16px;
    font-weight: 800;
}

.garden-supplier-directory-list > header > small {
    color: var(--gsd-muted);
    font-size: 13px;
}

.garden-supplier-card {
    display: grid;
    grid-template-columns: minmax(230px, 1.2fr) minmax(180px, 0.8fr) minmax(150px, 0.65fr) minmax(130px, 0.55fr) minmax(190px, auto);
    align-items: center;
    gap: 13px;
    min-height: 96px;
    padding: 13px 16px;
    border-bottom: 1px solid var(--gsd-line);
    background: var(--gsd-surface);
    transition: background-color 140ms ease;
}

.garden-supplier-card:last-child {
    border-bottom: 0;
}

.garden-supplier-card:hover {
    background: #fbfcfb;
}

.garden-supplier-card.is-inactive {
    opacity: 0.64;
}

.garden-supplier-card__identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
}

.garden-supplier-card__avatar {
    display: inline-flex;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfd8d1;
    border-radius: 11px;
    background: var(--gsd-soft);
    color: var(--gsd-green);
    font-size: 17px;
    font-weight: 800;
}

.garden-supplier-card__identity > div {
    min-width: 0;
}

.garden-supplier-card__identity > div > a,
.garden-supplier-card__identity > div > span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-supplier-card__identity > div > a {
    color: var(--gsd-ink);
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
}

.garden-supplier-card__identity > div > span {
    margin-top: 2px;
    color: var(--gsd-muted);
    font-size: 13px;
}

.garden-supplier-card__identity > div > small {
    display: inline-flex;
    min-height: 18px;
    align-items: center;
    margin-top: 4px;
    padding: 0 6px;
    border-radius: 5px;
    background: #f0f2f0;
    color: #89918b;
    font-size: 13px;
    font-weight: 750;
}

.garden-supplier-card__identity > div > small.is-active {
    background: #e9f0eb;
    color: #587060;
}

.garden-supplier-card__contact,
.garden-supplier-card__activity,
.garden-supplier-card__balance {
    min-width: 0;
}

.garden-supplier-card__contact > span,
.garden-supplier-card__activity > span,
.garden-supplier-card__balance > span {
    display: block;
    color: var(--gsd-muted);
    font-size: 13px;
}

.garden-supplier-card__contact > :is(a, b),
.garden-supplier-card__activity > b {
    display: block;
    overflow: hidden;
    margin-top: 2px;
    color: #4d5750;
    font-size: 13px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-supplier-card__contact > small,
.garden-supplier-card__activity > small {
    display: block;
    overflow: hidden;
    margin-top: 2px;
    color: #929a94;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-supplier-card__balance > strong {
    display: block;
    margin-top: 2px;
    color: #58635b;
    font-size: 17px;
    font-weight: 800;
}

.garden-supplier-card__balance > strong small {
    font-size: 0.65em;
}

.garden-supplier-card__balance.has-balance > strong {
    color: var(--gsd-rust);
}

.garden-supplier-card__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.garden-supplier-card__actions > :is(a, .dropdown > button) {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gsd-line);
    border-radius: 8px;
    background: var(--gsd-surface);
    color: #758078;
    font-size: 13px;
    text-decoration: none;
}

.garden-supplier-card__actions > a.garden-supplier-card__primary {
    flex: 0 1 auto;
    width: auto;
    min-width: 105px;
    gap: 7px;
    padding: 0 11px;
    border-color: var(--gsd-green);
    background: var(--gsd-green);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.garden-supplier-card__actions > :is(a, .dropdown > button):hover {
    border-color: #bbc6be;
    background: var(--gsd-soft);
    color: var(--gsd-ink);
}

.garden-supplier-card__actions > a.garden-supplier-card__primary:hover {
    border-color: var(--gsd-green-dark);
    background: var(--gsd-green-dark);
    color: #fff;
}

.garden-supplier-card__actions .dropdown-menu {
    min-width: 160px;
    padding: 5px;
    border: 1px solid var(--gsd-line);
    border-radius: 9px;
    box-shadow: 0 16px 40px rgba(42, 54, 46, 0.14);
}

.garden-supplier-card__actions .dropdown-item {
    display: flex;
    min-height: 32px;
    align-items: center;
    gap: 8px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    font-size: 13px;
}

.garden-supplier-directory-empty {
    display: flex;
    min-height: 330px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    color: var(--gsd-muted);
    text-align: center;
}

.garden-supplier-directory-empty > i {
    margin-bottom: 11px;
    color: #839087;
    font-size: 29px;
}

.garden-supplier-directory-empty strong {
    color: var(--gsd-ink);
    font-size: 16px;
}

.garden-supplier-directory-empty span,
.garden-supplier-directory-empty a {
    margin-top: 4px;
    font-size: 13px;
}

.garden-supplier-directory-empty a {
    margin-top: 12px;
    color: var(--gsd-green);
    font-weight: 800;
}

@media (max-width: 1220px) {
    .garden-supplier-card {
        grid-template-columns: minmax(220px, 1.15fr) minmax(160px, 0.8fr) minmax(140px, 0.65fr) minmax(130px, 0.55fr);
    }

    .garden-supplier-card__actions {
        grid-column: 1 / -1;
        padding-top: 7px;
        border-top: 1px solid var(--gsd-line);
    }
}

@media (max-width: 860px) {
    .garden-supplier-directory-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-supplier-directory-overview > :nth-child(3) {
        border-inline-start: 0;
        border-top: 1px solid var(--gsd-line);
    }

    .garden-supplier-directory-overview > :nth-child(4) {
        border-top: 1px solid var(--gsd-line);
    }

    .garden-supplier-directory-tools {
        align-items: stretch;
        flex-direction: column;
    }

    .garden-supplier-directory-tools form {
        width: 100%;
    }

    .garden-supplier-directory-tools nav {
        overflow-x: auto;
    }

    .garden-supplier-directory-tools nav a {
        flex: 0 0 auto;
    }

    .garden-supplier-card {
        grid-template-columns: minmax(0, 1.2fr) minmax(150px, 0.8fr);
    }

    .garden-supplier-card__activity,
    .garden-supplier-card__balance {
        padding-top: 7px;
        border-top: 1px solid var(--gsd-line);
    }
}

@media (max-width: 560px) {
    .garden-supplier-directory__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .garden-supplier-directory-overview > :is(article, a) {
        min-height: 78px;
        padding: 11px 13px;
    }

    .garden-supplier-directory-overview strong {
        font-size: 19px;
    }

    .garden-supplier-directory-tools form > button {
        display: none;
    }

    .garden-supplier-card {
        grid-template-columns: minmax(0, 1fr);
        gap: 9px;
        padding: 13px 14px;
    }

    .garden-supplier-card__contact,
    .garden-supplier-card__activity,
    .garden-supplier-card__balance {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        align-items: center;
        gap: 2px 8px;
        padding-top: 7px;
        border-top: 1px solid var(--gsd-line);
    }

    .garden-supplier-card__contact > small,
    .garden-supplier-card__activity > small {
        grid-column: 2;
    }

    .garden-supplier-card__actions {
        grid-column: auto;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 38px 38px;
    }

    .garden-supplier-card__actions > :is(a, .dropdown, .dropdown > button) {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-supplier-card {
        transition: none;
    }
}

/* ==========================================================================
   Supplier record — purchasing, invoice intake and payments in one workspace
   ========================================================================== */

.garden-supplier-record {
    --gsr-ink: #303833;
    --gsr-muted: #778078;
    --gsr-line: #dce2dd;
    --gsr-soft: #f3f6f3;
    --gsr-surface: #fff;
    --gsr-green: #46594d;
    --gsr-green-dark: #35463c;
    --gsr-rust: #a85f3d;
    --gsr-rust-soft: #f7ece6;
    --gsr-amber: #90702f;
    --gsr-amber-soft: #f5efdf;
    max-width: 1540px;
    margin-inline: auto;
    color: var(--gsr-ink);
}

.garden-supplier-record__alert {
    margin-bottom: 14px;
    border: 0;
    border-radius: 10px;
    font-size: 13px;
}

.garden-supplier-record__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 15px;
}

.garden-supplier-record__identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 13px;
}

.garden-supplier-record__identity > span {
    display: inline-flex;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccd6ce;
    border-radius: 13px;
    background: var(--gsr-soft);
    color: var(--gsr-green);
    font-size: 20px;
    font-weight: 800;
}

.garden-supplier-record__identity > div {
    min-width: 0;
}

.garden-supplier-record__identity h1 {
    overflow: hidden;
    margin: 2px 0 2px;
    color: var(--gsr-ink);
    font-size: clamp(26px, 2vw, 35px);
    font-weight: 800;
    letter-spacing: -0.04em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-supplier-record__identity p {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--gsr-muted);
    font-size: 13px;
}

.garden-supplier-record__identity p b {
    display: inline-flex;
    min-height: 19px;
    align-items: center;
    padding: 0 6px;
    border-radius: 5px;
    background: #eef0ee;
    color: #858e87;
    font-size: 13px;
}

.garden-supplier-record__identity p b.is-active {
    background: #e8eee9;
    color: #587060;
}

.garden-supplier-record__header-actions {
    display: flex;
    align-items: center;
    gap: 7px;
}

.garden-supplier-record__header-actions > :is(a, button) {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid var(--gsr-line);
    border-radius: 9px;
    background: var(--gsr-surface);
    color: #68736c;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.garden-supplier-record__header-actions > button,
.garden-supplier-record__header-actions > a.is-primary {
    border-color: var(--gsr-green);
    background: var(--gsr-green);
    color: #fff;
}

.garden-supplier-record-overview {
    display: grid;
    grid-template-columns: 1.25fr repeat(3, minmax(0, 1fr));
    overflow: hidden;
    margin-bottom: 12px;
    border: 1px solid var(--gsr-line);
    border-radius: 13px;
    background: var(--gsr-surface);
    box-shadow: 0 12px 32px rgba(45, 58, 49, 0.04);
}

.garden-supplier-record-overview > article {
    position: relative;
    display: flex;
    min-height: 98px;
    justify-content: center;
    flex-direction: column;
    padding: 15px 19px;
    border-inline-start: 1px solid var(--gsr-line);
}

.garden-supplier-record-overview > article:first-child {
    border-inline-start: 0;
}

.garden-supplier-record-overview span {
    color: var(--gsr-muted);
    font-size: 13px;
    font-weight: 650;
}

.garden-supplier-record-overview strong {
    margin-top: 3px;
    color: var(--gsr-ink);
    font-size: 23px;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.garden-supplier-record-overview strong small {
    font-size: 0.65em;
}

.garden-supplier-record-overview article > small {
    margin-top: 2px;
    color: #929a94;
    font-size: 13px;
}

.garden-supplier-record-overview__primary {
    background: linear-gradient(145deg, #46594d 0%, #394a40 100%);
}

.garden-supplier-record-overview article.garden-supplier-record-overview__primary > :is(span, strong, small) {
    color: #fff;
}

.garden-supplier-record-overview article.garden-supplier-record-overview__primary > :is(span, small) {
    opacity: 0.74;
}

.garden-supplier-record-overview article.is-urgent::after {
    position: absolute;
    inset: 12px auto 12px 0;
    width: 3px;
    border-radius: 4px 0 0 4px;
    background: var(--gsr-rust);
    content: "";
}

.garden-supplier-record-overview article.is-urgent strong {
    color: var(--gsr-rust);
}

.garden-supplier-record-notice {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    margin-bottom: 12px;
    padding: 10px 12px;
    border: 1px solid #e4d9bd;
    border-radius: 10px;
    background: var(--gsr-amber-soft);
}

.garden-supplier-record-notice > i {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(144, 112, 47, 0.1);
    color: var(--gsr-amber);
    font-size: 14px;
}

.garden-supplier-record-notice strong,
.garden-supplier-record-notice span {
    display: block;
}

.garden-supplier-record-notice strong {
    color: #695629;
    font-size: 13px;
}

.garden-supplier-record-notice span {
    margin-top: 1px;
    color: #88754a;
    font-size: 13px;
}

.garden-supplier-record-notice button {
    min-height: 31px;
    padding: 0 10px;
    border: 1px solid #d7c699;
    border-radius: 7px;
    background: #fff;
    color: #78612e;
    font-size: 13px;
    font-weight: 800;
}

.garden-supplier-record-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(255px, 310px);
    align-items: start;
    gap: 12px;
}

.garden-supplier-record-main {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 12px;
}

.garden-supplier-record-card,
.garden-supplier-record-aside > section {
    overflow: hidden;
    border: 1px solid var(--gsr-line);
    border-radius: 13px;
    background: var(--gsr-surface);
    box-shadow: 0 12px 32px rgba(45, 58, 49, 0.035);
}

.garden-supplier-record-card > header {
    display: flex;
    min-height: 64px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 11px 15px;
    border-bottom: 1px solid var(--gsr-line);
}

.garden-supplier-record-card > header > div > span {
    color: #939b95;
    font-size: 13px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.garden-supplier-record-card > header h2 {
    margin: 2px 0 0;
    color: var(--gsr-ink);
    font-size: 16px;
    font-weight: 800;
}

.garden-supplier-record-card > header > :is(a, small) {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    gap: 6px;
    padding: 0 9px;
    border-radius: 7px;
    background: var(--gsr-soft);
    color: var(--gsr-muted);
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.garden-supplier-order-row {
    position: relative;
    display: grid;
    grid-template-columns: 78px minmax(190px, 1fr) minmax(120px, 0.55fr) minmax(190px, auto);
    align-items: center;
    gap: 12px;
    min-height: 84px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--gsr-line);
    background: var(--gsr-surface);
}

.garden-supplier-order-row:last-child {
    border-bottom: 0;
}

.garden-supplier-order-row::before {
    position: absolute;
    inset: 16px 0 16px auto;
    width: 3px;
    border-radius: 0 4px 4px 0;
    background: #89958d;
    content: "";
}

.garden-supplier-order-row.is-overdue::before {
    background: var(--gsr-rust);
}

.garden-supplier-order-row__status {
    display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 6px;
    border-radius: 8px;
    background: var(--gsr-soft);
    color: #6d7770;
    text-align: center;
}

.garden-supplier-order-row__status.is-draft {
    background: var(--gsr-amber-soft);
    color: var(--gsr-amber);
}

.garden-supplier-order-row__status.is-received {
    background: #e8eee9;
    color: #587060;
}

.garden-supplier-order-row__status.is-canceled {
    background: var(--gsr-rust-soft);
    color: var(--gsr-rust);
}

.garden-supplier-order-row__status span {
    font-size: 13px;
    font-weight: 800;
}

.garden-supplier-order-row__status small {
    margin-top: 1px;
    font-size: 13px;
    font-weight: 700;
}

.garden-supplier-order-row__identity,
.garden-supplier-order-row__money {
    min-width: 0;
}

.garden-supplier-order-row__identity > :is(a, span, small) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-supplier-order-row__identity > a {
    color: var(--gsr-ink);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.garden-supplier-order-row__identity > span {
    margin-top: 2px;
    color: var(--gsr-muted);
    font-size: 13px;
}

.garden-supplier-order-row__identity > small {
    margin-top: 2px;
    color: #949c96;
    font-size: 13px;
}

.garden-supplier-order-row.is-overdue .garden-supplier-order-row__identity > small {
    color: var(--gsr-rust);
    font-weight: 700;
}

.garden-supplier-order-row__money > span {
    display: block;
    color: var(--gsr-muted);
    font-size: 13px;
}

.garden-supplier-order-row__money > b {
    display: block;
    margin-top: 2px;
    color: var(--gsr-ink);
    font-size: 14px;
}

.garden-supplier-order-row__money > small {
    display: block;
    margin-top: 2px;
    color: #7c877f;
    font-size: 13px;
}

.garden-supplier-order-row__money > small.has-balance {
    color: var(--gsr-rust);
    font-weight: 750;
}

.garden-supplier-order-row__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.garden-supplier-order-row__actions > :is(a, button) {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gsr-line);
    border-radius: 8px;
    background: #fff;
    color: #758078;
    font-size: 13px;
    text-decoration: none;
}

.garden-supplier-order-row__actions > :is(a, button):hover {
    border-color: #bbc6be;
    background: var(--gsr-soft);
    color: var(--gsr-ink);
}

.garden-supplier-order-row__actions > .garden-supplier-order-row__primary {
    flex: 0 1 auto;
    width: auto;
    min-width: 104px;
    padding: 0 10px;
    border-color: var(--gsr-green);
    background: var(--gsr-green);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.garden-supplier-order-row__actions > .garden-supplier-order-row__primary.is-invoice {
    border-color: var(--gsr-amber);
    background: var(--gsr-amber);
}

.garden-supplier-order-row__actions > .garden-supplier-order-row__primary.is-light {
    border-color: var(--gsr-line);
    background: var(--gsr-soft);
    color: #606b63;
}

.garden-supplier-payment-row {
    display: grid;
    grid-template-columns: 30px minmax(185px, 1fr) minmax(170px, 0.85fr) 120px auto;
    align-items: center;
    gap: 11px;
    min-height: 72px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--gsr-line);
}

.garden-supplier-payment-row:last-child {
    border-bottom: 0;
}

.garden-supplier-payment-row__icon {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #e8eee9;
    color: var(--gsr-green);
    font-size: 13px;
}

.garden-supplier-payment-row__identity,
.garden-supplier-payment-row__reference {
    min-width: 0;
}

.garden-supplier-payment-row__identity > :is(strong, span, small),
.garden-supplier-payment-row__reference > :is(span, b, small) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-supplier-payment-row__identity > strong,
.garden-supplier-payment-row__reference > b {
    color: var(--gsr-ink);
    font-size: 13px;
}

.garden-supplier-payment-row__identity > span,
.garden-supplier-payment-row__reference > span {
    margin-top: 1px;
    color: var(--gsr-muted);
    font-size: 13px;
}

.garden-supplier-payment-row__identity > small,
.garden-supplier-payment-row__reference > small {
    margin-top: 2px;
    color: #969e98;
    font-size: 13px;
}

.garden-supplier-payment-row__amount {
    color: var(--gsr-ink);
    font-size: 13px;
    text-align: end;
    white-space: nowrap;
}

.garden-supplier-payment-row__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.garden-supplier-payment-row__actions form {
    margin: 0;
}

.garden-supplier-payment-row__actions :is(a, button) {
    display: inline-flex;
    width: 31px;
    height: 31px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gsr-line);
    border-radius: 7px;
    background: #fff;
    color: #78827b;
    font-size: 13px;
    text-decoration: none;
}

.garden-supplier-payment-row__actions button:hover {
    border-color: #dfb9a7;
    background: var(--gsr-rust-soft);
    color: var(--gsr-rust);
}

.garden-supplier-record-empty {
    display: flex;
    min-height: 230px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 24px;
    color: var(--gsr-muted);
    text-align: center;
}

.garden-supplier-record-empty.is-short {
    min-height: 150px;
}

.garden-supplier-record-empty > i {
    margin-bottom: 9px;
    color: #87938a;
    font-size: 24px;
}

.garden-supplier-record-empty strong {
    color: var(--gsr-ink);
    font-size: 14px;
}

.garden-supplier-record-empty a {
    margin-top: 10px;
    color: var(--gsr-green);
    font-size: 13px;
    font-weight: 800;
}

.garden-supplier-record-aside {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 12px;
}

.garden-supplier-record-aside > section > header {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    padding: 10px 13px;
    border-bottom: 1px solid var(--gsr-line);
}

.garden-supplier-record-aside > section > header span {
    color: var(--gsr-ink);
    font-size: 13px;
    font-weight: 800;
}

.garden-supplier-record-aside > section > header i {
    color: #849087;
    font-size: 13px;
}

.garden-supplier-record-aside dl {
    margin: 0;
    padding: 2px 13px;
}

.garden-supplier-record-aside dl > div {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 8px;
    padding: 10px 0;
    border-bottom: 1px solid var(--gsr-line);
}

.garden-supplier-record-aside dl > div:last-child {
    border-bottom: 0;
}

.garden-supplier-record-aside dt {
    color: var(--gsr-muted);
    font-size: 13px;
    font-weight: 650;
}

.garden-supplier-record-aside dd {
    overflow-wrap: anywhere;
    margin: 0;
    color: var(--gsr-ink);
    font-size: 13px;
    font-weight: 700;
}

.garden-supplier-record-aside > section > p {
    min-height: 80px;
    margin: 0;
    padding: 12px 13px;
    color: #667169;
    font-size: 13px;
    line-height: 1.65;
    white-space: pre-line;
}

.garden-supplier-record-aside > section > a {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: 7px;
    padding: 0 13px;
    border-top: 1px solid var(--gsr-line);
    color: var(--gsr-green);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.garden-supplier-record-aside__back {
    display: flex;
    min-height: 38px;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    color: var(--gsr-muted);
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.garden-supplier-record-modal .modal-content {
    overflow: hidden;
    border: 1px solid #dce2dd;
    border-radius: 14px;
    box-shadow: 0 28px 70px rgba(38, 49, 42, 0.2);
}

.garden-supplier-record-modal .modal-header {
    align-items: flex-start;
    padding: 16px 18px 13px;
    border-bottom: 1px solid #e2e7e3;
}

.garden-supplier-record-modal .modal-header > div > span {
    color: #939b95;
    font-size: 13px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.garden-supplier-record-modal .modal-title {
    margin-top: 2px;
    color: #303833;
    font-size: 17px;
    font-weight: 800;
}

.garden-supplier-record-modal .modal-header p {
    margin: 2px 0 0;
    color: #7b847e;
    font-size: 13px;
}

.garden-supplier-record-modal .modal-body {
    padding: 15px 18px;
}

.garden-supplier-record-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
}

.garden-supplier-record-form label.is-wide {
    grid-column: 1 / -1;
}

.garden-supplier-record-form label > span {
    display: block;
    margin-bottom: 5px;
    color: #5f6962;
    font-size: 13px;
    font-weight: 750;
}

.garden-supplier-record-form label > span b {
    color: var(--gsr-rust, #a85f3d);
}

.garden-supplier-record-form :is(input, select, textarea) {
    width: 100%;
    min-height: 37px;
    padding: 7px 10px;
    border: 1px solid #d8dfda;
    border-radius: 8px;
    background: #fff;
    color: #303933;
    font-size: 13px;
    outline: none;
}

.garden-supplier-record-form textarea {
    min-height: 60px;
    resize: vertical;
}

.garden-supplier-record-form :is(input, select, textarea):focus {
    border-color: #83978a;
    box-shadow: 0 0 0 3px rgba(70, 89, 77, 0.1);
}

.garden-supplier-record-form label > small {
    display: block;
    margin-top: 4px;
    color: #929a94;
    font-size: 13px;
}

.garden-supplier-record-money {
    position: relative;
}

.garden-supplier-record-money input {
    padding-inline-end: 32px;
}

.garden-supplier-record-money small {
    position: absolute;
    top: 50%;
    inset-inline-end: 11px;
    color: #778078;
    font-size: 13px;
    font-weight: 750;
    transform: translateY(-50%);
}

.garden-supplier-record-modal__hint {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 12px 0 0;
    padding: 9px 10px;
    border-radius: 8px;
    background: #f1f4f2;
    color: #6f7972;
    font-size: 13px;
    line-height: 1.55;
}

.garden-supplier-record-modal .modal-footer {
    gap: 7px;
    padding: 11px 18px;
    border-top: 1px solid #e2e7e3;
}

.garden-supplier-record-modal .modal-footer button {
    display: inline-flex;
    min-height: 35px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid #d8dfda;
    border-radius: 8px;
    background: #fff;
    color: #626d65;
    font-size: 13px;
    font-weight: 750;
}

.garden-supplier-record-modal .modal-footer button.is-primary {
    border-color: #46594d;
    background: #46594d;
    color: #fff;
}

@media (max-width: 1180px) {
    .garden-supplier-record-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-supplier-record-aside {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-supplier-record-aside__back {
        grid-column: 1 / -1;
    }
}

@media (max-width: 920px) {
    .garden-supplier-record-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-supplier-record-overview > article:nth-child(3) {
        border-inline-start: 0;
        border-top: 1px solid var(--gsr-line);
    }

    .garden-supplier-record-overview > article:nth-child(4) {
        border-top: 1px solid var(--gsr-line);
    }

    .garden-supplier-order-row {
        grid-template-columns: 76px minmax(0, 1fr) 125px;
    }

    .garden-supplier-order-row__actions {
        grid-column: 2 / -1;
        padding-top: 6px;
        border-top: 1px solid var(--gsr-line);
    }

    .garden-supplier-payment-row {
        grid-template-columns: 30px minmax(0, 1fr) 110px auto;
    }

    .garden-supplier-payment-row__reference {
        grid-column: 2 / -1;
        padding-top: 6px;
        border-top: 1px solid var(--gsr-line);
    }
}

@media (max-width: 650px) {
    .garden-supplier-record__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .garden-supplier-record__header-actions {
        width: 100%;
    }

    .garden-supplier-record__header-actions > :is(a, button) {
        flex: 1;
    }

    .garden-supplier-record-notice {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .garden-supplier-record-notice button {
        grid-column: 1 / -1;
    }

    .garden-supplier-record-aside {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-supplier-record-aside__back {
        grid-column: auto;
    }
}

@media (max-width: 560px) {
    .garden-supplier-record__identity > span {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
    }

    .garden-supplier-record-overview > article {
        min-height: 80px;
        padding: 11px 13px;
    }

    .garden-supplier-record-overview strong {
        font-size: 18px;
    }

    .garden-supplier-order-row {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 9px 10px;
        padding: 11px 13px;
    }

    .garden-supplier-order-row__money {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 7px;
        border-top: 1px solid var(--gsr-line);
    }

    .garden-supplier-order-row__actions {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 38px 38px;
    }

    .garden-supplier-order-row__actions > :is(a, button) {
        width: 100%;
    }

    .garden-supplier-payment-row {
        grid-template-columns: 30px minmax(0, 1fr) auto;
        gap: 9px;
    }

    .garden-supplier-payment-row__amount {
        grid-column: 2;
        text-align: start;
    }

    .garden-supplier-payment-row__actions {
        grid-column: 3;
        grid-row: 1 / span 2;
    }

    .garden-supplier-payment-row__reference {
        grid-column: 2 / -1;
    }

    .garden-supplier-record-form {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-supplier-record-form label.is-wide {
        grid-column: auto;
    }
}

/* ==========================================================================
   Purchase order record — next-step purchasing workflow
   ========================================================================== */

.garden-purchase-record {
    --gpr-ink: #303833;
    --gpr-muted: #778078;
    --gpr-line: #dce2dd;
    --gpr-soft: #f3f6f3;
    --gpr-surface: #fff;
    --gpr-green: #46594d;
    --gpr-green-dark: #35463c;
    --gpr-rust: #a85f3d;
    --gpr-rust-soft: #f7ece6;
    --gpr-amber: #90702f;
    --gpr-amber-soft: #f5efdf;
    max-width: 1540px;
    margin-inline: auto;
    color: var(--gpr-ink);
}

.garden-purchase-record__alert {
    margin-bottom: 14px;
    border: 0;
    border-radius: 10px;
    font-size: 13px;
}

.garden-purchase-record__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 14px;
}

.garden-purchase-record__header > div:first-child {
    min-width: 0;
}

.garden-purchase-record__back {
    display: block;
    width: max-content;
    margin-bottom: 8px;
    color: #7b857e;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.garden-purchase-record__header h1 {
    overflow: hidden;
    margin: 3px 0 3px;
    color: var(--gpr-ink);
    font-size: clamp(27px, 2.2vw, 37px);
    font-weight: 800;
    letter-spacing: -0.04em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-purchase-record__header p {
    margin: 0;
    color: var(--gpr-muted);
    font-size: 13px;
}

.garden-purchase-record__header-actions form {
    margin: 0;
}

.garden-purchase-record__header-actions button,
.garden-purchase-record__complete {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 13px;
    border: 1px solid var(--gpr-green);
    border-radius: 9px;
    background: var(--gpr-green);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.garden-purchase-record__complete {
    border-color: #cfd9d2;
    background: #e8eee9;
    color: #587060;
}

.garden-purchase-flow {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid var(--gpr-line);
    border-radius: 11px;
    background: var(--gpr-surface);
}

.garden-purchase-flow article {
    position: relative;
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-inline-start: 1px solid var(--gpr-line);
    color: #9aa19c;
    font-size: 13px;
    font-weight: 700;
}

.garden-purchase-flow article:first-child {
    border-inline-start: 0;
}

.garden-purchase-flow article::after {
    position: absolute;
    inset: auto 12px 0 12px;
    height: 2px;
    border-radius: 999px 999px 0 0;
    background: transparent;
    content: "";
}

.garden-purchase-flow article.is-complete {
    color: var(--gpr-green);
}

.garden-purchase-flow article.is-complete::after {
    background: var(--gpr-green);
}

.garden-purchase-overview {
    display: grid;
    grid-template-columns: 1.2fr repeat(3, minmax(0, 1fr));
    overflow: hidden;
    margin-bottom: 12px;
    border: 1px solid var(--gpr-line);
    border-radius: 13px;
    background: var(--gpr-surface);
    box-shadow: 0 12px 32px rgba(45, 58, 49, 0.04);
}

.garden-purchase-overview article {
    position: relative;
    display: flex;
    min-height: 94px;
    justify-content: center;
    flex-direction: column;
    padding: 14px 18px;
    border-inline-start: 1px solid var(--gpr-line);
}

.garden-purchase-overview article:first-child {
    border-inline-start: 0;
}

.garden-purchase-overview article > span {
    color: var(--gpr-muted);
    font-size: 13px;
    font-weight: 650;
}

.garden-purchase-overview article > strong {
    margin-top: 3px;
    color: var(--gpr-ink);
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.garden-purchase-overview article > strong small {
    font-size: 0.65em;
}

.garden-purchase-overview article > small {
    margin-top: 2px;
    color: #949c96;
    font-size: 13px;
}

.garden-purchase-overview__primary {
    background: linear-gradient(145deg, #46594d 0%, #394a40 100%);
}

.garden-purchase-overview article.garden-purchase-overview__primary > :is(span, strong, small) {
    color: #fff;
}

.garden-purchase-overview article.garden-purchase-overview__primary > :is(span, small) {
    opacity: 0.74;
}

.garden-purchase-overview article.is-urgent::after {
    position: absolute;
    inset: 12px auto 12px 0;
    width: 3px;
    border-radius: 4px 0 0 4px;
    background: var(--gpr-rust);
    content: "";
}

.garden-purchase-overview article.is-urgent > :is(strong, small) {
    color: var(--gpr-rust);
}

.garden-purchase-record-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(255px, 310px);
    align-items: start;
    gap: 12px;
}

.garden-purchase-record-main,
.garden-purchase-aside {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 12px;
}

.garden-purchase-card,
.garden-purchase-aside > section {
    overflow: hidden;
    border: 1px solid var(--gpr-line);
    border-radius: 13px;
    background: var(--gpr-surface);
    box-shadow: 0 12px 32px rgba(45, 58, 49, 0.035);
}

.garden-purchase-card > header {
    display: flex;
    min-height: 63px;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--gpr-line);
}

.garden-purchase-card > header > div > span {
    color: #939b95;
    font-size: 13px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.garden-purchase-card > header h2 {
    margin: 2px 0 0;
    color: var(--gpr-ink);
    font-size: 16px;
    font-weight: 800;
}

.garden-purchase-card > header > :is(small, button) {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    gap: 6px;
    padding: 0 9px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: var(--gpr-soft);
    color: var(--gpr-muted);
    font-size: 13px;
    font-weight: 750;
}

.garden-purchase-card > header > button:hover {
    border-color: #cbd5cd;
    color: var(--gpr-ink);
}

.garden-purchase-item-row {
    display: grid;
    grid-template-columns: 30px minmax(220px, 1.15fr) 80px 105px 125px 32px;
    align-items: center;
    gap: 11px;
    min-height: 72px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--gpr-line);
}

.garden-purchase-item-row:last-child {
    border-bottom: 0;
}

.garden-purchase-item-row__index {
    display: inline-flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--gpr-soft);
    color: #778279;
    font-size: 13px;
    font-weight: 800;
}

.garden-purchase-item-row__product {
    min-width: 0;
}

.garden-purchase-item-row__product > :is(strong, span, small) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-purchase-item-row__product > strong {
    color: var(--gpr-ink);
    font-size: 13px;
}

.garden-purchase-item-row__product > span {
    margin-top: 1px;
    color: var(--gpr-muted);
    font-size: 13px;
}

.garden-purchase-item-row__product > small {
    margin-top: 2px;
    color: #969e98;
    font-size: 13px;
}

.garden-purchase-item-row__fact > span,
.garden-purchase-item-row__total > span {
    display: block;
    color: var(--gpr-muted);
    font-size: 13px;
}

.garden-purchase-item-row__fact > b,
.garden-purchase-item-row__total > strong {
    display: block;
    margin-top: 2px;
    color: var(--gpr-ink);
    font-size: 13px;
}

.garden-purchase-item-row__total > strong {
    font-size: 13px;
}

.garden-purchase-item-row > a {
    display: inline-flex;
    width: 31px;
    height: 31px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gpr-line);
    border-radius: 7px;
    color: #78827b;
    font-size: 13px;
    text-decoration: none;
}

.garden-purchase-items > footer {
    display: flex;
    min-height: 45px;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    padding: 0 14px;
    border-top: 1px solid var(--gpr-line);
    background: var(--gpr-soft);
}

.garden-purchase-items > footer span {
    color: var(--gpr-muted);
    font-size: 13px;
}

.garden-purchase-items > footer strong {
    color: var(--gpr-ink);
    font-size: 14px;
}

.garden-purchase-finance__empty {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    min-height: 92px;
    padding: 13px 14px;
}

.garden-purchase-finance__empty > i {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--gpr-amber-soft);
    color: var(--gpr-amber);
    font-size: 14px;
}

.garden-purchase-finance__empty strong,
.garden-purchase-finance__empty span {
    display: block;
}

.garden-purchase-finance__empty strong {
    color: var(--gpr-ink);
    font-size: 13px;
}

.garden-purchase-finance__empty span {
    margin-top: 2px;
    color: var(--gpr-muted);
    font-size: 13px;
}

.garden-purchase-finance__empty button {
    min-height: 32px;
    padding: 0 10px;
    border: 0;
    border-radius: 7px;
    background: var(--gpr-amber);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.garden-purchase-invoice-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 12px 14px;
    overflow: hidden;
    border: 1px solid var(--gpr-line);
    border-radius: 9px;
    background: var(--gpr-soft);
}

.garden-purchase-invoice-facts > span {
    display: flex;
    min-height: 56px;
    justify-content: center;
    flex-direction: column;
    padding: 8px 10px;
    border-inline-start: 1px solid var(--gpr-line);
}

.garden-purchase-invoice-facts > span:first-child {
    border-inline-start: 0;
}

.garden-purchase-invoice-facts small {
    color: var(--gpr-muted);
    font-size: 13px;
}

.garden-purchase-invoice-facts b {
    overflow: hidden;
    margin-top: 2px;
    color: var(--gpr-ink);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-purchase-invoice-facts > span.is-urgent b {
    color: var(--gpr-rust);
}

.garden-purchase-payment-list {
    border-top: 1px solid var(--gpr-line);
}

.garden-purchase-payment-list article {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-height: 58px;
    padding: 9px 14px;
    border-bottom: 1px solid var(--gpr-line);
}

.garden-purchase-payment-list article:last-child {
    border-bottom: 0;
}

.garden-purchase-payment-list article > span {
    display: inline-flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #e8eee9;
    color: var(--gpr-green);
    font-size: 13px;
}

.garden-purchase-payment-list article > div > :is(strong, small) {
    display: block;
}

.garden-purchase-payment-list article > div > strong,
.garden-purchase-payment-list article > b {
    color: var(--gpr-ink);
    font-size: 13px;
}

.garden-purchase-payment-list article > div > small {
    margin-top: 2px;
    color: var(--gpr-muted);
    font-size: 13px;
}

.garden-purchase-payment-list > p {
    margin: 0;
    padding: 18px 14px;
    color: var(--gpr-muted);
    font-size: 13px;
    text-align: center;
}

.garden-purchase-empty {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--gpr-muted);
    text-align: center;
}

.garden-purchase-empty i {
    margin-bottom: 8px;
    color: #87938a;
    font-size: 22px;
}

.garden-purchase-empty strong {
    color: var(--gpr-ink);
    font-size: 13px;
}

.garden-purchase-aside > section > header {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    padding: 9px 13px;
    border-bottom: 1px solid var(--gpr-line);
}

.garden-purchase-aside > section > header span {
    color: var(--gpr-ink);
    font-size: 13px;
    font-weight: 800;
}

.garden-purchase-aside > section > header i {
    color: #849087;
    font-size: 13px;
}

.garden-purchase-aside__supplier {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 13px;
    border-bottom: 1px solid var(--gpr-line);
    text-decoration: none;
}

.garden-purchase-aside__supplier > b {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--gpr-soft);
    color: var(--gpr-green);
    font-size: 13px;
}

.garden-purchase-aside__supplier > span > :is(strong, small) {
    display: block;
}

.garden-purchase-aside__supplier strong {
    color: var(--gpr-ink);
    font-size: 13px;
}

.garden-purchase-aside__supplier small {
    margin-top: 1px;
    color: var(--gpr-muted);
    font-size: 13px;
}

.garden-purchase-aside dl {
    margin: 0;
    padding: 1px 13px;
}

.garden-purchase-aside dl > div {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 7px;
    padding: 9px 0;
    border-bottom: 1px solid var(--gpr-line);
}

.garden-purchase-aside dl > div:last-child {
    border-bottom: 0;
}

.garden-purchase-aside dt {
    color: var(--gpr-muted);
    font-size: 13px;
    font-weight: 650;
}

.garden-purchase-aside dd {
    overflow-wrap: anywhere;
    margin: 0;
    color: var(--gpr-ink);
    font-size: 13px;
    font-weight: 700;
}

.garden-purchase-aside > section > p {
    min-height: 74px;
    margin: 0;
    padding: 11px 13px;
    color: #667169;
    font-size: 13px;
    line-height: 1.65;
    white-space: pre-line;
}

.garden-purchase-aside__delete button {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 7px;
    padding: 0 11px;
    border: 0;
    background: transparent;
    color: #9a6a56;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 1180px) {
    .garden-purchase-record-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-purchase-aside {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .garden-purchase-aside__delete {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .garden-purchase-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-purchase-overview article:nth-child(3) {
        border-inline-start: 0;
        border-top: 1px solid var(--gpr-line);
    }

    .garden-purchase-overview article:nth-child(4) {
        border-top: 1px solid var(--gpr-line);
    }

    .garden-purchase-item-row {
        grid-template-columns: 30px minmax(0, 1fr) 75px 105px;
    }

    .garden-purchase-item-row__total {
        grid-column: 2 / 4;
        padding-top: 6px;
        border-top: 1px solid var(--gpr-line);
    }
}

@media (max-width: 700px) {
    .garden-purchase-record__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .garden-purchase-record__header-actions,
    .garden-purchase-record__header-actions form,
    .garden-purchase-record__header-actions button,
    .garden-purchase-record__complete {
        width: 100%;
    }

    .garden-purchase-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-purchase-flow article:nth-child(3) {
        border-inline-start: 0;
        border-top: 1px solid var(--gpr-line);
    }

    .garden-purchase-flow article:nth-child(4) {
        border-top: 1px solid var(--gpr-line);
    }

    .garden-purchase-aside {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-purchase-invoice-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-purchase-invoice-facts > span:nth-child(3) {
        border-inline-start: 0;
        border-top: 1px solid var(--gpr-line);
    }

    .garden-purchase-invoice-facts > span:nth-child(4) {
        border-top: 1px solid var(--gpr-line);
    }
}

@media (max-width: 560px) {
    .garden-purchase-overview article {
        min-height: 78px;
        padding: 10px 12px;
    }

    .garden-purchase-overview article > strong {
        font-size: 18px;
    }

    .garden-purchase-item-row {
        grid-template-columns: 28px minmax(0, 1fr) 30px;
        gap: 8px;
        padding: 10px 12px;
    }

    .garden-purchase-item-row__fact,
    .garden-purchase-item-row__total {
        grid-column: 2 / -1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 6px;
        border-top: 1px solid var(--gpr-line);
    }

    .garden-purchase-item-row > a {
        grid-column: 3;
        grid-row: 1;
    }

    .garden-purchase-finance__empty {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .garden-purchase-finance__empty button {
        grid-column: 1 / -1;
    }
}

/* ==========================================================================
   Category hub — a navigable catalogue tree with operational bulk controls
   ========================================================================== */

.garden-category-hub {
    --gch-ink: #303833;
    --gch-muted: #778078;
    --gch-line: #dce2dd;
    --gch-soft: #f3f6f3;
    --gch-surface: #fff;
    --gch-green: #46594d;
    --gch-green-dark: #35463c;
    --gch-rust: #a85f3d;
    --gch-rust-soft: #f7ece6;
    --gch-amber: #90702f;
    --gch-amber-soft: #f5efdf;
    max-width: 1540px;
    margin-inline: auto;
    color: var(--gch-ink);
}

.garden-category-hub__alert {
    margin-bottom: 14px;
    border: 0;
    border-radius: 10px;
    font-size: 13px;
}

.garden-category-hub__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 15px;
}

.garden-category-hub__header h1 {
    margin: 3px 0 4px;
    color: var(--gch-ink);
    font-size: clamp(28px, 2.2vw, 39px);
    font-weight: 800;
    letter-spacing: -0.045em;
}

.garden-category-hub__header p {
    margin: 0;
    color: var(--gch-muted);
    font-size: 13px;
}

.garden-category-hub__header > a {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border-radius: 9px;
    background: var(--gch-green);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.garden-category-hub__header > a:hover {
    background: var(--gch-green-dark);
    color: #fff;
}

.garden-category-overview {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    margin-bottom: 12px;
    border: 1px solid var(--gch-line);
    border-radius: 13px;
    background: var(--gch-surface);
    box-shadow: 0 12px 32px rgba(45, 58, 49, 0.04);
}

.garden-category-overview article {
    position: relative;
    display: flex;
    min-height: 91px;
    justify-content: center;
    flex-direction: column;
    padding: 14px 18px;
    border-inline-start: 1px solid var(--gch-line);
}

.garden-category-overview article:first-child {
    border-inline-start: 0;
}

.garden-category-overview article > span {
    color: var(--gch-muted);
    font-size: 13px;
    font-weight: 650;
}

.garden-category-overview article > strong {
    margin-top: 3px;
    color: var(--gch-ink);
    font-size: 23px;
    font-weight: 800;
}

.garden-category-overview article > small {
    margin-top: 2px;
    color: #949c96;
    font-size: 13px;
}

.garden-category-overview article.needs-attention::after {
    position: absolute;
    inset: 12px auto 12px 0;
    width: 3px;
    border-radius: 4px 0 0 4px;
    background: var(--gch-rust);
    content: "";
}

.garden-category-overview article.needs-attention strong {
    color: var(--gch-rust);
}

.garden-category-tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}

.garden-category-tools form {
    display: flex;
    width: min(460px, 100%);
    align-items: center;
    gap: 5px;
}

.garden-category-tools form label {
    position: relative;
    flex: 1;
}

.garden-category-tools form label > i {
    position: absolute;
    top: 50%;
    inset-inline-start: 12px;
    color: #8d9790;
    font-size: 13px;
    transform: translateY(-50%);
}

.garden-category-tools input[type="search"] {
    width: 100%;
    height: 36px;
    padding: 0 34px 0 12px;
    border: 1px solid var(--gch-line);
    border-radius: 9px;
    background: var(--gch-surface);
    color: var(--gch-ink);
    font-size: 13px;
    outline: none;
}

.garden-category-tools input[type="search"]:focus {
    border-color: #879a8d;
    box-shadow: 0 0 0 3px rgba(70, 89, 77, 0.09);
}

.garden-category-tools form > :is(a, button) {
    display: inline-flex;
    height: 36px;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    border: 1px solid var(--gch-line);
    border-radius: 9px;
    background: var(--gch-surface);
    color: #68736c;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.garden-category-tools form > a {
    flex: 0 0 36px;
    width: 36px;
    padding: 0;
}

.garden-category-tools nav {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px;
    border: 1px solid var(--gch-line);
    border-radius: 9px;
    background: var(--gch-surface);
}

.garden-category-tools nav a {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    gap: 6px;
    padding: 0 9px;
    border-radius: 6px;
    color: #6d766f;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.garden-category-tools nav a span {
    display: inline-flex;
    min-width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    padding-inline: 4px;
    border-radius: 5px;
    background: var(--gch-soft);
    font-size: 13px;
}

.garden-category-tools nav a.is-active {
    background: var(--gch-green);
    color: #fff;
}

.garden-category-tools nav a.is-active span {
    background: rgba(255, 255, 255, 0.15);
}

.garden-category-list {
    overflow: hidden;
    border: 1px solid var(--gch-line);
    border-radius: 14px;
    background: var(--gch-surface);
    box-shadow: 0 12px 34px rgba(45, 58, 49, 0.04);
}

.garden-category-list > header {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    min-height: 64px;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    border-bottom: 1px solid var(--gch-line);
}

.garden-category-list > header > div > span {
    color: #939b95;
    font-size: 13px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.garden-category-list > header h2 {
    margin: 2px 0 0;
    color: var(--gch-ink);
    font-size: 16px;
    font-weight: 800;
}

.garden-category-list > header > small {
    color: var(--gch-muted);
    font-size: 13px;
}

.garden-category-select-all,
.garden-category-row__select {
    display: inline-flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    margin: 0;
    cursor: pointer;
}

.garden-category-select-all input,
.garden-category-row__select input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.garden-category-select-all > span,
.garden-category-row__select > span {
    position: relative;
    display: inline-flex;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbd4cd;
    border-radius: 5px;
    background: #fff;
}

.garden-category-select-all input:checked + span,
.garden-category-row__select input:checked + span {
    border-color: var(--gch-green);
    background: var(--gch-green);
}

.garden-category-select-all input:checked + span::after,
.garden-category-row__select input:checked + span::after {
    width: 6px;
    height: 3px;
    border-bottom: 1.5px solid #fff;
    border-left: 1.5px solid #fff;
    content: "";
    transform: rotate(-45deg) translateY(-1px);
}

.garden-category-select-all input:indeterminate + span {
    border-color: var(--gch-green);
    background: var(--gch-green);
}

.garden-category-select-all input:indeterminate + span::after {
    width: 7px;
    height: 1.5px;
    background: #fff;
    content: "";
}

.garden-category-bulk {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 14px;
    border-bottom: 1px solid #ccd7ce;
    background: #edf2ee;
}

.garden-category-bulk[hidden] {
    display: none;
}

.garden-category-bulk > strong {
    color: var(--gch-green);
    font-size: 13px;
}

.garden-category-bulk > div {
    display: flex;
    align-items: center;
    gap: 6px;
}

.garden-category-bulk label {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--gch-muted);
    font-size: 13px;
}

.garden-category-bulk select,
.garden-category-bulk button {
    min-height: 30px;
    padding: 0 9px;
    border: 1px solid #cbd6cd;
    border-radius: 7px;
    background: #fff;
    color: #5f6a62;
    font-size: 13px;
    font-weight: 700;
}

.garden-category-bulk button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.garden-category-bulk button.is-danger {
    border-color: #e1c1b1;
    color: var(--gch-rust);
}

.garden-category-row {
    display: grid;
    grid-template-columns: 22px minmax(260px, 1.3fr) 95px 130px 125px minmax(180px, auto);
    align-items: center;
    gap: 12px;
    min-height: 86px;
    padding: 11px 15px;
    border-bottom: 1px solid var(--gch-line);
    background: var(--gch-surface);
    transition: background-color 140ms ease;
}

.garden-category-row:last-child {
    border-bottom: 0;
}

.garden-category-row:hover {
    background: #fbfcfb;
}

.garden-category-row__identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
    padding-inline-start: calc(var(--category-depth) * 24px);
}

.garden-category-row__branch {
    display: none;
}

.garden-category-row[style*="--category-depth: 1"] .garden-category-row__branch,
.garden-category-row[style*="--category-depth: 2"] .garden-category-row__branch,
.garden-category-row[style*="--category-depth: 3"] .garden-category-row__branch,
.garden-category-row[style*="--category-depth: 4"] .garden-category-row__branch,
.garden-category-row[style*="--category-depth: 5"] .garden-category-row__branch {
    display: block;
    flex: 0 0 14px;
    width: 14px;
    height: 12px;
    margin-inline-end: -3px;
    border-bottom: 1px solid #c8d1ca;
    border-inline-start: 1px solid #c8d1ca;
    border-radius: 0 0 0 4px;
}

.garden-category-row__image {
    display: inline-flex;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border: 1px solid #d2dad4;
    border-radius: 10px;
    background: var(--gch-soft);
    color: var(--gch-green);
    font-size: 14px;
    font-weight: 800;
}

.garden-category-row__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.garden-category-row__identity > div {
    min-width: 0;
}

.garden-category-row__identity > div > :is(a, span, small) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-category-row__identity > div > a {
    color: var(--gch-ink);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.garden-category-row__identity > div > span {
    margin-top: 2px;
    color: var(--gch-muted);
    font-size: 13px;
}

.garden-category-row__identity > div > small {
    margin-top: 2px;
    color: #989f9a;
    font-size: 13px;
}

.garden-category-row__products > span,
.garden-category-row__method > span {
    display: block;
    color: var(--gch-muted);
    font-size: 13px;
}

.garden-category-row__products > strong {
    display: block;
    margin-top: 1px;
    color: var(--gch-ink);
    font-size: 14px;
}

.garden-category-row__products > small {
    display: block;
    margin-top: 1px;
    color: #929a94;
    font-size: 13px;
}

.garden-category-row__products.is-empty > :is(strong, small) {
    color: var(--gch-rust);
}

.garden-category-row__status {
    display: flex;
    min-height: 42px;
    justify-content: center;
    flex-direction: column;
    padding: 6px 8px;
    border-radius: 8px;
    background: #eef0ee;
    color: #737c75;
}

.garden-category-row__status.is-active {
    background: #e8eee9;
    color: #587060;
}

.garden-category-row__status.is-draft {
    background: var(--gch-amber-soft);
    color: var(--gch-amber);
}

.garden-category-row__status.is-hidden {
    background: var(--gch-rust-soft);
    color: var(--gch-rust);
}

.garden-category-row__status span {
    font-size: 13px;
    font-weight: 800;
}

.garden-category-row__status small {
    margin-top: 1px;
    font-size: 13px;
}

.garden-category-row__method b {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 3px;
    color: #5d6860;
    font-size: 13px;
}

.garden-category-row__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.garden-category-row__actions > :is(a, .dropdown > button) {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gch-line);
    border-radius: 8px;
    background: #fff;
    color: #758078;
    font-size: 13px;
    text-decoration: none;
}

.garden-category-row__actions > a.garden-category-row__primary {
    flex: 0 1 auto;
    width: auto;
    min-width: 91px;
    gap: 7px;
    padding: 0 10px;
    border-color: var(--gch-green);
    background: var(--gch-green);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.garden-category-row__actions > :is(a, .dropdown > button):hover {
    border-color: #bbc6be;
    background: var(--gch-soft);
    color: var(--gch-ink);
}

.garden-category-row__actions > a.garden-category-row__primary:hover {
    border-color: var(--gch-green-dark);
    background: var(--gch-green-dark);
    color: #fff;
}

.garden-category-row__actions .dropdown-menu {
    min-width: 170px;
    padding: 5px;
    border: 1px solid var(--gch-line);
    border-radius: 9px;
    box-shadow: 0 16px 40px rgba(42, 54, 46, 0.14);
}

.garden-category-row__actions .dropdown-item {
    display: flex;
    min-height: 32px;
    align-items: center;
    gap: 8px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    font-size: 13px;
}

.garden-category-empty {
    display: flex;
    min-height: 320px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 28px;
    color: var(--gch-muted);
    text-align: center;
}

.garden-category-empty > i {
    margin-bottom: 10px;
    color: #849188;
    font-size: 26px;
}

.garden-category-empty strong {
    color: var(--gch-ink);
    font-size: 14px;
}

.garden-category-empty span,
.garden-category-empty a {
    margin-top: 3px;
    font-size: 13px;
}

.garden-category-empty a {
    margin-top: 11px;
    color: var(--gch-green);
    font-weight: 800;
}

@media (max-width: 1200px) {
    .garden-category-row {
        grid-template-columns: 22px minmax(250px, 1.25fr) 90px 125px minmax(180px, auto);
    }

    .garden-category-row__method {
        display: none;
    }
}

@media (max-width: 900px) {
    .garden-category-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-category-overview article:nth-child(3) {
        border-inline-start: 0;
        border-top: 1px solid var(--gch-line);
    }

    .garden-category-overview article:nth-child(4) {
        border-top: 1px solid var(--gch-line);
    }

    .garden-category-tools {
        align-items: stretch;
        flex-direction: column;
    }

    .garden-category-tools form {
        width: 100%;
    }

    .garden-category-tools nav {
        overflow-x: auto;
    }

    .garden-category-tools nav a {
        flex: 0 0 auto;
    }

    .garden-category-row {
        grid-template-columns: 22px minmax(0, 1fr) 85px 125px;
    }

    .garden-category-row__actions {
        grid-column: 2 / -1;
        padding-top: 7px;
        border-top: 1px solid var(--gch-line);
    }
}

@media (max-width: 650px) {
    .garden-category-hub__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .garden-category-bulk {
        align-items: stretch;
        flex-direction: column;
    }

    .garden-category-bulk > div {
        flex-wrap: wrap;
    }

    .garden-category-bulk label {
        flex: 1 1 100%;
    }

    .garden-category-bulk select {
        flex: 1;
    }
}

@media (max-width: 560px) {
    .garden-category-overview article {
        min-height: 77px;
        padding: 10px 12px;
    }

    .garden-category-overview article > strong {
        font-size: 19px;
    }

    .garden-category-tools form > button {
        display: none;
    }

    .garden-category-row {
        grid-template-columns: 20px minmax(0, 1fr);
        gap: 8px;
        padding: 11px 12px;
    }

    .garden-category-row__identity {
        padding-inline-start: calc(var(--category-depth) * 12px);
    }

    .garden-category-row__products,
    .garden-category-row__status {
        grid-column: 2;
        display: grid;
        grid-template-columns: 90px minmax(0, 1fr);
        align-items: center;
        gap: 2px 8px;
        min-height: auto;
        padding: 7px 0;
        border-top: 1px solid var(--gch-line);
        border-radius: 0;
        background: transparent;
    }

    .garden-category-row__products > small,
    .garden-category-row__status > small {
        grid-column: 2;
    }

    .garden-category-row__actions {
        grid-column: 2;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 38px 38px;
    }

    .garden-category-row__actions > :is(a, .dropdown, .dropdown > button) {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-category-row {
        transition: none;
    }
}

/* ==========================================================================
   Category catalogue — product assignment and health without a data grid
   ========================================================================== */

.garden-category-catalog {
    --gcc-ink: #303833;
    --gcc-muted: #778078;
    --gcc-line: #dce2dd;
    --gcc-soft: #f3f6f3;
    --gcc-surface: #fff;
    --gcc-green: #46594d;
    --gcc-green-dark: #35463c;
    --gcc-rust: #a85f3d;
    --gcc-rust-soft: #f7ece6;
    max-width: 1540px;
    margin-inline: auto;
    color: var(--gcc-ink);
}

.garden-category-catalog__alert {
    margin-bottom: 14px;
    border: 0;
    border-radius: 10px;
    font-size: 13px;
}

.garden-category-catalog__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 15px;
}

.garden-category-catalog__header > div:first-child > a {
    display: block;
    width: max-content;
    margin-bottom: 7px;
    color: #7b857e;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.garden-category-catalog__header h1 {
    margin: 3px 0 4px;
    color: var(--gcc-ink);
    font-size: clamp(27px, 2.2vw, 37px);
    font-weight: 800;
    letter-spacing: -0.045em;
}

.garden-category-catalog__header p {
    margin: 0;
    color: var(--gcc-muted);
    font-size: 13px;
}

.garden-category-catalog__header > div:last-child {
    display: flex;
    align-items: center;
    gap: 7px;
}

.garden-category-catalog__header > div:last-child a {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid var(--gcc-line);
    border-radius: 9px;
    background: #fff;
    color: #69736c;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.garden-category-catalog__header > div:last-child a.is-primary {
    border-color: var(--gcc-green);
    background: var(--gcc-green);
    color: #fff;
}

.garden-category-catalog-overview {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    margin-bottom: 12px;
    border: 1px solid var(--gcc-line);
    border-radius: 13px;
    background: var(--gcc-surface);
    box-shadow: 0 12px 32px rgba(45, 58, 49, 0.04);
}

.garden-category-catalog-overview article {
    position: relative;
    display: flex;
    min-height: 89px;
    justify-content: center;
    flex-direction: column;
    padding: 14px 18px;
    border-inline-start: 1px solid var(--gcc-line);
}

.garden-category-catalog-overview article:first-child {
    border-inline-start: 0;
}

.garden-category-catalog-overview article > span {
    color: var(--gcc-muted);
    font-size: 13px;
    font-weight: 650;
}

.garden-category-catalog-overview article > strong {
    margin-top: 3px;
    color: var(--gcc-ink);
    font-size: 23px;
    font-weight: 800;
}

.garden-category-catalog-overview article > small {
    margin-top: 2px;
    color: #949c96;
    font-size: 13px;
}

.garden-category-catalog-overview article.needs-attention::after {
    position: absolute;
    inset: 12px auto 12px 0;
    width: 3px;
    border-radius: 4px 0 0 4px;
    background: var(--gcc-rust);
    content: "";
}

.garden-category-catalog-overview article.needs-attention strong {
    color: var(--gcc-rust);
}

.garden-category-catalog-tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}

.garden-category-catalog-tools form {
    display: flex;
    width: min(460px, 100%);
    align-items: center;
    gap: 5px;
}

.garden-category-catalog-tools form label {
    position: relative;
    flex: 1;
}

.garden-category-catalog-tools form label > i {
    position: absolute;
    top: 50%;
    inset-inline-start: 12px;
    color: #8d9790;
    font-size: 13px;
    transform: translateY(-50%);
}

.garden-category-catalog-tools input[type="search"] {
    width: 100%;
    height: 36px;
    padding: 0 34px 0 12px;
    border: 1px solid var(--gcc-line);
    border-radius: 9px;
    background: #fff;
    color: var(--gcc-ink);
    font-size: 13px;
    outline: none;
}

.garden-category-catalog-tools input[type="search"]:focus {
    border-color: #879a8d;
    box-shadow: 0 0 0 3px rgba(70, 89, 77, 0.09);
}

.garden-category-catalog-tools form > :is(a, button) {
    display: inline-flex;
    height: 36px;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    border: 1px solid var(--gcc-line);
    border-radius: 9px;
    background: #fff;
    color: #68736c;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.garden-category-catalog-tools form > a {
    flex: 0 0 36px;
    width: 36px;
    padding: 0;
}

.garden-category-catalog-tools nav {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px;
    border: 1px solid var(--gcc-line);
    border-radius: 9px;
    background: #fff;
}

.garden-category-catalog-tools nav a {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    gap: 6px;
    padding: 0 9px;
    border-radius: 6px;
    color: #6d766f;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.garden-category-catalog-tools nav a span {
    display: inline-flex;
    min-width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    padding-inline: 4px;
    border-radius: 5px;
    background: var(--gcc-soft);
    font-size: 13px;
}

.garden-category-catalog-tools nav a.is-active {
    background: var(--gcc-green);
    color: #fff;
}

.garden-category-catalog-tools nav a.is-active span {
    background: rgba(255, 255, 255, 0.15);
}

.garden-category-product-list {
    overflow: hidden;
    border: 1px solid var(--gcc-line);
    border-radius: 14px;
    background: var(--gcc-surface);
    box-shadow: 0 12px 34px rgba(45, 58, 49, 0.04);
}

.garden-category-product-list > header {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    min-height: 64px;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    border-bottom: 1px solid var(--gcc-line);
}

.garden-category-product-list > header > div > span {
    color: #939b95;
    font-size: 13px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.garden-category-product-list > header h2 {
    margin: 2px 0 0;
    color: var(--gcc-ink);
    font-size: 16px;
    font-weight: 800;
}

.garden-category-product-list > header > small {
    color: var(--gcc-muted);
    font-size: 13px;
}

.garden-category-product-select-all,
.garden-category-product-row__select {
    display: inline-flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    margin: 0;
    cursor: pointer;
}

.garden-category-product-select-all input,
.garden-category-product-row__select input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.garden-category-product-select-all > span,
.garden-category-product-row__select > span {
    position: relative;
    display: inline-flex;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbd4cd;
    border-radius: 5px;
    background: #fff;
}

.garden-category-product-select-all input:checked + span,
.garden-category-product-row__select input:checked + span,
.garden-category-product-select-all input:indeterminate + span {
    border-color: var(--gcc-green);
    background: var(--gcc-green);
}

.garden-category-product-select-all input:checked + span::after,
.garden-category-product-row__select input:checked + span::after {
    width: 6px;
    height: 3px;
    border-bottom: 1.5px solid #fff;
    border-left: 1.5px solid #fff;
    content: "";
    transform: rotate(-45deg) translateY(-1px);
}

.garden-category-product-select-all input:indeterminate + span::after {
    width: 7px;
    height: 1.5px;
    background: #fff;
    content: "";
}

.garden-category-product-bulk {
    display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 14px;
    border-bottom: 1px solid #ccd7ce;
    background: #edf2ee;
}

.garden-category-product-bulk[hidden] {
    display: none;
}

.garden-category-product-bulk > strong {
    color: var(--gcc-green);
    font-size: 13px;
}

.garden-category-product-bulk > button {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    border: 0;
    border-radius: 7px;
    background: var(--gcc-green);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.garden-category-product-row {
    display: grid;
    grid-template-columns: 22px minmax(250px, 1.25fr) 105px 105px 120px 125px minmax(175px, auto);
    align-items: center;
    gap: 12px;
    min-height: 88px;
    padding: 11px 15px;
    border-bottom: 1px solid var(--gcc-line);
    background: #fff;
    transition: background-color 140ms ease;
}

.garden-category-product-row:last-child {
    border-bottom: 0;
}

.garden-category-product-row:hover {
    background: #fbfcfb;
}

.garden-category-product-row__identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.garden-category-product-row__image {
    display: inline-flex;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border: 1px solid #d2dad4;
    border-radius: 10px;
    background: var(--gcc-soft);
    color: var(--gcc-green);
    font-size: 14px;
    font-weight: 800;
}

.garden-category-product-row__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.garden-category-product-row__identity > div {
    min-width: 0;
}

.garden-category-product-row__identity > div > :is(a, span, small) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-category-product-row__identity > div > a {
    color: var(--gcc-ink);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.garden-category-product-row__identity > div > span {
    margin-top: 2px;
    color: var(--gcc-muted);
    font-size: 13px;
}

.garden-category-product-row__identity > div > small {
    margin-top: 2px;
    color: #989f9a;
    font-size: 13px;
}

.garden-category-product-row__price > span,
.garden-category-product-row__stock > span,
.garden-category-product-row__meta > span {
    display: block;
    color: var(--gcc-muted);
    font-size: 13px;
}

.garden-category-product-row__price > strong,
.garden-category-product-row__stock > strong,
.garden-category-product-row__meta > b {
    display: block;
    margin-top: 2px;
    color: var(--gcc-ink);
    font-size: 13px;
    font-weight: 750;
}

.garden-category-product-row__price > strong small {
    font-size: 0.7em;
}

.garden-category-product-row__price > small,
.garden-category-product-row__stock > small,
.garden-category-product-row__meta > small {
    display: block;
    overflow: hidden;
    margin-top: 2px;
    color: #929a94;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-category-product-row__stock.needs-attention > :is(strong, small) {
    color: var(--gcc-rust);
}

.garden-category-product-row__visibility {
    display: flex;
    min-height: 42px;
    justify-content: center;
    flex-direction: column;
    padding: 6px 8px;
    border-radius: 8px;
    background: #eef0ee;
    color: #788079;
}

.garden-category-product-row__visibility.is-live {
    background: #e8eee9;
    color: #587060;
}

.garden-category-product-row__visibility span {
    font-size: 13px;
    font-weight: 800;
}

.garden-category-product-row__visibility small {
    margin-top: 1px;
    font-size: 13px;
}

.garden-category-product-row__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.garden-category-product-row__actions > :is(a, .dropdown > button) {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gcc-line);
    border-radius: 8px;
    background: #fff;
    color: #758078;
    font-size: 13px;
    text-decoration: none;
}

.garden-category-product-row__actions > a.garden-category-product-row__primary {
    flex: 0 1 auto;
    width: auto;
    min-width: 105px;
    gap: 7px;
    padding: 0 10px;
    border-color: var(--gcc-green);
    background: var(--gcc-green);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.garden-category-product-row__actions .dropdown-menu {
    min-width: 170px;
    padding: 5px;
    border: 1px solid var(--gcc-line);
    border-radius: 9px;
    box-shadow: 0 16px 40px rgba(42, 54, 46, 0.14);
}

.garden-category-product-row__actions .dropdown-item {
    display: flex;
    min-height: 32px;
    align-items: center;
    gap: 8px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    font-size: 13px;
}

.garden-category-catalog-empty {
    display: flex;
    min-height: 320px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 28px;
    color: var(--gcc-muted);
    text-align: center;
}

.garden-category-catalog-empty > i {
    margin-bottom: 10px;
    color: #849188;
    font-size: 26px;
}

.garden-category-catalog-empty strong {
    color: var(--gcc-ink);
    font-size: 14px;
}

.garden-category-catalog-empty span,
.garden-category-catalog-empty a {
    margin-top: 3px;
    font-size: 13px;
}

.garden-category-catalog-empty a {
    margin-top: 11px;
    color: var(--gcc-green);
    font-weight: 800;
}

.garden-category-product-modal .modal-content {
    overflow: hidden;
    border: 1px solid var(--gcc-line, #dce2dd);
    border-radius: 14px;
    box-shadow: 0 28px 70px rgba(38, 49, 42, 0.2);
}

.garden-category-product-modal .modal-header {
    align-items: flex-start;
    padding: 16px 18px 13px;
    border-bottom: 1px solid #e2e7e3;
}

.garden-category-product-modal .modal-header > div > span {
    color: #939b95;
    font-size: 13px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.garden-category-product-modal .modal-title {
    margin-top: 2px;
    color: #303833;
    font-size: 17px;
    font-weight: 800;
}

.garden-category-product-modal .modal-header p {
    margin: 2px 0 0;
    color: #7b847e;
    font-size: 13px;
}

.garden-category-product-modal .modal-body {
    padding: 15px 18px;
}

.garden-category-product-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
}

.garden-category-product-form label > span {
    display: block;
    margin-bottom: 5px;
    color: #5f6962;
    font-size: 13px;
    font-weight: 750;
}

.garden-category-product-form select {
    width: 100%;
    min-height: 37px;
    padding: 7px 9px;
    border: 1px solid #d8dfda;
    border-radius: 8px;
    background: #fff;
    color: #303933;
    font-size: 13px;
}

.garden-category-product-form label > small {
    display: block;
    margin-top: 4px;
    color: var(--gcc-rust, #a85f3d);
    font-size: 13px;
}

.garden-category-product-modal .modal-footer {
    gap: 7px;
    padding: 11px 18px;
    border-top: 1px solid #e2e7e3;
}

.garden-category-product-modal .modal-footer button {
    display: inline-flex;
    min-height: 35px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid #d8dfda;
    border-radius: 8px;
    background: #fff;
    color: #626d65;
    font-size: 13px;
    font-weight: 750;
}

.garden-category-product-modal .modal-footer button.is-primary {
    border-color: #46594d;
    background: #46594d;
    color: #fff;
}

@media (max-width: 1260px) {
    .garden-category-product-row {
        grid-template-columns: 22px minmax(240px, 1.2fr) 100px 100px 120px minmax(175px, auto);
    }

    .garden-category-product-row__meta {
        display: none;
    }
}

@media (max-width: 960px) {
    .garden-category-catalog-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-category-catalog-overview article:nth-child(3) {
        border-inline-start: 0;
        border-top: 1px solid var(--gcc-line);
    }

    .garden-category-catalog-overview article:nth-child(4) {
        border-top: 1px solid var(--gcc-line);
    }

    .garden-category-catalog-tools {
        align-items: stretch;
        flex-direction: column;
    }

    .garden-category-catalog-tools form {
        width: 100%;
    }

    .garden-category-catalog-tools nav {
        overflow-x: auto;
    }

    .garden-category-catalog-tools nav a {
        flex: 0 0 auto;
    }

    .garden-category-product-row {
        grid-template-columns: 22px minmax(0, 1fr) 100px 120px;
    }

    .garden-category-product-row__stock {
        grid-column: 3;
    }

    .garden-category-product-row__visibility {
        grid-column: 4;
    }

    .garden-category-product-row__actions {
        grid-column: 2 / -1;
        padding-top: 7px;
        border-top: 1px solid var(--gcc-line);
    }
}

@media (max-width: 650px) {
    .garden-category-catalog__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .garden-category-catalog__header > div:last-child {
        width: 100%;
    }

    .garden-category-catalog__header > div:last-child a {
        flex: 1;
    }

    .garden-category-product-form {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 560px) {
    .garden-category-catalog-overview article {
        min-height: 76px;
        padding: 10px 12px;
    }

    .garden-category-catalog-overview article > strong {
        font-size: 18px;
    }

    .garden-category-catalog-tools form > button {
        display: none;
    }

    .garden-category-product-row {
        grid-template-columns: 20px minmax(0, 1fr);
        gap: 8px;
        padding: 11px 12px;
    }

    .garden-category-product-row__price,
    .garden-category-product-row__stock,
    .garden-category-product-row__visibility {
        grid-column: 2;
        display: grid;
        grid-template-columns: 90px minmax(0, 1fr);
        align-items: center;
        gap: 2px 8px;
        min-height: auto;
        padding: 7px 0;
        border-top: 1px solid var(--gcc-line);
        border-radius: 0;
        background: transparent;
    }

    .garden-category-product-row__price > small,
    .garden-category-product-row__stock > small,
    .garden-category-product-row__visibility > small {
        grid-column: 2;
    }

    .garden-category-product-row__actions {
        grid-column: 2;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 38px;
    }

    .garden-category-product-row__actions > :is(a, .dropdown, .dropdown > button) {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-category-product-row {
        transition: none;
    }
}

/* ==========================================================================
   CRM command centre — exceptions first, metrics second
   ========================================================================== */

.garden-crm-command {
    --gcrm-ink: #303833;
    --gcrm-muted: #778078;
    --gcrm-line: #dce2dd;
    --gcrm-soft: #f3f6f3;
    --gcrm-surface: #fff;
    --gcrm-green: #46594d;
    --gcrm-green-dark: #35463c;
    --gcrm-rust: #a85f3d;
    --gcrm-rust-soft: #f7ece6;
    --gcrm-amber: #90702f;
    --gcrm-amber-soft: #f5efdf;
    max-width: 1540px;
    margin-inline: auto;
    color: var(--gcrm-ink);
}

.garden-crm-command__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 15px;
}

.garden-crm-command__header h1 {
    margin: 3px 0 4px;
    color: var(--gcrm-ink);
    font-size: clamp(28px, 2.2vw, 39px);
    font-weight: 800;
    letter-spacing: -0.045em;
}

.garden-crm-command__header p {
    margin: 0;
    color: var(--gcrm-muted);
    font-size: 13px;
}

.garden-crm-command__header > div:last-child {
    display: flex;
    align-items: center;
    gap: 7px;
}

.garden-crm-command__header > div:last-child a {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid var(--gcrm-line);
    border-radius: 9px;
    background: #fff;
    color: #69736c;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.garden-crm-command__header > div:last-child a.is-primary {
    border-color: var(--gcrm-green);
    background: var(--gcrm-green);
    color: #fff;
}

.garden-crm-command-overview {
    display: grid;
    grid-template-columns: 1.25fr repeat(3, minmax(0, 1fr));
    overflow: hidden;
    margin-bottom: 12px;
    border: 1px solid var(--gcrm-line);
    border-radius: 13px;
    background: var(--gcrm-surface);
    box-shadow: 0 12px 32px rgba(45, 58, 49, 0.04);
}

.garden-crm-command-overview > :is(article, a) {
    position: relative;
    display: flex;
    min-height: 100px;
    justify-content: center;
    flex-direction: column;
    padding: 15px 19px;
    border-inline-start: 1px solid var(--gcrm-line);
    color: var(--gcrm-ink);
    text-decoration: none;
}

.garden-crm-command-overview > :first-child {
    border-inline-start: 0;
}

.garden-crm-command-overview > :is(article, a) > span {
    color: var(--gcrm-muted);
    font-size: 13px;
    font-weight: 650;
}

.garden-crm-command-overview > :is(article, a) > strong {
    margin-top: 3px;
    color: var(--gcrm-ink);
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.garden-crm-command-overview strong small {
    font-size: 0.65em;
}

.garden-crm-command-overview > :is(article, a) > small {
    margin-top: 2px;
    color: #949c96;
    font-size: 13px;
}

.garden-crm-command-overview__primary {
    background: linear-gradient(145deg, #46594d 0%, #394a40 100%);
}

.garden-crm-command-overview article.garden-crm-command-overview__primary > :is(span, strong, small) {
    color: #fff;
}

.garden-crm-command-overview article.garden-crm-command-overview__primary > :is(span, small) {
    opacity: 0.74;
}

.garden-crm-command-overview > a {
    background: #f7f8f7;
}

.garden-crm-command-overview article.is-urgent::after {
    position: absolute;
    inset: 12px auto 12px 0;
    width: 3px;
    border-radius: 4px 0 0 4px;
    background: var(--gcrm-rust);
    content: "";
}

.garden-crm-command-overview article.is-urgent strong {
    color: var(--gcrm-rust);
}

.garden-crm-command-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(275px, 330px);
    align-items: start;
    gap: 12px;
    margin-bottom: 12px;
}

.garden-crm-attention,
.garden-crm-pipeline,
.garden-crm-signals > article,
.garden-crm-activity-log {
    overflow: hidden;
    border: 1px solid var(--gcrm-line);
    border-radius: 13px;
    background: var(--gcrm-surface);
    box-shadow: 0 12px 32px rgba(45, 58, 49, 0.035);
}

.garden-crm-attention > header,
.garden-crm-pipeline > header,
.garden-crm-signals > article > header {
    display: flex;
    min-height: 63px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--gcrm-line);
}

.garden-crm-attention > header > div > span,
.garden-crm-pipeline > header > div > span,
.garden-crm-signals > article > header > div > span {
    color: #939b95;
    font-size: 13px;
    font-weight: 750;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.garden-crm-attention > header h2,
.garden-crm-pipeline > header h2,
.garden-crm-signals > article > header h2 {
    margin: 2px 0 0;
    color: var(--gcrm-ink);
    font-size: 15px;
    font-weight: 800;
}

.garden-crm-attention > header > a,
.garden-crm-signals > article > header > a {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    gap: 6px;
    padding: 0 9px;
    border-radius: 7px;
    background: var(--gcrm-soft);
    color: var(--gcrm-green);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.garden-crm-pipeline > header > i,
.garden-crm-signals > article > header > i {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #e8eee9;
    color: var(--gcrm-green);
    font-size: 13px;
}

.garden-crm-lead-row {
    position: relative;
    display: grid;
    grid-template-columns: 92px minmax(220px, 1fr) 120px minmax(195px, auto);
    align-items: center;
    gap: 12px;
    min-height: 88px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--gcrm-line);
}

.garden-crm-lead-row:last-child {
    border-bottom: 0;
}

.garden-crm-lead-row::before {
    position: absolute;
    inset: 16px 0 16px auto;
    width: 3px;
    border-radius: 0 4px 4px 0;
    background: #8b978f;
    content: "";
}

.garden-crm-lead-row.is-overdue::before,
.garden-crm-lead-row.is-needs_help::before {
    background: var(--gcrm-rust);
}

.garden-crm-lead-row.is-today::before {
    background: var(--gcrm-amber);
}

.garden-crm-lead-row__signal {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 6px;
    border-radius: 8px;
    background: var(--gcrm-soft);
    color: #6d7770;
    text-align: center;
}

.garden-crm-lead-row.is-overdue .garden-crm-lead-row__signal,
.garden-crm-lead-row.is-needs_help .garden-crm-lead-row__signal {
    background: var(--gcrm-rust-soft);
    color: var(--gcrm-rust);
}

.garden-crm-lead-row.is-today .garden-crm-lead-row__signal {
    background: var(--gcrm-amber-soft);
    color: var(--gcrm-amber);
}

.garden-crm-lead-row__signal span {
    font-size: 13px;
    font-weight: 800;
}

.garden-crm-lead-row__signal small {
    margin-top: 1px;
    font-size: 13px;
}

.garden-crm-lead-row__identity,
.garden-crm-lead-row__value {
    min-width: 0;
}

.garden-crm-lead-row__identity > :is(a, span, small) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-crm-lead-row__identity > a {
    color: var(--gcrm-ink);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.garden-crm-lead-row__identity > span {
    margin-top: 2px;
    color: var(--gcrm-muted);
    font-size: 13px;
}

.garden-crm-lead-row__identity > small {
    margin-top: 2px;
    color: #969e98;
    font-size: 13px;
}

.garden-crm-lead-row__value > span {
    display: block;
    color: var(--gcrm-muted);
    font-size: 13px;
}

.garden-crm-lead-row__value > strong {
    display: block;
    margin-top: 2px;
    color: var(--gcrm-ink);
    font-size: 13px;
}

.garden-crm-lead-row__value > small {
    display: block;
    margin-top: 2px;
    color: #929a94;
    font-size: 13px;
}

.garden-crm-lead-row__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.garden-crm-lead-row__actions > a {
    display: inline-flex;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gcrm-line);
    border-radius: 8px;
    background: #fff;
    color: #758078;
    font-size: 13px;
    text-decoration: none;
}

.garden-crm-lead-row__actions > a.garden-crm-lead-row__primary {
    flex: 0 1 auto;
    width: auto;
    min-width: 102px;
    gap: 7px;
    padding: 0 10px;
    border-color: var(--gcrm-green);
    background: var(--gcrm-green);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.garden-crm-command-empty {
    display: flex;
    min-height: 290px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 26px;
    color: var(--gcrm-muted);
    text-align: center;
}

.garden-crm-command-empty > i {
    margin-bottom: 9px;
    color: #809084;
    font-size: 26px;
}

.garden-crm-command-empty strong {
    color: var(--gcrm-ink);
    font-size: 14px;
}

.garden-crm-command-empty span,
.garden-crm-command-empty a {
    margin-top: 3px;
    font-size: 13px;
}

.garden-crm-command-empty a {
    margin-top: 11px;
    color: var(--gcrm-green);
    font-weight: 800;
}

.garden-crm-pipeline > div > article {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-height: 68px;
    padding: 10px 13px;
    border-bottom: 1px solid var(--gcrm-line);
}

.garden-crm-pipeline > div > article > span {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--gcrm-soft);
    color: var(--gcrm-green);
    font-size: 13px;
}

.garden-crm-pipeline article > div > :is(strong, small, i) {
    display: block;
}

.garden-crm-pipeline article > div > strong {
    color: var(--gcrm-ink);
    font-size: 13px;
}

.garden-crm-pipeline article > div > small {
    margin-top: 1px;
    color: var(--gcrm-muted);
    font-size: 13px;
}

.garden-crm-pipeline article > div > i {
    overflow: hidden;
    height: 3px;
    margin-top: 5px;
    border-radius: 999px;
    background: #e9edea;
}

.garden-crm-pipeline article > div > i > b {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #7f9084;
}

.garden-crm-pipeline article > em {
    color: var(--gcrm-ink);
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
}

.garden-crm-pipeline > div > p {
    margin: 0;
    padding: 32px 14px;
    color: var(--gcrm-muted);
    font-size: 13px;
    text-align: center;
}

.garden-crm-pipeline > a {
    display: flex;
    min-height: 39px;
    align-items: center;
    justify-content: space-between;
    padding: 0 13px;
    border-top: 1px solid var(--gcrm-line);
    color: var(--gcrm-green);
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.garden-crm-signals {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.garden-crm-signals > article > div > a {
    display: flex;
    min-height: 57px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 13px;
    border-bottom: 1px solid var(--gcrm-line);
    color: var(--gcrm-ink);
    text-decoration: none;
}

.garden-crm-signals > article > div > a:last-child {
    border-bottom: 0;
}

.garden-crm-signals > article > div > a span {
    min-width: 0;
}

.garden-crm-signals > article > div > a :is(strong, small) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-crm-signals > article > div > a strong {
    font-size: 13px;
}

.garden-crm-signals > article > div > a small {
    margin-top: 2px;
    color: var(--gcrm-muted);
    font-size: 13px;
}

.garden-crm-signals > article > div > a b {
    color: var(--gcrm-ink);
    font-size: 13px;
    white-space: nowrap;
}

.garden-crm-signals > article.is-debt > div > a b {
    color: var(--gcrm-rust);
}

.garden-crm-signals > article > div > p {
    margin: 0;
    padding: 32px 13px;
    color: var(--gcrm-muted);
    font-size: 13px;
    text-align: center;
}

.garden-crm-activity-log {
    margin-bottom: 12px;
}

.garden-crm-activity-log summary {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 14px;
    cursor: pointer;
    list-style: none;
}

.garden-crm-activity-log summary::-webkit-details-marker {
    display: none;
}

.garden-crm-activity-log summary > span {
    display: grid;
    grid-template-columns: 28px auto;
    align-items: center;
    gap: 2px 9px;
}

.garden-crm-activity-log summary > span > i {
    grid-row: 1 / span 2;
    display: inline-flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--gcrm-soft);
    color: var(--gcrm-green);
    font-size: 13px;
}

.garden-crm-activity-log summary b {
    color: var(--gcrm-ink);
    font-size: 13px;
}

.garden-crm-activity-log summary small {
    color: var(--gcrm-muted);
    font-size: 13px;
}

.garden-crm-activity-log[open] summary > i {
    transform: rotate(180deg);
}

.garden-crm-activity-log > div {
    border-top: 1px solid var(--gcrm-line);
}

.garden-crm-activity-log > div > article {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-height: 54px;
    padding: 8px 14px;
    border-bottom: 1px solid var(--gcrm-line);
}

.garden-crm-activity-log > div > article:last-child {
    border-bottom: 0;
}

.garden-crm-activity-log article > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #809186;
}

.garden-crm-activity-log article > div > :is(strong, small) {
    display: block;
}

.garden-crm-activity-log article strong {
    color: var(--gcrm-ink);
    font-size: 13px;
}

.garden-crm-activity-log article small,
.garden-crm-activity-log article time {
    color: var(--gcrm-muted);
    font-size: 13px;
}

@media (max-width: 1120px) {
    .garden-crm-command-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-crm-pipeline > div {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-crm-pipeline > div > article:nth-child(odd) {
        border-inline-end: 1px solid var(--gcrm-line);
    }

    .garden-crm-signals {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 900px) {
    .garden-crm-command-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-crm-command-overview > :nth-child(3) {
        border-inline-start: 0;
        border-top: 1px solid var(--gcrm-line);
    }

    .garden-crm-command-overview > :nth-child(4) {
        border-top: 1px solid var(--gcrm-line);
    }

    .garden-crm-lead-row {
        grid-template-columns: 90px minmax(0, 1fr) 115px;
    }

    .garden-crm-lead-row__actions {
        grid-column: 2 / -1;
        padding-top: 7px;
        border-top: 1px solid var(--gcrm-line);
    }
}

@media (max-width: 650px) {
    .garden-crm-command__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .garden-crm-command__header > div:last-child {
        width: 100%;
    }

    .garden-crm-command__header > div:last-child a {
        flex: 1;
    }

    .garden-crm-pipeline > div {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-crm-pipeline > div > article:nth-child(odd) {
        border-inline-end: 0;
    }
}

@media (max-width: 560px) {
    .garden-crm-command-overview > :is(article, a) {
        min-height: 79px;
        padding: 10px 12px;
    }

    .garden-crm-command-overview > :is(article, a) > strong {
        font-size: 18px;
    }

    .garden-crm-lead-row {
        grid-template-columns: 78px minmax(0, 1fr);
        gap: 8px 10px;
        padding: 10px 12px;
    }

    .garden-crm-lead-row__value {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 7px;
        border-top: 1px solid var(--gcrm-line);
    }

    .garden-crm-lead-row__actions {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(0, 1fr) repeat(3, 38px);
    }

    .garden-crm-lead-row__actions > a {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-crm-activity-log summary > i {
        transition: none;
    }
}

/* Sales performance — operational scoreboard */
.garden-sales-scoreboard {
    --gsales-ink: #202923;
    --gsales-muted: #737d76;
    --gsales-line: #e1e6e2;
    --gsales-soft: #f4f7f4;
    --gsales-green: #42574a;
    --gsales-accent: #70ad89;
    --gsales-warn: #aa714e;
    --gsales-danger: #a35454;
    display: grid;
    gap: 16px;
}

.garden-sales-scoreboard__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.garden-sales-scoreboard__header h1,
.garden-sales-team h2,
.garden-sales-target-modal h2 {
    margin: 0;
    color: var(--gsales-ink);
    font-weight: 800;
    letter-spacing: -0.035em;
}

.garden-sales-scoreboard__header h1 {
    margin-top: 3px;
    font-size: clamp(26px, 2vw, 36px);
}

.garden-sales-scoreboard__header p {
    margin: 5px 0 0;
    color: var(--gsales-muted);
    font-size: 13px;
}

.garden-sales-scoreboard__header nav {
    display: grid;
    grid-template-columns: 38px minmax(132px, auto) 38px;
    align-items: center;
    overflow: hidden;
    min-height: 38px;
    border: 1px solid var(--gsales-line);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(35, 50, 40, 0.04);
}

.garden-sales-scoreboard__header nav a {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    color: var(--gsales-muted);
    text-decoration: none;
    transition: color 150ms ease, background-color 150ms ease;
}

.garden-sales-scoreboard__header nav a:hover,
.garden-sales-scoreboard__header nav a:focus-visible {
    background: var(--gsales-soft);
    color: var(--gsales-green);
}

.garden-sales-scoreboard__header nav span {
    padding: 0 13px;
    color: var(--gsales-ink);
    font-size: 13px;
    font-weight: 750;
    text-align: center;
}

.garden-sales-scoreboard-overview {
    display: grid;
    grid-template-columns: 1.25fr repeat(3, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--gsales-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 13px 32px rgba(35, 50, 40, 0.045);
}

.garden-sales-scoreboard-overview > article {
    display: flex;
    min-width: 0;
    min-height: 108px;
    padding: 17px 20px;
    flex-direction: column;
    justify-content: center;
    border-inline-start: 1px solid var(--gsales-line);
}

.garden-sales-scoreboard-overview > article:first-child {
    border-inline-start: 0;
}

.garden-sales-scoreboard-overview article > span,
.garden-sales-person__revenue > span,
.garden-sales-person__pace > div > span {
    color: var(--gsales-muted);
    font-size: 13px;
    font-weight: 650;
}

.garden-sales-scoreboard-overview article > strong {
    margin-top: 4px;
    color: var(--gsales-ink);
    font-size: clamp(23px, 2vw, 31px);
    font-weight: 820;
    line-height: 1.05;
}

.garden-sales-scoreboard-overview article > strong small,
.garden-sales-person__revenue > strong small {
    font-size: 0.58em;
    font-weight: 750;
}

.garden-sales-scoreboard-overview article > small {
    overflow: hidden;
    margin-top: 7px;
    color: var(--gsales-muted);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-sales-scoreboard-overview__primary {
    background: linear-gradient(135deg, #42574a 0%, #35473c 100%);
}

.garden-sales-scoreboard-overview__primary > :is(span, strong, small) {
    color: #fff !important;
}

.garden-sales-scoreboard-overview__primary > small {
    opacity: 0.72;
}

.garden-sales-team {
    overflow: hidden;
    border: 1px solid var(--gsales-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 13px 32px rgba(35, 50, 40, 0.045);
}

.garden-sales-team > header {
    display: flex;
    min-height: 70px;
    padding: 14px 20px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid var(--gsales-line);
}

.garden-sales-team > header span {
    color: var(--gsales-accent);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.garden-sales-team > header h2 {
    margin-top: 2px;
    font-size: 16px;
}

.garden-sales-team > header > small {
    display: inline-flex;
    min-height: 28px;
    padding: 0 10px;
    align-items: center;
    border-radius: 8px;
    background: var(--gsales-soft);
    color: var(--gsales-muted);
    font-size: 13px;
    font-weight: 700;
}

.garden-sales-person {
    position: relative;
    display: grid;
    grid-template-columns: 32px minmax(145px, 1.1fr) minmax(112px, 0.75fr) minmax(170px, 1.15fr) minmax(240px, 1.45fr) auto;
    min-height: 108px;
    padding: 14px 18px;
    align-items: center;
    gap: 14px;
    border-bottom: 1px solid var(--gsales-line);
    transition: background-color 150ms ease;
}

.garden-sales-person:last-child {
    border-bottom: 0;
}

.garden-sales-person::before {
    position: absolute;
    inset: 13px 0 13px auto;
    width: 3px;
    border-radius: 3px 0 0 3px;
    background: #b1bab4;
    content: "";
}

.garden-sales-person.is-complete::before,
.garden-sales-person.is-on_track::before {
    background: var(--gsales-accent);
}

.garden-sales-person.is-behind::before {
    background: var(--gsales-warn);
}

.garden-sales-person:hover {
    background: #fbfcfb;
}

.garden-sales-person__rank span,
.garden-sales-person__identity > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-weight: 800;
}

.garden-sales-person__rank span {
    width: 26px;
    height: 26px;
    background: var(--gsales-soft);
    color: var(--gsales-muted);
    font-size: 13px;
}

.garden-sales-person__identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.garden-sales-person__identity > span {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    background: #e8eee9;
    color: var(--gsales-green);
    font-size: 13px;
}

.garden-sales-person__identity > div,
.garden-sales-person__identity :is(strong, small),
.garden-sales-person__revenue > :is(span, strong, small) {
    display: block;
    min-width: 0;
}

.garden-sales-person__identity strong {
    overflow: hidden;
    color: var(--gsales-ink);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-sales-person__identity small {
    margin-top: 3px;
    color: var(--gsales-muted);
    font-size: 13px;
}

.garden-sales-person.is-on_track .garden-sales-person__identity small,
.garden-sales-person.is-complete .garden-sales-person__identity small {
    color: #4f8462;
}

.garden-sales-person.is-behind .garden-sales-person__identity small {
    color: var(--gsales-warn);
}

.garden-sales-person__revenue > strong {
    margin: 2px 0;
    color: var(--gsales-ink);
    font-size: 15px;
}

.garden-sales-person__revenue > small,
.garden-sales-person__pace > small {
    color: var(--gsales-muted);
    font-size: 13px;
}

.garden-sales-person__pace > div {
    display: flex;
    margin-bottom: 7px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.garden-sales-person__pace > div b {
    color: var(--gsales-ink);
    font-size: 13px;
}

.garden-sales-person__pace > i {
    position: relative;
    display: block;
    height: 7px;
    overflow: visible;
    border-radius: 999px;
    background: #e9edea;
}

.garden-sales-person__pace > i > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #99a49d;
}

.garden-sales-person.is-complete .garden-sales-person__pace > i > span,
.garden-sales-person.is-on_track .garden-sales-person__pace > i > span {
    background: var(--gsales-accent);
}

.garden-sales-person.is-behind .garden-sales-person__pace > i > span {
    background: #c99b7d;
}

.garden-sales-person__pace > i > em {
    position: absolute;
    top: -3px;
    width: 2px;
    height: 13px;
    border-radius: 2px;
    background: var(--gsales-ink);
    transform: translateX(1px);
}

.garden-sales-person__pace > small {
    display: block;
    margin-top: 5px;
}

.garden-sales-person__facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--gsales-line);
    border-radius: 10px;
    background: #fafbfa;
}

.garden-sales-person__facts > span {
    min-width: 0;
    padding: 8px 9px;
    border-inline-start: 1px solid var(--gsales-line);
}

.garden-sales-person__facts > span:first-child {
    border-inline-start: 0;
}

.garden-sales-person__facts :is(small, b) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-sales-person__facts small {
    color: var(--gsales-muted);
    font-size: 13px;
}

.garden-sales-person__facts b {
    margin-top: 2px;
    color: var(--gsales-ink);
    font-size: 13px;
}

.garden-sales-person__actions button,
.garden-sales-scoreboard-empty a,
.garden-sales-target-modal .modal-footer button {
    display: inline-flex;
    min-height: 36px;
    padding: 0 12px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--gsales-line);
    border-radius: 9px;
    background: #fff;
    color: var(--gsales-green);
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
    transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

.garden-sales-person__actions button:hover,
.garden-sales-person__actions button:focus-visible,
.garden-sales-scoreboard-empty a:hover,
.garden-sales-scoreboard-empty a:focus-visible {
    border-color: #bdc9c0;
    background: var(--gsales-soft);
    color: var(--gsales-ink);
}

.garden-sales-scoreboard-empty {
    display: flex;
    min-height: 240px;
    padding: 30px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--gsales-muted);
    text-align: center;
}

.garden-sales-scoreboard-empty > i {
    display: inline-flex;
    width: 46px;
    height: 46px;
    margin-bottom: 12px;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: var(--gsales-soft);
    color: var(--gsales-green);
    font-size: 18px;
}

.garden-sales-scoreboard-empty strong {
    color: var(--gsales-ink);
    font-size: 14px;
}

.garden-sales-scoreboard-empty span {
    margin: 4px 0 14px;
    font-size: 13px;
}

.garden-sales-target-modal .modal-content {
    overflow: hidden;
    border: 0;
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(28, 42, 32, 0.2);
}

.garden-sales-target-modal .modal-header,
.garden-sales-target-modal .modal-body,
.garden-sales-target-modal .modal-footer {
    padding: 17px 20px;
    border-color: var(--gsales-line);
}

.garden-sales-target-modal .modal-header {
    align-items: flex-start;
}

.garden-sales-target-modal .modal-header span {
    color: var(--gsales-accent);
    font-size: 13px;
    font-weight: 800;
}

.garden-sales-target-modal .modal-header h2 {
    margin-top: 2px;
    font-size: 16px;
}

.garden-sales-target-modal .modal-header p {
    margin: 3px 0 0;
    color: var(--gsales-muted);
    font-size: 13px;
}

.garden-sales-target-form {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
    gap: 12px;
}

.garden-sales-target-form label > span {
    display: block;
    margin-bottom: 6px;
    color: var(--gsales-ink);
    font-size: 13px;
    font-weight: 750;
}

.garden-sales-target-form label > div {
    position: relative;
}

.garden-sales-target-form input {
    width: 100%;
    height: 40px;
    padding: 0 11px;
    border: 1px solid var(--gsales-line);
    border-radius: 9px;
    background: #fff;
    color: var(--gsales-ink);
    font-size: 13px;
    outline: 0;
}

.garden-sales-target-form label > div input {
    padding-inline-end: 31px;
}

.garden-sales-target-form label > div small {
    position: absolute;
    inset-inline-end: 11px;
    top: 50%;
    color: var(--gsales-muted);
    font-size: 13px;
    transform: translateY(-50%);
}

.garden-sales-target-form input:focus {
    border-color: #8eaa98;
    box-shadow: 0 0 0 3px rgba(112, 173, 137, 0.12);
}

.garden-sales-target-modal .modal-body > p {
    margin: 13px 0 0;
    color: var(--gsales-muted);
    font-size: 13px;
}

.garden-sales-target-modal .modal-footer {
    justify-content: flex-start;
}

.garden-sales-target-modal .modal-footer button.is-primary {
    border-color: var(--gsales-green);
    background: var(--gsales-green);
    color: #fff;
}

.garden-sales-target-modal .modal-footer button:disabled {
    cursor: wait;
    opacity: 0.62;
}

@media (max-width: 1250px) {
    .garden-sales-person {
        grid-template-columns: 30px minmax(150px, 1fr) minmax(120px, 0.8fr) minmax(180px, 1.2fr) auto;
    }

    .garden-sales-person__facts {
        grid-column: 2 / 6;
        grid-row: 2;
    }

    .garden-sales-person__actions {
        grid-column: 6;
        grid-row: 1 / 3;
    }
}

@media (max-width: 900px) {
    .garden-sales-scoreboard-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-sales-scoreboard-overview > article:nth-child(3) {
        border-top: 1px solid var(--gsales-line);
        border-inline-start: 0;
    }

    .garden-sales-scoreboard-overview > article:nth-child(4) {
        border-top: 1px solid var(--gsales-line);
    }

    .garden-sales-person {
        grid-template-columns: 28px minmax(145px, 1fr) minmax(115px, 0.8fr) minmax(170px, 1.2fr) auto;
    }

    .garden-sales-person__actions {
        grid-column: 5;
    }
}

@media (max-width: 680px) {
    .garden-sales-scoreboard__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .garden-sales-scoreboard__header nav {
        width: 100%;
        grid-template-columns: 38px minmax(0, 1fr) 38px;
    }

    .garden-sales-person {
        grid-template-columns: 28px minmax(0, 1fr) auto;
        gap: 11px;
    }

    .garden-sales-person__identity {
        grid-column: 2;
    }

    .garden-sales-person__revenue {
        grid-column: 3;
        text-align: end;
    }

    .garden-sales-person__pace,
    .garden-sales-person__facts,
    .garden-sales-person__actions {
        grid-column: 2 / -1;
    }

    .garden-sales-person__pace {
        grid-row: 2;
    }

    .garden-sales-person__facts {
        grid-row: 3;
    }

    .garden-sales-person__actions {
        grid-row: 4;
    }

    .garden-sales-person__actions button {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .garden-sales-scoreboard-overview > article {
        min-height: 90px;
        padding: 13px 14px;
    }

    .garden-sales-scoreboard-overview article > strong {
        font-size: 20px;
    }

    .garden-sales-team > header {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .garden-sales-person {
        padding: 13px 12px;
    }

    .garden-sales-person__rank {
        display: none;
    }

    .garden-sales-person__identity {
        grid-column: 1 / 3;
    }

    .garden-sales-person__revenue {
        grid-column: 3;
    }

    .garden-sales-person__pace,
    .garden-sales-person__facts,
    .garden-sales-person__actions {
        grid-column: 1 / -1;
    }

    .garden-sales-person__facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-sales-person__facts > span:nth-child(3) {
        border-top: 1px solid var(--gsales-line);
        border-inline-start: 0;
    }

    .garden-sales-person__facts > span:nth-child(4) {
        border-top: 1px solid var(--gsales-line);
    }

    .garden-sales-target-form {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-sales-scoreboard__header nav a,
    .garden-sales-person,
    .garden-sales-person__actions button,
    .garden-sales-scoreboard-empty a {
        transition: none;
    }
}

/* Delivery lines — next-action queue */
.garden-route-queue {
    --groute-ink: #202923;
    --groute-muted: #747d77;
    --groute-line: #e0e6e1;
    --groute-soft: #f4f7f4;
    --groute-green: #42574a;
    --groute-accent: #70ad89;
    --groute-clay: #aa6c4c;
    display: grid;
    gap: 16px;
}

.garden-route-notice {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) 28px;
    min-height: 42px;
    padding: 7px 10px;
    align-items: center;
    gap: 8px;
    border: 1px solid #cfe0d4;
    border-radius: 10px;
    background: #f1f8f3;
    color: #476352;
    font-size: 13px;
}

.garden-route-notice.is-error {
    border-color: #ead4d0;
    background: #fbf3f1;
    color: #8b5048;
}

.garden-route-notice button {
    display: inline-flex;
    width: 28px;
    height: 28px;
    padding: 0;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: currentColor;
}

.garden-route-queue__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.garden-route-queue__header h1,
.garden-route-worklist h2,
.garden-route-modal h2 {
    margin: 0;
    color: var(--groute-ink);
    font-weight: 800;
    letter-spacing: -0.035em;
}

.garden-route-queue__header h1 {
    margin-top: 3px;
    font-size: clamp(26px, 2vw, 36px);
}

.garden-route-queue__header p {
    margin: 5px 0 0;
    color: var(--groute-muted);
    font-size: 13px;
}

.garden-route-queue__header > div:last-child {
    display: flex;
    gap: 8px;
}

.garden-route-queue__header > div:last-child a,
.garden-route-empty a,
.garden-route-modal .modal-footer button {
    display: inline-flex;
    min-height: 38px;
    padding: 0 14px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--groute-line);
    border-radius: 10px;
    background: #fff;
    color: var(--groute-green);
    font-size: 13px;
    font-weight: 760;
    text-decoration: none;
    white-space: nowrap;
}

.garden-route-queue__header a.is-primary,
.garden-route-modal .modal-footer button.is-primary {
    border-color: var(--groute-green);
    background: var(--groute-green);
    color: #fff;
}

.garden-route-status {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--groute-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 11px 28px rgba(35, 50, 40, 0.04);
}

.garden-route-status a {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 78px;
    padding: 13px 17px;
    align-content: center;
    gap: 1px 10px;
    border-inline-start: 1px solid var(--groute-line);
    color: var(--groute-muted);
    text-decoration: none;
    transition: background-color 150ms ease, color 150ms ease;
}

.garden-route-status a:first-child {
    border-inline-start: 0;
}

.garden-route-status a::after {
    position: absolute;
    inset: auto 17px 0;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: transparent;
    content: "";
}

.garden-route-status a:is(:hover, :focus-visible),
.garden-route-status a.is-active {
    background: #fafcfa;
    color: var(--groute-ink);
}

.garden-route-status a.is-active::after {
    background: var(--groute-accent);
}

.garden-route-status span {
    font-size: 13px;
    font-weight: 750;
}

.garden-route-status strong {
    grid-row: 1 / span 2;
    grid-column: 2;
    align-self: center;
    color: var(--groute-ink);
    font-size: 20px;
    font-weight: 820;
}

.garden-route-status small {
    font-size: 13px;
}

.garden-route-worklist {
    overflow: visible;
    border: 1px solid var(--groute-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 13px 32px rgba(35, 50, 40, 0.045);
}

.garden-route-worklist > header {
    display: flex;
    min-height: 72px;
    padding: 13px 18px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid var(--groute-line);
}

.garden-route-worklist > header > div > span {
    color: var(--groute-accent);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.garden-route-worklist > header h2 {
    margin-top: 2px;
    font-size: 16px;
}

.garden-route-worklist form {
    display: flex;
    align-items: center;
    gap: 5px;
}

.garden-route-worklist form label {
    position: relative;
    display: block;
}

.garden-route-worklist form label > i {
    position: absolute;
    inset-inline-start: 12px;
    top: 50%;
    color: #8a948d;
    font-size: 13px;
    transform: translateY(-50%);
}

.garden-route-worklist form input {
    width: min(290px, 34vw);
    height: 38px;
    padding: 0 34px 0 12px;
    border: 1px solid var(--groute-line);
    border-radius: 10px;
    background: #fbfcfb;
    color: var(--groute-ink);
    font-size: 13px;
    outline: 0;
}

.garden-route-worklist form input:focus {
    border-color: #8eaa98;
    box-shadow: 0 0 0 3px rgba(112, 173, 137, 0.12);
}

.garden-route-worklist form > a {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--groute-muted);
    text-decoration: none;
}

.garden-route-row {
    position: relative;
    display: grid;
    grid-template-columns: 112px minmax(155px, 0.9fr) minmax(190px, 1.3fr) minmax(195px, 1fr) 126px 36px;
    min-height: 104px;
    padding: 13px 16px;
    align-items: center;
    gap: 13px;
    border-bottom: 1px solid var(--groute-line);
    transition: background-color 150ms ease;
}

.garden-route-row:last-child {
    border-bottom: 0;
}

.garden-route-row::before {
    position: absolute;
    inset: 13px 0 13px auto;
    width: 3px;
    border-radius: 3px 0 0 3px;
    background: #aeb7b1;
    content: "";
}

.garden-route-row.is-ongoing::before,
.garden-route-row.is-active::before {
    background: var(--groute-accent);
}

.garden-route-row.is-planned::before {
    background: #cfaa67;
}

.garden-route-row:hover {
    background: #fbfcfb;
}

.garden-route-row__state > :is(span, small),
.garden-route-row__driver :is(strong, small),
.garden-route-row__path > :is(span, strong, small) {
    display: block;
}

.garden-route-row__state > span {
    display: inline-flex;
    min-height: 26px;
    padding: 0 8px;
    align-items: center;
    gap: 6px;
    border-radius: 7px;
    background: #edf1ee;
    color: #59655d;
    font-size: 13px;
    font-weight: 750;
}

.garden-route-row.is-ongoing .garden-route-row__state > span,
.garden-route-row.is-active .garden-route-row__state > span {
    background: #e9f3ec;
    color: #4f765d;
}

.garden-route-row.is-planned .garden-route-row__state > span {
    background: #f7f0e2;
    color: #84652e;
}

.garden-route-row__state > small {
    margin-top: 5px;
    color: var(--groute-muted);
    font-size: 13px;
}

.garden-route-row__driver {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
}

.garden-route-row__driver > span {
    display: inline-flex;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--groute-soft);
    color: var(--groute-green);
    font-size: 13px;
    font-weight: 800;
}

.garden-route-row__driver > div,
.garden-route-row__driver strong,
.garden-route-row__driver small {
    min-width: 0;
}

.garden-route-row__driver strong,
.garden-route-row__path strong {
    overflow: hidden;
    color: var(--groute-ink);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-route-row__driver small,
.garden-route-row__path small {
    overflow: hidden;
    margin-top: 3px;
    color: var(--groute-muted);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-route-row__path {
    min-width: 0;
}

.garden-route-row__path > span {
    margin-bottom: 2px;
    color: var(--groute-muted);
    font-size: 13px;
}

.garden-route-row__load {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--groute-line);
    border-radius: 9px;
    background: #fafbfa;
}

.garden-route-row__load > span {
    min-width: 0;
    padding: 8px 7px;
    border-inline-start: 1px solid var(--groute-line);
}

.garden-route-row__load > span:first-child {
    border-inline-start: 0;
}

.garden-route-row__load :is(small, strong) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-route-row__load small {
    color: var(--groute-muted);
    font-size: 13px;
}

.garden-route-row__load strong {
    margin-top: 2px;
    color: var(--groute-ink);
    font-size: 13px;
}

.garden-route-row__next a {
    display: flex;
    min-height: 48px;
    padding: 7px 10px;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #cfd8d1;
    border-radius: 9px;
    background: #fff;
    color: var(--groute-green);
    text-decoration: none;
    transition: border-color 150ms ease, background-color 150ms ease;
}

.garden-route-row__next a:hover,
.garden-route-row__next a:focus-visible {
    border-color: #aebfb3;
    background: var(--groute-soft);
}

.garden-route-row__next span,
.garden-route-row__next strong {
    display: block;
}

.garden-route-row__next span {
    color: var(--groute-muted);
    font-size: 13px;
}

.garden-route-row__next strong {
    margin-top: 2px;
    font-size: 13px;
    font-weight: 760;
}

.garden-route-row__next strong i {
    margin-inline-start: 3px;
    font-size: 13px;
}

.garden-route-row__more {
    position: relative;
    z-index: 3;
}

.garden-route-row__more summary {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--groute-line);
    border-radius: 9px;
    background: #fff;
    color: var(--groute-muted);
    cursor: pointer;
    list-style: none;
}

.garden-route-row__more summary::-webkit-details-marker {
    display: none;
}

.garden-route-row__more[open] summary {
    background: var(--groute-soft);
    color: var(--groute-green);
}

.garden-route-row__more > div {
    position: absolute;
    inset: calc(100% + 6px) auto auto 0;
    display: grid;
    width: 196px;
    overflow: hidden;
    padding: 5px;
    border: 1px solid var(--groute-line);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(32, 45, 36, 0.16);
}

.garden-route-row__more :is(a, button) {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    min-height: 34px;
    padding: 0 8px;
    align-items: center;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--groute-ink);
    font-size: 13px;
    text-align: start;
    text-decoration: none;
}

.garden-route-row__more :is(a, button):hover,
.garden-route-row__more :is(a, button):focus-visible {
    background: var(--groute-soft);
}

.garden-route-row__more .is-danger {
    color: #9b5050;
}

.garden-route-empty {
    display: flex;
    min-height: 250px;
    padding: 32px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--groute-muted);
    text-align: center;
}

.garden-route-empty > i {
    display: inline-flex;
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: var(--groute-soft);
    color: var(--groute-green);
    font-size: 18px;
}

.garden-route-empty strong {
    color: var(--groute-ink);
    font-size: 14px;
}

.garden-route-empty span {
    margin: 4px 0 14px;
    font-size: 13px;
}

.garden-route-pagination {
    padding: 11px 16px;
    border-top: 1px solid var(--groute-line);
}

.garden-route-modal .modal-content {
    overflow: hidden;
    border: 0;
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(28, 42, 32, 0.2);
}

.garden-route-modal .modal-header,
.garden-route-modal .modal-body,
.garden-route-modal .modal-footer {
    padding: 16px 19px;
    border-color: var(--groute-line);
}

.garden-route-modal .modal-header {
    align-items: flex-start;
}

.garden-route-modal .modal-header span {
    color: var(--groute-accent);
    font-size: 13px;
    font-weight: 800;
}

.garden-route-modal .modal-header h2 {
    margin-top: 2px;
    font-size: 16px;
}

.garden-route-modal .modal-body pre {
    max-height: min(55vh, 480px);
    margin: 0;
    overflow: auto;
    padding: 14px;
    border-radius: 10px;
    background: var(--groute-soft);
    color: var(--groute-ink);
    font-family: inherit;
    font-size: 13px;
    line-height: 1.8;
    text-align: start;
    white-space: pre-wrap;
}

.garden-route-modal .modal-footer {
    justify-content: flex-start;
}

.garden-route-eta .modal-body {
    display: grid;
    grid-template-columns: 205px minmax(0, 1fr);
    gap: 18px;
}

.garden-route-eta aside {
    display: flex;
    gap: 11px;
    flex-direction: column;
}

.garden-route-eta aside label > span {
    display: block;
    margin-bottom: 5px;
    color: var(--groute-muted);
    font-size: 13px;
    font-weight: 700;
}

.garden-route-eta aside input,
.garden-route-eta aside button {
    width: 100%;
    height: 38px;
    padding: 0 10px;
    border: 1px solid var(--groute-line);
    border-radius: 9px;
    background: #fff;
    color: var(--groute-ink);
    font-size: 13px;
}

.garden-route-eta aside button {
    border-color: var(--groute-green);
    background: var(--groute-green);
    color: #fff;
    font-weight: 750;
}

.garden-route-eta aside > div {
    padding: 9px 10px;
    border-radius: 9px;
    background: var(--groute-soft);
    color: var(--groute-muted);
    font-size: 13px;
    line-height: 1.55;
}

#routeEtaPoints {
    overflow: hidden;
    border: 1px solid var(--groute-line);
    border-radius: 11px;
}

#routeEtaPoints article {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    min-height: 64px;
    padding: 9px 11px;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--groute-line);
}

#routeEtaPoints article:last-child {
    border-bottom: 0;
}

#routeEtaPoints article > span {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--groute-soft);
    color: var(--groute-green);
    font-size: 13px;
    font-weight: 800;
}

#routeEtaPoints :is(strong, small, time) {
    display: block;
}

#routeEtaPoints strong {
    color: var(--groute-ink);
    font-size: 13px;
}

#routeEtaPoints small {
    margin-top: 2px;
    color: var(--groute-muted);
    font-size: 13px;
}

#routeEtaPoints time {
    margin-top: 4px;
    color: #4f765d;
    font-size: 13px;
    font-weight: 750;
}

@media (max-width: 1180px) {
    .garden-route-row {
        grid-template-columns: 105px minmax(155px, 0.9fr) minmax(190px, 1.2fr) 126px 36px;
    }

    .garden-route-row__load {
        grid-column: 2 / 5;
        grid-row: 2;
    }

    .garden-route-row__more {
        grid-column: 5;
        grid-row: 1 / 3;
    }
}

@media (max-width: 820px) {
    .garden-route-status {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-route-status a:nth-child(3),
    .garden-route-status a:nth-child(4) {
        border-top: 1px solid var(--groute-line);
    }

    .garden-route-status a:nth-child(3) {
        border-inline-start: 0;
    }

    .garden-route-row {
        grid-template-columns: 100px minmax(160px, 1fr) minmax(170px, 1.15fr) 36px;
    }

    .garden-route-row__next {
        grid-column: 2 / 4;
        grid-row: 2;
    }

    .garden-route-row__next a {
        min-height: 40px;
    }

    .garden-route-row__load {
        grid-column: 2 / 4;
        grid-row: 3;
    }

    .garden-route-row__more {
        grid-column: 4;
        grid-row: 1 / 4;
    }
}

@media (max-width: 650px) {
    .garden-route-queue__header,
    .garden-route-worklist > header {
        align-items: flex-start;
        flex-direction: column;
    }

    .garden-route-queue__header > div:last-child,
    .garden-route-worklist form {
        width: 100%;
    }

    .garden-route-queue__header > div:last-child a {
        flex: 1;
    }

    .garden-route-worklist form label,
    .garden-route-worklist form input {
        width: 100%;
    }

    .garden-route-row {
        grid-template-columns: minmax(100px, auto) minmax(0, 1fr) 34px;
        gap: 10px;
    }

    .garden-route-row__driver {
        grid-column: 2;
    }

    .garden-route-row__path,
    .garden-route-row__next,
    .garden-route-row__load {
        grid-column: 1 / 3;
    }

    .garden-route-row__path {
        grid-row: 2;
        padding-top: 8px;
        border-top: 1px solid var(--groute-line);
    }

    .garden-route-row__next {
        grid-row: 3;
    }

    .garden-route-row__load {
        grid-row: 4;
    }

    .garden-route-row__more {
        grid-column: 3;
        grid-row: 1 / 5;
        align-self: start;
    }

    .garden-route-row__more > div {
        position: fixed;
        inset: auto 12px 12px;
        width: auto;
        max-height: 70vh;
        overflow-y: auto;
        z-index: 1080;
    }

    .garden-route-eta .modal-body {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 470px) {
    .garden-route-status a {
        min-height: 68px;
        padding: 10px 12px;
    }

    .garden-route-status strong {
        font-size: 17px;
    }

    .garden-route-row {
        padding: 12px;
    }

    .garden-route-row__driver > span {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-route-status a,
    .garden-route-row,
    .garden-route-row__next a {
        transition: none;
    }
}

/* Drivers — field-team readiness */
.garden-driver-roster {
    --gdriver-ink: #202923;
    --gdriver-muted: #747d77;
    --gdriver-line: #e0e6e1;
    --gdriver-soft: #f4f7f4;
    --gdriver-green: #42574a;
    --gdriver-accent: #70ad89;
    display: grid;
    gap: 16px;
}

.garden-driver-roster__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.garden-driver-roster__header h1,
.garden-driver-list h2 {
    margin: 0;
    color: var(--gdriver-ink);
    font-weight: 800;
    letter-spacing: -0.035em;
}

.garden-driver-roster__header h1 {
    margin-top: 3px;
    font-size: clamp(26px, 2vw, 36px);
}

.garden-driver-roster__header p {
    margin: 5px 0 0;
    color: var(--gdriver-muted);
    font-size: 13px;
}

.garden-driver-roster__header > a,
.garden-driver-empty a {
    display: inline-flex;
    min-height: 38px;
    padding: 0 14px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--gdriver-green);
    border-radius: 10px;
    background: var(--gdriver-green);
    color: #fff;
    font-size: 13px;
    font-weight: 760;
    text-decoration: none;
}

.garden-driver-readiness {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--gdriver-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 11px 28px rgba(35, 50, 40, 0.04);
}

.garden-driver-readiness a {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 78px;
    padding: 13px 17px;
    align-content: center;
    gap: 1px 10px;
    border-inline-start: 1px solid var(--gdriver-line);
    color: var(--gdriver-muted);
    text-decoration: none;
    transition: background-color 150ms ease, color 150ms ease;
}

.garden-driver-readiness a:first-child {
    border-inline-start: 0;
}

.garden-driver-readiness a::after {
    position: absolute;
    inset: auto 17px 0;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: transparent;
    content: "";
}

.garden-driver-readiness a:is(:hover, :focus-visible),
.garden-driver-readiness a.is-active {
    background: #fafcfa;
    color: var(--gdriver-ink);
}

.garden-driver-readiness a.is-active::after {
    background: var(--gdriver-accent);
}

.garden-driver-readiness span {
    font-size: 13px;
    font-weight: 750;
}

.garden-driver-readiness strong {
    grid-row: 1 / span 2;
    grid-column: 2;
    align-self: center;
    color: var(--gdriver-ink);
    font-size: 20px;
    font-weight: 820;
}

.garden-driver-readiness small {
    font-size: 13px;
}

.garden-driver-list {
    overflow: visible;
    border: 1px solid var(--gdriver-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 13px 32px rgba(35, 50, 40, 0.045);
}

.garden-driver-list > header {
    display: flex;
    min-height: 72px;
    padding: 13px 18px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid var(--gdriver-line);
}

.garden-driver-list > header > div > span {
    color: var(--gdriver-accent);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.garden-driver-list > header h2 {
    margin-top: 2px;
    font-size: 16px;
}

.garden-driver-list form {
    display: flex;
    align-items: center;
    gap: 5px;
}

.garden-driver-list form label {
    position: relative;
    display: block;
}

.garden-driver-list form label > i {
    position: absolute;
    inset-inline-start: 12px;
    top: 50%;
    color: #8a948d;
    font-size: 13px;
    transform: translateY(-50%);
}

.garden-driver-list form input {
    width: min(280px, 34vw);
    height: 38px;
    padding: 0 34px 0 12px;
    border: 1px solid var(--gdriver-line);
    border-radius: 10px;
    background: #fbfcfb;
    color: var(--gdriver-ink);
    font-size: 13px;
    outline: 0;
}

.garden-driver-list form input:focus {
    border-color: #8eaa98;
    box-shadow: 0 0 0 3px rgba(112, 173, 137, 0.12);
}

.garden-driver-list form > a {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--gdriver-muted);
    text-decoration: none;
}

.garden-driver-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(160px, 1fr) minmax(125px, 0.75fr) minmax(130px, 0.8fr) minmax(165px, 1fr) minmax(185px, 1.05fr) 126px 36px;
    min-height: 108px;
    padding: 13px 16px;
    align-items: center;
    gap: 13px;
    border-bottom: 1px solid var(--gdriver-line);
    transition: background-color 150ms ease;
}

.garden-driver-row:last-child {
    border-bottom: 0;
}

.garden-driver-row::before {
    position: absolute;
    inset: 13px 0 13px auto;
    width: 3px;
    border-radius: 3px 0 0 3px;
    background: #c18a67;
    content: "";
}

.garden-driver-row.is-ready::before {
    background: var(--gdriver-accent);
}

.garden-driver-row.is-active::before {
    background: #6283a6;
}

.garden-driver-row:hover {
    background: #fbfcfb;
}

.garden-driver-row__identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.garden-driver-row__identity > span {
    display: inline-flex;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #e9eeea;
    color: var(--gdriver-green);
    font-size: 13px;
    font-weight: 800;
}

.garden-driver-row__identity > div,
.garden-driver-row__identity :is(strong, small),
.garden-driver-row__contact > :is(span, a, small),
.garden-driver-row__assignment > :is(span, strong, small) {
    display: block;
    min-width: 0;
}

.garden-driver-row__identity strong,
.garden-driver-row__assignment strong {
    overflow: hidden;
    color: var(--gdriver-ink);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-driver-row__identity small,
.garden-driver-row__contact small,
.garden-driver-row__assignment small {
    overflow: hidden;
    margin-top: 3px;
    color: var(--gdriver-muted);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-driver-row__contact > span,
.garden-driver-row__assignment > span {
    margin-bottom: 2px;
    color: var(--gdriver-muted);
    font-size: 13px;
}

.garden-driver-row__contact a {
    color: var(--gdriver-ink);
    font-size: 13px;
    font-weight: 720;
    text-decoration: none;
}

.garden-driver-row__readiness > div {
    display: flex;
    margin-bottom: 7px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.garden-driver-row__readiness > div span,
.garden-driver-row__readiness > small {
    color: var(--gdriver-muted);
    font-size: 13px;
}

.garden-driver-row__readiness > div b {
    color: var(--gdriver-ink);
    font-size: 13px;
}

.garden-driver-row__readiness > i {
    display: block;
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #e9edea;
}

.garden-driver-row__readiness > i span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #c18a67;
}

.garden-driver-row.is-ready .garden-driver-row__readiness > i span {
    background: var(--gdriver-accent);
}

.garden-driver-row__readiness > small {
    display: block;
    overflow: hidden;
    margin-top: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-driver-row__history {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--gdriver-line);
    border-radius: 9px;
    background: #fafbfa;
}

.garden-driver-row__history > span {
    min-width: 0;
    padding: 8px 7px;
    border-inline-start: 1px solid var(--gdriver-line);
}

.garden-driver-row__history > span:first-child {
    border-inline-start: 0;
}

.garden-driver-row__history :is(small, strong) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-driver-row__history small {
    color: var(--gdriver-muted);
    font-size: 13px;
}

.garden-driver-row__history strong {
    margin-top: 2px;
    color: var(--gdriver-ink);
    font-size: 13px;
}

.garden-driver-row__next a {
    display: flex;
    min-height: 48px;
    padding: 7px 10px;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #cfd8d1;
    border-radius: 9px;
    background: #fff;
    color: var(--gdriver-green);
    text-decoration: none;
    transition: border-color 150ms ease, background-color 150ms ease;
}

.garden-driver-row__next a:hover,
.garden-driver-row__next a:focus-visible {
    border-color: #aebfb3;
    background: var(--gdriver-soft);
}

.garden-driver-row__next :is(span, strong) {
    display: block;
}

.garden-driver-row__next span {
    color: var(--gdriver-muted);
    font-size: 13px;
}

.garden-driver-row__next strong {
    margin-top: 2px;
    font-size: 13px;
}

.garden-driver-row__more {
    position: relative;
    z-index: 3;
}

.garden-driver-row__more summary {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gdriver-line);
    border-radius: 9px;
    background: #fff;
    color: var(--gdriver-muted);
    cursor: pointer;
    list-style: none;
}

.garden-driver-row__more summary::-webkit-details-marker {
    display: none;
}

.garden-driver-row__more > div {
    position: absolute;
    inset: calc(100% + 6px) auto auto 0;
    display: grid;
    width: 190px;
    overflow: hidden;
    padding: 5px;
    border: 1px solid var(--gdriver-line);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(32, 45, 36, 0.16);
}

.garden-driver-row__more :is(a, button) {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    min-height: 34px;
    padding: 0 8px;
    align-items: center;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--gdriver-ink);
    font-size: 13px;
    text-align: start;
    text-decoration: none;
}

.garden-driver-row__more :is(a, button):hover,
.garden-driver-row__more :is(a, button):focus-visible {
    background: var(--gdriver-soft);
}

.garden-driver-row__more .is-danger {
    color: #9b5050;
}

.garden-driver-empty {
    display: flex;
    min-height: 250px;
    padding: 32px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--gdriver-muted);
    text-align: center;
}

.garden-driver-empty > i {
    display: inline-flex;
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: var(--gdriver-soft);
    color: var(--gdriver-green);
    font-size: 18px;
}

.garden-driver-empty strong {
    color: var(--gdriver-ink);
    font-size: 14px;
}

.garden-driver-empty span {
    margin: 4px 0 14px;
    font-size: 13px;
}

@media (max-width: 1250px) {
    .garden-driver-row {
        grid-template-columns: minmax(160px, 1fr) minmax(125px, 0.75fr) minmax(135px, 0.8fr) minmax(170px, 1fr) 126px 36px;
    }

    .garden-driver-row__history {
        grid-column: 2 / 6;
        grid-row: 2;
    }

    .garden-driver-row__more {
        grid-column: 6;
        grid-row: 1 / 3;
    }
}

@media (max-width: 900px) {
    .garden-driver-readiness {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-driver-readiness a:nth-child(3),
    .garden-driver-readiness a:nth-child(4) {
        border-top: 1px solid var(--gdriver-line);
    }

    .garden-driver-readiness a:nth-child(3) {
        border-inline-start: 0;
    }

    .garden-driver-row {
        grid-template-columns: minmax(160px, 1fr) minmax(125px, 0.8fr) minmax(155px, 1fr) 36px;
    }

    .garden-driver-row__readiness {
        grid-column: 2 / 4;
        grid-row: 2;
    }

    .garden-driver-row__history {
        grid-column: 2 / 4;
        grid-row: 3;
    }

    .garden-driver-row__next {
        grid-column: 2 / 4;
        grid-row: 4;
    }

    .garden-driver-row__more {
        grid-column: 4;
        grid-row: 1 / 5;
    }

    .garden-driver-row__next a {
        min-height: 40px;
    }
}

@media (max-width: 650px) {
    .garden-driver-roster__header,
    .garden-driver-list > header {
        align-items: flex-start;
        flex-direction: column;
    }

    .garden-driver-roster__header > a,
    .garden-driver-list form,
    .garden-driver-list form label,
    .garden-driver-list form input {
        width: 100%;
    }

    .garden-driver-row {
        grid-template-columns: minmax(0, 1fr) 34px;
        gap: 10px;
    }

    .garden-driver-row__identity,
    .garden-driver-row__contact,
    .garden-driver-row__assignment,
    .garden-driver-row__readiness,
    .garden-driver-row__history,
    .garden-driver-row__next {
        grid-column: 1;
    }

    .garden-driver-row__identity { grid-row: 1; }
    .garden-driver-row__contact { grid-row: 2; }
    .garden-driver-row__assignment { grid-row: 3; }
    .garden-driver-row__readiness { grid-row: 4; }
    .garden-driver-row__history { grid-row: 5; }
    .garden-driver-row__next { grid-row: 6; }

    .garden-driver-row__more {
        grid-column: 2;
        grid-row: 1 / 7;
        align-self: start;
    }

    .garden-driver-row__more > div {
        position: fixed;
        inset: auto 12px 12px;
        width: auto;
        z-index: 1080;
    }
}

@media (max-width: 470px) {
    .garden-driver-readiness a {
        min-height: 68px;
        padding: 10px 12px;
    }

    .garden-driver-readiness strong {
        font-size: 17px;
    }

    .garden-driver-row {
        padding: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-driver-readiness a,
    .garden-driver-row,
    .garden-driver-row__next a {
        transition: none;
    }
}

/* Fleet — compliance and availability hub */
.garden-fleet-hub {
    --gfleet-ink: #202923;
    --gfleet-muted: #747d77;
    --gfleet-line: #e0e6e1;
    --gfleet-soft: #f4f7f4;
    --gfleet-green: #42574a;
    --gfleet-accent: #70ad89;
    display: grid;
    gap: 16px;
}

.garden-fleet-hub__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.garden-fleet-hub__header h1,
.garden-fleet-list h2 {
    margin: 0;
    color: var(--gfleet-ink);
    font-weight: 800;
    letter-spacing: -0.035em;
}

.garden-fleet-hub__header h1 {
    margin-top: 3px;
    font-size: clamp(26px, 2vw, 36px);
}

.garden-fleet-hub__header p {
    margin: 5px 0 0;
    color: var(--gfleet-muted);
    font-size: 13px;
}

.garden-fleet-hub__header > a,
.garden-fleet-empty a {
    display: inline-flex;
    min-height: 38px;
    padding: 0 14px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--gfleet-green);
    border-radius: 10px;
    background: var(--gfleet-green);
    color: #fff;
    font-size: 13px;
    font-weight: 760;
    text-decoration: none;
}

.garden-fleet-status {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--gfleet-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 11px 28px rgba(35, 50, 40, 0.04);
}

.garden-fleet-status a {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 76px;
    padding: 12px 15px;
    align-content: center;
    gap: 1px 9px;
    border-inline-start: 1px solid var(--gfleet-line);
    color: var(--gfleet-muted);
    text-decoration: none;
    transition: background-color 150ms ease, color 150ms ease;
}

.garden-fleet-status a:first-child {
    border-inline-start: 0;
}

.garden-fleet-status a::after {
    position: absolute;
    inset: auto 15px 0;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: transparent;
    content: "";
}

.garden-fleet-status a:is(:hover, :focus-visible),
.garden-fleet-status a.is-active {
    background: #fafcfa;
    color: var(--gfleet-ink);
}

.garden-fleet-status a.is-active::after {
    background: var(--gfleet-accent);
}

.garden-fleet-status span {
    font-size: 13px;
    font-weight: 750;
}

.garden-fleet-status strong {
    grid-row: 1 / span 2;
    grid-column: 2;
    align-self: center;
    color: var(--gfleet-ink);
    font-size: 19px;
    font-weight: 820;
}

.garden-fleet-status small {
    font-size: 13px;
}

.garden-fleet-list {
    overflow: visible;
    border: 1px solid var(--gfleet-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 13px 32px rgba(35, 50, 40, 0.045);
}

.garden-fleet-list > header {
    display: flex;
    min-height: 72px;
    padding: 13px 18px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid var(--gfleet-line);
}

.garden-fleet-list > header > div > span {
    color: var(--gfleet-accent);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.garden-fleet-list > header h2 {
    margin-top: 2px;
    font-size: 16px;
}

.garden-fleet-list form {
    display: flex;
    align-items: center;
    gap: 5px;
}

.garden-fleet-list form label {
    position: relative;
    display: block;
}

.garden-fleet-list form label > i {
    position: absolute;
    inset-inline-start: 12px;
    top: 50%;
    color: #8a948d;
    font-size: 13px;
    transform: translateY(-50%);
}

.garden-fleet-list form input {
    width: min(280px, 34vw);
    height: 38px;
    padding: 0 34px 0 12px;
    border: 1px solid var(--gfleet-line);
    border-radius: 10px;
    background: #fbfcfb;
    color: var(--gfleet-ink);
    font-size: 13px;
    outline: 0;
}

.garden-fleet-list form input:focus {
    border-color: #8eaa98;
    box-shadow: 0 0 0 3px rgba(112, 173, 137, 0.12);
}

.garden-fleet-list form > a {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    color: var(--gfleet-muted);
    text-decoration: none;
}

.garden-fleet-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(160px, 0.9fr) minmax(135px, 0.85fr) minmax(205px, 1.2fr) minmax(135px, 0.85fr) minmax(185px, 1fr) 126px 36px;
    min-height: 110px;
    padding: 13px 16px;
    align-items: center;
    gap: 13px;
    border-bottom: 1px solid var(--gfleet-line);
    transition: background-color 150ms ease;
}

.garden-fleet-row:last-child {
    border-bottom: 0;
}

.garden-fleet-row::before {
    position: absolute;
    inset: 13px 0 13px auto;
    width: 3px;
    border-radius: 3px 0 0 3px;
    background: #c18a67;
    content: "";
}

.garden-fleet-row.is-ready::before {
    background: var(--gfleet-accent);
}

.garden-fleet-row.is-in-use::before {
    background: #6385a4;
}

.garden-fleet-row.is-blocked::before {
    background: #a75a55;
}

.garden-fleet-row:hover {
    background: #fbfcfb;
}

.garden-fleet-row__identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
}

.garden-fleet-row__identity > span {
    display: inline-flex;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #e9eeea;
    color: var(--gfleet-green);
    font-size: 14px;
}

.garden-fleet-row__identity > div,
.garden-fleet-row__identity :is(strong, small),
.garden-fleet-row__state > :is(span, strong, small),
.garden-fleet-row__assignment > :is(span, strong, small) {
    display: block;
    min-width: 0;
}

.garden-fleet-row__identity strong {
    color: var(--gfleet-ink);
    font-size: 13px;
    font-weight: 820;
}

.garden-fleet-row__identity small,
.garden-fleet-row__state small,
.garden-fleet-row__assignment small {
    overflow: hidden;
    margin-top: 3px;
    color: var(--gfleet-muted);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-fleet-row__state > span,
.garden-fleet-row__assignment > span {
    margin-bottom: 2px;
    color: var(--gfleet-muted);
    font-size: 13px;
}

.garden-fleet-row__state > strong,
.garden-fleet-row__assignment > strong {
    overflow: hidden;
    color: var(--gfleet-ink);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-fleet-row.is-blocked .garden-fleet-row__state > strong {
    color: #96514d;
}

.garden-fleet-row.is-due_soon .garden-fleet-row__state > strong {
    color: #956a3e;
}

.garden-fleet-row__dates,
.garden-fleet-row__service {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--gfleet-line);
    border-radius: 9px;
    background: #fafbfa;
}

.garden-fleet-row__dates > span,
.garden-fleet-row__service > span {
    min-width: 0;
    padding: 8px 7px;
    border-inline-start: 1px solid var(--gfleet-line);
}

.garden-fleet-row__dates > span:first-child,
.garden-fleet-row__service > span:first-child {
    border-inline-start: 0;
}

.garden-fleet-row__dates :is(small, strong),
.garden-fleet-row__service :is(small, strong) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-fleet-row__dates small,
.garden-fleet-row__service small {
    color: var(--gfleet-muted);
    font-size: 13px;
}

.garden-fleet-row__dates strong,
.garden-fleet-row__service strong {
    margin-top: 2px;
    color: var(--gfleet-ink);
    font-size: 13px;
}

.garden-fleet-row__dates .is-expired strong,
.garden-fleet-row__dates .is-missing strong {
    color: #9b504d;
}

.garden-fleet-row__dates .is-due strong {
    color: #956a3e;
}

.garden-fleet-row__dates .is-valid strong {
    color: #4f765d;
}

.garden-fleet-row__next a {
    display: flex;
    min-height: 48px;
    padding: 7px 10px;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #cfd8d1;
    border-radius: 9px;
    background: #fff;
    color: var(--gfleet-green);
    text-decoration: none;
    transition: border-color 150ms ease, background-color 150ms ease;
}

.garden-fleet-row__next a:hover,
.garden-fleet-row__next a:focus-visible {
    border-color: #aebfb3;
    background: var(--gfleet-soft);
}

.garden-fleet-row__next :is(span, strong) {
    display: block;
}

.garden-fleet-row__next span {
    color: var(--gfleet-muted);
    font-size: 13px;
}

.garden-fleet-row__next strong {
    margin-top: 2px;
    font-size: 13px;
}

.garden-fleet-row__more {
    position: relative;
    z-index: 3;
}

.garden-fleet-row__more summary {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gfleet-line);
    border-radius: 9px;
    background: #fff;
    color: var(--gfleet-muted);
    cursor: pointer;
    list-style: none;
}

.garden-fleet-row__more summary::-webkit-details-marker {
    display: none;
}

.garden-fleet-row__more > div {
    position: absolute;
    inset: calc(100% + 6px) auto auto 0;
    display: grid;
    width: 175px;
    padding: 5px;
    border: 1px solid var(--gfleet-line);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(32, 45, 36, 0.16);
}

.garden-fleet-row__more :is(a, button) {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    min-height: 34px;
    padding: 0 8px;
    align-items: center;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--gfleet-ink);
    font-size: 13px;
    text-align: start;
    text-decoration: none;
}

.garden-fleet-row__more :is(a, button):hover,
.garden-fleet-row__more :is(a, button):focus-visible {
    background: var(--gfleet-soft);
}

.garden-fleet-row__more .is-danger {
    color: #9b5050;
}

.garden-fleet-empty {
    display: flex;
    min-height: 250px;
    padding: 32px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--gfleet-muted);
    text-align: center;
}

.garden-fleet-empty > i {
    display: inline-flex;
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: var(--gfleet-soft);
    color: var(--gfleet-green);
    font-size: 18px;
}

.garden-fleet-empty strong {
    color: var(--gfleet-ink);
    font-size: 14px;
}

.garden-fleet-empty span {
    margin: 4px 0 14px;
    font-size: 13px;
}

@media (max-width: 1300px) {
    .garden-fleet-row {
        grid-template-columns: minmax(160px, 0.9fr) minmax(140px, 0.85fr) minmax(210px, 1.2fr) minmax(140px, 0.85fr) 126px 36px;
    }

    .garden-fleet-row__service {
        grid-column: 2 / 6;
        grid-row: 2;
    }

    .garden-fleet-row__more {
        grid-column: 6;
        grid-row: 1 / 3;
    }
}

@media (max-width: 920px) {
    .garden-fleet-status {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .garden-fleet-status a:nth-child(4),
    .garden-fleet-status a:nth-child(5) {
        border-top: 1px solid var(--gfleet-line);
    }

    .garden-fleet-status a:nth-child(4) {
        border-inline-start: 0;
    }

    .garden-fleet-row {
        grid-template-columns: minmax(160px, 1fr) minmax(150px, 1fr) minmax(190px, 1.1fr) 36px;
    }

    .garden-fleet-row__assignment,
    .garden-fleet-row__next,
    .garden-fleet-row__service {
        grid-column: 2 / 4;
    }

    .garden-fleet-row__assignment { grid-row: 2; }
    .garden-fleet-row__service { grid-row: 3; }
    .garden-fleet-row__next { grid-row: 4; }
    .garden-fleet-row__more { grid-column: 4; grid-row: 1 / 5; }
}

@media (max-width: 650px) {
    .garden-fleet-hub__header,
    .garden-fleet-list > header {
        align-items: flex-start;
        flex-direction: column;
    }

    .garden-fleet-hub__header > a,
    .garden-fleet-list form,
    .garden-fleet-list form label,
    .garden-fleet-list form input {
        width: 100%;
    }

    .garden-fleet-status {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-fleet-status a:nth-child(3) {
        border-top: 1px solid var(--gfleet-line);
        border-inline-start: 0;
    }

    .garden-fleet-status a:nth-child(4) {
        border-inline-start: 1px solid var(--gfleet-line);
    }

    .garden-fleet-status a:nth-child(5) {
        border-inline-start: 0;
    }

    .garden-fleet-row {
        grid-template-columns: minmax(0, 1fr) 34px;
        gap: 10px;
    }

    .garden-fleet-row__identity,
    .garden-fleet-row__state,
    .garden-fleet-row__dates,
    .garden-fleet-row__assignment,
    .garden-fleet-row__service,
    .garden-fleet-row__next {
        grid-column: 1;
    }

    .garden-fleet-row__identity { grid-row: 1; }
    .garden-fleet-row__state { grid-row: 2; }
    .garden-fleet-row__dates { grid-row: 3; }
    .garden-fleet-row__assignment { grid-row: 4; }
    .garden-fleet-row__service { grid-row: 5; }
    .garden-fleet-row__next { grid-row: 6; }
    .garden-fleet-row__more { grid-column: 2; grid-row: 1 / 7; align-self: start; }

    .garden-fleet-row__more > div {
        position: fixed;
        inset: auto 12px 12px;
        width: auto;
        z-index: 1080;
    }
}

@media (max-width: 470px) {
    .garden-fleet-status a {
        min-height: 66px;
        padding: 9px 11px;
    }

    .garden-fleet-row {
        padding: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .garden-fleet-status a,
    .garden-fleet-row,
    .garden-fleet-row__next a {
        transition: none;
    }
}

/* Vehicle record — maintenance timeline */
.garden-vehicle-record {
    --gvrec-ink: #202923;
    --gvrec-muted: #747d77;
    --gvrec-line: #e0e6e1;
    --gvrec-soft: #f4f7f4;
    --gvrec-green: #42574a;
    --gvrec-accent: #70ad89;
    display: grid;
    gap: 16px;
}

.garden-vehicle-record__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.garden-vehicle-record__header > div:first-child > a {
    display: inline-flex;
    margin-bottom: 8px;
    align-items: center;
    gap: 6px;
    color: var(--gvrec-muted);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.garden-vehicle-record__header h1,
.garden-vehicle-timeline h2,
.garden-vehicle-record__aside h2 {
    margin: 0;
    color: var(--gvrec-ink);
    font-weight: 800;
    letter-spacing: -0.035em;
}

.garden-vehicle-record__header h1 {
    margin-top: 3px;
    font-size: clamp(26px, 2vw, 36px);
    text-align: start;
}

.garden-vehicle-record__header p {
    margin: 5px 0 0;
    color: var(--gvrec-muted);
    font-size: 13px;
}

.garden-vehicle-record__header > div:last-child {
    display: flex;
    gap: 8px;
}

.garden-vehicle-record__header > div:last-child :is(a, button),
.garden-vehicle-timeline__empty button {
    display: inline-flex;
    min-height: 38px;
    padding: 0 14px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--gvrec-green);
    border-radius: 10px;
    background: var(--gvrec-green);
    color: #fff;
    font-size: 13px;
    font-weight: 760;
    text-decoration: none;
}

.garden-vehicle-record__header > div:last-child .is-secondary {
    border-color: var(--gvrec-line);
    background: #fff;
    color: var(--gvrec-green);
}

.garden-vehicle-record__summary {
    display: grid;
    grid-template-columns: 1.25fr repeat(3, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--gvrec-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 11px 28px rgba(35, 50, 40, 0.04);
}

.garden-vehicle-record__summary > article {
    display: flex;
    min-height: 96px;
    padding: 14px 18px;
    justify-content: center;
    flex-direction: column;
    border-inline-start: 1px solid var(--gvrec-line);
}

.garden-vehicle-record__summary > article:first-child {
    border-inline-start: 0;
    background: linear-gradient(135deg, #42574a, #35473c);
}

.garden-vehicle-record__summary.is-blocked > article:first-child {
    background: linear-gradient(135deg, #8d514d, #73423f);
}

.garden-vehicle-record__summary.is-due > article:first-child {
    background: linear-gradient(135deg, #8b6845, #71563a);
}

.garden-vehicle-record__summary.is-inactive > article:first-child {
    background: linear-gradient(135deg, #68716b, #555d58);
}

.garden-vehicle-record__summary article > :is(span, strong, small) {
    display: block;
}

.garden-vehicle-record__summary article > span {
    color: var(--gvrec-muted);
    font-size: 13px;
    font-weight: 700;
}

.garden-vehicle-record__summary article > strong {
    margin-top: 4px;
    color: var(--gvrec-ink);
    font-size: 15px;
}

.garden-vehicle-record__summary article > strong small {
    display: inline;
    font-size: 0.65em;
}

.garden-vehicle-record__summary article > small {
    margin-top: 5px;
    color: var(--gvrec-muted);
    font-size: 13px;
}

.garden-vehicle-record__summary > article:first-child > * {
    color: #fff;
}

.garden-vehicle-record__summary > article:first-child > small {
    opacity: 0.75;
}

.garden-vehicle-record__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 285px;
    align-items: start;
    gap: 16px;
}

.garden-vehicle-timeline,
.garden-vehicle-record__aside > section,
.garden-vehicle-service-composer {
    overflow: hidden;
    border: 1px solid var(--gvrec-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 11px 28px rgba(35, 50, 40, 0.04);
}

.garden-vehicle-timeline > header,
.garden-vehicle-record__aside section > header {
    display: flex;
    min-height: 66px;
    padding: 13px 17px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--gvrec-line);
}

.garden-vehicle-timeline > header span,
.garden-vehicle-record__aside section > header span {
    color: var(--gvrec-accent);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.07em;
}

.garden-vehicle-timeline > header h2,
.garden-vehicle-record__aside section > header h2 {
    margin-top: 2px;
    font-size: 14px;
}

.garden-vehicle-timeline > header > small {
    display: inline-flex;
    min-height: 26px;
    padding: 0 9px;
    align-items: center;
    border-radius: 7px;
    background: var(--gvrec-soft);
    color: var(--gvrec-muted);
    font-size: 13px;
    font-weight: 700;
}

.garden-vehicle-timeline > div > article {
    position: relative;
    display: grid;
    grid-template-columns: 54px minmax(170px, 1.25fr) minmax(230px, 1.35fr) minmax(120px, 0.75fr) 30px;
    min-height: 98px;
    padding: 12px 15px;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid var(--gvrec-line);
}

.garden-vehicle-timeline > div > article:last-child {
    border-bottom: 0;
}

.garden-vehicle-timeline > div > article > time {
    display: flex;
    width: 48px;
    height: 54px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 11px;
    background: var(--gvrec-soft);
    color: var(--gvrec-green);
}

.garden-vehicle-timeline time strong {
    font-size: 15px;
    line-height: 1;
}

.garden-vehicle-timeline time span {
    margin-top: 3px;
    font-size: 13px;
}

.garden-vehicle-timeline__content,
.garden-vehicle-timeline__content > :is(span, strong, small) {
    display: block;
    min-width: 0;
}

.garden-vehicle-timeline__content > span {
    color: var(--gvrec-accent);
    font-size: 13px;
    font-weight: 800;
}

.garden-vehicle-timeline__content > strong {
    overflow: hidden;
    margin-top: 2px;
    color: var(--gvrec-ink);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-vehicle-timeline__content > small {
    overflow: hidden;
    margin-top: 3px;
    color: var(--gvrec-muted);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-vehicle-timeline__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--gvrec-line);
    border-radius: 9px;
    background: #fafbfa;
}

.garden-vehicle-timeline__facts > span {
    min-width: 0;
    padding: 8px 7px;
    border-inline-start: 1px solid var(--gvrec-line);
}

.garden-vehicle-timeline__facts > span:first-child {
    border-inline-start: 0;
}

.garden-vehicle-timeline__facts :is(small, strong) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-vehicle-timeline__facts small,
.garden-vehicle-timeline__meta small,
.garden-vehicle-timeline__meta span {
    color: var(--gvrec-muted);
    font-size: 13px;
}

.garden-vehicle-timeline__facts strong {
    margin-top: 2px;
    color: var(--gvrec-ink);
    font-size: 13px;
}

.garden-vehicle-timeline__facts strong.is-overdue {
    color: #9b504d;
}

.garden-vehicle-timeline__meta {
    min-width: 0;
}

.garden-vehicle-timeline__meta > * {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-vehicle-timeline__meta a {
    margin-top: 5px;
    color: var(--gvrec-green);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.garden-vehicle-timeline__delete button {
    display: inline-flex;
    width: 28px;
    height: 28px;
    padding: 0;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #a36a67;
    font-size: 13px;
}

.garden-vehicle-timeline__delete button:hover,
.garden-vehicle-timeline__delete button:focus-visible {
    background: #fbefee;
}

.garden-vehicle-timeline__empty {
    display: flex;
    min-height: 240px;
    padding: 28px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--gvrec-muted);
    text-align: center;
}

.garden-vehicle-timeline__empty > i {
    display: inline-flex;
    width: 46px;
    height: 46px;
    margin-bottom: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: var(--gvrec-soft);
    color: var(--gvrec-green);
}

.garden-vehicle-timeline__empty strong {
    color: var(--gvrec-ink);
    font-size: 13px;
}

.garden-vehicle-timeline__empty span {
    margin: 4px 0 13px;
    font-size: 13px;
}

.garden-vehicle-record__aside {
    display: grid;
    gap: 13px;
}

.garden-vehicle-record__aside section > header {
    min-height: 61px;
}

.garden-vehicle-compliance {
    padding: 5px 14px;
}

.garden-vehicle-compliance > article {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    min-height: 54px;
    align-items: center;
    gap: 9px;
    border-bottom: 1px solid var(--gvrec-line);
}

.garden-vehicle-compliance > article:last-child {
    border-bottom: 0;
}

.garden-vehicle-compliance article > i {
    display: inline-flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--gvrec-soft);
    color: #627068;
    font-size: 13px;
}

.garden-vehicle-compliance article.is-valid > i { color: #4f765d; }
.garden-vehicle-compliance article:is(.is-expired, .is-missing) > i { background: #fbefee; color: #9b504d; }
.garden-vehicle-compliance article.is-due > i { background: #f8f1e6; color: #956a3e; }

.garden-vehicle-compliance :is(span, strong) {
    display: block;
}

.garden-vehicle-compliance span {
    color: var(--gvrec-muted);
    font-size: 13px;
}

.garden-vehicle-compliance strong {
    margin-top: 2px;
    color: var(--gvrec-ink);
    font-size: 13px;
}

.garden-vehicle-record__aside section > a {
    display: flex;
    min-height: 36px;
    margin: 0 14px 14px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--gvrec-line);
    border-radius: 9px;
    color: var(--gvrec-green);
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.garden-vehicle-record__aside dl {
    margin: 0;
    padding: 5px 14px;
}

.garden-vehicle-record__aside dl > div {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--gvrec-line);
}

.garden-vehicle-record__aside dl > div:last-child {
    border-bottom: 0;
}

.garden-vehicle-record__aside :is(dt, dd) {
    margin: 0;
    font-size: 13px;
}

.garden-vehicle-record__aside dt { color: var(--gvrec-muted); font-weight: 550; }
.garden-vehicle-record__aside dd { color: var(--gvrec-ink); font-weight: 720; text-align: end; }

.garden-vehicle-record__aside section > p {
    margin: 5px 14px 14px;
    padding: 10px;
    border-radius: 8px;
    background: var(--gvrec-soft);
    color: var(--gvrec-muted);
    font-size: 13px;
    line-height: 1.65;
}

.garden-vehicle-service-composer > summary {
    display: flex;
    min-height: 64px;
    padding: 12px 17px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
    list-style: none;
}

.garden-vehicle-service-composer > summary::-webkit-details-marker { display: none; }
.garden-vehicle-service-composer summary :is(span, strong) { display: block; }
.garden-vehicle-service-composer summary span { color: var(--gvrec-accent); font-size: 13px; font-weight: 800; }
.garden-vehicle-service-composer summary strong { margin-top: 2px; color: var(--gvrec-ink); font-size: 13px; }
.garden-vehicle-service-composer summary > i { color: var(--gvrec-muted); font-size: 13px; transition: transform 150ms ease; }
.garden-vehicle-service-composer[open] summary > i { transform: rotate(180deg); }

.garden-vehicle-service-composer > form {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 16px 17px;
    gap: 12px;
    border-top: 1px solid var(--gvrec-line);
    background: #fbfcfb;
}

.garden-vehicle-service-composer label > span {
    display: block;
    margin-bottom: 5px;
    color: var(--gvrec-ink);
    font-size: 13px;
    font-weight: 720;
}

.garden-vehicle-service-composer label > div { position: relative; }
.garden-vehicle-service-composer label > div small { position: absolute; inset-inline-end: 11px; top: 50%; color: var(--gvrec-muted); font-size: 13px; transform: translateY(-50%); }
.garden-vehicle-service-composer label > div input { padding-inline-end: 28px; }

.garden-vehicle-service-composer :is(input, select, textarea) {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid var(--gvrec-line);
    border-radius: 8px;
    background: #fff;
    color: var(--gvrec-ink);
    font-family: inherit;
    font-size: 13px;
    outline: 0;
}

.garden-vehicle-service-composer :is(input, select, textarea):focus {
    border-color: #8eaa98;
    box-shadow: 0 0 0 3px rgba(112, 173, 137, 0.12);
}

.garden-vehicle-service-composer label.is-wide { grid-column: 1 / -1; }
.garden-vehicle-service-composer textarea { resize: vertical; }

.garden-vehicle-service-composer__actions {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-start;
    gap: 8px;
}

.garden-vehicle-service-composer__actions button {
    display: inline-flex;
    min-height: 36px;
    padding: 0 13px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--gvrec-line);
    border-radius: 9px;
    background: #fff;
    color: var(--gvrec-green);
    font-size: 13px;
    font-weight: 750;
}

.garden-vehicle-service-composer__actions button[type="submit"] {
    border-color: var(--gvrec-green);
    background: var(--gvrec-green);
    color: #fff;
}

@media (max-width: 1050px) {
    .garden-vehicle-record__layout { grid-template-columns: minmax(0, 1fr); }
    .garden-vehicle-record__aside { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-vehicle-timeline > div > article { grid-template-columns: 54px minmax(170px, 1fr) minmax(220px, 1.2fr) 30px; }
    .garden-vehicle-timeline__meta { grid-column: 2 / 4; grid-row: 2; }
}

@media (max-width: 800px) {
    .garden-vehicle-record__summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-vehicle-record__summary > article:nth-child(3) { border-top: 1px solid var(--gvrec-line); border-inline-start: 0; }
    .garden-vehicle-record__summary > article:nth-child(4) { border-top: 1px solid var(--gvrec-line); }
    .garden-vehicle-service-composer > form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .garden-vehicle-record__header { align-items: flex-start; flex-direction: column; }
    .garden-vehicle-record__header > div:last-child { width: 100%; }
    .garden-vehicle-record__header > div:last-child :is(a, button) { flex: 1; }
    .garden-vehicle-record__aside { grid-template-columns: minmax(0, 1fr); }
    .garden-vehicle-timeline > div > article { grid-template-columns: 48px minmax(0, 1fr) 28px; gap: 9px; }
    .garden-vehicle-timeline__content { grid-column: 2; }
    .garden-vehicle-timeline__facts { grid-column: 1 / 3; grid-row: 2; }
    .garden-vehicle-timeline__meta { grid-column: 1 / 3; grid-row: 3; }
    .garden-vehicle-timeline__delete { grid-column: 3; grid-row: 1 / 4; align-self: start; }
}

@media (max-width: 480px) {
    .garden-vehicle-record__summary > article { min-height: 84px; padding: 11px 12px; }
    .garden-vehicle-service-composer > form { grid-template-columns: minmax(0, 1fr); }
    .garden-vehicle-service-composer label.is-wide,
    .garden-vehicle-service-composer__actions { grid-column: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .garden-vehicle-service-composer summary > i { transition: none; }
}

/* Team workspace — compact people operations */
.garden-team-workspace {
    --gt-ink: #27322c;
    --gt-muted: #737d76;
    --gt-line: #dfe5e1;
    --gt-soft: #f5f7f5;
    --gt-accent: #485f52;
    max-width: 1320px;
    margin-inline: auto;
    padding: 16px 18px 28px !important;
}

.garden-team-header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 13px;
}

.garden-team-header h1 {
    margin: 2px 0 3px;
    color: var(--gt-ink);
    font-size: 21px;
    line-height: 1.15;
}

.garden-team-header p { margin: 0; color: var(--gt-muted); font-size: 13px; }
.garden-team-header__actions { display: flex; gap: 6px; }
.garden-team-header__actions :is(a, button) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 33px;
    padding: 0 11px;
    background: var(--gt-accent);
    border: 1px solid var(--gt-accent);
    border-radius: 8px;
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 760;
    text-decoration: none;
}

.garden-team-header__actions .is-secondary { background: #fff; border-color: var(--gt-line); color: var(--gt-ink); }

.garden-team-overview {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    margin-bottom: 9px;
    background: #fff;
    border: 1px solid var(--gt-line);
    border-radius: 12px;
    box-shadow: 0 7px 24px rgba(37, 48, 42, .04);
}

.garden-team-overview > article {
    min-height: 78px;
    padding: 12px 15px;
    border-inline-start: 1px solid var(--gt-line);
}

.garden-team-overview > article:first-child { border-inline-start: 0; }
.garden-team-overview > article.is-primary { background: #eef3ef; }
.garden-team-overview :is(span, strong, small) { display: block; }
.garden-team-overview span { color: var(--gt-muted); font-size: 13px; font-weight: 700; }
.garden-team-overview strong { margin-top: 4px; color: var(--gt-ink); font-size: 18px; line-height: 1; }
.garden-team-overview small { margin-top: 6px; color: var(--gt-muted); font-size: 13px; }
.garden-team-overview article.is-live strong { color: #3f7454; }

.garden-team-controls {
    display: grid;
    grid-template-columns: minmax(230px, 1fr) auto auto;
    gap: 8px;
    align-items: center;
    margin-bottom: 9px;
    padding: 8px;
    background: #fff;
    border: 1px solid var(--gt-line);
    border-radius: 11px;
}

.garden-team-search { position: relative; }
.garden-team-search > i { position: absolute; top: 50%; inset-inline-start: 10px; color: #929b95; font-size: 13px; transform: translateY(-50%); }
.garden-team-search input {
    width: 100%;
    height: 32px;
    padding: 0 29px 0 10px;
    background: var(--gt-soft);
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--gt-ink);
    font: inherit;
    font-size: 13px;
    outline: none;
}
.garden-team-search input:focus { background: #fff; border-color: #8fa196; box-shadow: 0 0 0 3px rgba(72, 95, 82, .08); }

.garden-team-filters { display: flex; gap: 3px; }
.garden-team-filters button,
.garden-team-more-filters > summary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 30px;
    padding: 0 8px;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #667169;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}
.garden-team-filters button span { color: #96a099; font-size: 13px; }
.garden-team-filters button.is-active { background: #e8ede9; border-color: #d2dbd5; color: var(--gt-ink); }
.garden-team-more-filters { position: relative; }
.garden-team-more-filters > summary { border-color: var(--gt-line); list-style: none; }
.garden-team-more-filters > summary::-webkit-details-marker { display: none; }
.garden-team-more-filters > div,
.garden-team-row-menu > div,
.garden-team-groups article > details > div {
    position: absolute;
    z-index: 15;
    inset-inline-end: 0;
    top: calc(100% + 5px);
    min-width: 160px;
    padding: 5px;
    background: #fff;
    border: 1px solid var(--gt-line);
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(34, 44, 38, .14);
}
.garden-team-more-filters > div :is(button, span) { display: flex; align-items: center; gap: 6px; width: 100%; min-height: 28px; padding: 0 7px; background: transparent; border: 0; color: var(--gt-ink); font: inherit; font-size: 13px; text-align: start; }
.garden-team-more-filters > div button:hover { background: var(--gt-soft); }
.garden-team-more-filters > div button span { margin-inline-start: auto; color: var(--gt-muted); }

.garden-team-layout { display: grid; grid-template-columns: minmax(620px, 1.55fr) minmax(250px, .55fr); gap: 9px; align-items: start; }
.garden-team-list,
.garden-team-aside > section {
    background: #fff;
    border: 1px solid var(--gt-line);
    border-radius: 12px;
    box-shadow: 0 7px 24px rgba(37, 48, 42, .04);
}

.garden-team-list > header,
.garden-team-groups > header,
.garden-team-tools > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 50px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--gt-line);
}
.garden-team-list > header span,
.garden-team-aside header > span,
.garden-team-aside header div > span { display: block; color: #6f8779; font-size: 13px; font-weight: 800; }
.garden-team-list > header h2,
.garden-team-aside header h2 { margin: 2px 0 0; color: var(--gt-ink); font-size: 13px; }
.garden-team-list > header > small { color: var(--gt-muted); font-size: 13px; }

.garden-team-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(150px, 1.25fr) minmax(108px, .9fr) minmax(78px, .7fr) 64px 62px 74px 58px 28px;
    gap: 8px;
    align-items: center;
    min-height: 62px;
    padding: 7px 10px;
    border-bottom: 1px solid #e8ece9;
}
.garden-team-row:last-child { border-bottom: 0; }
.garden-team-row.is-active { box-shadow: inset -3px 0 #6d917a; }
.garden-team-row.is-scheduled { box-shadow: inset -3px 0 #b79763; }
.garden-team-row[hidden] { display: none; }

.garden-team-person { display: flex; align-items: center; gap: 8px; min-width: 0; }
.garden-team-person > :is(span, img) { width: 31px; height: 31px; flex: 0 0 31px; border-radius: 9px; object-fit: cover; }
.garden-team-person > span { display: grid; place-items: center; background: #e9eeea; border: 1px solid #d5ddd7; color: var(--gt-accent); font-size: 13px; font-weight: 800; }
.garden-team-person :is(strong, small),
.garden-team-state :is(span, small),
.garden-team-group :is(strong, small),
.garden-team-metric :is(strong, small) { display: block; }
.garden-team-person strong { overflow: hidden; color: var(--gt-ink); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.garden-team-person small { overflow: hidden; margin-top: 3px; color: var(--gt-muted); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.garden-team-state > span { display: inline-flex; align-items: center; gap: 4px; color: #6c756f; font-size: 13px; font-weight: 750; }
.garden-team-state > span > i { width: 5px; height: 5px; background: #9ba49e; border-radius: 50%; }
.garden-team-state > span.is-active { color: #467359; }
.garden-team-state > span.is-active > i { background: #5f9671; box-shadow: 0 0 0 3px #e7f1e9; }
.garden-team-state > span.is-scheduled { color: #8b673b; }
.garden-team-state > span.is-scheduled > i { background: #bc925a; }
.garden-team-state > small { margin-top: 3px; color: var(--gt-muted); font-size: 13px; }
.garden-team-group small,
.garden-team-metric small { color: var(--gt-muted); font-size: 13px; }
.garden-team-group strong,
.garden-team-metric strong { overflow: hidden; margin-top: 3px; color: var(--gt-ink); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }

.garden-team-edit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 28px;
    padding: 0 7px;
    background: #fff;
    border: 1px solid var(--gt-line);
    border-radius: 7px;
    color: var(--gt-accent);
    font: inherit;
    font-size: 13px;
    font-weight: 750;
}
.garden-team-row-menu,
.garden-team-groups article > details { position: relative; }
.garden-team-row-menu > summary,
.garden-team-groups article > details > summary { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid var(--gt-line); border-radius: 7px; color: var(--gt-muted); font-size: 13px; cursor: pointer; list-style: none; }
.garden-team-row-menu > summary::-webkit-details-marker,
.garden-team-groups article > details > summary::-webkit-details-marker { display: none; }
.garden-team-row-menu > div { min-width: 112px; }
.garden-team-row-menu > div :is(a, button),
.garden-team-groups article > details > div button { display: flex; align-items: center; gap: 6px; width: 100%; min-height: 29px; padding: 0 7px; background: transparent; border: 0; color: var(--gt-ink); font: inherit; font-size: 13px; text-align: start; text-decoration: none; }
.garden-team-row-menu > div :is(a, button):hover,
.garden-team-groups article > details > div button:hover { background: var(--gt-soft); }

.garden-team-aside { display: grid; gap: 9px; }
.garden-team-groups > header button { display: inline-flex; align-items: center; gap: 4px; min-height: 27px; padding: 0 7px; background: #fff; border: 1px solid var(--gt-line); border-radius: 7px; color: var(--gt-accent); font: inherit; font-size: 13px; font-weight: 750; }
.garden-team-groups > div { padding: 5px 8px; }
.garden-team-groups article { display: grid; grid-template-columns: minmax(0, 1fr) 27px; gap: 5px; align-items: center; min-height: 46px; border-bottom: 1px solid #e9edea; }
.garden-team-groups article:last-child { border-bottom: 0; }
.garden-team-group-filter { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 5px 0; background: transparent; border: 0; font: inherit; text-align: start; }
.garden-team-group-filter > i { width: 7px; height: 26px; flex: 0 0 7px; border-radius: 5px; }
.garden-team-group-filter span { min-width: 0; }
.garden-team-group-filter :is(strong, small) { display: block; }
.garden-team-group-filter strong { color: var(--gt-ink); font-size: 13px; }
.garden-team-group-filter small { margin-top: 3px; color: var(--gt-muted); font-size: 13px; }
.garden-team-groups article > details > div { min-width: 92px; }
.garden-team-groups > div > p { margin: 0; padding: 14px 4px; color: var(--gt-muted); font-size: 13px; line-height: 1.5; }

.garden-team-tools { overflow: hidden; }
.garden-team-tools > header { display: block; }
.garden-team-tools > :is(a, form) { display: block; border-bottom: 1px solid #e9edea; }
.garden-team-tools > :is(a, form):last-child { border-bottom: 0; }
.garden-team-tools > a,
.garden-team-tools form > button { display: grid; grid-template-columns: 27px minmax(0, 1fr) 14px; gap: 8px; align-items: center; width: 100%; min-height: 48px; padding: 6px 10px; background: transparent; border: 0; color: var(--gt-ink); font: inherit; text-align: start; text-decoration: none; }
.garden-team-tools > a > i:first-child,
.garden-team-tools form > button > i:first-child { display: grid; place-items: center; width: 27px; height: 27px; background: var(--gt-soft); border-radius: 7px; color: var(--gt-accent); font-size: 13px; }
.garden-team-tools :is(strong, small) { display: block; }
.garden-team-tools strong { font-size: 13px; }
.garden-team-tools small { margin-top: 3px; color: var(--gt-muted); font-size: 13px; }
.garden-team-tools > :is(a, form) i:last-child { color: #97a19a; font-size: 13px; }

.garden-team-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 176px; padding: 20px; text-align: center; }
.garden-team-empty > i { margin-bottom: 9px; color: #9ba69e; font-size: 23px; }
.garden-team-empty :is(strong, span) { display: block; }
.garden-team-empty strong { color: var(--gt-ink); font-size: 13px; }
.garden-team-empty span { margin-top: 4px; color: var(--gt-muted); font-size: 13px; }
.garden-team-empty button { min-height: 29px; margin-top: 10px; padding: 0 9px; background: var(--gt-accent); border: 0; border-radius: 7px; color: #fff; font: inherit; font-size: 13px; font-weight: 750; }

.garden-team-modal .modal-content { border: 1px solid var(--gt-line, #dfe5e1); border-radius: 12px; box-shadow: 0 18px 44px rgba(35, 45, 39, .16); }
.garden-team-modal .modal-header { min-height: 67px; padding: 10px 13px; border-color: #dfe5e1; }
.garden-team-modal .modal-header span { display: block; color: #6f8779; font-size: 13px; font-weight: 800; }
.garden-team-modal .modal-title { margin-top: 2px; color: #27322c; font-size: 14px; }
.garden-team-modal .modal-header p { margin: 3px 0 0; color: #737d76; font-size: 13px; }
.garden-team-modal .modal-body { padding: 11px 13px; }
.garden-team-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 10px; }
.garden-team-form.is-single { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.garden-team-form label > span { display: block; margin: 0 4px 3px 0; color: #68736b; font-size: 13px; font-weight: 700; }
.garden-team-form label > div { position: relative; }
.garden-team-form label > div small { position: absolute; inset-inline-end: 10px; top: 50%; color: #7c867f; font-size: 13px; transform: translateY(-50%); }
.garden-team-form label > div input { padding-inline-end: 26px; }
.garden-team-form :is(input, select, textarea) { width: 100%; min-height: 33px; padding: 5px 8px; background: #fafbfa; border: 1px solid #dfe5e1; border-radius: 8px; color: #27322c; font: inherit; font-size: 13px; outline: none; }
.garden-team-form textarea { min-height: 54px; resize: vertical; }
.garden-team-form :is(input, select, textarea):focus { background: #fff; border-color: #879b8e; box-shadow: 0 0 0 3px rgba(72, 95, 82, .08); }
.garden-team-form label.is-wide { grid-column: 1 / -1; }
.garden-team-modal .modal-footer { min-height: 49px; padding: 8px 12px; border-color: #dfe5e1; }
.garden-team-modal .modal-footer button { min-height: 30px; padding: 0 10px; background: #fff; border: 1px solid #dfe5e1; border-radius: 7px; color: #566159; font: inherit; font-size: 13px; font-weight: 720; }
.garden-team-modal .modal-footer button.is-primary { background: #485f52; border-color: #485f52; color: #fff; }

@media (max-width: 1100px) {
    .garden-team-layout { grid-template-columns: minmax(0, 1fr); }
    .garden-team-aside { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-team-row { grid-template-columns: minmax(145px, 1.2fr) minmax(108px, .85fr) minmax(76px, .7fr) 62px 62px 58px 28px; }
    .garden-team-estimate { display: none; }
}

@media (max-width: 800px) {
    .garden-team-workspace { padding: 12px 9px 22px !important; }
    .garden-team-header { align-items: flex-start; flex-direction: column; }
    .garden-team-header__actions { width: 100%; }
    .garden-team-header__actions :is(a, button) { flex: 1; }
    .garden-team-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-team-overview > article:nth-child(3) { border-top: 1px solid var(--gt-line); border-inline-start: 0; }
    .garden-team-overview > article:nth-child(4) { border-top: 1px solid var(--gt-line); }
    .garden-team-controls { grid-template-columns: minmax(0, 1fr) auto; }
    .garden-team-filters { grid-column: 1 / -1; grid-row: 2; overflow-x: auto; }
    .garden-team-filters button { flex: 0 0 auto; }
    .garden-team-row { grid-template-columns: minmax(145px, 1fr) minmax(96px, .8fr) 65px 58px 28px; }
    .garden-team-group,
    .garden-team-metric:nth-of-type(5),
    .garden-team-estimate { display: none; }
}

@media (max-width: 600px) {
    .garden-team-header__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-team-header__actions button { grid-column: 1 / -1; }
    .garden-team-row { grid-template-columns: minmax(0, 1fr) 84px 28px; gap: 6px; min-height: 75px; }
    .garden-team-person { grid-column: 1; grid-row: 1; }
    .garden-team-state { grid-column: 1; grid-row: 2; padding-inline-start: 39px; }
    .garden-team-metric { grid-column: 2; grid-row: 1 / 3; text-align: end; }
    .garden-team-row > .garden-team-metric:nth-of-type(n+5) { display: none; }
    .garden-team-edit { display: none; }
    .garden-team-row-menu { grid-column: 3; grid-row: 1 / 3; }
    .garden-team-row-menu > div { position: fixed; inset-inline: 14px; top: auto; bottom: 14px; min-width: 0; }
    .garden-team-aside { grid-template-columns: minmax(0, 1fr); }
    .garden-team-form,
    .garden-team-form.is-single { grid-template-columns: minmax(0, 1fr); }
    .garden-team-form label.is-wide { grid-column: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .garden-team-workspace * { scroll-behavior: auto !important; transition: none !important; }
}

/* Shift workspace — attendance as an exception-first log */
.garden-shift-workspace {
    --gs-ink: #27322c;
    --gs-muted: #737d76;
    --gs-line: #dfe5e1;
    --gs-soft: #f5f7f5;
    --gs-accent: #485f52;
    max-width: 1320px;
    margin-inline: auto;
    padding: 16px 18px 28px !important;
}
.garden-shift-header { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 13px; }
.garden-shift-header h1 { margin: 2px 0 3px; color: var(--gs-ink); font-size: 21px; line-height: 1.15; }
.garden-shift-header p { margin: 0; color: var(--gs-muted); font-size: 13px; }
.garden-shift-header__actions { display: flex; gap: 6px; }
.garden-shift-header__actions :is(a, button) { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 33px; padding: 0 11px; background: var(--gs-accent); border: 1px solid var(--gs-accent); border-radius: 8px; color: #fff; font: inherit; font-size: 13px; font-weight: 760; text-decoration: none; }
.garden-shift-header__actions .is-secondary { background: #fff; border-color: var(--gs-line); color: var(--gs-ink); }
.garden-shift-header__actions button:disabled { opacity: .5; cursor: not-allowed; }

.garden-shift-overview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; margin-bottom: 9px; background: #fff; border: 1px solid var(--gs-line); border-radius: 12px; box-shadow: 0 7px 24px rgba(37, 48, 42, .04); }
.garden-shift-overview > article { min-height: 78px; padding: 12px 15px; border-inline-start: 1px solid var(--gs-line); }
.garden-shift-overview > article:first-child { border-inline-start: 0; }
.garden-shift-overview > article.is-primary { background: #eef3ef; }
.garden-shift-overview :is(span, strong, small) { display: block; }
.garden-shift-overview span { color: var(--gs-muted); font-size: 13px; font-weight: 700; }
.garden-shift-overview strong { margin-top: 4px; color: var(--gs-ink); font-size: 18px; line-height: 1; }
.garden-shift-overview small { margin-top: 6px; color: var(--gs-muted); font-size: 13px; }

.garden-shift-controls { display: grid; grid-template-columns: minmax(360px, 1fr) auto auto; gap: 8px; align-items: center; margin-bottom: 9px; padding: 8px; background: #fff; border: 1px solid var(--gs-line); border-radius: 11px; }
.garden-shift-controls > form { display: grid; grid-template-columns: minmax(150px, 1fr) 116px auto auto; gap: 5px; align-items: end; }
.garden-shift-controls > form > label:not(.garden-shift-search) > span { display: block; margin: 0 4px 3px 0; color: var(--gs-muted); font-size: 13px; font-weight: 700; }
.garden-shift-controls :is(input, select) { width: 100%; height: 31px; padding: 0 8px; background: var(--gs-soft); border: 1px solid transparent; border-radius: 7px; color: var(--gs-ink); font: inherit; font-size: 13px; outline: none; }
.garden-shift-controls :is(input, select):focus { background: #fff; border-color: #8fa196; box-shadow: 0 0 0 3px rgba(72, 95, 82, .08); }
.garden-shift-search { position: relative; }
.garden-shift-search > i { position: absolute; top: 50%; inset-inline-start: 9px; color: #929b95; font-size: 13px; transform: translateY(-50%); }
.garden-shift-search input { padding-inline-start: 27px; }
.garden-shift-controls > form > button { display: inline-flex; align-items: center; justify-content: center; gap: 4px; height: 31px; padding: 0 8px; background: var(--gs-accent); border: 1px solid var(--gs-accent); border-radius: 7px; color: #fff; font: inherit; font-size: 13px; font-weight: 750; }
.garden-shift-controls > form > a { align-self: center; color: var(--gs-muted); font-size: 13px; }
.garden-shift-controls > nav { display: flex; gap: 3px; }
.garden-shift-controls > nav a { display: inline-flex; align-items: center; justify-content: center; height: 29px; padding: 0 7px; border-radius: 7px; color: #68736b; font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.garden-shift-controls > nav a.is-active { background: #e8ede9; color: var(--gs-ink); }

.garden-shift-export { position: relative; }
.garden-shift-export > summary { display: inline-flex; align-items: center; gap: 5px; height: 31px; padding: 0 8px; border: 1px solid var(--gs-line); border-radius: 7px; color: var(--gs-ink); font-size: 13px; font-weight: 700; cursor: pointer; list-style: none; }
.garden-shift-export > summary::-webkit-details-marker { display: none; }
.garden-shift-export > div { position: absolute; z-index: 15; inset-inline-end: 0; top: calc(100% + 5px); min-width: 128px; padding: 5px; background: #fff; border: 1px solid var(--gs-line); border-radius: 8px; box-shadow: 0 12px 28px rgba(34, 44, 38, .14); }
.garden-shift-export > div :is(a, button) { display: flex; align-items: center; width: 100%; min-height: 29px; padding: 0 7px; background: transparent; border: 0; color: var(--gs-ink); font: inherit; font-size: 13px; text-align: start; text-decoration: none; }
.garden-shift-export > div :is(a, button):hover { background: var(--gs-soft); }

.garden-shift-list { overflow: hidden; background: #fff; border: 1px solid var(--gs-line); border-radius: 12px; box-shadow: 0 7px 24px rgba(37, 48, 42, .04); }
.garden-shift-list > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 50px; padding: 8px 12px; border-bottom: 1px solid var(--gs-line); }
.garden-shift-list > header span { display: block; color: #6f8779; font-size: 13px; font-weight: 800; }
.garden-shift-list > header h2 { margin: 2px 0 0; color: var(--gs-ink); font-size: 13px; }
.garden-shift-list > header > small { color: var(--gs-muted); font-size: 13px; }
.garden-shift-row { position: relative; display: grid; grid-template-columns: minmax(150px, 1.25fr) 74px 52px 52px 58px minmax(110px, 1fr) 58px 28px; gap: 8px; align-items: center; min-height: 60px; padding: 7px 10px; border-bottom: 1px solid #e8ece9; }
.garden-shift-row:last-child { border-bottom: 0; }
.garden-shift-row.is-active { box-shadow: inset -3px 0 #6d917a; }
.garden-shift-row.is-stale { background: #fffaf5; box-shadow: inset -3px 0 #bd775f; }
.garden-shift-person { display: flex; align-items: center; gap: 8px; min-width: 0; }
.garden-shift-person > span { display: grid; place-items: center; width: 31px; height: 31px; flex: 0 0 31px; background: #e9eeea; border: 1px solid #d5ddd7; border-radius: 9px; color: var(--gs-accent); font-size: 13px; font-weight: 800; }
.garden-shift-person :is(strong, small), .garden-shift-row time :is(strong, span), .garden-shift-time :is(strong, small), .garden-shift-duration :is(strong, small), .garden-shift-notes :is(strong, small) { display: block; }
.garden-shift-person strong { overflow: hidden; color: var(--gs-ink); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.garden-shift-person small { margin-top: 3px; color: var(--gs-muted); font-size: 13px; }
.garden-shift-row time strong { color: var(--gs-ink); font-size: 13px; }
.garden-shift-row time span, .garden-shift-time small, .garden-shift-duration small, .garden-shift-notes small { margin-bottom: 3px; color: var(--gs-muted); font-size: 13px; }
.garden-shift-time strong, .garden-shift-duration strong { color: var(--gs-ink); font: 700 13px 'Inter', sans-serif; }
.garden-shift-notes { min-width: 0; }
.garden-shift-notes strong { overflow: hidden; color: #68736b; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.garden-shift-primary { display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-height: 28px; padding: 0 7px; background: #fff; border: 1px solid var(--gs-line); border-radius: 7px; color: var(--gs-accent); font: inherit; font-size: 13px; font-weight: 750; }
.garden-shift-primary.is-end { background: var(--gs-accent); border-color: var(--gs-accent); color: #fff; }
.garden-shift-row-menu { position: relative; }
.garden-shift-row-menu > summary { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid var(--gs-line); border-radius: 7px; color: var(--gs-muted); font-size: 13px; cursor: pointer; list-style: none; }
.garden-shift-row-menu > summary::-webkit-details-marker { display: none; }
.garden-shift-row-menu > div { position: absolute; z-index: 12; inset-inline-end: 0; top: calc(100% + 5px); min-width: 104px; padding: 5px; background: #fff; border: 1px solid var(--gs-line); border-radius: 8px; box-shadow: 0 12px 28px rgba(34, 44, 38, .14); }
.garden-shift-row-menu > div button { display: block; width: 100%; min-height: 29px; padding: 0 7px; background: transparent; border: 0; color: var(--gs-ink); font: inherit; font-size: 13px; text-align: start; }
.garden-shift-row-menu > div button:hover { background: var(--gs-soft); }
.garden-shift-row-menu > div button.is-danger { color: #a14f4b; }
.garden-shift-list > footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 45px; padding: 6px 10px; border-top: 1px solid var(--gs-line); }
.garden-shift-list > footer > span { color: var(--gs-muted); font-size: 13px; }
.garden-shift-list .pagination { margin: 0; }
.garden-shift-list .page-link { min-width: 25px; height: 25px; padding: 3px 6px; color: var(--gs-accent); font-size: 13px; }
.garden-shift-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 210px; padding: 22px; text-align: center; }
.garden-shift-empty > i { margin-bottom: 9px; color: #9ba69e; font-size: 24px; }
.garden-shift-empty :is(strong, span) { display: block; }
.garden-shift-empty strong { color: var(--gs-ink); font-size: 13px; }
.garden-shift-empty span { margin-top: 4px; color: var(--gs-muted); font-size: 13px; }
.garden-shift-empty :is(a, button) { min-height: 29px; margin-top: 10px; padding: 6px 9px; background: var(--gs-accent); border: 0; border-radius: 7px; color: #fff; font: inherit; font-size: 13px; font-weight: 750; text-decoration: none; }

.garden-shift-modal .modal-content { border: 1px solid #dfe5e1; border-radius: 12px; box-shadow: 0 18px 44px rgba(35, 45, 39, .16); }
.garden-shift-modal .modal-header { min-height: 67px; padding: 10px 13px; border-color: #dfe5e1; }
.garden-shift-modal .modal-header span { display: block; color: #6f8779; font-size: 13px; font-weight: 800; }
.garden-shift-modal .modal-title { margin-top: 2px; color: #27322c; font-size: 14px; }
.garden-shift-modal .modal-header p { margin: 3px 0 0; color: #737d76; font-size: 13px; }
.garden-shift-modal .modal-body { padding: 11px 13px; }
.garden-shift-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 10px; }
.garden-shift-form label > span, .garden-shift-format legend { display: block; margin: 0 4px 3px 0; color: #68736b; font-size: 13px; font-weight: 700; }
.garden-shift-form :is(input, select, textarea) { width: 100%; min-height: 33px; padding: 5px 8px; background: #fafbfa; border: 1px solid #dfe5e1; border-radius: 8px; color: #27322c; font: inherit; font-size: 13px; outline: none; }
.garden-shift-form textarea { min-height: 54px; resize: vertical; }
.garden-shift-form :is(input, select, textarea):focus { background: #fff; border-color: #879b8e; box-shadow: 0 0 0 3px rgba(72, 95, 82, .08); }
.garden-shift-form .is-wide { grid-column: 1 / -1; }
.garden-shift-format { display: flex; gap: 5px; margin: 0; padding: 0; border: 0; }
.garden-shift-format legend { width: 100%; }
.garden-shift-format label { flex: 1; }
.garden-shift-format label input { position: absolute; opacity: 0; pointer-events: none; }
.garden-shift-format label span { display: grid; place-items: center; height: 31px; margin: 0; background: #fff; border: 1px solid #dfe5e1; border-radius: 7px; color: #667169; font-size: 13px; cursor: pointer; }
.garden-shift-format label input:checked + span { background: #e8ede9; border-color: #a8b6ad; color: #27322c; }
.garden-shift-modal .modal-footer { min-height: 49px; padding: 8px 12px; border-color: #dfe5e1; }
.garden-shift-modal .modal-footer button { min-height: 30px; padding: 0 10px; background: #fff; border: 1px solid #dfe5e1; border-radius: 7px; color: #566159; font: inherit; font-size: 13px; font-weight: 720; }
.garden-shift-modal .modal-footer button.is-primary { background: #485f52; border-color: #485f52; color: #fff; }

@media (max-width: 1000px) {
    .garden-shift-controls { grid-template-columns: minmax(0, 1fr) auto; }
    .garden-shift-controls > nav { grid-column: 1 / -1; grid-row: 2; overflow-x: auto; }
    .garden-shift-row { grid-template-columns: minmax(145px, 1.2fr) 72px 50px 50px 57px 58px 28px; }
    .garden-shift-notes { display: none; }
}
@media (max-width: 760px) {
    .garden-shift-workspace { padding: 12px 9px 22px !important; }
    .garden-shift-header { align-items: flex-start; flex-direction: column; }
    .garden-shift-header__actions { width: 100%; }
    .garden-shift-header__actions :is(a, button) { flex: 1; }
    .garden-shift-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-shift-overview > article:nth-child(3) { border-top: 1px solid var(--gs-line); border-inline-start: 0; }
    .garden-shift-overview > article:nth-child(4) { border-top: 1px solid var(--gs-line); }
    .garden-shift-controls { grid-template-columns: minmax(0, 1fr) auto; }
    .garden-shift-controls > form { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) 104px auto; }
    .garden-shift-controls > form > a { display: none; }
    .garden-shift-controls > nav { grid-column: 1; grid-row: 2; }
    .garden-shift-export { grid-column: 2; grid-row: 2; }
    .garden-shift-row { grid-template-columns: minmax(130px, 1fr) 69px 57px 58px 28px; }
    .garden-shift-time:nth-of-type(4), .garden-shift-duration { display: none; }
}
@media (max-width: 540px) {
    .garden-shift-header__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .garden-shift-header__actions button { grid-column: 1 / -1; }
    .garden-shift-controls > form { grid-template-columns: minmax(0, 1fr) auto; }
    .garden-shift-controls > form > label:not(.garden-shift-search) { display: none; }
    .garden-shift-row { grid-template-columns: minmax(0, 1fr) 64px 28px; min-height: 72px; }
    .garden-shift-person { grid-column: 1; grid-row: 1; }
    .garden-shift-row time { grid-column: 1; grid-row: 2; padding-inline-start: 39px; }
    .garden-shift-row time :is(strong, span) { display: inline; margin-inline-end: 4px; }
    .garden-shift-time { grid-column: 2; grid-row: 1 / 3; text-align: end; }
    .garden-shift-time:nth-of-type(n+4), .garden-shift-duration, .garden-shift-notes { display: none; }
    .garden-shift-primary { display: none; }
    .garden-shift-row-menu { grid-column: 3; grid-row: 1 / 3; }
    .garden-shift-row-menu > div { position: fixed; inset-inline: 14px; top: auto; bottom: 14px; min-width: 0; }
    .garden-shift-form { grid-template-columns: minmax(0, 1fr); }
    .garden-shift-form .is-wide { grid-column: 1; }
}
@media (prefers-reduced-motion: reduce) { .garden-shift-workspace * { transition: none !important; } }

/* Weekly schedule — seven-day board without an hourly spreadsheet */
.garden-schedule-workspace { --gsc-ink:#27322c; --gsc-muted:#737d76; --gsc-line:#dfe5e1; --gsc-soft:#f5f7f5; --gsc-accent:#485f52; max-width:1380px; margin-inline:auto; padding:16px 18px 28px !important; }
.garden-schedule-header { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:13px; }
.garden-schedule-header h1 { margin:2px 0 3px; color:var(--gsc-ink); font-size:21px; line-height:1.15; }
.garden-schedule-header p { margin:0; color:var(--gsc-muted); font-size:13px; }
.garden-schedule-header__actions { display:flex; gap:6px; }
.garden-schedule-header__actions :is(a,button) { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:33px; padding:0 11px; background:var(--gsc-accent); border:1px solid var(--gsc-accent); border-radius:8px; color:#fff; font:inherit; font-size:13px; font-weight:760; text-decoration:none; }
.garden-schedule-header__actions .is-secondary { background:#fff; border-color:var(--gsc-line); color:var(--gsc-ink); }
.garden-schedule-header__actions button:disabled { opacity:.5; }
.garden-schedule-overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; margin-bottom:9px; background:#fff; border:1px solid var(--gsc-line); border-radius:12px; box-shadow:0 7px 24px rgba(37,48,42,.04); }
.garden-schedule-overview > article { min-height:75px; padding:11px 14px; border-inline-start:1px solid var(--gsc-line); }
.garden-schedule-overview > article:first-child { border-inline-start:0; }
.garden-schedule-overview > article.is-primary { background:#eef3ef; }
.garden-schedule-overview :is(span,strong,small) { display:block; }
.garden-schedule-overview span { color:var(--gsc-muted); font-size:13px; font-weight:700; }
.garden-schedule-overview strong { margin-top:4px; color:var(--gsc-ink); font-size:17px; line-height:1; }
.garden-schedule-overview small { margin-top:6px; color:var(--gsc-muted); font-size:13px; }
.garden-schedule-overview small a { color:var(--gsc-accent); }
.garden-schedule-overview article.is-warning strong { color:#95673b; }
.garden-schedule-week-nav { display:grid; grid-template-columns:auto minmax(180px,1fr) auto; align-items:center; gap:10px; min-height:47px; margin-bottom:9px; padding:6px 9px; background:#fff; border:1px solid var(--gsc-line); border-radius:11px; }
.garden-schedule-week-nav > a { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:29px; padding:0 8px; border:1px solid var(--gsc-line); border-radius:7px; color:var(--gsc-ink); font-size:13px; font-weight:720; text-decoration:none; }
.garden-schedule-week-nav > div { text-align:center; }
.garden-schedule-week-nav > div :is(strong,a) { display:block; }
.garden-schedule-week-nav > div strong { color:var(--gsc-ink); font:700 13px 'Inter',sans-serif; }
.garden-schedule-week-nav > div a { margin-top:3px; color:var(--gsc-muted); font-size:13px; }
.garden-schedule-board { display:grid; grid-template-columns:repeat(7,minmax(135px,1fr)); gap:7px; align-items:start; }
.garden-schedule-day { overflow:visible; min-width:0; background:#fff; border:1px solid var(--gsc-line); border-radius:11px; box-shadow:0 6px 20px rgba(37,48,42,.035); }
.garden-schedule-day.is-today { border-color:#9eafa4; box-shadow:0 0 0 2px rgba(72,95,82,.07); }
.garden-schedule-day > header { display:flex; align-items:center; justify-content:space-between; min-height:46px; padding:7px 8px; background:#f8f9f8; border-bottom:1px solid var(--gsc-line); border-radius:10px 10px 0 0; }
.garden-schedule-day.is-today > header { background:#eef3ef; }
.garden-schedule-day > header :is(span,strong) { display:block; }
.garden-schedule-day > header span { color:var(--gsc-muted); font-size:13px; font-weight:700; }
.garden-schedule-day > header strong { margin-top:2px; color:var(--gsc-ink); font:700 13px 'Inter',sans-serif; }
.garden-schedule-day > header button { display:grid; place-items:center; width:25px; height:25px; background:#fff; border:1px solid var(--gsc-line); border-radius:7px; color:var(--gsc-accent); font-size:13px; }
.garden-schedule-day > div { display:grid; gap:5px; min-height:155px; padding:6px; }
.garden-schedule-shift { position:relative; padding:7px; background:#fbfcfb; border:1px solid #e2e7e3; border-radius:8px; box-shadow:inset -2px 0 #8da095; }
.garden-schedule-shift.is-confirmed { box-shadow:inset -2px 0 #5e896d; }
.garden-schedule-shift.is-cancelled { opacity:.72; box-shadow:inset -2px 0 #b5635e; }
.garden-schedule-shift__main { display:grid; grid-template-columns:38px minmax(0,1fr); gap:7px; width:100%; padding:0; background:transparent; border:0; font:inherit; text-align:start; }
.garden-schedule-shift__main time { padding-inline-end:6px; border-inline-end:1px solid #e1e6e2; }
.garden-schedule-shift__main :is(strong,span,small) { display:block; }
.garden-schedule-shift__main time strong { color:var(--gsc-ink); font:750 13px 'Inter',sans-serif; }
.garden-schedule-shift__main time span { margin-top:2px; color:var(--gsc-muted); font:600 13px 'Inter',sans-serif; }
.garden-schedule-shift__main > span { min-width:0; }
.garden-schedule-shift__main > span strong { overflow:hidden; color:var(--gsc-ink); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.garden-schedule-shift__main > span small { overflow:hidden; margin-top:3px; color:var(--gsc-muted); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.garden-schedule-shift > footer { display:flex; align-items:center; gap:5px; min-height:20px; margin-top:6px; padding-top:5px; border-top:1px solid #e6eae7; color:var(--gsc-muted); font-size:13px; }
.garden-schedule-status { display:inline-flex; align-items:center; min-height:18px; padding:0 5px; background:#e9eeea; border-radius:5px; color:#5d6a62; font-size:13px; font-weight:750; }
.garden-schedule-status.is-confirmed { background:#e6f1e8; color:#477057; }
.garden-schedule-status.is-cancelled { background:#f8e9e8; color:#9d504c; }
.garden-schedule-shift > footer details { position:relative; margin-inline-start:auto; }
.garden-schedule-shift > footer summary { display:grid; place-items:center; width:21px; height:20px; color:var(--gsc-muted); cursor:pointer; list-style:none; }
.garden-schedule-shift > footer summary::-webkit-details-marker { display:none; }
.garden-schedule-shift > footer details > div { position:absolute; z-index:20; inset-inline-end:0; top:calc(100% + 4px); min-width:112px; padding:4px; background:#fff; border:1px solid var(--gsc-line); border-radius:7px; box-shadow:0 12px 26px rgba(34,44,38,.15); }
.garden-schedule-shift > footer details button { display:block; width:100%; min-height:27px; padding:0 6px; background:transparent; border:0; color:var(--gsc-ink); font:inherit; font-size:13px; text-align:start; }
.garden-schedule-shift > footer details button:hover { background:var(--gsc-soft); }
.garden-schedule-shift > footer details button.is-danger { color:#a14f4b; }
.garden-schedule-day__empty { display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:142px; padding:10px; background:transparent; border:1px dashed #d9e0db; border-radius:8px; color:#89948c; font:inherit; }
.garden-schedule-day__empty i { margin-bottom:7px; font-size:14px; }
.garden-schedule-day__empty span { font-size:13px; font-weight:700; }
.garden-schedule-day__empty small { margin-top:3px; font-size:13px; }
.garden-schedule-empty { display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:260px; padding:24px; background:#fff; border:1px solid var(--gsc-line); border-radius:12px; text-align:center; }
.garden-schedule-empty i { margin-bottom:10px; color:#9ba69e; font-size:25px; }
.garden-schedule-empty :is(strong,span) { display:block; }
.garden-schedule-empty strong { color:var(--gsc-ink); font-size:13px; }
.garden-schedule-empty span { margin-top:4px; color:var(--gsc-muted); font-size:13px; }
.garden-schedule-empty a { margin-top:11px; padding:7px 10px; background:var(--gsc-accent); border-radius:7px; color:#fff; font-size:13px; font-weight:750; text-decoration:none; }

.garden-schedule-modal .modal-content { border:1px solid #dfe5e1; border-radius:12px; box-shadow:0 18px 44px rgba(35,45,39,.16); }
.garden-schedule-modal .modal-header { min-height:67px; padding:10px 13px; border-color:#dfe5e1; }
.garden-schedule-modal .modal-header span { display:block; color:#6f8779; font-size:13px; font-weight:800; }
.garden-schedule-modal .modal-title { margin-top:2px; color:#27322c; font-size:14px; }
.garden-schedule-modal .modal-header p { margin:3px 0 0; color:#737d76; font-size:13px; }
.garden-schedule-modal .modal-body { padding:11px 13px; }
.garden-schedule-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 10px; }
.garden-schedule-form label > span,.garden-schedule-workers legend { display:block; margin:0 4px 3px 0; color:#68736b; font-size:13px; font-weight:700; }
.garden-schedule-form :is(input,select,textarea) { width:100%; min-height:33px; padding:5px 8px; background:#fafbfa; border:1px solid #dfe5e1; border-radius:8px; color:#27322c; font:inherit; font-size:13px; outline:none; }
.garden-schedule-form textarea { min-height:54px; resize:vertical; }
.garden-schedule-form :is(input,select,textarea):focus { background:#fff; border-color:#879b8e; box-shadow:0 0 0 3px rgba(72,95,82,.08); }
.garden-schedule-form .is-wide { grid-column:1/-1; }
.garden-schedule-workers { margin:0; padding:0; border:0; }
.garden-schedule-workers > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; max-height:180px; overflow-y:auto; padding:1px; }
.garden-schedule-workers label { display:grid; grid-template-columns:26px minmax(0,1fr); grid-template-rows:auto auto; gap:1px 7px; align-items:center; min-height:39px; padding:5px 7px; background:#fafbfa; border:1px solid #e2e7e3; border-radius:7px; cursor:pointer; }
.garden-schedule-workers label > input { position:absolute; opacity:0; pointer-events:none; }
.garden-schedule-workers label > span { display:grid; grid-row:1/3; place-items:center; width:26px; height:26px; margin:0; background:#e9eeea; border-radius:7px; color:var(--gsc-accent); font-size:13px; }
.garden-schedule-workers label > strong { color:var(--gsc-ink); font-size:13px; }
.garden-schedule-workers label > small { color:var(--gsc-muted); font-size:13px; }
.garden-schedule-workers label:has(input:checked) { background:#edf2ee; border-color:#9fafA5; box-shadow:inset -2px 0 var(--gsc-accent); }
.garden-schedule-modal .modal-footer { min-height:49px; padding:8px 12px; border-color:#dfe5e1; }
.garden-schedule-modal .modal-footer button { min-height:30px; padding:0 10px; background:#fff; border:1px solid #dfe5e1; border-radius:7px; color:#566159; font:inherit; font-size:13px; font-weight:720; }
.garden-schedule-modal .modal-footer button.is-primary { background:#485f52; border-color:#485f52; color:#fff; }

@media (max-width:1180px) { .garden-schedule-board { overflow-x:auto; grid-template-columns:repeat(7,minmax(150px,1fr)); padding-bottom:5px; scroll-snap-type:x proximity; } .garden-schedule-day { scroll-snap-align:start; } }
@media (max-width:760px) { .garden-schedule-workspace { padding:12px 9px 22px !important; } .garden-schedule-header { align-items:flex-start; flex-direction:column; } .garden-schedule-header__actions { width:100%; } .garden-schedule-header__actions :is(a,button) { flex:1; } .garden-schedule-overview { grid-template-columns:repeat(2,minmax(0,1fr)); } .garden-schedule-overview > article:nth-child(3) { border-top:1px solid var(--gsc-line); border-inline-start:0; } .garden-schedule-overview > article:nth-child(4) { border-top:1px solid var(--gsc-line); } .garden-schedule-board { grid-template-columns:repeat(7,minmax(168px,78vw)); } }
@media (max-width:520px) { .garden-schedule-week-nav > a span { display:none; } .garden-schedule-workers > div,.garden-schedule-form { grid-template-columns:minmax(0,1fr); } .garden-schedule-form .is-wide { grid-column:1; } }
@media (prefers-reduced-motion:reduce) { .garden-schedule-board { scroll-behavior:auto; } }

/* Access workspace — role-aware user management */
.garden-access-workspace,.garden-access-form-workspace { --ga-ink:#27322c; --ga-muted:#737d76; --ga-line:#dfe5e1; --ga-soft:#f5f7f5; --ga-accent:#485f52; max-width:1320px; margin-inline:auto; padding:16px 18px 28px !important; }
.garden-access-header,.garden-access-form-workspace > header { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:13px; }
.garden-access-header h1,.garden-access-form-workspace > header h1 { margin:2px 0 3px; color:var(--ga-ink); font-size:21px; line-height:1.15; }
.garden-access-header p,.garden-access-form-workspace > header p { margin:0; color:var(--ga-muted); font-size:13px; }
.garden-access-header > a,.garden-access-form-workspace > header > a { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:33px; padding:0 11px; background:var(--ga-accent); border:1px solid var(--ga-accent); border-radius:8px; color:#fff; font-size:13px; font-weight:760; text-decoration:none; }
.garden-access-form-workspace > header > a { background:#fff; border-color:var(--ga-line); color:var(--ga-ink); }
.garden-access-overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; margin-bottom:9px; background:#fff; border:1px solid var(--ga-line); border-radius:12px; box-shadow:0 7px 24px rgba(37,48,42,.04); }
.garden-access-overview > article { min-height:76px; padding:11px 14px; border-inline-start:1px solid var(--ga-line); }
.garden-access-overview > article:first-child { border-inline-start:0; }
.garden-access-overview > article.is-primary { background:#eef3ef; }
.garden-access-overview :is(span,strong,small) { display:block; }
.garden-access-overview span { color:var(--ga-muted); font-size:13px; font-weight:700; }
.garden-access-overview strong { margin-top:4px; color:var(--ga-ink); font-size:17px; line-height:1; }
.garden-access-overview small { margin-top:6px; color:var(--ga-muted); font-size:13px; }
.garden-access-overview article.is-warning strong { color:#95673b; }
.garden-access-controls { display:grid; grid-template-columns:minmax(220px,1fr) auto; gap:8px; align-items:center; margin-bottom:9px; padding:8px; background:#fff; border:1px solid var(--ga-line); border-radius:11px; }
.garden-access-controls > label { position:relative; }
.garden-access-controls > label i { position:absolute; top:50%; inset-inline-start:9px; color:#929b95; font-size:13px; transform:translateY(-50%); }
.garden-access-controls input { width:100%; height:31px; padding:0 27px 0 8px; background:var(--ga-soft); border:1px solid transparent; border-radius:7px; color:var(--ga-ink); font:inherit; font-size:13px; outline:none; }
.garden-access-controls input:focus { background:#fff; border-color:#8fa196; box-shadow:0 0 0 3px rgba(72,95,82,.08); }
.garden-access-controls > div { display:flex; gap:3px; overflow-x:auto; }
.garden-access-controls > div button { display:inline-flex; align-items:center; justify-content:center; gap:4px; min-height:29px; padding:0 7px; background:#fff; border:0; border-radius:7px; color:#68736b; font:inherit; font-size:13px; font-weight:700; white-space:nowrap; }
.garden-access-controls > div button span { color:#98a19b; font-size:13px; }
.garden-access-controls > div button.is-active { background:#e8ede9; color:var(--ga-ink); }
.garden-access-list { overflow:hidden; background:#fff; border:1px solid var(--ga-line); border-radius:12px; box-shadow:0 7px 24px rgba(37,48,42,.04); }
.garden-access-list > header { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:50px; padding:8px 12px; border-bottom:1px solid var(--ga-line); }
.garden-access-list > header span { display:block; color:#6f8779; font-size:13px; font-weight:800; }
.garden-access-list > header h2 { margin:2px 0 0; color:var(--ga-ink); font-size:13px; }
.garden-access-list > header > small { color:var(--ga-muted); font-size:13px; }
.garden-access-row { position:relative; display:grid; grid-template-columns:minmax(165px,1.35fr) minmax(85px,.65fr) minmax(90px,.7fr) minmax(95px,.85fr) 92px 58px 58px 28px; gap:8px; align-items:center; min-height:62px; padding:7px 10px; border-bottom:1px solid #e8ece9; }
.garden-access-row:last-child { border-bottom:0; }
.garden-access-row.is-disabled { opacity:.65; background:#fafbfa; }
.garden-access-row[hidden] { display:none; }
.garden-access-person { display:flex; align-items:center; gap:8px; min-width:0; }
.garden-access-person > :is(span,img) { width:31px; height:31px; flex:0 0 31px; border-radius:9px; object-fit:cover; }
.garden-access-person > span { display:grid; place-items:center; background:#e9eeea; border:1px solid #d5ddd7; color:var(--ga-accent); font-size:13px; font-weight:800; }
.garden-access-person div { min-width:0; }
.garden-access-person div > :is(strong,span),.garden-access-role :is(strong,small),.garden-access-contact :is(strong,small),.garden-access-login :is(strong,small),.garden-access-security span :is(strong,small) { display:block; }
.garden-access-person div > strong { overflow:hidden; color:var(--ga-ink); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.garden-access-person div > strong small { display:inline-flex; margin-inline-start:4px; padding:1px 4px; background:#e9eeea; border-radius:4px; color:var(--ga-accent); font-size:13px; }
.garden-access-person div > span { overflow:hidden; margin-top:3px; color:var(--ga-muted); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.garden-access-role small,.garden-access-contact small,.garden-access-login small { margin-bottom:3px; color:var(--ga-muted); font-size:13px; }
.garden-access-role strong,.garden-access-contact :is(strong,a),.garden-access-login strong { overflow:hidden; color:var(--ga-ink); font-size:13px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; text-decoration:none; }
.garden-access-security { display:flex; align-items:center; gap:6px; min-width:0; }
.garden-access-security > i { display:grid; place-items:center; width:25px; height:25px; flex:0 0 25px; background:#f4ece6; border-radius:7px; color:#966b3f; font-size:13px; }
.garden-access-security.is-secure > i { background:#e8f1ea; color:#477057; }
.garden-access-security strong { color:var(--ga-ink); font-size:13px; }
.garden-access-security small { margin-top:2px; color:var(--ga-muted); font-size:13px; }
.garden-access-state { display:inline-flex; align-items:center; justify-content:center; min-height:21px; padding:0 6px; background:#e8f1ea; border-radius:6px; color:#477057; font-size:13px; font-weight:750; }
.garden-access-state.is-pending { background:#f7efe3; color:#91673e; }
.garden-access-state.is-disabled { background:#ecefed; color:#737c76; }
.garden-access-edit { display:inline-flex; align-items:center; justify-content:center; gap:4px; min-height:28px; padding:0 7px; border:1px solid var(--ga-line); border-radius:7px; color:var(--ga-accent); font-size:13px; font-weight:750; text-decoration:none; }
.garden-access-protected { display:inline-flex; align-items:center; justify-content:center; gap:4px; color:var(--ga-muted); font-size:13px; }
.garden-access-menu { position:relative; }
.garden-access-menu > summary { display:grid; place-items:center; width:27px; height:27px; border:1px solid var(--ga-line); border-radius:7px; color:var(--ga-muted); font-size:13px; cursor:pointer; list-style:none; }
.garden-access-menu > summary::-webkit-details-marker { display:none; }
.garden-access-menu > div { position:absolute; z-index:14; inset-inline-end:0; top:calc(100% + 5px); min-width:112px; padding:5px; background:#fff; border:1px solid var(--ga-line); border-radius:8px; box-shadow:0 12px 28px rgba(34,44,38,.14); }
.garden-access-menu > div form { margin:0; }
.garden-access-menu > div :is(button,span) { display:flex; align-items:center; gap:6px; width:100%; min-height:29px; padding:0 7px; background:transparent; border:0; color:var(--ga-ink); font:inherit; font-size:13px; text-align:start; }
.garden-access-menu > div button:hover { background:var(--ga-soft); }
.garden-access-menu > div button.is-danger { color:#a14f4b; }
.garden-access-empty { display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:210px; padding:22px; text-align:center; }
.garden-access-empty > i { margin-bottom:9px; color:#9ba69e; font-size:24px; }
.garden-access-empty :is(strong,span) { display:block; }
.garden-access-empty strong { color:var(--ga-ink); font-size:13px; }
.garden-access-empty span { margin-top:4px; color:var(--ga-muted); font-size:13px; }
.garden-access-empty a { margin-top:10px; padding:7px 9px; background:var(--ga-accent); border-radius:7px; color:#fff; font-size:13px; font-weight:750; text-decoration:none; }

.garden-access-form { display:grid; gap:9px; }
.garden-access-form > section { background:#fff; border:1px solid var(--ga-line); border-radius:12px; box-shadow:0 7px 24px rgba(37,48,42,.035); }
.garden-access-form > section > header { min-height:49px; padding:8px 12px; border-bottom:1px solid var(--ga-line); }
.garden-access-form > section > header span { display:block; color:#6f8779; font-size:13px; font-weight:800; }
.garden-access-form > section > header h2 { margin:2px 0 0; color:var(--ga-ink); font-size:13px; }
.garden-access-form > section > header p { margin:3px 0 0; color:var(--ga-muted); font-size:13px; }
.garden-access-form__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 10px; padding:10px 12px; }
.garden-access-form__grid label > span { display:block; margin:0 4px 3px 0; color:#68736b; font-size:13px; font-weight:700; }
.garden-access-form__grid input { width:100%; min-height:33px; padding:5px 8px; background:#fafbfa; border:1px solid var(--ga-line); border-radius:8px; color:var(--ga-ink); font:inherit; font-size:13px; outline:none; }
.garden-access-form__grid input:focus { background:#fff; border-color:#879b8e; box-shadow:0 0 0 3px rgba(72,95,82,.08); }
.garden-access-form__hint { margin:-2px 12px 10px; color:var(--ga-muted); font-size:13px; }
.garden-access-form__errors { display:flex; gap:8px; padding:9px 11px; background:#fbefee; border:1px solid #edd8d5; border-radius:9px; color:#874844; }
.garden-access-form__errors > i { margin-top:2px; }
.garden-access-form__errors strong { font-size:13px; }
.garden-access-form__errors ul { margin:3px 0 0; padding-inline-start:14px; font-size:13px; }
.garden-access-roles { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; padding:10px 12px; }
.garden-access-roles label { min-width:0; }
.garden-access-roles label > input { position:absolute; opacity:0; pointer-events:none; }
.garden-access-roles label > span { display:grid; grid-template-columns:27px minmax(0,1fr); grid-template-rows:auto auto; gap:1px 7px; align-items:center; min-height:50px; padding:7px 8px; background:#fafbfa; border:1px solid #e1e6e2; border-radius:8px; cursor:pointer; }
.garden-access-roles label > span > i { display:grid; grid-row:1/3; place-items:center; width:27px; height:27px; background:#e9eeea; border-radius:7px; color:var(--ga-accent); font-size:13px; }
.garden-access-roles label > span > strong { overflow:hidden; color:var(--ga-ink); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.garden-access-roles label > span > small { overflow:hidden; color:var(--ga-muted); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.garden-access-roles label > input:checked + span { background:#edf2ee; border-color:#9eafa4; box-shadow:inset -3px 0 var(--ga-accent); }
.garden-access-roles label.is-none > span > i { background:#f0f2f0; color:#89928c; }
.garden-access-form__status { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:10px; align-items:center; min-height:64px; padding:8px 12px; }
.garden-access-form__status > div { display:flex; align-items:center; gap:8px; }
.garden-access-form__status > div > i { display:grid; place-items:center; width:29px; height:29px; background:#eef1ef; border-radius:8px; color:var(--ga-accent); font-size:13px; }
.garden-access-form__status > div.is-secure > i { background:#e8f1ea; color:#477057; }
.garden-access-form__status div :is(strong,small) { display:block; }
.garden-access-form__status div strong { color:var(--ga-ink); font-size:13px; }
.garden-access-form__status div small { margin-top:3px; color:var(--ga-muted); font-size:13px; }
.garden-access-form__status > label { display:flex; align-items:center; gap:6px; color:var(--ga-ink); font-size:13px; font-weight:700; }
.garden-access-form__status > label input[type=checkbox] { position:absolute; opacity:0; }
.garden-access-form__status > label span { position:relative; width:31px; height:18px; background:#cfd6d1; border-radius:10px; }
.garden-access-form__status > label span:after { content:''; position:absolute; top:3px; inset-inline-start:3px; width:12px; height:12px; background:#fff; border-radius:50%; transition:inset-inline-start 150ms ease; }
.garden-access-form__status > label input:checked + span { background:var(--ga-accent); }
.garden-access-form__status > label input:checked + span:after { inset-inline-start:16px; }
.garden-access-form > footer { display:flex; align-items:center; justify-content:flex-end; gap:6px; padding-top:2px; }
.garden-access-form > footer :is(a,button) { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:32px; padding:0 10px; background:#fff; border:1px solid var(--ga-line); border-radius:8px; color:var(--ga-ink); font:inherit; font-size:13px; font-weight:750; text-decoration:none; }
.garden-access-form > footer button { background:var(--ga-accent); border-color:var(--ga-accent); color:#fff; }

@media(max-width:1060px){.garden-access-row{grid-template-columns:minmax(160px,1.25fr) minmax(82px,.7fr) minmax(94px,.85fr) 86px 58px 58px 28px}.garden-access-contact{display:none}.garden-access-roles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.garden-access-workspace,.garden-access-form-workspace{padding:12px 9px 22px !important}.garden-access-header,.garden-access-form-workspace>header{align-items:flex-start;flex-direction:column}.garden-access-header>a,.garden-access-form-workspace>header>a{align-self:stretch}.garden-access-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-access-overview>article:nth-child(3){border-top:1px solid var(--ga-line);border-inline-start:0}.garden-access-overview>article:nth-child(4){border-top:1px solid var(--ga-line)}.garden-access-controls{grid-template-columns:minmax(0,1fr)}.garden-access-row{grid-template-columns:minmax(150px,1fr) minmax(90px,.8fr) 80px 58px 28px}.garden-access-security,.garden-access-login{display:none}.garden-access-roles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.garden-access-row{grid-template-columns:minmax(0,1fr) 58px 28px;min-height:72px}.garden-access-person{grid-column:1;grid-row:1}.garden-access-role{grid-column:1;grid-row:2;padding-inline-start:39px}.garden-access-state{grid-column:2;grid-row:1/3}.garden-access-edit{display:none}.garden-access-menu{grid-column:3;grid-row:1/3}.garden-access-menu>div{position:fixed;inset-inline:14px;top:auto;bottom:14px}.garden-access-form__grid,.garden-access-roles,.garden-access-form__status{grid-template-columns:minmax(0,1fr)}.garden-access-form__status>div.is-secure{border-top:1px solid var(--ga-line);padding-top:8px}}
@media(prefers-reduced-motion:reduce){.garden-access-form__status>label span:after{transition:none}}

/* Audit workspace — readable event stream */
.garden-audit-workspace{--gau-ink:#27322c;--gau-muted:#737d76;--gau-line:#dfe5e1;--gau-soft:#f5f7f5;--gau-accent:#485f52;max-width:1320px;margin-inline:auto;padding:16px 18px 28px!important}.garden-audit-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:13px}.garden-audit-header h1{margin:2px 0 3px;color:var(--gau-ink);font-size:21px;line-height:1.15}.garden-audit-header p{margin:0;color:var(--gau-muted);font-size:13px}.garden-audit-header>a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:33px;padding:0 11px;background:#fff;border:1px solid var(--gau-line);border-radius:8px;color:var(--gau-ink);font-size:13px;font-weight:750;text-decoration:none}.garden-audit-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;margin-bottom:9px;background:#fff;border:1px solid var(--gau-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-audit-overview>article{min-height:76px;padding:11px 14px;border-inline-start:1px solid var(--gau-line)}.garden-audit-overview>article:first-child{border-inline-start:0}.garden-audit-overview>article.is-primary{background:#eef3ef}.garden-audit-overview :is(span,strong,small){display:block}.garden-audit-overview span{color:var(--gau-muted);font-size:13px;font-weight:700}.garden-audit-overview strong{margin-top:4px;color:var(--gau-ink);font-size:17px;line-height:1}.garden-audit-overview small{margin-top:6px;color:var(--gau-muted);font-size:13px}.garden-audit-overview article.is-warning strong{color:#95673b}.garden-audit-filters{margin-bottom:9px;padding:8px;background:#fff;border:1px solid var(--gau-line);border-radius:11px}.garden-audit-filters form{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(150px,1fr) minmax(105px,.7fr) 105px 105px auto auto;gap:6px;align-items:end}.garden-audit-filters label>span{display:block;margin:0 4px 3px 0;color:var(--gau-muted);font-size:13px;font-weight:700}.garden-audit-filters :is(input,select){width:100%;height:31px;padding:0 7px;background:var(--gau-soft);border:1px solid transparent;border-radius:7px;color:var(--gau-ink);font:inherit;font-size:13px;outline:none}.garden-audit-filters :is(input,select):focus{background:#fff;border-color:#8fa196;box-shadow:0 0 0 3px rgba(72,95,82,.08)}.garden-audit-filters button{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:31px;padding:0 9px;background:var(--gau-accent);border:1px solid var(--gau-accent);border-radius:7px;color:#fff;font:inherit;font-size:13px;font-weight:750}.garden-audit-filters form>a{align-self:center;color:var(--gau-muted);font-size:13px}.garden-audit-layout{display:grid;grid-template-columns:minmax(560px,1.5fr) minmax(220px,.48fr);gap:9px;align-items:start}.garden-audit-feed,.garden-audit-people{overflow:hidden;background:#fff;border:1px solid var(--gau-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-audit-feed>header,.garden-audit-people>header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:8px 12px;border-bottom:1px solid var(--gau-line)}.garden-audit-feed>header span,.garden-audit-people>header span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-audit-feed>header h2,.garden-audit-people>header h2{margin:2px 0 0;color:var(--gau-ink);font-size:13px}.garden-audit-feed>header>small{color:var(--gau-muted);font-size:13px}.garden-audit-row{position:relative;display:grid;grid-template-columns:46px 29px minmax(180px,1.5fr) minmax(100px,.7fr) 76px 28px;gap:8px;align-items:center;min-height:61px;padding:7px 10px;border-bottom:1px solid #e8ece9}.garden-audit-row:last-child{border-bottom:0}.garden-audit-row time :is(strong,span),.garden-audit-event :is(span,strong,small),.garden-audit-actor :is(strong,small),.garden-audit-order :is(strong,small){display:block}.garden-audit-row time strong{color:var(--gau-ink);font:750 13px 'Inter',sans-serif}.garden-audit-row time span{margin-top:3px;color:var(--gau-muted);font-size:13px}.garden-audit-icon{display:grid;place-items:center;width:28px;height:28px;background:#edf1ee;border-radius:8px;color:var(--gau-accent);font-size:13px}.garden-audit-row.is-positive .garden-audit-icon{background:#e8f1ea;color:#477057}.garden-audit-row.is-danger .garden-audit-icon{background:#f9e9e8;color:#a14f4b}.garden-audit-row.is-warning .garden-audit-icon{background:#f8efe3;color:#95673b}.garden-audit-row.is-info .garden-audit-icon{background:#eaf0f5;color:#516b82}.garden-audit-event{min-width:0}.garden-audit-event>span{color:#6f8779;font-size:13px;font-weight:750}.garden-audit-event>strong{overflow:hidden;margin-top:2px;color:var(--gau-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-audit-event>small{margin-top:3px;color:var(--gau-muted);font-size:13px}.garden-audit-actor small,.garden-audit-order small{margin-bottom:3px;color:var(--gau-muted);font-size:13px}.garden-audit-actor strong,.garden-audit-order strong{overflow:hidden;color:var(--gau-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-audit-order{position:relative;color:var(--gau-accent);text-decoration:none}.garden-audit-order>i{position:absolute;top:50%;inset-inline-end:0;font-size:13px;transform:translateY(-50%)}.garden-audit-order.is-empty{color:var(--gau-muted)}.garden-audit-meta{position:relative}.garden-audit-meta>summary{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--gau-line);border-radius:7px;color:var(--gau-muted);font-size:13px;cursor:pointer;list-style:none}.garden-audit-meta>summary::-webkit-details-marker{display:none}.garden-audit-meta>div{position:absolute;z-index:14;inset-inline-end:0;top:calc(100% + 5px);min-width:190px;padding:7px 9px;background:#fff;border:1px solid var(--gau-line);border-radius:8px;box-shadow:0 12px 28px rgba(34,44,38,.14)}.garden-audit-meta>div span{display:block;padding:4px 0;border-bottom:1px solid #edf0ee}.garden-audit-meta>div span:last-child{border-bottom:0}.garden-audit-meta>div :is(small,strong){display:block}.garden-audit-meta>div small{color:var(--gau-muted);font-size:13px}.garden-audit-meta>div strong{margin-top:2px;color:var(--gau-ink);font-size:13px}.garden-audit-feed>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:45px;padding:6px 10px;border-top:1px solid var(--gau-line)}.garden-audit-feed>footer>span{color:var(--gau-muted);font-size:13px}.garden-audit-feed .pagination{margin:0}.garden-audit-feed .page-link{min-width:25px;height:25px;padding:3px 6px;color:var(--gau-accent);font-size:13px}.garden-audit-people>header{display:block}.garden-audit-people>div{padding:5px 8px}.garden-audit-people a{display:block;padding:7px 4px;border-bottom:1px solid #e9edea;text-decoration:none}.garden-audit-people a:last-child{border-bottom:0}.garden-audit-people a>span{display:flex;align-items:center;justify-content:space-between;gap:6px}.garden-audit-people a :is(strong,small){display:block}.garden-audit-people a strong{overflow:hidden;color:var(--gau-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-audit-people a small{color:var(--gau-muted);font-size:13px}.garden-audit-people a>i{display:block;overflow:hidden;height:3px;margin-top:5px;background:#eef1ef;border-radius:3px}.garden-audit-people a>i em{display:block;height:100%;background:#899c90;border-radius:3px}.garden-audit-people a.is-active{padding-inline:7px;background:#eef3ef;border-radius:7px}.garden-audit-people p{margin:0;padding:16px 4px;color:var(--gau-muted);font-size:13px}.garden-audit-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:210px;padding:22px;text-align:center}.garden-audit-empty>i{margin-bottom:9px;color:#9ba69e;font-size:24px}.garden-audit-empty :is(strong,span){display:block}.garden-audit-empty strong{color:var(--gau-ink);font-size:13px}.garden-audit-empty span{margin-top:4px;color:var(--gau-muted);font-size:13px}.garden-audit-empty a{margin-top:10px;color:var(--gau-accent);font-size:13px;font-weight:750}
@media(max-width:980px){.garden-audit-layout{grid-template-columns:minmax(0,1fr)}.garden-audit-people{order:-1}.garden-audit-people>div{display:flex;gap:5px;overflow-x:auto}.garden-audit-people a{min-width:130px;border:1px solid var(--gau-line);border-radius:7px}.garden-audit-filters form{grid-template-columns:repeat(3,minmax(0,1fr))}.garden-audit-filters button{align-self:end}}
@media(max-width:760px){.garden-audit-workspace{padding:12px 9px 22px!important}.garden-audit-header{align-items:flex-start;flex-direction:column}.garden-audit-header>a{align-self:stretch}.garden-audit-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-audit-overview>article:nth-child(3){border-top:1px solid var(--gau-line);border-inline-start:0}.garden-audit-overview>article:nth-child(4){border-top:1px solid var(--gau-line)}.garden-audit-filters form{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-audit-row{grid-template-columns:43px 27px minmax(0,1fr) 70px 28px}.garden-audit-actor{display:none}}
@media(max-width:500px){.garden-audit-filters form{grid-template-columns:minmax(0,1fr)}.garden-audit-row{grid-template-columns:41px 27px minmax(0,1fr) 28px;min-height:69px}.garden-audit-order{grid-column:3;grid-row:2}.garden-audit-order>small{display:none}.garden-audit-order :is(strong,i){display:inline;margin-inline-end:4px}.garden-audit-meta{grid-column:4;grid-row:1/3}.garden-audit-meta>div{position:fixed;inset-inline:14px;top:auto;bottom:14px}}

/* Settings hub — compact business profile, notifications and security */
.garden-settings-hub{--gsh-ink:#27322c;--gsh-muted:#737d76;--gsh-line:#dfe5e1;--gsh-soft:#f5f7f5;--gsh-accent:#485f52;max-width:1260px;margin-inline:auto;padding:16px 18px 30px!important}.garden-settings-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:13px}.garden-settings-head>div>span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-settings-head h1{margin:2px 0 3px;color:var(--gsh-ink);font-size:21px;line-height:1.15}.garden-settings-head p{margin:0;color:var(--gsh-muted);font-size:13px}.garden-settings-head>a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:33px;padding:0 11px;background:#fff;border:1px solid var(--gsh-line);border-radius:8px;color:var(--gsh-ink);font-size:13px;font-weight:750;text-decoration:none}.garden-settings-notice{display:flex;align-items:flex-start;gap:8px;margin-bottom:9px;padding:9px 11px;background:#e9f3eb;border:1px solid #d4e6d8;border-radius:9px;color:#477057;font-size:13px}.garden-settings-notice.is-danger{background:#fbefee;border-color:#edd8d5;color:#934f4a}.garden-settings-notice strong{display:block}.garden-settings-notice ul{margin:4px 0 0;padding-inline-start:15px}.garden-settings-gate{max-width:580px;margin:55px auto;padding:30px 34px;background:#fff;border:1px solid var(--gsh-line);border-radius:15px;box-shadow:0 14px 42px rgba(37,48,42,.07);text-align:center}.garden-settings-gate>div:first-child{display:grid;place-items:center;width:45px;height:45px;margin:0 auto 10px;background:#edf2ee;border-radius:12px;color:var(--gsh-accent);font-size:19px}.garden-settings-gate>span{color:#6f8779;font-size:13px;font-weight:800}.garden-settings-gate h2{margin:3px 0 5px;color:var(--gsh-ink);font-size:16px}.garden-settings-gate p{max-width:390px;margin:0 auto 15px;color:var(--gsh-muted);font-size:13px}.garden-settings-gate__control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;max-width:370px;margin:auto;direction:ltr}.garden-settings-gate__control input{min-width:0;height:37px;padding:0 10px;background:var(--gsh-soft);border:1px solid var(--gsh-line);border-radius:8px;color:var(--gsh-ink);font:750 13px 'Inter',sans-serif;letter-spacing:6px;text-align:center;outline:none}.garden-settings-gate__control input:focus{background:#fff;border-color:#8fa196;box-shadow:0 0 0 3px rgba(72,95,82,.08)}.garden-settings-gate__control button{height:37px;padding:0 13px;background:var(--gsh-accent);border:0;border-radius:8px;color:#fff;font:750 13px inherit}.garden-settings-gate__control button:disabled{opacity:.65}.garden-settings-gate__error{margin-top:8px;color:#a14f4b;font-size:13px;font-weight:700}.garden-settings-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:10px;align-items:start}.garden-settings-main,.garden-settings-side{display:grid;gap:10px}.garden-settings-card{overflow:hidden;margin:0;background:#fff;border:1px solid var(--gsh-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-settings-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:57px;padding:9px 13px;border-bottom:1px solid var(--gsh-line)}.garden-settings-card>header span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-settings-card>header h2{margin:2px 0 0;color:var(--gsh-ink);font-size:13px}.garden-settings-card>header p{margin:3px 0 0;color:var(--gsh-muted);font-size:13px}.garden-settings-card>header>button,.garden-settings-security-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:31px;padding:0 10px;background:var(--gsh-accent);border:1px solid var(--gsh-accent);border-radius:7px;color:#fff;font:750 13px inherit}.garden-settings-profile{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:13px}.garden-settings-avatar{display:flex;align-items:center;flex-direction:column;padding:8px;background:var(--gsh-soft);border-radius:10px;text-align:center}.garden-settings-avatar>img{width:74px;height:74px;object-fit:cover;background:#fff;border:1px solid var(--gsh-line);border-radius:11px}.garden-settings-avatar>label:not(.is-remove){display:inline-flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:29px;margin-top:8px;background:#fff;border:1px solid var(--gsh-line);border-radius:7px;color:var(--gsh-ink);font-size:13px;font-weight:750;cursor:pointer}.garden-settings-avatar>input[type=file]{position:absolute;opacity:0;pointer-events:none}.garden-settings-avatar label.is-remove{display:flex;align-items:center;gap:5px;margin-top:7px;color:#985852;font-size:13px;cursor:pointer}.garden-settings-avatar>small{margin-top:5px;color:var(--gsh-muted);font-size:13px}.garden-settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.garden-settings-fields label.is-wide{grid-column:span 2}.garden-settings-fields label>span,.garden-settings-security-actions label>span{display:block;margin:0 3px 3px 0;color:#68736b;font-size:13px;font-weight:700}.garden-settings-fields input,.garden-settings-security-actions input{width:100%;height:34px;padding:0 8px;background:#fafbfa;border:1px solid var(--gsh-line);border-radius:8px;color:var(--gsh-ink);font:inherit;font-size:13px;outline:none}.garden-settings-fields input:focus,.garden-settings-security-actions input:focus{background:#fff;border-color:#879b8e;box-shadow:0 0 0 3px rgba(72,95,82,.08)}.garden-settings-fields input:disabled{color:#7d8680}.garden-settings-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:4px 13px 9px}.garden-settings-switches>label{position:relative;display:grid;grid-template-columns:31px minmax(0,1fr);gap:9px;align-items:center;min-height:61px;padding:7px;border-bottom:1px solid #e9edea;cursor:pointer}.garden-settings-switches>label:nth-last-child(-n+2){border-bottom:0}.garden-settings-switches>label:nth-child(even){border-inline-start:1px solid #e9edea}.garden-settings-switches>label>input{position:absolute;opacity:0}.garden-settings-switches>label>span{position:relative;width:30px;height:17px;background:#cfd6d1;border-radius:10px}.garden-settings-switches>label>span:after{content:'';position:absolute;top:3px;inset-inline-start:3px;width:11px;height:11px;background:#fff;border-radius:50%;transition:inset-inline-start 150ms ease}.garden-settings-switches>label>input:checked+span{background:var(--gsh-accent)}.garden-settings-switches>label>input:checked+span:after{inset-inline-start:16px}.garden-settings-switches>label>div{display:grid;grid-template-columns:25px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 7px;align-items:center}.garden-settings-switches>label i{display:grid;grid-row:1/3;place-items:center;width:25px;height:25px;background:#edf1ee;border-radius:7px;color:var(--gsh-accent);font-size:13px}.garden-settings-switches>label :is(strong,small){display:block}.garden-settings-switches>label strong{color:var(--gsh-ink);font-size:13px}.garden-settings-switches>label small{color:var(--gsh-muted);font-size:13px}.garden-settings-account>header img{width:35px;height:35px;object-fit:cover;border:1px solid var(--gsh-line);border-radius:9px}.garden-settings-security-state{display:flex;align-items:center;gap:8px;margin:9px 10px 4px;padding:9px;background:#eaf2ec;border-radius:9px}.garden-settings-security-state.is-warning{background:#f8f0e5}.garden-settings-security-state>i{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;background:#fff;border-radius:8px;color:#477057;font-size:13px}.garden-settings-security-state.is-warning>i{color:#976b3f}.garden-settings-security-state :is(strong,small){display:block}.garden-settings-security-state strong{color:var(--gsh-ink);font-size:13px}.garden-settings-security-state small{margin-top:2px;color:var(--gsh-muted);font-size:13px}.garden-settings-security-actions{padding:4px 10px 10px}.garden-settings-security-actions>a,.garden-settings-security-actions details>summary{display:flex;align-items:center;gap:7px;min-height:34px;padding:0 7px;border-bottom:1px solid #e9edea;color:var(--gsh-ink);font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;list-style:none}.garden-settings-security-actions>a.is-primary{margin-bottom:4px;background:#edf2ee;border:0;border-radius:7px;color:var(--gsh-accent)}.garden-settings-security-actions details>summary::-webkit-details-marker{display:none}.garden-settings-security-actions details>summary:after{content:'+';margin-inline-start:auto;color:var(--gsh-muted);font-size:13px;font-weight:400}.garden-settings-security-actions details[open]>summary:after{content:'−'}.garden-settings-security-actions details>form{display:grid;gap:7px;padding:9px 6px 11px;background:var(--gsh-soft);border-radius:0 0 8px 8px}.garden-settings-security-actions button{justify-self:end;min-height:29px}.garden-settings-security-actions button.is-danger{background:#a45b55;border-color:#a45b55}.garden-settings-destinations>header{display:block}.garden-settings-destinations>a{display:grid;grid-template-columns:29px minmax(0,1fr) 12px;gap:8px;align-items:center;min-height:53px;padding:7px 11px;border-bottom:1px solid #e9edea;text-decoration:none}.garden-settings-destinations>a:last-child{border-bottom:0}.garden-settings-destinations>a>i:first-child{display:grid;place-items:center;width:29px;height:29px;background:#edf1ee;border-radius:8px;color:var(--gsh-accent);font-size:13px}.garden-settings-destinations>a>i:last-child{color:#9aa49d;font-size:13px}.garden-settings-destinations>a :is(strong,small){display:block}.garden-settings-destinations>a strong{color:var(--gsh-ink);font-size:13px}.garden-settings-destinations>a small{margin-top:3px;color:var(--gsh-muted);font-size:13px}.garden-settings-destinations>a:hover{background:var(--gsh-soft)}
@media(max-width:900px){.garden-settings-layout{grid-template-columns:minmax(0,1fr)}.garden-settings-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-row:1}.garden-settings-main{grid-row:2}}
@media(max-width:650px){.garden-settings-hub{padding:12px 9px 22px!important}.garden-settings-head{align-items:flex-start;flex-direction:column}.garden-settings-head>a{align-self:stretch}.garden-settings-side{grid-template-columns:minmax(0,1fr)}.garden-settings-profile{grid-template-columns:minmax(0,1fr)}.garden-settings-avatar{display:grid;grid-template-columns:54px minmax(0,1fr);gap:6px 9px;text-align:start}.garden-settings-avatar>img{grid-row:1/4;width:54px;height:54px}.garden-settings-avatar>label:not(.is-remove){margin:0}.garden-settings-avatar label.is-remove,.garden-settings-avatar>small{margin:0}.garden-settings-fields,.garden-settings-switches{grid-template-columns:minmax(0,1fr)}.garden-settings-fields label.is-wide{grid-column:auto}.garden-settings-switches>label:nth-last-child(-n+2){border-bottom:1px solid #e9edea}.garden-settings-switches>label:last-child{border-bottom:0}.garden-settings-switches>label:nth-child(even){border-inline-start:0}.garden-settings-card>header{align-items:flex-start}.garden-settings-card>header>button{min-width:94px}.garden-settings-gate{margin:25px auto;padding:24px 18px}.garden-settings-gate__control{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.garden-settings-switches>label>span:after{transition:none}}

/* Media library — visual asset workflow */
.garden-media-library,.garden-media-uploader,.garden-media-editor{--gml-ink:#27322c;--gml-muted:#737d76;--gml-line:#dfe5e1;--gml-soft:#f5f7f5;--gml-accent:#485f52;max-width:1320px;margin-inline:auto;padding:16px 18px 30px!important}.garden-media-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:13px}.garden-media-head>div{min-width:0}.garden-media-head span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-media-head h1{margin:2px 0 3px;color:var(--gml-ink);font-size:21px;line-height:1.15}.garden-media-head p{overflow:hidden;max-width:700px;margin:0;color:var(--gml-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-media-head>a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:33px;padding:0 11px;background:var(--gml-accent);border:1px solid var(--gml-accent);border-radius:8px;color:#fff;font-size:13px;font-weight:750;text-decoration:none}.garden-media-notice{display:flex;align-items:flex-start;gap:7px;margin-bottom:9px;padding:9px 11px;background:#e9f3eb;border:1px solid #d4e6d8;border-radius:9px;color:#477057;font-size:13px}.garden-media-notice.is-danger{background:#fbefee;border-color:#edd8d5;color:#934f4a}.garden-media-notice strong{display:block}.garden-media-notice ul{margin:3px 0 0;padding-inline-start:15px}.garden-media-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;margin-bottom:9px;background:#fff;border:1px solid var(--gml-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-media-overview>article{min-height:76px;padding:11px 14px;border-inline-start:1px solid var(--gml-line)}.garden-media-overview>article:first-child{border-inline-start:0}.garden-media-overview>article.is-primary{background:#eef3ef}.garden-media-overview :is(span,strong,small){display:block}.garden-media-overview span{color:var(--gml-muted);font-size:13px;font-weight:700}.garden-media-overview strong{margin-top:4px;color:var(--gml-ink);font-size:17px;line-height:1}.garden-media-overview small{margin-top:6px;color:var(--gml-muted);font-size:13px}.garden-media-overview article.is-warning strong{color:#95673b}.garden-media-controls{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:7px;padding:7px 8px;background:#fff;border:1px solid var(--gml-line);border-radius:11px}.garden-media-controls>form{display:grid;grid-template-columns:minmax(230px,1.4fr) minmax(145px,.7fr) auto auto;gap:6px;flex:1;max-width:760px}.garden-media-controls label{position:relative}.garden-media-controls label>i{position:absolute;z-index:1;top:50%;inset-inline-start:9px;color:#929b95;font-size:13px;transform:translateY(-50%)}.garden-media-controls :is(input,select){width:100%;height:31px;padding:0 28px 0 8px;background:var(--gml-soft);border:1px solid transparent;border-radius:7px;color:var(--gml-ink);font:inherit;font-size:13px;outline:none}.garden-media-controls :is(input,select):focus{background:#fff;border-color:#8fa196;box-shadow:0 0 0 3px rgba(72,95,82,.08)}.garden-media-controls form>button{height:31px;padding:0 10px;background:var(--gml-accent);border:0;border-radius:7px;color:#fff;font:750 13px inherit}.garden-media-controls form>a{align-self:center;color:var(--gml-muted);font-size:13px}.garden-media-selection{display:flex;align-items:center;gap:8px}.garden-media-selection>span{color:var(--gml-muted);font-size:13px;white-space:nowrap}.garden-media-selection>button{height:30px;padding:0 8px;background:#fbefee;border:1px solid #edd8d5;border-radius:7px;color:#984e49;font:750 13px inherit}.garden-media-selection>button[hidden]{display:none}.garden-media-tags{display:flex;gap:5px;overflow-x:auto;margin-bottom:9px;padding:1px;scrollbar-width:thin}.garden-media-tags>a{flex:0 0 auto;padding:5px 8px;background:#fff;border:1px solid var(--gml-line);border-radius:7px;color:var(--gml-muted);font-size:13px;font-weight:700;text-decoration:none}.garden-media-tags>a.is-active{background:#eaf0eb;border-color:#abb9b0;color:var(--gml-accent)}.garden-media-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.garden-media-item{position:relative;overflow:hidden;background:#fff;border:1px solid var(--gml-line);border-radius:10px;box-shadow:0 5px 17px rgba(37,48,42,.035)}.garden-media-item.is-selected{border-color:#84998c;box-shadow:0 0 0 2px rgba(72,95,82,.11)}.garden-media-check{position:absolute;z-index:2;top:7px;inset-inline-start:7px}.garden-media-check>input{position:absolute;opacity:0}.garden-media-check>span{display:grid;place-items:center;width:22px;height:22px;background:rgba(255,255,255,.92);border:1px solid rgba(62,77,68,.2);border-radius:6px;color:transparent;font-size:13px;cursor:pointer;box-shadow:0 3px 10px rgba(24,33,27,.1)}.garden-media-check>input:checked+span{background:var(--gml-accent);border-color:var(--gml-accent);color:#fff}.garden-media-thumb{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:1.18;background:#eef1ef;border:0;padding:0;cursor:pointer}.garden-media-thumb>img{width:100%;height:100%;object-fit:cover;transition:transform 180ms ease}.garden-media-thumb>span{position:absolute;display:grid;place-items:center;width:25px;height:25px;inset-inline-end:7px;bottom:7px;background:rgba(38,50,43,.8);border-radius:7px;color:#fff;font-size:13px;opacity:0;transform:translateY(3px);transition:opacity 160ms ease,transform 160ms ease}.garden-media-thumb:hover>img{transform:scale(1.025)}.garden-media-thumb:hover>span{opacity:1;transform:none}.garden-media-item>div:last-child{padding:7px 8px 8px}.garden-media-item>div:last-child>strong,.garden-media-item>div:last-child>small{display:block}.garden-media-item>div:last-child>strong{overflow:hidden;color:var(--gml-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-media-item>div:last-child>small{margin-top:3px;color:var(--gml-muted);font-size:13px}.garden-media-item>div:last-child>div{display:flex;align-items:center;gap:3px;overflow:hidden;min-height:19px;margin-top:5px}.garden-media-item em,.garden-media-item>div:last-child>div>span{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;padding:2px 5px;background:#eef2ef;border-radius:5px;color:#607267;font-size:13px;font-style:normal}.garden-media-item>div:last-child>div>span{margin-inline-start:auto;background:#eef1f4;color:#657384}.garden-media-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:45px;margin-top:8px;padding:6px 9px;background:#fff;border:1px solid var(--gml-line);border-radius:10px}.garden-media-pagination>span{color:var(--gml-muted);font-size:13px}.garden-media-pagination .pagination{margin:0}.garden-media-pagination .page-link{min-width:25px;height:25px;padding:3px 6px;color:var(--gml-accent);font-size:13px}.garden-media-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:300px;padding:24px;background:#fff;border:1px solid var(--gml-line);border-radius:12px;text-align:center}.garden-media-empty>i{margin-bottom:10px;color:#9ba69e;font-size:26px}.garden-media-empty :is(strong,span){display:block}.garden-media-empty strong{color:var(--gml-ink);font-size:13px}.garden-media-empty span{margin-top:4px;color:var(--gml-muted);font-size:13px}.garden-media-empty a{margin-top:11px;padding:7px 10px;background:var(--gml-accent);border-radius:7px;color:#fff;font-size:13px;font-weight:750;text-decoration:none}.garden-media-modal .modal-content{overflow:hidden;border:0;border-radius:13px}.garden-media-modal .modal-content>header{display:flex;align-items:center;justify-content:space-between;min-height:55px;padding:8px 13px;border-bottom:1px solid var(--gml-line)}.garden-media-modal .modal-content>header span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-media-modal .modal-content>header h2{margin:2px 0 0;color:var(--gml-ink);font-size:13px}.garden-media-modal .modal-content>header>button{display:grid;place-items:center;width:29px;height:29px;background:var(--gml-soft);border:0;border-radius:8px;color:var(--gml-muted)}.garden-media-modal__body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr);gap:0;min-height:430px}.garden-media-modal__preview{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;padding:14px;background:#f1f3f1}.garden-media-modal__preview>img{max-width:100%;max-height:380px;object-fit:contain;border-radius:8px}.garden-media-modal__preview>div{display:flex;gap:5px;margin-top:10px}.garden-media-modal__preview button,.garden-media-modal__info footer :is(a,button){display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 9px;background:#fff;border:1px solid var(--gml-line);border-radius:7px;color:var(--gml-ink);font:750 13px inherit;text-decoration:none}.garden-media-modal__info{padding:12px}.garden-media-modal__info dl{margin:0}.garden-media-modal__info dl>div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;border-bottom:1px solid #e9edea}.garden-media-modal__info dt{color:var(--gml-muted);font-size:13px}.garden-media-modal__info dd{overflow:hidden;margin:0;color:var(--gml-ink);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.garden-media-modal__info>section{padding:8px 0;border-bottom:1px solid #e9edea}.garden-media-modal__info>section>span{display:block;margin-bottom:5px;color:var(--gml-muted);font-size:13px;font-weight:700}.garden-media-modal__info>section p{margin:0;color:var(--gml-ink);font-size:13px}.garden-media-modal__info>section div{display:flex;flex-wrap:wrap;gap:4px}.garden-media-modal__info em{padding:3px 5px;background:#edf2ee;border-radius:5px;color:var(--gml-accent);font-size:13px;font-style:normal}.garden-media-modal__info>footer{display:flex;justify-content:space-between;gap:5px;margin-top:11px}.garden-media-modal__info>footer a{background:var(--gml-accent);border-color:var(--gml-accent);color:#fff}.garden-media-modal__info>footer button{color:#9d514c}.garden-media-upload-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:10px;align-items:start}.garden-media-upload-main,.garden-media-upload-side>section,.garden-media-editor-preview,.garden-media-editor-form{overflow:hidden;background:#fff;border:1px solid var(--gml-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-media-upload-side{display:grid;gap:10px}.garden-media-upload-main>header,.garden-media-upload-side>section>header{display:flex;align-items:center;gap:8px;min-height:54px;padding:8px 12px;border-bottom:1px solid var(--gml-line)}.garden-media-upload-main>header>span,.garden-media-upload-side>section>header>span{display:grid;place-items:center;width:27px;height:27px;background:#edf2ee;border-radius:7px;color:var(--gml-accent);font-size:13px;font-weight:800}.garden-media-upload-layout header h2{margin:0;color:var(--gml-ink);font-size:13px}.garden-media-upload-layout header p{margin:2px 0 0;color:var(--gml-muted);font-size:13px}.garden-media-drop{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:320px;margin:12px;padding:25px;background:#f7f9f7;border:1px dashed #b8c4bc;border-radius:10px;text-align:center;cursor:pointer}.garden-media-drop:hover,.garden-media-drop.is-dragging{background:#edf3ee;border-color:#718779}.garden-media-drop>i{margin-bottom:9px;color:#809286;font-size:26px}.garden-media-drop :is(strong,span){display:block}.garden-media-drop strong{color:var(--gml-ink);font-size:13px}.garden-media-drop span{margin-top:5px;color:var(--gml-muted);font-size:13px}.garden-media-file-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:-4px 12px 12px}.garden-media-file-preview>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:6px;align-items:center;min-width:0;padding:5px;background:var(--gml-soft);border-radius:7px}.garden-media-file-preview img{width:38px;height:38px;object-fit:cover;border-radius:6px}.garden-media-file-preview span{min-width:0}.garden-media-file-preview :is(strong,small){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.garden-media-file-preview strong{color:var(--gml-ink);font-size:13px}.garden-media-file-preview small{margin-top:2px;color:var(--gml-muted);font-size:13px}.garden-media-file-preview .is-error{grid-column:1/-1;margin:0;padding:8px;background:#fbefee;border-radius:7px;color:#984e49;font-size:13px}.garden-media-upload-fields{display:grid;gap:8px;padding:10px 12px}.garden-media-upload-fields label>span{display:block;margin:0 3px 3px 0;color:#68736b;font-size:13px;font-weight:700}.garden-media-upload-fields :is(input,textarea){width:100%;padding:7px 8px;background:#fafbfa;border:1px solid var(--gml-line);border-radius:8px;color:var(--gml-ink);font:inherit;font-size:13px;outline:none}.garden-media-upload-fields input{height:34px}.garden-media-upload-fields textarea{min-height:70px;resize:vertical}.garden-media-upload-fields :is(input,textarea):focus{background:#fff;border-color:#879b8e;box-shadow:0 0 0 3px rgba(72,95,82,.08)}.garden-media-quick-tags{display:flex;flex-wrap:wrap;gap:4px}.garden-media-quick-tags button{padding:4px 6px;background:#edf2ee;border:0;border-radius:6px;color:#607267;font:700 13px inherit}.garden-media-product-picker{padding:8px 10px 10px}.garden-media-product-picker>label{position:relative;display:block}.garden-media-product-picker>label>i{position:absolute;top:50%;inset-inline-start:8px;color:#929b95;font-size:13px;transform:translateY(-50%)}.garden-media-product-picker>label input{width:100%;height:31px;padding:0 27px 0 7px;background:var(--gml-soft);border:1px solid transparent;border-radius:7px;color:var(--gml-ink);font:inherit;font-size:13px;outline:none}.garden-media-product-picker>div{max-height:180px;overflow-y:auto;margin-top:5px}.garden-media-product-picker>div>label{display:grid;grid-template-columns:19px minmax(0,1fr);gap:6px;align-items:center;min-height:29px;padding:3px 4px;border-bottom:1px solid #edf0ee;cursor:pointer}.garden-media-product-picker>div>label[hidden]{display:none}.garden-media-product-picker>div>label>input{position:absolute;opacity:0}.garden-media-product-picker>div>label>span{display:grid;place-items:center;width:17px;height:17px;border:1px solid #cfd7d2;border-radius:5px;color:transparent;font-size:13px}.garden-media-product-picker>div>label>input:checked+span{background:var(--gml-accent);border-color:var(--gml-accent);color:#fff}.garden-media-product-picker>div>label>strong{overflow:hidden;color:var(--gml-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-media-product-picker>div>p{margin:0;padding:10px;color:var(--gml-muted);font-size:13px}.garden-media-upload-side>footer,.garden-media-editor-form>footer{display:flex;align-items:center;justify-content:flex-end;gap:6px}.garden-media-upload-side>footer :is(a,button),.garden-media-editor-form>footer :is(button,a){display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:0 10px;background:#fff;border:1px solid var(--gml-line);border-radius:8px;color:var(--gml-ink);font:750 13px inherit;text-decoration:none}.garden-media-upload-side>footer button,.garden-media-editor-form>footer button[type=submit]{background:var(--gml-accent);border-color:var(--gml-accent);color:#fff}.garden-media-upload-side>footer button:disabled{opacity:.5}.garden-media-editor-layout{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);gap:10px;align-items:start}.garden-media-editor-preview>div:first-child{display:flex;align-items:center;justify-content:center;min-height:360px;padding:14px;background:#f2f4f2}.garden-media-editor-preview>div:first-child img{max-width:100%;max-height:430px;object-fit:contain;border-radius:8px}.garden-media-editor-preview>footer{display:flex;justify-content:center;gap:5px;padding:9px;border-bottom:1px solid var(--gml-line)}.garden-media-editor-preview>footer :is(button,a){display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 8px;background:#fff;border:1px solid var(--gml-line);border-radius:7px;color:var(--gml-ink);font:750 13px inherit;text-decoration:none}.garden-media-editor-preview dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:5px 11px 9px}.garden-media-editor-preview dl>div{padding:7px;border-bottom:1px solid #e9edea}.garden-media-editor-preview dt{color:var(--gml-muted);font-size:13px}.garden-media-editor-preview dd{overflow:hidden;margin:3px 0 0;color:var(--gml-ink);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.garden-media-editor-form>header{min-height:59px;padding:9px 12px;border-bottom:1px solid var(--gml-line)}.garden-media-editor-form>header span{color:#6f8779;font-size:13px;font-weight:800}.garden-media-editor-form>header h2{margin:2px 0 0;color:var(--gml-ink);font-size:13px}.garden-media-editor-form>header p{margin:3px 0 0;color:var(--gml-muted);font-size:13px}.garden-media-editor-form>.garden-media-product-picker{margin:0 12px 10px;padding:0;border:1px solid var(--gml-line);border-radius:8px}.garden-media-editor-form>.garden-media-product-picker>label{padding:7px;border-bottom:1px solid var(--gml-line)}.garden-media-editor-form>.garden-media-product-picker>label>i{inset-inline-start:16px}.garden-media-editor-form>footer{padding:0 12px 12px}.garden-media-editor-form>footer button.is-danger{margin-inline-end:auto;color:#a14f4b}
@media(max-width:1100px){.garden-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.garden-media-upload-layout{grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr)}}
@media(max-width:800px){.garden-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.garden-media-controls{align-items:stretch;flex-direction:column}.garden-media-controls>form{width:100%;max-width:none}.garden-media-selection{justify-content:space-between}.garden-media-modal__body{grid-template-columns:minmax(0,1fr)}.garden-media-modal__preview{min-height:300px}.garden-media-upload-layout,.garden-media-editor-layout{grid-template-columns:minmax(0,1fr)}.garden-media-upload-side{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-media-upload-side>footer{grid-column:1/-1}.garden-media-drop{min-height:230px}}
@media(max-width:600px){.garden-media-library,.garden-media-uploader,.garden-media-editor{padding:12px 9px 22px!important}.garden-media-head{align-items:flex-start;flex-direction:column}.garden-media-head>a{align-self:stretch}.garden-media-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-media-overview>article:nth-child(3){border-top:1px solid var(--gml-line);border-inline-start:0}.garden-media-overview>article:nth-child(4){border-top:1px solid var(--gml-line)}.garden-media-controls>form{grid-template-columns:minmax(0,1fr) auto}.garden-media-controls form label{grid-column:1/-1}.garden-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.garden-media-upload-side{grid-template-columns:minmax(0,1fr)}.garden-media-upload-side>footer{grid-column:auto}.garden-media-file-preview{grid-template-columns:minmax(0,1fr)}.garden-media-modal .modal-dialog{margin:8px}.garden-media-modal__preview>img{max-height:270px}.garden-media-editor-preview>div:first-child{min-height:280px}}
@media(prefers-reduced-motion:reduce){.garden-media-thumb>img,.garden-media-thumb>span{transition:none}}

/* Supplier billing — searchable cost ledger */
.garden-billing-center,.garden-billing-form-workspace{--gbc-ink:#27322c;--gbc-muted:#737d76;--gbc-line:#dfe5e1;--gbc-soft:#f5f7f5;--gbc-accent:#485f52;max-width:1260px;margin-inline:auto;padding:16px 18px 30px!important}.garden-billing-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:13px}.garden-billing-head span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-billing-head h1{margin:2px 0 3px;color:var(--gbc-ink);font-size:21px;line-height:1.15}.garden-billing-head p{margin:0;color:var(--gbc-muted);font-size:13px}.garden-billing-head>a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:33px;padding:0 11px;background:var(--gbc-accent);border:1px solid var(--gbc-accent);border-radius:8px;color:#fff;font-size:13px;font-weight:750;text-decoration:none}.garden-billing-notice{display:flex;align-items:flex-start;gap:7px;margin-bottom:9px;padding:9px 11px;background:#e9f3eb;border:1px solid #d4e6d8;border-radius:9px;color:#477057;font-size:13px}.garden-billing-notice.is-danger{background:#fbefee;border-color:#edd8d5;color:#934f4a}.garden-billing-notice strong{display:block}.garden-billing-notice ul{margin:3px 0 0;padding-inline-start:15px}.garden-billing-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;margin-bottom:9px;background:#fff;border:1px solid var(--gbc-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-billing-overview>article{min-height:76px;padding:11px 14px;border-inline-start:1px solid var(--gbc-line)}.garden-billing-overview>article:first-child{border-inline-start:0}.garden-billing-overview>article.is-primary{background:#eef3ef}.garden-billing-overview :is(span,strong,small){display:block}.garden-billing-overview span{color:var(--gbc-muted);font-size:13px;font-weight:700}.garden-billing-overview strong{margin-top:4px;color:var(--gbc-ink);font-size:17px;line-height:1}.garden-billing-overview small{margin-top:6px;color:var(--gbc-muted);font-size:13px}.garden-billing-overview article.is-warning strong{color:#95673b}.garden-billing-filters{margin-bottom:9px;padding:8px;background:#fff;border:1px solid var(--gbc-line);border-radius:11px}.garden-billing-filters form{display:grid;grid-template-columns:minmax(190px,1.25fr) minmax(145px,.8fr) 118px 118px auto auto;gap:6px;align-items:end}.garden-billing-filters label{position:relative}.garden-billing-filters label>span{display:block;margin:0 3px 3px;color:var(--gbc-muted);font-size:13px;font-weight:700}.garden-billing-filters label>i{position:absolute;bottom:10px;inset-inline-start:9px;color:#929b95;font-size:13px}.garden-billing-filters :is(input,select){width:100%;height:31px;padding:0 7px;background:var(--gbc-soft);border:1px solid transparent;border-radius:7px;color:var(--gbc-ink);font:inherit;font-size:13px;outline:none}.garden-billing-filters .is-search input{padding-inline-start:27px}.garden-billing-filters :is(input,select):focus{background:#fff;border-color:#8fa196;box-shadow:0 0 0 3px rgba(72,95,82,.08)}.garden-billing-filters button{height:31px;padding:0 9px;background:var(--gbc-accent);border:0;border-radius:7px;color:#fff;font:750 13px inherit}.garden-billing-filters form>a{align-self:center;color:var(--gbc-muted);font-size:13px}.garden-billing-list{overflow:hidden;background:#fff;border:1px solid var(--gbc-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-billing-list>header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:8px 12px;border-bottom:1px solid var(--gbc-line)}.garden-billing-list>header span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-billing-list>header h2{margin:2px 0 0;color:var(--gbc-ink);font-size:13px}.garden-billing-list>header>small{color:var(--gbc-muted);font-size:13px}.garden-billing-row{display:grid;grid-template-columns:minmax(165px,1.1fr) 100px minmax(165px,1.1fr) minmax(150px,1fr) 62px 28px;gap:9px;align-items:center;min-height:63px;padding:7px 10px;border-bottom:1px solid #e8ece9}.garden-billing-row:last-of-type{border-bottom:0}.garden-billing-supplier{display:grid;grid-template-columns:30px minmax(0,1fr);gap:7px;align-items:center;min-width:0}.garden-billing-supplier>span{display:grid;place-items:center;width:30px;height:30px;background:#edf1ee;border-radius:8px;color:var(--gbc-accent);font-size:13px;font-weight:800}.garden-billing-supplier div,.garden-billing-amount,.garden-billing-links,.garden-billing-note{min-width:0}.garden-billing-row small{display:block;color:var(--gbc-muted);font-size:13px}.garden-billing-supplier :is(a,strong){display:block;overflow:hidden;margin-top:3px;color:var(--gbc-ink);font-size:13px;font-weight:750;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.garden-billing-amount strong{display:block;margin-top:3px;color:var(--gbc-ink);font:750 13px 'Inter',sans-serif}.garden-billing-links>div{display:flex;gap:4px;overflow:hidden;margin-top:3px}.garden-billing-links a,.garden-billing-links span{display:inline-flex;align-items:center;gap:4px;overflow:hidden;max-width:120px;padding:3px 5px;background:#eef2ef;border-radius:5px;color:var(--gbc-accent);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.garden-billing-links span{background:#f1f2f1;color:var(--gbc-muted)}.garden-billing-note strong{display:block;overflow:hidden;margin-top:3px;color:var(--gbc-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-billing-edit{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:28px;border:1px solid var(--gbc-line);border-radius:7px;color:var(--gbc-accent);font-size:13px;font-weight:750;text-decoration:none}.garden-billing-row>form{margin:0}.garden-billing-row>form button{display:grid;place-items:center;width:27px;height:27px;background:#fff;border:1px solid #eadbd9;border-radius:7px;color:#a15b55;font-size:13px}.garden-billing-list>footer{display:flex;justify-content:flex-end;min-height:43px;padding:7px 10px;border-top:1px solid var(--gbc-line)}.garden-billing-list .pagination{margin:0}.garden-billing-list .page-link{min-width:25px;height:25px;padding:3px 6px;color:var(--gbc-accent);font-size:13px}.garden-billing-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:230px;padding:22px;text-align:center}.garden-billing-empty>i{margin-bottom:9px;color:#9ba69e;font-size:24px}.garden-billing-empty :is(strong,span){display:block}.garden-billing-empty strong{color:var(--gbc-ink);font-size:13px}.garden-billing-empty span{margin-top:4px;color:var(--gbc-muted);font-size:13px}.garden-billing-empty a{margin-top:10px;padding:6px 9px;background:var(--gbc-accent);border-radius:7px;color:#fff;font-size:13px;font-weight:750;text-decoration:none}.garden-billing-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.garden-billing-form-card{overflow:hidden;background:#fff;border:1px solid var(--gbc-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-billing-form-card>header{min-height:60px;padding:9px 12px;border-bottom:1px solid var(--gbc-line)}.garden-billing-form-card>header span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-billing-form-card>header h2{margin:2px 0 0;color:var(--gbc-ink);font-size:13px}.garden-billing-form-card>header p{margin:3px 0 0;color:var(--gbc-muted);font-size:13px}.garden-billing-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:11px 12px}.garden-billing-form-grid label.is-wide{grid-column:1/-1}.garden-billing-form-grid label>span{display:block;margin:0 3px 3px 0;color:#68736b;font-size:13px;font-weight:700}.garden-billing-form-grid :is(input,select,textarea){width:100%;padding:7px 8px;background:#fafbfa;border:1px solid var(--gbc-line);border-radius:8px;color:var(--gbc-ink);font:inherit;font-size:13px;outline:none}.garden-billing-form-grid :is(input,select){height:34px}.garden-billing-form-grid textarea{min-height:76px;resize:vertical}.garden-billing-form-grid :is(input,select,textarea):focus{background:#fff;border-color:#879b8e;box-shadow:0 0 0 3px rgba(72,95,82,.08)}.garden-billing-form-grid .is-money{position:relative}.garden-billing-form-grid .is-money input{padding-inline-end:29px}.garden-billing-form-grid .is-money b{position:absolute;top:50%;inset-inline-end:10px;color:var(--gbc-muted);font-size:13px;transform:translateY(-50%)}.garden-billing-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;grid-column:1/-1}.garden-billing-form-actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:0 10px;background:#fff;border:1px solid var(--gbc-line);border-radius:8px;color:var(--gbc-ink);font:750 13px inherit;text-decoration:none}.garden-billing-form-actions button{background:var(--gbc-accent);border-color:var(--gbc-accent);color:#fff}
@media(max-width:950px){.garden-billing-row{grid-template-columns:minmax(155px,1.1fr) 90px minmax(145px,1fr) 62px 28px}.garden-billing-note{display:none}.garden-billing-filters form{grid-template-columns:repeat(3,minmax(0,1fr))}.garden-billing-filters .is-search{grid-column:span 2}.garden-billing-form{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.garden-billing-center,.garden-billing-form-workspace{padding:12px 9px 22px!important}.garden-billing-head{align-items:flex-start;flex-direction:column}.garden-billing-head>a{align-self:stretch}.garden-billing-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-billing-overview>article:last-child{grid-column:1/-1;border-top:1px solid var(--gbc-line);border-inline-start:0}.garden-billing-filters form{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-billing-filters .is-search{grid-column:1/-1}.garden-billing-row{grid-template-columns:minmax(0,1fr) 82px 58px 28px;gap:6px;min-height:72px}.garden-billing-supplier{grid-column:1;grid-row:1}.garden-billing-links{grid-column:1;grid-row:2;padding-inline-start:37px}.garden-billing-amount{grid-column:2;grid-row:1/3}.garden-billing-edit{grid-column:3;grid-row:1/3}.garden-billing-row>form{grid-column:4;grid-row:1/3}.garden-billing-form-grid{grid-template-columns:minmax(0,1fr)}.garden-billing-form-grid label.is-wide{grid-column:auto}}
@media(max-width:430px){.garden-billing-filters form{grid-template-columns:minmax(0,1fr)}.garden-billing-filters .is-search{grid-column:auto}.garden-billing-row{grid-template-columns:minmax(0,1fr) 78px 27px}.garden-billing-edit{display:none}.garden-billing-row>form{grid-column:3}}

/* Content studio — one publishing language across all content types */
.garden-content-center{--gcc-ink:#27322c;--gcc-muted:#737d76;--gcc-line:#dfe5e1;--gcc-soft:#f5f7f5;--gcc-accent:#485f52;max-width:1280px;margin-inline:auto;padding:16px 18px 30px!important}.garden-content-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:10px}.garden-content-head span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-content-head h1{margin:2px 0 3px;color:var(--gcc-ink);font-size:21px;line-height:1.15}.garden-content-head p{margin:0;color:var(--gcc-muted);font-size:13px}.garden-content-head>a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:33px;padding:0 11px;background:var(--gcc-accent);border:1px solid var(--gcc-accent);border-radius:8px;color:#fff;font-size:13px;font-weight:750;text-decoration:none}.garden-content-nav{display:flex;gap:4px;overflow-x:auto;margin-bottom:9px;padding:5px;background:#fff;border:1px solid var(--gcc-line);border-radius:10px;scrollbar-width:thin}.garden-content-nav>a{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;min-height:28px;padding:0 8px;border-radius:6px;color:var(--gcc-muted);font-size:13px;font-weight:700;text-decoration:none}.garden-content-nav>a:hover{background:var(--gcc-soft);color:var(--gcc-ink)}.garden-content-nav>a.is-active{background:#e9efea;color:var(--gcc-accent)}.garden-content-notice{display:flex;align-items:center;gap:7px;margin-bottom:9px;padding:9px 11px;background:#e9f3eb;border:1px solid #d4e6d8;border-radius:9px;color:#477057;font-size:13px}.garden-publish-list{overflow:hidden;background:#fff;border:1px solid var(--gcc-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-publish-list>header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:51px;padding:8px 12px;border-bottom:1px solid var(--gcc-line)}.garden-publish-list>header span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-publish-list>header h2{margin:2px 0 0;color:var(--gcc-ink);font-size:13px}.garden-publish-list>header>small{color:var(--gcc-muted);font-size:13px}.garden-publish-row{display:grid;grid-template-columns:48px minmax(190px,1.3fr) minmax(125px,.8fr) 68px minmax(132px,.8fr) 94px;gap:9px;align-items:center;min-height:67px;padding:7px 10px;border-bottom:1px solid #e8ece9}.garden-publish-row:last-of-type{border-bottom:0}.garden-publish-media{display:grid;place-items:center;overflow:hidden;width:47px;height:47px;background:#edf1ee;border-radius:9px;color:#71857a;font-size:15px}.garden-publish-media img{width:100%;height:100%;object-fit:cover}.garden-publish-media.is-danger{background:#f8e9e8;color:#a14f4b}.garden-publish-media.is-warning{background:#f8efe3;color:#95673b}.garden-publish-title,.garden-publish-type,.garden-publish-period{min-width:0}.garden-publish-title :is(small,strong,span),.garden-publish-type :is(small,strong,span),.garden-publish-period :is(small,strong){display:block}.garden-publish-title small,.garden-publish-type small,.garden-publish-period small{color:var(--gcc-muted);font-size:13px}.garden-publish-title strong{overflow:hidden;margin-top:3px;color:var(--gcc-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-publish-title span{overflow:hidden;margin-top:3px;color:var(--gcc-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-publish-type strong,.garden-publish-type>a{display:block;overflow:hidden;margin-top:3px;color:var(--gcc-ink);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.garden-publish-type span{overflow:hidden;margin-top:3px;color:var(--gcc-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-publish-state{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 6px;background:#e8f1ea;border-radius:6px;color:#477057;font-size:13px;font-weight:750;white-space:nowrap}.garden-publish-state.is-warning{background:#f7efe3;color:#91673e}.garden-publish-state.is-muted{background:#ecefed;color:#737c76}.garden-publish-period strong,.garden-publish-period>a{display:block;overflow:hidden;margin-top:3px;color:var(--gcc-ink);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.garden-publish-period>a i{font-size:13px}.garden-publish-period>button{display:inline-flex;align-items:center;gap:3px;margin-top:3px;padding:0;background:transparent;border:0;color:var(--gcc-accent);font:700 13px inherit}.garden-publish-actions{display:flex;justify-content:flex-end;gap:4px}.garden-publish-actions>form{margin:0}.garden-publish-actions :is(a,button){display:grid;place-items:center;width:27px;height:27px;background:#fff;border:1px solid var(--gcc-line);border-radius:7px;color:var(--gcc-accent);font-size:13px;text-decoration:none}.garden-publish-actions form button{border-color:#eadbd9;color:#a15b55}.garden-publish-list>footer{display:flex;justify-content:flex-end;min-height:43px;padding:7px 10px;border-top:1px solid var(--gcc-line)}.garden-publish-list .pagination{margin:0}.garden-publish-list .page-link{min-width:25px;height:25px;padding:3px 6px;color:var(--gcc-accent);font-size:13px}.garden-publish-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:240px;padding:22px;text-align:center}.garden-publish-empty>i{margin-bottom:9px;color:#9ba69e;font-size:24px}.garden-publish-empty :is(strong,span){display:block}.garden-publish-empty strong{color:var(--gcc-ink);font-size:13px}.garden-publish-empty span{margin-top:4px;color:var(--gcc-muted);font-size:13px}.garden-publish-empty a{margin-top:10px;padding:6px 9px;background:var(--gcc-accent);border-radius:7px;color:#fff;font-size:13px;font-weight:750;text-decoration:none}
@media(max-width:980px){.garden-publish-row{grid-template-columns:48px minmax(180px,1.25fr) minmax(115px,.8fr) 66px 94px}.garden-publish-period{display:none}}
@media(max-width:700px){.garden-content-center{padding:12px 9px 22px!important}.garden-content-head{align-items:flex-start;flex-direction:column}.garden-content-head>a{align-self:stretch}.garden-publish-row{grid-template-columns:43px minmax(0,1fr) 64px 92px;gap:7px;min-height:70px}.garden-publish-media{width:42px;height:42px}.garden-publish-type{display:none}}
@media(max-width:480px){.garden-publish-row{grid-template-columns:40px minmax(0,1fr) 62px;min-height:78px}.garden-publish-media{grid-row:1/3;width:40px;height:40px}.garden-publish-title{grid-column:2;grid-row:1}.garden-publish-row>div:nth-child(4){grid-column:2;grid-row:2}.garden-publish-actions{grid-column:3;grid-row:1/3}.garden-publish-actions>a:first-child{display:none}.garden-content-nav{margin-inline:-2px}}
/* Gift cards — balance-first register and usage stream */
.garden-gift-center{--ggc-ink:#27322c;--ggc-muted:#737d76;--ggc-line:#dfe5e1;--ggc-soft:#f5f7f5;--ggc-accent:#485f52;max-width:1220px;margin-inline:auto;padding:16px 18px 30px!important}.garden-gift-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:13px}.garden-gift-head span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-gift-head h1{margin:2px 0 3px;color:var(--ggc-ink);font-size:21px;line-height:1.15}.garden-gift-head p{margin:0;color:var(--ggc-muted);font-size:13px}.garden-gift-head>a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:33px;padding:0 11px;background:#fff;border:1px solid var(--ggc-line);border-radius:8px;color:var(--ggc-ink);font-size:13px;font-weight:750;text-decoration:none}.garden-gift-notice{display:flex;align-items:center;gap:7px;margin-bottom:9px;padding:9px 11px;background:#e9f3eb;border:1px solid #d4e6d8;border-radius:9px;color:#477057;font-size:13px}.garden-gift-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;margin-bottom:9px;background:#fff;border:1px solid var(--ggc-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-gift-overview.is-four{grid-template-columns:repeat(4,minmax(0,1fr))}.garden-gift-overview>article{min-height:76px;padding:11px 14px;border-inline-start:1px solid var(--ggc-line)}.garden-gift-overview>article:first-child{border-inline-start:0}.garden-gift-overview>article.is-primary{background:#eef3ef}.garden-gift-overview :is(span,strong,small){display:block}.garden-gift-overview span{color:var(--ggc-muted);font-size:13px;font-weight:700}.garden-gift-overview strong{overflow:hidden;margin-top:4px;color:var(--ggc-ink);font-size:17px;line-height:1;text-overflow:ellipsis;white-space:nowrap}.garden-gift-overview small{margin-top:6px;color:var(--ggc-muted);font-size:13px}.garden-gift-controls{margin-bottom:9px;padding:7px 8px;background:#fff;border:1px solid var(--ggc-line);border-radius:10px}.garden-gift-controls form{display:flex;align-items:center;gap:6px}.garden-gift-controls label{position:relative;flex:1;max-width:380px}.garden-gift-controls label i{position:absolute;top:50%;inset-inline-start:9px;color:#929b95;font-size:13px;transform:translateY(-50%)}.garden-gift-controls input{width:100%;height:31px;padding:0 27px 0 7px;background:var(--ggc-soft);border:1px solid transparent;border-radius:7px;color:var(--ggc-ink);font:inherit;font-size:13px;outline:none}.garden-gift-controls form>div{display:flex;gap:3px}.garden-gift-controls button{height:29px;padding:0 8px;background:#fff;border:1px solid var(--ggc-line);border-radius:6px;color:var(--ggc-muted);font:700 13px inherit}.garden-gift-controls button.is-active{background:#e9efea;border-color:#b8c5bd;color:var(--ggc-accent)}.garden-gift-controls form>a{margin-inline-start:auto;color:var(--ggc-muted);font-size:13px}.garden-gift-list{overflow:hidden;background:#fff;border:1px solid var(--ggc-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-gift-list>header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:8px 12px;border-bottom:1px solid var(--ggc-line)}.garden-gift-list>header span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-gift-list>header h2{margin:2px 0 0;color:var(--ggc-ink);font-size:13px}.garden-gift-list>header>small{color:var(--ggc-muted);font-size:13px}.garden-gift-row{display:grid;grid-template-columns:minmax(185px,1.1fr) minmax(145px,.8fr) 62px 95px 67px 28px;gap:9px;align-items:center;min-height:65px;padding:7px 10px;border-bottom:1px solid #e8ece9}.garden-gift-code{display:grid;grid-template-columns:30px minmax(0,1fr);gap:7px;align-items:center;min-width:0}.garden-gift-code>i{display:grid;place-items:center;width:30px;height:30px;background:#edf1ee;border-radius:8px;color:var(--ggc-accent);font-size:13px}.garden-gift-code div,.garden-gift-balance,.garden-gift-expiry{min-width:0}.garden-gift-code :is(small,strong,span),.garden-gift-balance :is(small,strong,span),.garden-gift-expiry :is(small,strong){display:block}.garden-gift-row small{color:var(--ggc-muted);font-size:13px}.garden-gift-code strong{overflow:hidden;margin-top:2px;color:var(--ggc-ink);font:.75 13px 'Inter',sans-serif;text-overflow:ellipsis;white-space:nowrap}.garden-gift-code span{margin-top:2px;color:var(--ggc-muted);font:13px 'Inter',sans-serif}.garden-gift-balance strong{margin-top:2px;color:var(--ggc-ink);font:750 13px 'Inter',sans-serif}.garden-gift-balance>i{display:block;overflow:hidden;width:100%;height:3px;margin-top:4px;background:#edf0ee;border-radius:3px}.garden-gift-balance>i em{display:block;height:100%;background:#82978a;border-radius:3px}.garden-gift-balance>span{margin-top:3px;font-size:13px}.garden-gift-state{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 6px;background:#e8f1ea;border-radius:6px;color:#477057;font-size:13px;font-weight:750}.garden-gift-state.is-warning{background:#f7efe3;color:#91673e}.garden-gift-state.is-muted{background:#ecefed;color:#737c76}.garden-gift-expiry strong{margin-top:3px;color:var(--ggc-ink);font-size:13px}.garden-gift-row>a{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:28px;border:1px solid var(--ggc-line);border-radius:7px;color:var(--ggc-accent);font-size:13px;font-weight:750;text-decoration:none}.garden-gift-row>form{margin:0}.garden-gift-row>form button{display:grid;place-items:center;width:27px;height:27px;background:#fff;border:1px solid #eadbd9;border-radius:7px;color:#a15b55;font-size:13px}.garden-gift-row>form button:disabled{opacity:.35}.garden-gift-list>footer{display:flex;justify-content:flex-end;min-height:43px;padding:7px 10px;border-top:1px solid var(--ggc-line)}.garden-gift-list .pagination{margin:0}.garden-gift-list .page-link{min-width:25px;height:25px;padding:3px 6px;color:var(--ggc-accent);font-size:13px}.garden-gift-usage{display:grid;grid-template-columns:31px minmax(0,1fr) 130px 27px;gap:8px;align-items:center;min-height:58px;padding:7px 10px;border-bottom:1px solid #e8ece9}.garden-gift-usage>i{display:grid;place-items:center;width:30px;height:30px;background:#edf1ee;border-radius:8px;color:var(--ggc-accent);font-size:13px}.garden-gift-usage div :is(small,a){display:block}.garden-gift-usage div small{color:var(--ggc-muted);font-size:13px}.garden-gift-usage div a{margin-top:3px;color:var(--ggc-ink);font-size:13px;font-weight:750;text-decoration:none}.garden-gift-usage>span{color:#a15b55;font:750 13px 'Inter',sans-serif;text-align:end}.garden-gift-usage>a{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--ggc-line);border-radius:7px;color:var(--ggc-accent);font-size:13px;text-decoration:none}.garden-gift-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:230px;padding:22px;text-align:center}.garden-gift-empty>i{margin-bottom:9px;color:#9ba69e;font-size:24px}.garden-gift-empty :is(strong,span){display:block}.garden-gift-empty strong{color:var(--ggc-ink);font-size:13px}.garden-gift-empty span{margin-top:4px;color:var(--ggc-muted);font-size:13px}.garden-gift-empty a{margin-top:9px;color:var(--ggc-accent);font-size:13px;font-weight:750}
@media(max-width:850px){.garden-gift-row{grid-template-columns:minmax(175px,1.1fr) minmax(130px,.8fr) 62px 67px 28px}.garden-gift-expiry{display:none}.garden-gift-overview.is-four{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-gift-overview.is-four>article:nth-child(3){border-top:1px solid var(--ggc-line);border-inline-start:0}.garden-gift-overview.is-four>article:nth-child(4){border-top:1px solid var(--ggc-line)}}
@media(max-width:620px){.garden-gift-center{padding:12px 9px 22px!important}.garden-gift-head{align-items:flex-start;flex-direction:column}.garden-gift-head>a{align-self:stretch}.garden-gift-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-gift-overview:not(.is-four)>article:last-child{grid-column:1/-1;border-top:1px solid var(--ggc-line);border-inline-start:0}.garden-gift-controls form{align-items:stretch;flex-wrap:wrap}.garden-gift-controls label{flex-basis:100%;max-width:none}.garden-gift-row{grid-template-columns:minmax(0,1fr) 105px 62px 28px;gap:6px;min-height:72px}.garden-gift-code{grid-column:1;grid-row:1}.garden-gift-balance{grid-column:1;grid-row:2;padding-inline-start:37px}.garden-gift-row>div:nth-child(3){grid-column:2;grid-row:1/3}.garden-gift-row>a{grid-column:3;grid-row:1/3}.garden-gift-row>form{grid-column:4;grid-row:1/3}.garden-gift-usage{grid-template-columns:30px minmax(0,1fr) 98px 27px}}

/* WhatsApp composer — one guided action instead of three repeated forms */
.garden-message-center{--gmc-ink:#27322c;--gmc-muted:#737d76;--gmc-line:#dfe5e1;--gmc-soft:#f5f7f5;--gmc-accent:#485f52;max-width:1080px;margin-inline:auto;padding:16px 18px 30px!important}.garden-message-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:13px}.garden-message-head>div>span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-message-head h1{margin:2px 0 3px;color:var(--gmc-ink);font-size:21px;line-height:1.15}.garden-message-head p{margin:0;color:var(--gmc-muted);font-size:13px}.garden-message-head>span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;background:#e8f1ea;border-radius:7px;color:#477057;font-size:13px;font-weight:750}.garden-message-head>span i{font-size:13px}.garden-message-notice{display:flex;align-items:center;gap:7px;margin-bottom:9px;padding:9px 11px;background:#e9f3eb;border:1px solid #d4e6d8;border-radius:9px;color:#477057;font-size:13px}.garden-message-notice.is-danger{background:#fbefee;border-color:#edd8d5;color:#934f4a}.garden-message-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.65fr);gap:10px;align-items:start}.garden-message-composer,.garden-message-preview{overflow:hidden;background:#fff;border:1px solid var(--gmc-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-message-composer>header,.garden-message-preview>header{min-height:59px;padding:9px 12px;border-bottom:1px solid var(--gmc-line)}.garden-message-layout header>span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-message-layout header h2{margin:2px 0 0;color:var(--gmc-ink);font-size:13px}.garden-message-layout header p{margin:3px 0 0;color:var(--gmc-muted);font-size:13px}.garden-message-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 12px;border-bottom:1px solid var(--gmc-line)}.garden-message-modes label>input{position:absolute;opacity:0}.garden-message-modes label>span{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 7px;align-items:center;min-height:52px;padding:7px;background:var(--gmc-soft);border:1px solid transparent;border-radius:8px;cursor:pointer}.garden-message-modes i{display:grid;grid-row:1/3;place-items:center;width:28px;height:28px;background:#fff;border-radius:7px;color:var(--gmc-accent);font-size:13px}.garden-message-modes :is(strong,small){display:block}.garden-message-modes strong{color:var(--gmc-ink);font-size:13px}.garden-message-modes small{color:var(--gmc-muted);font-size:13px}.garden-message-modes input:checked+span{background:#eaf0eb;border-color:#9fb0a5;box-shadow:inset -3px 0 var(--gmc-accent)}.garden-message-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:11px 12px}.garden-message-fields label>span{display:block;margin:0 3px 3px;color:#68736b;font-size:13px;font-weight:700}.garden-message-fields input{width:100%;height:34px;padding:0 8px;background:#fafbfa;border:1px solid var(--gmc-line);border-radius:8px;color:var(--gmc-ink);font:inherit;font-size:13px;outline:none}.garden-message-fields input:focus{background:#fff;border-color:#879b8e;box-shadow:0 0 0 3px rgba(72,95,82,.08)}.garden-message-fields label>small{display:block;margin-top:4px;color:var(--gmc-muted);font-size:13px}.garden-message-fields label[hidden]{display:none}.garden-message-composer>footer{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 12px;border-top:1px solid var(--gmc-line)}.garden-message-composer>footer>span{display:flex;align-items:center;gap:5px;color:var(--gmc-muted);font-size:13px}.garden-message-composer>footer button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:0 10px;background:var(--gmc-accent);border:0;border-radius:8px;color:#fff;font:750 13px inherit}.garden-message-preview>div{display:grid;grid-template-columns:31px minmax(0,1fr);gap:8px;align-items:start;margin:12px;padding:10px;background:#eaf3ec;border-radius:10px}.garden-message-preview>div>i{display:grid;place-items:center;width:31px;height:31px;background:#fff;border-radius:50%;color:#4f8e62;font-size:14px}.garden-message-preview>div div{padding:8px;background:#fff;border-radius:3px 9px 9px 9px;box-shadow:0 3px 10px rgba(37,48,42,.05)}.garden-message-preview>div strong{color:var(--gmc-ink);font-size:13px}.garden-message-preview>div p{margin:4px 0;color:#3d4741;font-size:13px;line-height:1.55}.garden-message-preview>div small{display:block;color:#929b95;font-size:13px;text-align:end}.garden-message-preview>div small i{color:#67a277}.garden-message-preview>section{display:flex;align-items:flex-start;gap:7px;margin:0 12px 12px;padding:9px;background:var(--gmc-soft);border-radius:8px;color:var(--gmc-muted)}.garden-message-preview>section>i{margin-top:2px}.garden-message-preview>section p{margin:0;font-size:13px;line-height:1.55}
@media(max-width:780px){.garden-message-layout{grid-template-columns:minmax(0,1fr)}.garden-message-preview{order:-1}.garden-message-preview>div{min-height:100px}.garden-message-preview>section{display:none}}
@media(max-width:560px){.garden-message-center{padding:12px 9px 22px!important}.garden-message-head{align-items:flex-start;flex-direction:column}.garden-message-modes,.garden-message-fields{grid-template-columns:minmax(0,1fr)}.garden-message-composer>footer{align-items:stretch;flex-direction:column}.garden-message-composer>footer button{width:100%}}

/* Delivery-line composer — stops first, economics always visible */
.garden-line-workspace {
    --gl-ink:#27322c;
    --gl-muted:#737d76;
    --gl-line:#dfe5e1;
    --gl-soft:#f5f7f5;
    --gl-accent:#485f52;
    max-width:1380px;
    margin-inline:auto;
    padding:16px 18px 32px!important;
}
.garden-line-head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:13px;
}
.garden-line-head h1 { margin:4px 0 3px;color:var(--gl-ink);font-size:21px;line-height:1.15; }
.garden-line-head p { margin:0;color:var(--gl-muted);font-size:13px; }
.garden-line-head__actions { display:flex;gap:6px; }
.garden-line-workspace .garden-order-view-back { display:inline-flex;align-items:center;gap:5px;margin-bottom:7px;color:var(--gl-muted);font-size:13px;font-weight:700;text-decoration:none; }
.garden-line-workspace .garden-workspace__eyebrow,.garden-section-kicker { display:block;color:#6f8779;font-size:13px;font-weight:800; }
.garden-line-workspace .garden-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:33px;
    padding:0 11px;
    border:1px solid var(--gl-line);
    border-radius:8px;
    font:750 13px inherit;
    line-height:1;
    text-decoration:none;
    transition:background-color .15s,border-color .15s,color .15s;
}
.garden-line-workspace .garden-btn--primary { background:var(--gl-accent);border-color:var(--gl-accent);color:#fff; }
.garden-line-workspace .garden-btn--primary:hover { background:#3d5146;border-color:#3d5146;color:#fff; }
.garden-line-workspace .garden-btn--secondary,.garden-line-workspace .garden-btn--quiet { background:#fff;color:var(--gl-ink); }
.garden-line-workspace .garden-btn--secondary:hover,.garden-line-workspace .garden-btn--quiet:hover { background:var(--gl-soft);border-color:#c9d2cc;color:var(--gl-ink); }
.garden-line-workspace .garden-btn:disabled { cursor:not-allowed;opacity:.45; }
.garden-line-notice { margin-bottom:9px;padding:9px 11px;border:1px solid;border-radius:9px;font-size:13px; }
.garden-line-notice ul { margin:4px 0 0;padding-inline-start:16px; }
.garden-line-notice--success { background:#e9f3eb;border-color:#d4e6d8;color:#477057; }
.garden-line-notice--error { background:#fbefee;border-color:#edd8d5;color:#934f4a; }
.garden-line-composer { display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.62fr);gap:10px;align-items:start; }
.garden-line-orders,.garden-line-summary,.garden-line-stops,.garden-line-route-card {
    overflow:hidden;
    background:#fff;
    border:1px solid var(--gl-line);
    border-radius:12px;
    box-shadow:0 7px 24px rgba(37,48,42,.04);
}
.garden-line-summary { position:sticky;top:76px; }
.garden-line-section-head { display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:55px;padding:9px 12px;border-bottom:1px solid var(--gl-line); }
.garden-line-section-head h2 { margin:2px 0 0;color:var(--gl-ink);font-size:13px; }
.garden-line-section-head>span,.garden-line-count { color:var(--gl-muted);font-size:13px; }
.garden-line-order-tools { display:grid;grid-template-columns:minmax(190px,1fr) 145px auto;gap:7px;align-items:end;padding:8px 10px;background:#fbfcfb;border-bottom:1px solid var(--gl-line); }
.garden-line-order-tools .garden-btn { min-height:32px; }
.garden-field>span:first-child { display:block;margin:0 3px 3px;color:#68736b;font-size:13px;font-weight:700; }
.garden-field b { color:#a45d55; }
.garden-field :is(input,select,textarea) { width:100%;background:#fafbfa;border:1px solid var(--gl-line);border-radius:8px;color:var(--gl-ink);font:inherit;font-size:13px;outline:none; }
.garden-field :is(input,select) { height:33px;padding:0 8px; }
.garden-field textarea { min-height:62px;padding:8px;resize:vertical; }
.garden-field :is(input,select,textarea):focus { background:#fff;border-color:#879b8e;box-shadow:0 0 0 3px rgba(72,95,82,.08); }
.garden-field__control { position:relative;display:block; }
.garden-field__control i { position:absolute;top:50%;inset-inline-start:9px;color:#929b95;font-size:13px;transform:translateY(-50%); }
.garden-field__control input { padding-inline-start:27px; }
.garden-line-order-list { max-height:640px;overflow:auto; }
.garden-line-order { display:grid;grid-template-columns:20px minmax(115px,.52fr) minmax(210px,1.25fr) 82px 27px;gap:9px;align-items:center;min-height:66px;padding:7px 10px;border-bottom:1px solid #e8ece9;cursor:pointer;transition:background-color .15s; }
.garden-line-order:last-of-type { border-bottom:0; }
.garden-line-order:hover { background:#fafbfa; }
.garden-line-order.is-selected { background:#edf2ee;box-shadow:inset -3px 0 var(--gl-accent); }
.garden-line-order__check { width:17px;height:17px;margin:0;accent-color:var(--gl-accent); }
.garden-line-order__identity,.garden-line-order__contact,.garden-line-order__fee { min-width:0; }
.garden-line-order__identity :is(strong,span),.garden-line-order__contact :is(span,small),.garden-line-order__fee :is(strong,small) { display:block; }
.garden-line-order__identity strong { color:var(--gl-accent);font:13px 'Inter',sans-serif;font-weight:750; }
.garden-line-order__identity span { overflow:hidden;margin-top:3px;color:var(--gl-ink);font-size:13px;font-weight:750;text-overflow:ellipsis;white-space:nowrap; }
.garden-line-order__contact span { color:var(--gl-ink);font:13px 'Inter',sans-serif; }
.garden-line-order__contact small { overflow:hidden;margin-top:4px;color:var(--gl-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap; }
.garden-line-order__fee { text-align:end; }
.garden-line-order__fee strong { color:var(--gl-ink);font:13px 'Inter',sans-serif;font-weight:750; }
.garden-line-order__fee small { margin-top:3px;color:var(--gl-muted);font-size:13px; }
.garden-line-order__open { display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--gl-line);border-radius:7px;color:var(--gl-accent);font-size:13px;text-decoration:none; }
.garden-line-empty-state { display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:240px;padding:24px;text-align:center; }
.garden-line-empty-state[hidden] { display:none; }
.garden-line-empty-state>i { margin-bottom:9px;color:#9ba69e;font-size:23px; }
.garden-line-empty-state :is(strong,span) { display:block; }
.garden-line-empty-state strong { color:var(--gl-ink);font-size:13px; }
.garden-line-empty-state span { margin-top:4px;color:var(--gl-muted);font-size:13px; }
.garden-line-kpis { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--gl-line); }
.garden-line-kpis>div { min-height:67px;padding:9px 11px;border-inline-start:1px solid var(--gl-line);border-top:1px solid var(--gl-line); }
.garden-line-kpis>div:nth-child(-n+2) { border-top:0; }
.garden-line-kpis>div:nth-child(odd) { border-inline-start:0; }
.garden-line-kpis>div.is-negative { background:#fbefee; }
.garden-line-kpis :is(span,strong) { display:block; }
.garden-line-kpis span { color:var(--gl-muted);font-size:13px;font-weight:700; }
.garden-line-kpis strong { overflow:hidden;margin-top:5px;color:var(--gl-ink);font:15px 'Inter',sans-serif;font-weight:750;text-overflow:ellipsis;white-space:nowrap; }
.garden-line-kpis .is-negative strong { color:#a14f4b; }
.garden-line-fields { display:grid;gap:8px;padding:10px 12px; }
.garden-line-cost-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px; }
.garden-money-input { position:relative;display:block; }
.garden-money-input input { padding-inline-end:29px; }
.garden-money-input em { position:absolute;top:50%;inset-inline-end:9px;color:var(--gl-muted);font-style:normal;font-size:13px;transform:translateY(-50%); }
.garden-line-portal { margin:0 12px 10px;padding:9px;background:var(--gl-soft);border-radius:9px; }
.garden-line-portal>div:first-child { display:flex;align-items:center;gap:7px;margin-bottom:7px; }
.garden-line-portal>div:first-child>i { display:grid;place-items:center;width:28px;height:28px;background:#fff;border-radius:7px;color:var(--gl-accent);font-size:13px; }
.garden-line-portal>div:first-child span { min-width:0; }
.garden-line-portal>div:first-child :is(strong,small) { display:block; }
.garden-line-portal>div:first-child strong { color:var(--gl-ink);font-size:13px; }
.garden-line-portal>div:first-child small { margin-top:2px;color:var(--gl-muted);font-size:13px; }
.garden-line-portal>input { width:100%;height:30px;padding:0 7px;background:#fff;border:1px solid var(--gl-line);border-radius:7px;color:var(--gl-muted);font:13px 'Inter',sans-serif; }
.garden-line-portal__actions { display:flex!important;gap:4px!important;margin:6px 0 0!important; }
.garden-line-portal__actions .garden-btn { flex:1;min-width:0;min-height:29px;padding:0 5px;font-size:13px; }
.garden-line-actions { display:flex;gap:6px;padding:10px 12px;border-top:1px solid var(--gl-line); }
.garden-line-actions .garden-btn { flex:1; }
.garden-line-save-hint { margin:-3px 12px 10px;color:#a15b55;font-size:13px;text-align:center; }
.garden-line-overview { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden;margin-bottom:10px;background:#fff;border:1px solid var(--gl-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04); }
.garden-line-overview>div { min-height:72px;padding:10px 12px;border-inline-start:1px solid var(--gl-line); }
.garden-line-overview>div:first-child { border-inline-start:0; }
.garden-line-overview>div.is-negative { background:#fbefee; }
.garden-line-overview :is(span,strong) { display:block; }
.garden-line-overview span { color:var(--gl-muted);font-size:13px;font-weight:700; }
.garden-line-overview strong { overflow:hidden;margin-top:7px;color:var(--gl-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap; }
.garden-line-overview .is-negative strong { color:#a14f4b; }
.garden-line-detail-layout { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.55fr);gap:10px;align-items:start; }
.garden-line-stop-list { max-height:720px;overflow:auto; }
.garden-line-stop { display:grid;grid-template-columns:30px minmax(190px,1.35fr) minmax(105px,.55fr) 70px;gap:9px;align-items:center;min-height:67px;padding:7px 10px;border-bottom:1px solid #e8ece9; }
.garden-line-stop:last-child { border-bottom:0; }
.garden-line-stop__position { display:grid;place-items:center;width:28px;height:28px;background:#edf1ee;border-radius:50%;color:var(--gl-accent);font:13px 'Inter',sans-serif;font-weight:750; }
.garden-line-stop__main,.garden-line-stop__contact { min-width:0; }
.garden-line-stop__main>div { display:flex;align-items:center;gap:7px; }
.garden-line-stop__main a { color:var(--gl-accent);font:13px 'Inter',sans-serif;font-weight:750;text-decoration:none; }
.garden-line-stop__main strong { overflow:hidden;color:var(--gl-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap; }
.garden-line-stop__main p { overflow:hidden;margin:4px 0 0;color:var(--gl-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap; }
.garden-line-stop__contact :is(a,span,small) { display:block; }
.garden-line-stop__contact :is(a,span) { color:var(--gl-ink);font:13px 'Inter',sans-serif;text-decoration:none; }
.garden-line-stop__contact small { margin-top:4px;color:var(--gl-muted);font-size:13px; }
.garden-line-stop__fee { color:var(--gl-ink);font:13px 'Inter',sans-serif;text-align:end; }
.garden-line-route-card { position:sticky;top:76px; }
.garden-line-route-card dl { margin:0;padding:4px 12px; }
.garden-line-route-card dl>div { display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:39px;border-bottom:1px solid #e8ece9; }
.garden-line-route-card dt { color:var(--gl-muted);font-size:13px;font-weight:700; }
.garden-line-route-card dd { margin:0;color:var(--gl-ink);font-size:13px;font-weight:750;text-align:end; }
.garden-line-route-card__notes { margin:8px 12px 12px;padding:9px;background:var(--gl-soft);border-radius:8px; }
.garden-line-route-card__notes span { display:block;color:var(--gl-muted);font-size:13px;font-weight:700; }
.garden-line-route-card__notes p { margin:4px 0 0;color:var(--gl-ink);font-size:13px;line-height:1.55;white-space:pre-line; }
@media(max-width:1050px) {
    .garden-line-composer,.garden-line-detail-layout { grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr); }
    .garden-line-overview { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .garden-line-overview>div:nth-child(4) { border-inline-start:0;border-top:1px solid var(--gl-line); }
    .garden-line-overview>div:nth-child(n+5) { border-top:1px solid var(--gl-line); }
    .garden-line-order { grid-template-columns:20px minmax(105px,.5fr) minmax(160px,1fr) 70px 27px; }
}
@media(max-width:820px) {
    .garden-line-composer,.garden-line-detail-layout { grid-template-columns:minmax(0,1fr); }
    .garden-line-summary,.garden-line-route-card { position:static; }
    .garden-line-summary { order:-1; }
    .garden-line-kpis { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .garden-line-kpis>div,.garden-line-kpis>div:nth-child(n) { min-height:61px;border-top:0;border-inline-start:1px solid var(--gl-line); }
    .garden-line-kpis>div:first-child { border-inline-start:0; }
    .garden-line-fields { grid-template-columns:minmax(150px,.7fr) minmax(210px,1fr) minmax(190px,1fr);align-items:end; }
    .garden-line-portal { display:grid;grid-template-columns:minmax(150px,.6fr) minmax(180px,1fr) auto;gap:6px;align-items:center; }
    .garden-line-portal>div:first-child,.garden-line-portal__actions { margin:0!important; }
}
@media(max-width:650px) {
    .garden-line-workspace { padding:12px 9px 24px!important; }
    .garden-line-head { align-items:flex-start;flex-direction:column; }
    .garden-line-head__actions,.garden-line-head>.garden-btn { width:100%; }
    .garden-line-head__actions .garden-btn { flex:1; }
    .garden-line-order-tools { grid-template-columns:minmax(0,1fr) 115px; }
    .garden-line-order-tools>.garden-btn { grid-column:1/-1; }
    .garden-line-order { grid-template-columns:20px minmax(95px,.55fr) minmax(0,1fr) 27px; }
    .garden-line-order__fee { grid-column:3;grid-row:2;text-align:start; }
    .garden-line-order__contact { grid-column:3;grid-row:1; }
    .garden-line-order__open { grid-column:4;grid-row:1/3; }
    .garden-line-fields { grid-template-columns:minmax(0,1fr); }
    .garden-line-portal { grid-template-columns:minmax(0,1fr); }
    .garden-line-overview { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .garden-line-overview>div:nth-child(n) { border-top:1px solid var(--gl-line);border-inline-start:1px solid var(--gl-line); }
    .garden-line-overview>div:nth-child(-n+2) { border-top:0; }
    .garden-line-overview>div:nth-child(odd) { border-inline-start:0; }
    .garden-line-stop { grid-template-columns:28px minmax(0,1fr) 62px; }
    .garden-line-stop__contact { grid-column:2;grid-row:2; }
    .garden-line-stop__fee { grid-column:3;grid-row:1/3; }
}
@media(max-width:430px) {
    .garden-line-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .garden-line-kpis>div:nth-child(n) { border-top:1px solid var(--gl-line);border-inline-start:1px solid var(--gl-line); }
    .garden-line-kpis>div:nth-child(-n+2) { border-top:0; }
    .garden-line-kpis>div:nth-child(odd) { border-inline-start:0; }
    .garden-line-order-tools { grid-template-columns:minmax(0,1fr); }
    .garden-line-order-tools>.garden-btn { grid-column:auto; }
    .garden-line-order { grid-template-columns:18px minmax(0,1fr) 27px;min-height:82px; }
    .garden-line-order__identity { grid-column:2;grid-row:1; }
    .garden-line-order__contact { grid-column:2;grid-row:2; }
    .garden-line-order__fee { grid-column:2;grid-row:3; }
    .garden-line-order__open { grid-column:3;grid-row:1/4; }
}

/* Driver profile — operational history instead of a data table */
.garden-driver-profile{--gdp-ink:#27322c;--gdp-muted:#737d76;--gdp-line:#dfe5e1;--gdp-soft:#f5f7f5;--gdp-accent:#485f52;max-width:1280px;margin-inline:auto;padding:16px 18px 30px!important}.garden-driver-profile__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}.garden-driver-profile .garden-order-view-back{display:inline-flex;align-items:center;gap:5px;margin-bottom:7px;color:var(--gdp-muted);font-size:13px;font-weight:700;text-decoration:none}.garden-driver-profile .garden-workspace__eyebrow{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-driver-profile__head h1{margin:4px 0 3px;color:var(--gdp-ink);font-size:21px;line-height:1.15}.garden-driver-profile__head p{margin:0;color:var(--gdp-muted);font-size:13px}.garden-driver-profile__actions{display:flex;gap:6px}.garden-driver-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:33px;padding:0 11px;background:#fff;border:1px solid var(--gdp-line);border-radius:8px;color:var(--gdp-ink);font-size:13px;font-weight:750;text-decoration:none}.garden-driver-btn.is-primary{background:var(--gdp-accent);border-color:var(--gdp-accent);color:#fff}.garden-driver-notice{margin-bottom:9px;padding:9px 11px;background:#e9f3eb;border:1px solid #d4e6d8;border-radius:9px;color:#477057;font-size:13px}.garden-driver-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;margin-bottom:10px;background:#fff;border:1px solid var(--gdp-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-driver-overview>article{min-height:76px;padding:10px 13px;border-inline-start:1px solid var(--gdp-line)}.garden-driver-overview>article:first-child{border-inline-start:0}.garden-driver-overview>article.is-primary{background:#eef3ef}.garden-driver-overview :is(span,strong,small){display:block}.garden-driver-overview span{color:var(--gdp-muted);font-size:13px;font-weight:700}.garden-driver-overview strong{overflow:hidden;margin-top:5px;color:var(--gdp-ink);font:16px 'Inter',sans-serif;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.garden-driver-overview small{margin-top:5px;color:var(--gdp-muted);font-size:13px}.garden-driver-profile__layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.55fr);gap:10px;align-items:start}.garden-driver-history,.garden-driver-details{overflow:hidden;background:#fff;border:1px solid var(--gdp-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-driver-history>header,.garden-driver-details>header{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:8px 12px;border-bottom:1px solid var(--gdp-line)}.garden-driver-history header span,.garden-driver-details header span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-driver-history header h2,.garden-driver-details header h2{margin:2px 0 0;color:var(--gdp-ink);font-size:13px}.garden-driver-history>header>small{color:var(--gdp-muted);font-size:13px}.garden-driver-history>div{max-height:680px;overflow:auto}.garden-driver-line{display:grid;grid-template-columns:31px minmax(180px,1.2fr) 54px 70px 65px 27px;gap:9px;align-items:center;min-height:65px;padding:7px 10px;border-bottom:1px solid #e8ece9}.garden-driver-line:last-child{border-bottom:0}.garden-driver-line__icon{display:grid;place-items:center;width:30px;height:30px;background:#edf1ee;border-radius:8px;color:var(--gdp-accent);font-size:13px}.garden-driver-line__identity,.garden-driver-line__metric{min-width:0}.garden-driver-line__identity :is(small,a,span),.garden-driver-line__metric :is(small,strong){display:block}.garden-driver-line__identity small,.garden-driver-line__metric small{color:var(--gdp-muted);font-size:13px}.garden-driver-line__identity a{margin-top:2px;color:var(--gdp-accent);font:13px 'Inter',sans-serif;font-weight:750;text-decoration:none}.garden-driver-line__identity span{overflow:hidden;margin-top:2px;color:var(--gdp-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-driver-line__metric strong{margin-top:3px;color:var(--gdp-ink);font:13px 'Inter',sans-serif;font-weight:750}.garden-driver-line__status{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 6px;background:#ecefed;border-radius:6px;color:#737c76;font-size:13px;font-weight:750;white-space:nowrap}.garden-driver-line__status.is-active,.garden-driver-line__status.is-ongoing{background:#e8f1ea;color:#477057}.garden-driver-line__status.is-completed{background:#e9edf2;color:#5b6980}.garden-driver-line__status.is-canceled{background:#f7e9e8;color:#9a544f}.garden-driver-line__open{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--gdp-line);border-radius:7px;color:var(--gdp-accent);font-size:13px;text-decoration:none}.garden-driver-details{position:sticky;top:76px}.garden-driver-details dl{margin:0;padding:4px 12px}.garden-driver-details dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:39px;border-bottom:1px solid #e8ece9}.garden-driver-details dt{color:var(--gdp-muted);font-size:13px;font-weight:700}.garden-driver-details dd{overflow:hidden;max-width:68%;margin:0;color:var(--gdp-ink);font-size:13px;font-weight:750;text-align:end;text-overflow:ellipsis;white-space:nowrap}.garden-driver-compliance{display:grid;gap:5px;padding:9px 12px}.garden-driver-compliance :is(span,a){display:flex;align-items:center;gap:6px;min-height:28px;padding:0 8px;background:var(--gdp-soft);border-radius:7px;color:var(--gdp-muted);font-size:13px;font-weight:700;text-decoration:none}.garden-driver-compliance :is(span,a)>i{display:grid;place-items:center;width:17px;height:17px;background:#e8ece9;border-radius:50%;font-size:13px}.garden-driver-compliance .is-confirmed,.garden-driver-compliance a{background:#eaf2eb;color:#477057}.garden-driver-notes{margin:0 12px 12px;padding:9px;background:var(--gdp-soft);border-radius:8px}.garden-driver-notes span{display:block;color:var(--gdp-muted);font-size:13px;font-weight:700}.garden-driver-notes p{margin:4px 0 0;color:var(--gdp-ink);font-size:13px;line-height:1.55;white-space:pre-line}.garden-driver-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:250px;padding:22px;text-align:center}.garden-driver-empty>i{margin-bottom:9px;color:#9ba69e;font-size:23px}.garden-driver-empty :is(strong,span){display:block}.garden-driver-empty strong{color:var(--gdp-ink);font-size:13px}.garden-driver-empty span{margin-top:4px;color:var(--gdp-muted);font-size:13px}
@media(max-width:900px){.garden-driver-profile__layout{grid-template-columns:minmax(0,1fr)}.garden-driver-details{position:static}.garden-driver-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.garden-driver-overview>article:nth-child(4){border-top:1px solid var(--gdp-line);border-inline-start:0}.garden-driver-overview>article:nth-child(5){border-top:1px solid var(--gdp-line)}}
@media(max-width:620px){.garden-driver-profile{padding:12px 9px 24px!important}.garden-driver-profile__head{align-items:flex-start;flex-direction:column}.garden-driver-profile__actions{width:100%}.garden-driver-profile__actions a{flex:1}.garden-driver-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-driver-overview>article:nth-child(n){border-top:1px solid var(--gdp-line);border-inline-start:1px solid var(--gdp-line)}.garden-driver-overview>article:nth-child(-n+2){border-top:0}.garden-driver-overview>article:nth-child(odd){border-inline-start:0}.garden-driver-overview>article:last-child{grid-column:1/-1;border-inline-start:0}.garden-driver-line{grid-template-columns:30px minmax(0,1fr) 62px 27px}.garden-driver-line__metric:nth-of-type(3){display:none}.garden-driver-line__status{grid-column:3}.garden-driver-line__open{grid-column:4}}

/* Catalogue editor — product cards with progressive variation disclosure */
.garden-catalog-editor{--gce-ink:#27322c;--gce-muted:#737d76;--gce-line:#dfe5e1;--gce-soft:#f5f7f5;--gce-accent:#485f52;max-width:1380px;margin-inline:auto;padding:16px 18px 30px!important}.garden-catalog-editor__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}.garden-catalog-editor .garden-order-view-back{display:inline-flex;align-items:center;gap:5px;margin-bottom:7px;color:var(--gce-muted);font-size:13px;font-weight:700;text-decoration:none}.garden-catalog-editor .garden-workspace__eyebrow{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-catalog-editor__head h1{margin:4px 0 3px;color:var(--gce-ink);font-size:21px;line-height:1.15}.garden-catalog-editor__head p{margin:0;color:var(--gce-muted);font-size:13px}.garden-catalog-autosave{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;background:#e8f1ea;border-radius:7px;color:#477057;font-size:13px;font-weight:750}.garden-catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;padding:7px 8px;background:#fff;border:1px solid var(--gce-line);border-radius:10px}.garden-catalog-controls form,.garden-catalog-controls>div{display:flex;align-items:center;gap:5px}.garden-catalog-controls form{flex:1}.garden-catalog-controls .is-search{position:relative;flex:1;max-width:320px}.garden-catalog-controls .is-search i{position:absolute;top:50%;inset-inline-start:9px;color:#929b95;font-size:13px;transform:translateY(-50%)}.garden-catalog-controls :is(input,select){height:31px;padding:0 8px;background:var(--gce-soft);border:1px solid transparent;border-radius:7px;color:var(--gce-ink);font:inherit;font-size:13px;outline:none}.garden-catalog-controls input{width:100%;padding-inline-start:27px}.garden-catalog-controls select{min-width:135px}.garden-catalog-controls :is(button,a){display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:29px;padding:0 8px;background:#fff;border:1px solid var(--gce-line);border-radius:6px;color:var(--gce-ink);font:700 13px inherit;text-decoration:none}.garden-catalog-controls form>button,.garden-catalog-controls button.is-active{background:#e9efea;border-color:#aab9af;color:var(--gce-accent)}.garden-catalog-list{overflow:hidden;background:#fff;border:1px solid var(--gce-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-catalog-list>header{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:8px 12px;border-bottom:1px solid var(--gce-line)}.garden-catalog-list>header span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-catalog-list>header h2{margin:2px 0 0;color:var(--gce-ink);font-size:13px}.garden-catalog-list>header small{color:var(--gce-muted);font-size:13px}.garden-catalog-list__body{padding:8px;background:#f7f9f7}.garden-catalog-product{overflow:hidden;margin-bottom:7px;background:#fff;border:1px solid var(--gce-line);border-radius:10px}.garden-catalog-product:last-child{margin-bottom:0}.garden-catalog-product[hidden]{display:none}.garden-catalog-product>header{display:grid;grid-template-columns:38px minmax(170px,1fr) 82px 27px;gap:8px;align-items:center;min-height:52px;padding:6px 8px;border-bottom:1px solid var(--gce-line)}.garden-catalog-product__image{display:grid;place-items:center;overflow:hidden;width:38px;height:38px;background:#edf1ee;border-radius:8px;color:var(--gce-accent);font-size:13px}.garden-catalog-product__image img{width:100%;height:100%;object-fit:cover}.garden-catalog-product>header>div{min-width:0}.garden-catalog-product>header>div :is(small,strong,span){display:block}.garden-catalog-product>header>div small{color:var(--gce-muted);font:13px 'Inter',sans-serif}.garden-catalog-product>header>div strong{overflow:hidden;margin-top:2px;color:var(--gce-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-catalog-product>header>div span{margin-top:2px;color:var(--gce-muted);font-size:13px}.garden-catalog-save-state{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 6px;background:#eef1ef;border-radius:6px;color:var(--gce-muted);font-size:13px;font-weight:750}.garden-catalog-save-state.is-saving,.garden-catalog-save-state.is-dirty{background:#f8efe3;color:#91673e}.garden-catalog-save-state.is-saved{background:#e8f1ea;color:#477057}.garden-catalog-save-state.is-error{background:#f7e9e8;color:#9a544f}.garden-catalog-delete{display:grid;place-items:center;width:27px;height:27px;background:#fff;border:1px solid #eadbd9;border-radius:7px;color:#a15b55;font-size:13px}.garden-catalog-fields{display:grid;grid-template-columns:minmax(170px,1.25fr) 90px 90px minmax(120px,.8fr) minmax(145px,.9fr) minmax(120px,.75fr);gap:6px;padding:7px 8px}.garden-catalog-fields label>span:first-child,.garden-catalog-variation label>span:first-child{display:block;margin:0 3px 3px;color:var(--gce-muted);font-size:13px;font-weight:700}.garden-catalog-fields :is(input,select),.garden-catalog-variation :is(input,select){width:100%;height:30px;padding:0 7px;background:#fafbfa;border:1px solid var(--gce-line);border-radius:7px;color:var(--gce-ink);font:inherit;font-size:13px;outline:none}.garden-catalog-fields :is(input,select):focus,.garden-catalog-variation :is(input,select):focus{background:#fff;border-color:#879b8e;box-shadow:0 0 0 3px rgba(72,95,82,.07)}.garden-catalog-money{position:relative;display:block}.garden-catalog-money input{padding-inline-end:25px}.garden-catalog-money em{position:absolute;top:50%;inset-inline-end:8px;color:var(--gce-muted);font-style:normal;font-size:13px;transform:translateY(-50%)}.garden-catalog-variations{border-top:1px solid var(--gce-line)}.garden-catalog-variations>summary{display:grid;grid-template-columns:minmax(0,1fr) 26px 18px;gap:6px;align-items:center;min-height:34px;padding:0 9px;background:#fafbfa;color:var(--gce-accent);font-size:13px;font-weight:750;cursor:pointer;list-style:none}.garden-catalog-variations>summary::-webkit-details-marker{display:none}.garden-catalog-variations>summary>span{display:flex;align-items:center;gap:5px}.garden-catalog-variations>summary>strong{display:grid;place-items:center;width:23px;height:18px;background:#e9eeea;border-radius:5px;font:13px 'Inter',sans-serif}.garden-catalog-variations>summary>i{font-size:13px;transition:transform .15s}.garden-catalog-variations[open]>summary>i{transform:rotate(180deg)}.garden-catalog-variation{display:grid;grid-template-columns:42px minmax(130px,1fr) 78px 78px minmax(110px,.75fr) minmax(120px,.8fr) 27px;gap:6px;align-items:end;padding:6px 8px;border-top:1px solid #e8ece9}.garden-catalog-var-image{position:relative;align-self:center}.garden-catalog-var-image label{display:grid;place-items:center;width:38px;height:38px;overflow:hidden;background:#f7f9f7;border:1px dashed #cbd5ce;border-radius:8px;color:#8e9a92;cursor:pointer}.garden-catalog-var-image img{width:100%;height:100%;object-fit:cover}.garden-catalog-var-image label>span{display:grid;place-items:center;width:100%;height:100%}.garden-catalog-var-image input{position:absolute;width:1px;height:1px;opacity:0}.garden-catalog-var-image .var-img-del{position:absolute;top:-5px;inset-inline-end:-5px;display:grid;place-items:center;width:17px;height:17px;padding:0;background:#a85e58;border:2px solid #fff;border-radius:50%;color:#fff;font:700 13px Arial}.garden-catalog-var-image .var-img-del[hidden]{display:none}.garden-catalog-variation__name small{display:block;margin:0 3px 3px;color:#6f8779;font-size:13px;font-weight:750}.garden-catalog-list>footer{display:flex;justify-content:flex-end;min-height:43px;padding:7px 10px;border-top:1px solid var(--gce-line)}.garden-catalog-list .pagination{margin:0}.garden-catalog-list .page-link{min-width:25px;height:25px;padding:3px 6px;color:var(--gce-accent);font-size:13px}.garden-catalog-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:230px;text-align:center}.garden-catalog-empty>i{margin-bottom:9px;color:#9ba69e;font-size:23px}.garden-catalog-empty :is(strong,span){display:block}.garden-catalog-empty strong{color:var(--gce-ink);font-size:13px}.garden-catalog-empty span{margin-top:4px;color:var(--gce-muted);font-size:13px}.garden-catalog-toast{position:fixed;z-index:1100;inset-inline-start:50%;bottom:20px;padding:7px 11px;background:#34463b;border-radius:8px;color:#fff;font-size:13px;font-weight:750;opacity:0;pointer-events:none;transform:translate(-50%,14px);transition:opacity .15s,transform .15s}.garden-catalog-toast.is-visible{opacity:1;transform:translate(-50%,0)}.garden-catalog-toast.is-error{background:#914d48}
@media(max-width:1100px){.garden-catalog-fields{grid-template-columns:minmax(160px,1fr) 84px 84px minmax(115px,.75fr) minmax(135px,.8fr)}.garden-catalog-fields label:last-child{grid-column:5}.garden-catalog-variation{grid-template-columns:40px minmax(125px,1fr) 74px 74px minmax(100px,.7fr) minmax(110px,.7fr) 27px}}
@media(max-width:850px){.garden-catalog-controls{align-items:stretch;flex-direction:column}.garden-catalog-controls .is-search{max-width:none}.garden-catalog-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.garden-catalog-fields .is-wide{grid-column:span 2}.garden-catalog-fields label:last-child{grid-column:auto}.garden-catalog-variation{grid-template-columns:40px minmax(140px,1fr) 75px 75px 27px}.garden-catalog-variation label:nth-of-type(3),.garden-catalog-variation label:nth-of-type(4){grid-row:2}.garden-catalog-variation label:nth-of-type(3){grid-column:2/4}.garden-catalog-variation label:nth-of-type(4){grid-column:4/5}}
@media(max-width:620px){.garden-catalog-editor{padding:12px 9px 24px!important}.garden-catalog-editor__head{align-items:flex-start;flex-direction:column}.garden-catalog-controls form{align-items:stretch;flex-wrap:wrap}.garden-catalog-controls .is-search{flex-basis:100%}.garden-catalog-controls select{flex:1;min-width:0}.garden-catalog-controls>div{justify-content:stretch}.garden-catalog-controls>div :is(button,a){flex:1}.garden-catalog-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-catalog-fields .is-wide{grid-column:1/-1}.garden-catalog-product>header{grid-template-columns:38px minmax(0,1fr) 27px}.garden-catalog-save-state{grid-column:2;grid-row:2;justify-self:start}.garden-catalog-product>header>.garden-catalog-delete{grid-column:3;grid-row:1/3}.garden-catalog-variation{grid-template-columns:38px minmax(0,1fr) 27px}.garden-catalog-variation__name{grid-column:2}.garden-catalog-variation>.garden-catalog-delete{grid-column:3;grid-row:1}.garden-catalog-variation label{grid-column:2}.garden-catalog-variation label:nth-of-type(n){grid-column:2;grid-row:auto}}

/* Purchase composer — select demand, review supplier groups, create */
.garden-purchase-composer{--gpc-ink:#27322c;--gpc-muted:#737d76;--gpc-line:#dfe5e1;--gpc-soft:#f5f7f5;--gpc-accent:#485f52;max-width:1320px;margin-inline:auto;padding:16px 18px 30px!important}.garden-purchase-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px}.garden-purchase-composer .garden-order-view-back{display:inline-flex;align-items:center;gap:5px;margin-bottom:7px;color:var(--gpc-muted);font-size:13px;font-weight:700;text-decoration:none}.garden-purchase-composer .garden-workspace__eyebrow{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-purchase-head h1{margin:4px 0 3px;color:var(--gpc-ink);font-size:21px;line-height:1.15}.garden-purchase-head p{margin:0;color:var(--gpc-muted);font-size:13px}.garden-purchase-steps{display:flex;align-items:center;gap:7px}.garden-purchase-steps>span{display:flex;align-items:center;gap:5px;color:var(--gpc-muted);font:13px 'Inter',sans-serif}.garden-purchase-steps>span:first-letter{display:grid}.garden-purchase-steps>span b{font-family:inherit;font-weight:700}.garden-purchase-steps>span.is-complete,.garden-purchase-steps>span.is-active{color:var(--gpc-accent);font-weight:750}.garden-purchase-steps>i{width:30px;height:1px;background:var(--gpc-line)}.garden-purchase-notice{display:flex;align-items:center;gap:8px;margin-bottom:9px;padding:9px 11px;border:1px solid;border-radius:9px;font-size:13px}.garden-purchase-notice ul{margin:3px 0 0;padding-inline-start:16px}.garden-purchase-notice.is-success{background:#e9f3eb;border-color:#d4e6d8;color:#477057}.garden-purchase-notice.is-error{background:#fbefee;border-color:#edd8d5;color:#934f4a}.garden-purchase-notice.is-warning{background:#faf2e6;border-color:#ead9bd;color:#865f37}.garden-purchase-notice.is-warning>span{flex:1}.garden-purchase-notice.is-warning strong{display:block}.garden-purchase-notice.is-warning a{color:inherit;font-weight:750}.garden-purchase-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;margin-bottom:9px;background:#fff;border:1px solid var(--gpc-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-purchase-overview>article{min-height:75px;padding:10px 13px;border-inline-start:1px solid var(--gpc-line)}.garden-purchase-overview>article:first-child{border-inline-start:0}.garden-purchase-overview :is(span,strong,small){display:block}.garden-purchase-overview span{color:var(--gpc-muted);font-size:13px;font-weight:700}.garden-purchase-overview strong{margin-top:5px;color:var(--gpc-ink);font:16px 'Inter',sans-serif;font-weight:750}.garden-purchase-overview small{margin-top:5px;color:var(--gpc-muted);font-size:13px}.garden-purchase-review{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:9px;align-items:start}.garden-purchase-groups{display:grid;gap:8px}.garden-purchase-group{overflow:hidden;background:#fff;border:1px solid var(--gpc-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-purchase-group.is-missing{border-color:#e2c9a2}.garden-purchase-group>header{display:grid;grid-template-columns:34px minmax(0,1fr) 110px;gap:8px;align-items:center;min-height:56px;padding:7px 10px;border-bottom:1px solid var(--gpc-line)}.garden-purchase-group__icon{display:grid;place-items:center;width:33px;height:33px;background:#edf1ee;border-radius:8px;color:var(--gpc-accent);font-size:13px}.garden-purchase-group.is-missing .garden-purchase-group__icon{background:#f8efe3;color:#91673e}.garden-purchase-group>header>div{min-width:0}.garden-purchase-group>header>div :is(small,h2,span){display:block}.garden-purchase-group>header>div small,.garden-purchase-group__total small{color:#6f8779;font-size:13px;font-weight:800}.garden-purchase-group>header h2{margin:2px 0 0;color:var(--gpc-ink);font-size:13px}.garden-purchase-group>header>div span{margin-top:3px;color:var(--gpc-muted);font-size:13px}.garden-purchase-group__total{text-align:end}.garden-purchase-group__total strong{display:block;margin-top:4px;color:var(--gpc-ink);font:13px 'Inter',sans-serif;font-weight:750}.garden-purchase-item{display:grid;grid-template-columns:23px minmax(170px,1fr) 72px 90px 70px;gap:7px;align-items:end;min-height:59px;padding:6px 9px;border-bottom:1px solid #e8ece9}.garden-purchase-item__number{display:grid;place-items:center;align-self:center;width:22px;height:22px;background:#edf1ee;border-radius:50%;color:var(--gpc-accent);font:13px 'Inter',sans-serif;font-weight:750}.garden-purchase-item__name{align-self:center;min-width:0}.garden-purchase-item__name :is(strong,span){display:block}.garden-purchase-item__name strong{overflow:hidden;color:var(--gpc-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-purchase-item__name span{margin-top:3px;color:var(--gpc-muted);font-size:13px}.garden-purchase-item label>span:first-child,.garden-purchase-notes>span{display:block;margin:0 3px 3px;color:var(--gpc-muted);font-size:13px;font-weight:700}.garden-purchase-item input,.garden-purchase-notes textarea{width:100%;background:#fafbfa;border:1px solid var(--gpc-line);border-radius:7px;color:var(--gpc-ink);font:inherit;font-size:13px;outline:none}.garden-purchase-item input{height:29px;padding:0 7px}.garden-purchase-money{position:relative;display:block}.garden-purchase-money input{padding-inline-end:23px}.garden-purchase-money em{position:absolute;top:50%;inset-inline-end:7px;color:var(--gpc-muted);font-style:normal;font-size:13px;transform:translateY(-50%)}.garden-purchase-item__total{align-self:center;color:var(--gpc-ink);font:13px 'Inter',sans-serif;text-align:end}.garden-purchase-notes{display:block;padding:7px 9px}.garden-purchase-notes textarea{min-height:48px;padding:7px;resize:vertical}.garden-purchase-summary,.garden-purchase-select-summary{position:sticky;top:76px;padding:10px;background:#fff;border:1px solid var(--gpc-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-purchase-summary>div{margin-bottom:9px;padding:10px;background:#eef3ef;border-radius:9px}.garden-purchase-summary>div :is(span,strong,small){display:block}.garden-purchase-summary>div span{color:var(--gpc-muted);font-size:13px;font-weight:700}.garden-purchase-summary>div strong{margin-top:5px;color:var(--gpc-ink);font:16px 'Inter',sans-serif;font-weight:750}.garden-purchase-summary>div small{margin-top:5px;color:var(--gpc-muted);font-size:13px;line-height:1.45}.garden-purchase-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:33px;margin-top:5px;padding:0 9px;border:1px solid var(--gpc-line);border-radius:8px;font:750 13px inherit;text-decoration:none}.garden-purchase-btn.is-light{background:#fff;color:var(--gpc-ink)}.garden-purchase-btn.is-primary{background:var(--gpc-accent);border-color:var(--gpc-accent);color:#fff}.garden-purchase-btn:disabled{cursor:not-allowed;opacity:.42}.garden-purchase-summary>p{margin:7px 0 0;color:#a15b55;font-size:13px;text-align:center}.garden-purchase-select{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:9px;align-items:start}.garden-purchase-orders{overflow:hidden;background:#fff;border:1px solid var(--gpc-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-purchase-orders>header{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:8px 12px;border-bottom:1px solid var(--gpc-line)}.garden-purchase-orders>header span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-purchase-orders>header h2{margin:2px 0 0;color:var(--gpc-ink);font-size:13px}.garden-purchase-orders>header small{color:var(--gpc-muted);font-size:13px}.garden-purchase-order-tools{display:flex;gap:6px;padding:7px 9px;background:#fafbfa;border-bottom:1px solid var(--gpc-line)}.garden-purchase-order-tools label{position:relative;flex:1}.garden-purchase-order-tools label i{position:absolute;top:50%;inset-inline-start:8px;color:#929b95;font-size:13px;transform:translateY(-50%)}.garden-purchase-order-tools input{width:100%;height:30px;padding:0 25px 0 7px;background:#fff;border:1px solid var(--gpc-line);border-radius:7px;font:inherit;font-size:13px;outline:none}.garden-purchase-order-tools button{min-width:76px;background:#fff;border:1px solid var(--gpc-line);border-radius:7px;color:var(--gpc-accent);font:750 13px inherit}.garden-purchase-order-list{max-height:620px;overflow:auto}.garden-purchase-order{display:grid;grid-template-columns:19px 78px minmax(150px,1fr) 80px 66px;gap:8px;align-items:center;min-height:57px;padding:6px 9px;border-bottom:1px solid #e8ece9;cursor:pointer}.garden-purchase-order[hidden]{display:none}.garden-purchase-order.is-selected{background:#edf2ee;box-shadow:inset -3px 0 var(--gpc-accent)}.garden-purchase-order>input{width:16px;height:16px;accent-color:var(--gpc-accent)}.garden-purchase-order__number{color:var(--gpc-accent);font:13px 'Inter',sans-serif;font-weight:750}.garden-purchase-order__customer :is(strong,small){display:block}.garden-purchase-order__customer strong{overflow:hidden;color:var(--gpc-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-purchase-order__customer small{margin-top:3px;color:var(--gpc-muted);font-size:13px}.garden-purchase-order__amount{color:var(--gpc-ink);font:13px 'Inter',sans-serif;text-align:end}.garden-purchase-order__status{display:inline-flex;align-items:center;justify-content:center;min-height:21px;padding:0 5px;background:#f5eddf;border-radius:6px;color:#8f663d;font-size:13px;font-weight:750}.garden-purchase-select-summary>span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-purchase-select-summary>strong{display:block;margin-top:5px;color:var(--gpc-ink);font:15px 'Inter',sans-serif;font-weight:750}.garden-purchase-select-summary>small{display:block;margin-top:4px;color:var(--gpc-accent);font:13px 'Inter',sans-serif}.garden-purchase-select-summary>p{margin:10px 0;color:var(--gpc-muted);font-size:13px;line-height:1.55}.garden-purchase-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:230px;padding:22px;text-align:center}.garden-purchase-empty[hidden]{display:none}.garden-purchase-empty>i{margin-bottom:9px;color:#9ba69e;font-size:23px}.garden-purchase-empty :is(strong,span){display:block}.garden-purchase-empty strong{color:var(--gpc-ink);font-size:13px}.garden-purchase-empty span{margin-top:4px;color:var(--gpc-muted);font-size:13px}
@media(max-width:850px){.garden-purchase-review,.garden-purchase-select{grid-template-columns:minmax(0,1fr)}.garden-purchase-summary,.garden-purchase-select-summary{position:static;order:-1}.garden-purchase-summary{display:grid;grid-template-columns:minmax(150px,1fr) 130px 170px;gap:6px;align-items:center}.garden-purchase-summary>div,.garden-purchase-summary>.garden-purchase-btn{margin:0}.garden-purchase-summary>p{grid-column:1/-1}.garden-purchase-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-purchase-overview>article:nth-child(3){border-top:1px solid var(--gpc-line);border-inline-start:0}.garden-purchase-overview>article:nth-child(4){border-top:1px solid var(--gpc-line)}}
@media(max-width:620px){.garden-purchase-composer{padding:12px 9px 24px!important}.garden-purchase-head{align-items:flex-start;flex-direction:column}.garden-purchase-steps{width:100%;justify-content:center}.garden-purchase-item{grid-template-columns:22px minmax(0,1fr) 68px}.garden-purchase-item__name{grid-column:2}.garden-purchase-item label{grid-row:2}.garden-purchase-item label:nth-of-type(1){grid-column:2}.garden-purchase-item label:nth-of-type(2){grid-column:3}.garden-purchase-item__total{grid-column:3;grid-row:1}.garden-purchase-summary{grid-template-columns:minmax(0,1fr)}.garden-purchase-order{grid-template-columns:18px 72px minmax(0,1fr) 62px}.garden-purchase-order__amount{grid-column:3;grid-row:2;text-align:start}.garden-purchase-order__status{grid-column:4;grid-row:1/3}.garden-purchase-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Leads register — action-oriented rows instead of an Excel table */
.garden-lead-register{--glr-ink:#27322c;--glr-muted:#737d76;--glr-line:#dfe5e1;--glr-soft:#f5f7f5;--glr-accent:#485f52;overflow:visible;background:#fff;border:1px solid var(--glr-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-lead-register>header{display:flex;align-items:center;justify-content:space-between;min-height:45px;padding:7px 10px;border-bottom:1px solid var(--glr-line)}.garden-lead-register>header label{display:flex;align-items:center;gap:6px;color:var(--glr-muted);font-size:13px;font-weight:700;cursor:pointer}.garden-lead-register>header input,.garden-lead-row>.lead-checkbox{width:16px;height:16px;margin:0;accent-color:var(--glr-accent)}.garden-lead-register>header>span{color:var(--glr-muted);font-size:13px}.garden-lead-row{display:grid;grid-template-columns:18px minmax(155px,1.15fr) minmax(105px,.75fr) 72px minmax(90px,.65fr) 90px 55px 92px;gap:7px;align-items:center;min-height:63px;padding:6px 9px;border-bottom:1px solid #e8ece9}.garden-lead-row[hidden]{display:none}.garden-lead-row:last-child{border-bottom:0}.garden-lead-row:hover{background:#fafbfa}.garden-lead-row.is-overdue{box-shadow:inset -3px 0 #b57053}.garden-lead-row__identity{display:grid;grid-template-columns:31px minmax(0,1fr);gap:7px;align-items:center;padding:0;background:transparent;border:0;text-align:start}.garden-lead-row__identity>span:first-child{display:grid;place-items:center;width:30px;height:30px;background:#edf1ee;border-radius:50%;color:var(--glr-accent);font-size:13px;font-weight:800}.garden-lead-row__identity>span:last-child{min-width:0}.garden-lead-row__identity :is(strong,small){display:block}.garden-lead-row__identity strong{overflow:hidden;color:var(--glr-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-lead-row__identity small{margin-top:3px;color:var(--glr-muted);font:13px 'Inter',sans-serif}.garden-lead-pill{display:inline-flex;align-items:center;justify-content:center;gap:4px;overflow:hidden;min-height:23px;padding:0 6px;background:#eef1ef;border:0;border-radius:6px;color:#68736b;font:750 13px inherit;white-space:nowrap}.garden-lead-pill span{overflow:hidden;text-overflow:ellipsis}.garden-lead-pill.is-priority.is-quoted{background:#eeeaf7;color:#66568c}.garden-lead-pill.is-priority.is-paid,.garden-lead-pill.is-status.is-closed{background:#e8f1ea;color:#477057}.garden-lead-pill.is-priority.is-needs_help{background:#f7e9e8;color:#9a544f}.garden-lead-pill.is-priority.is-try_next_week,.garden-lead-pill.is-status.is-in_progress{background:#f8efe3;color:#91673e}.garden-lead-pill.is-priority.is-irrelevant,.garden-lead-pill.is-status.is-irrelevant{background:#ecefed;color:#737c76}.garden-lead-pill.is-status.is-new{background:#e8edf4;color:#586b83}.garden-lead-pill.is-source{background:#f3f5f3;color:var(--glr-muted)}.garden-lead-followup{min-width:0;padding:0;background:transparent;border:0;text-align:start}.garden-lead-followup :is(small,span){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.garden-lead-followup small{color:var(--glr-muted);font-size:13px}.garden-lead-followup span{margin-top:3px;color:var(--glr-ink);font:13px 'Inter',sans-serif;font-weight:700}.garden-lead-followup.is-overdue :is(small,span){color:#a15b55}.garden-lead-row__created{color:var(--glr-ink);font:13px 'Inter',sans-serif;text-align:center}.garden-lead-row__created small{display:block;margin-bottom:3px;color:var(--glr-muted);font-family:inherit;font-size:13px}.garden-lead-row__actions{display:flex;justify-content:flex-end;gap:4px}.garden-lead-row__actions>a,.garden-lead-row__actions details>summary{display:grid;place-items:center;width:27px;height:27px;background:#fff;border:1px solid var(--glr-line);border-radius:7px;color:var(--glr-accent);font-size:13px;text-decoration:none}.garden-lead-row__actions details{position:relative}.garden-lead-row__actions details>summary{cursor:pointer;list-style:none}.garden-lead-row__actions details>summary::-webkit-details-marker{display:none}.garden-lead-row__actions details>div{position:absolute;z-index:30;top:calc(100% + 5px);inset-inline-end:0;min-width:130px;padding:5px;background:#fff;border:1px solid var(--glr-line);border-radius:8px;box-shadow:0 12px 28px rgba(34,44,38,.14)}.garden-lead-row__actions details :is(button,a){display:flex;align-items:center;gap:6px;width:100%;min-height:29px;padding:0 7px;background:transparent;border:0;border-radius:5px;color:var(--glr-ink);font:700 13px inherit;text-align:start;text-decoration:none}.garden-lead-row__actions details :is(button,a):hover{background:var(--glr-soft)}.garden-lead-row__actions details button.is-danger{color:#a14f4b}.garden-lead-register>footer{display:flex;justify-content:center;min-height:44px;padding:7px 10px;border-top:1px solid var(--glr-line)}.garden-lead-register .pagination{margin:0}.garden-lead-register__empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:250px;padding:22px;text-align:center}.garden-lead-register__empty>i{margin-bottom:9px;color:#9ba69e;font-size:23px}.garden-lead-register__empty :is(strong,span){display:block}.garden-lead-register__empty strong{color:var(--glr-ink);font-size:13px}.garden-lead-register__empty span{margin-top:4px;color:var(--glr-muted);font-size:13px}.garden-lead-register__empty button{margin-top:9px;min-height:30px;padding:0 9px;background:var(--glr-accent);border:0;border-radius:7px;color:#fff;font:750 13px inherit}
@media(max-width:1100px){.garden-lead-row{grid-template-columns:18px minmax(150px,1.15fr) minmax(100px,.75fr) 70px minmax(85px,.65fr) 86px 90px}.garden-lead-row__created{display:none}}
@media(max-width:850px){.garden-lead-row{grid-template-columns:18px minmax(150px,1fr) minmax(95px,.7fr) 70px 82px 90px}.garden-lead-pill.is-source{display:none}}
@media(max-width:650px){.garden-lead-row{grid-template-columns:18px minmax(0,1fr) 76px 82px;min-height:76px}.garden-lead-row__identity{grid-column:2;grid-row:1}.garden-lead-pill.is-priority{grid-column:3;grid-row:1}.garden-lead-pill.is-status{grid-column:3;grid-row:2}.garden-lead-followup{grid-column:2;grid-row:2}.garden-lead-row__actions{grid-column:4;grid-row:1/3}.garden-lead-row>.lead-checkbox{grid-row:1/3}.garden-leads-list-filter-card .card-body>div{align-items:stretch!important;flex-direction:column}.garden-leads-list-filter-card .position-relative,.garden-leads-list-filter-card #searchInput{width:100%!important}.garden-leads-list-bulk-card .card-body>div{align-items:flex-start!important;flex-direction:column}}

.garden-lead-document-list{overflow:hidden;border:1px solid #e1e6e2;border-radius:10px}.garden-lead-document-list>article{display:grid;grid-template-columns:31px minmax(0,1fr) 58px 27px;gap:8px;align-items:center;min-height:59px;padding:7px 9px;border-bottom:1px solid #e8ece9}.garden-lead-document-list>article:last-child{border-bottom:0}.garden-lead-document-list>article>span{display:grid;place-items:center;width:30px;height:30px;background:#edf1ee;border-radius:8px;color:#485f52;font-size:13px}.garden-lead-document-list>article>div{min-width:0}.garden-lead-document-list>article>div :is(small,strong,em){display:block}.garden-lead-document-list>article>div small{color:#737d76;font-size:13px}.garden-lead-document-list>article>div strong{margin-top:3px;color:#27322c;font:13px 'Inter',sans-serif;font-weight:750}.garden-lead-document-list>article>div em{margin-top:3px;color:#737d76;font-style:normal;font-size:13px}.garden-lead-document-list>article>b{display:inline-flex;align-items:center;justify-content:center;min-height:21px;background:#ecefed;border-radius:6px;color:#737c76;font-size:13px}.garden-lead-document-list>article>b.is-active{background:#e8f1ea;color:#477057}.garden-lead-document-list>article>a{display:grid;place-items:center;width:27px;height:27px;border:1px solid #dfe5e1;border-radius:7px;color:#485f52;font-size:13px;text-decoration:none}

/* Order shipments — compact allocation workspace instead of operational tables */
.garden-shipments-workspace{--gsh-ink:#27322c;--gsh-muted:#737d76;--gsh-line:#dfe5e1;--gsh-soft:#f5f7f5;--gsh-accent:#485f52;max-width:1320px;margin-inline:auto;padding:16px 18px 30px!important}.garden-shipment-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px}.garden-shipment-head>div{min-width:0}.garden-shipment-head a{display:inline-flex;align-items:center;gap:5px;margin-bottom:7px;color:var(--gsh-muted);font-size:13px;font-weight:700;text-decoration:none}.garden-shipment-head .garden-workspace__eyebrow{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-shipment-head h1{margin:4px 0 3px;color:var(--gsh-ink);font-size:21px;line-height:1.15}.garden-shipment-head p{margin:0;color:var(--gsh-muted);font:13px 'Inter',sans-serif}.garden-shipment-head>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:33px;padding:0 11px;background:var(--gsh-accent);border:1px solid var(--gsh-accent);border-radius:8px;color:#fff;font:750 13px inherit}.garden-shipment-ledger{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;margin-bottom:9px;background:#fff;border:1px solid var(--gsh-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-shipment-ledger>article{min-height:75px;padding:10px 13px;border-inline-start:1px solid var(--gsh-line)}.garden-shipment-ledger>article:first-child{border-inline-start:0}.garden-shipment-ledger>article.is-success{background:#f0f5f1}.garden-shipment-ledger>article.is-attention{background:#faf5ec}.garden-shipment-ledger :is(span,strong,small){display:block}.garden-shipment-ledger span{color:var(--gsh-muted);font-size:13px;font-weight:700}.garden-shipment-ledger strong{margin-top:5px;color:var(--gsh-ink);font:16px 'Inter',sans-serif;font-weight:750}.garden-shipment-ledger small{margin-top:5px;color:var(--gsh-muted);font-size:13px}.garden-shipment-card{overflow:hidden;margin-bottom:8px!important;background:#fff;border:1px solid var(--gsh-line)!important;border-inline-start:3px solid #aab4ae!important;border-radius:11px!important;box-shadow:0 6px 20px rgba(37,48,42,.035)!important}.garden-shipment-card.is-status-in_transit{border-inline-start-color:#7286a0!important}.garden-shipment-card.is-status-delivered{border-inline-start-color:#71917a!important}.garden-shipment-card.is-status-canceled{border-inline-start-color:#aa726e!important}.garden-shipment-card__head{display:grid;grid-template-columns:112px 70px minmax(180px,1fr) auto;gap:10px;align-items:center;min-height:57px;padding:7px 10px;border-bottom:1px solid var(--gsh-line)}.garden-shipment-card__identity{display:grid;grid-template-columns:32px minmax(0,1fr);gap:7px;align-items:center}.garden-shipment-card__icon{display:grid;place-items:center;width:31px;height:31px;background:#edf1ee;border-radius:8px;color:var(--gsh-accent);font-size:13px}.garden-shipment-card__identity :is(small,h2){display:block}.garden-shipment-card__identity small{color:var(--gsh-muted);font-size:13px}.garden-shipment-card__identity h2{margin:2px 0 0;color:var(--gsh-ink);font:13px 'Inter',sans-serif;font-weight:750}.garden-shipment-status{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 6px;background:#eef1ef;border-radius:6px;color:#68736b;font-size:13px;font-weight:750;white-space:nowrap}.garden-shipment-status.is-in_transit{background:#e9edf3;color:#5a6d84}.garden-shipment-status.is-delivered{background:#e8f1ea;color:#477057}.garden-shipment-status.is-canceled{background:#f7e9e8;color:#9a544f}.garden-shipment-card__meta{display:flex;align-items:center;gap:12px;min-width:0}.garden-shipment-card__meta span{display:inline-flex;align-items:center;gap:5px;overflow:hidden;color:var(--gsh-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-shipment-card__meta i{color:#929b95;font-size:13px}.garden-shipment-card__actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.garden-shipment-card__actions form{margin:0}.garden-shipment-card__actions :is(button,a){display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:27px;padding:0 7px;background:#fff;border:1px solid var(--gsh-line);border-radius:7px;color:var(--gsh-accent);font:750 13px inherit;text-decoration:none}.garden-shipment-card__actions :is(button,a).is-primary{min-width:69px;background:#edf2ee;border-color:#cfdad2;color:var(--gsh-accent)}.garden-shipment-card__actions button.is-danger{border-color:#eadbd9;color:#a15b55}.garden-shipment-card__body{padding:7px 10px 9px}.garden-shipment-item-register{overflow:hidden;border:1px solid #e5e9e6;border-radius:9px}.garden-shipment-item-register>header,.garden-shipment-item-register>article{display:grid;grid-template-columns:minmax(190px,1fr) 60px 75px 85px 85px;gap:8px;align-items:center;padding:0 9px}.garden-shipment-item-register>header{min-height:29px;background:#f7f9f7;color:var(--gsh-muted);font-size:13px;font-weight:750}.garden-shipment-item-register>article{min-height:39px;border-top:1px solid #e8ece9}.garden-shipment-item-register>article strong{overflow:hidden;color:var(--gsh-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-shipment-item-register>article :is(span,b){color:var(--gsh-ink);font:13px 'Inter',sans-serif;font-weight:600}.garden-shipment-item-register>article b{text-align:end}.garden-shipment-item-register>footer{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;background:#f7f9f7;border-top:1px solid var(--gsh-line)}.garden-shipment-item-register>footer>span{min-height:52px;padding:7px 9px;border-inline-start:1px solid var(--gsh-line)}.garden-shipment-item-register>footer>span:first-child{border-inline-start:0}.garden-shipment-item-register>footer :is(small,strong){display:block}.garden-shipment-item-register>footer small{color:var(--gsh-muted);font-size:13px;font-weight:700}.garden-shipment-item-register>footer strong{margin-top:4px;color:var(--gsh-ink);font:13px 'Inter',sans-serif;font-weight:750}.garden-shipment-item-register>footer .is-total{background:#edf2ee}.garden-shipment-item-register>footer .is-profit strong{color:#477057}.garden-shipment-item-register>footer .is-loss strong{color:#a15b55}.garden-shipment-allocation{overflow:hidden;margin-top:9px!important;background:#fff;border:1px solid var(--gsh-line)!important;border-radius:11px!important;box-shadow:0 6px 20px rgba(37,48,42,.035)!important}.garden-shipment-allocation>header{display:flex;align-items:center;justify-content:space-between;min-height:53px;padding:7px 11px;border-bottom:1px solid var(--gsh-line)}.garden-shipment-allocation>header span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-shipment-allocation>header h2{margin:2px 0 0;color:var(--gsh-ink);font-size:13px}.garden-shipment-allocation>header small{color:var(--gsh-muted);font-size:13px}.garden-shipment-allocation>.card-body{padding:8px!important}.garden-shipment-allocation-list{overflow:hidden;border:1px solid #e5e9e6;border-radius:9px}.garden-shipment-allocation-list>header,.garden-shipment-allocation-list>article{display:grid;grid-template-columns:minmax(190px,1fr) 65px 65px 65px 84px;gap:8px;align-items:center;padding:0 9px}.garden-shipment-allocation-list>header{min-height:29px;background:#f7f9f7;color:var(--gsh-muted);font-size:13px;font-weight:750}.garden-shipment-allocation-list>article{min-height:41px;border-top:1px solid #e8ece9}.garden-shipment-allocation-list>article strong{overflow:hidden;color:var(--gsh-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-shipment-allocation-list>article :is(span,b){color:var(--gsh-ink);font:13px 'Inter',sans-serif}.garden-shipment-allocation-list b.is-attention{color:#9a643e}.garden-shipment-allocation-list b.is-success{color:#477057}.garden-shipment-allocation-list em{display:inline-flex;align-items:center;justify-content:center;min-height:21px;background:#eef1ef;border-radius:6px;color:#68736b;font-size:13px;font-style:normal;font-weight:750}.garden-shipment-allocation-list em.is-complete{background:#e8f1ea;color:#477057}.garden-shipment-allocation-list em.is-partial{background:#f8efe3;color:#91673e}.garden-shipment-empty{display:flex;align-items:center;justify-content:center;min-height:210px;margin-bottom:9px;background:#fff;border:1px dashed #cfd7d2;border-radius:11px}.garden-shipments-workspace .modal-content{overflow:hidden;border:1px solid var(--gsh-line);border-radius:11px;box-shadow:0 16px 38px rgba(31,45,37,.16)}.garden-shipments-workspace .modal-header,.garden-shipments-workspace .modal-body,.garden-shipments-workspace .modal-footer{padding:9px 11px!important}.garden-shipments-workspace .modal-header{min-height:48px}.garden-shipments-workspace .modal-title{color:var(--gsh-ink);font-size:13px}.garden-shipments-workspace .modal-body :is(.form-control,.form-select){min-height:31px;border-color:var(--gsh-line);border-radius:7px;font-size:13px}.garden-shipments-workspace .modal-body .form-label{margin-bottom:4px!important;color:var(--gsh-muted);font-size:13px!important}.garden-shipment-modal-list{max-height:350px;overflow-y:auto}.garden-shipment-modal-list table{margin:0}.garden-shipment-modal-list :is(th,td){padding:5px 7px!important;font-size:13px!important}.garden-shipment-col-count{width:70px}.garden-shipment-col-quantity{width:90px}.garden-shipment-quantity{width:70px!important;margin:auto}.garden-shipments-workspace .modal-footer .btn{min-height:30px;padding:0 9px;border-radius:7px;font-size:13px}
@media(max-width:850px){.garden-shipment-card__head{grid-template-columns:105px 68px minmax(0,1fr)}.garden-shipment-card__actions{grid-column:1/-1;justify-content:flex-start;padding-top:6px;border-top:1px solid #edf0ee}.garden-shipment-card__meta{justify-content:flex-start}.garden-shipment-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-shipment-ledger>article:nth-child(3){border-top:1px solid var(--gsh-line);border-inline-start:0}.garden-shipment-ledger>article:nth-child(4){border-top:1px solid var(--gsh-line)}}
@media(max-width:620px){.garden-shipments-workspace{padding:12px 9px 24px!important}.garden-shipment-head{align-items:flex-start;flex-direction:column}.garden-shipment-head>button{width:100%}.garden-shipment-card__head{grid-template-columns:100px 68px minmax(0,1fr);gap:7px}.garden-shipment-card__meta{justify-content:flex-end;gap:7px}.garden-shipment-card__meta span:nth-child(2){display:none}.garden-shipment-item-register>header,.garden-shipment-allocation-list>header{display:none}.garden-shipment-item-register>article,.garden-shipment-allocation-list>article{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-height:73px;padding:7px 9px}.garden-shipment-item-register>article strong,.garden-shipment-allocation-list>article strong{grid-column:1/-1}.garden-shipment-item-register>article :is(span,b),.garden-shipment-allocation-list>article :is(span,b){display:flex;align-items:center;justify-content:space-between;text-align:start}.garden-shipment-item-register>article :is(span,b)::before,.garden-shipment-allocation-list>article :is(span,b)::before{content:attr(data-label);color:var(--gsh-muted);font-family:inherit;font-size:13px;font-weight:700}.garden-shipment-allocation-list>article em{grid-column:2}.garden-shipment-item-register>footer{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-shipment-item-register>footer>span:nth-child(n){border-top:1px solid var(--gsh-line);border-inline-start:1px solid var(--gsh-line)}.garden-shipment-item-register>footer>span:nth-child(-n+2){border-top:0}.garden-shipment-item-register>footer>span:nth-child(odd){border-inline-start:0}.garden-shipment-item-register>footer>span:last-child{grid-column:1/-1;border-inline-start:0}.garden-shipment-allocation>header{align-items:flex-start;flex-direction:column;gap:3px}.garden-shipment-modal-list{max-height:290px}}
@media(max-width:430px){.garden-shipment-card__head{grid-template-columns:minmax(0,1fr) 66px}.garden-shipment-card__meta{grid-column:1/-1;justify-content:flex-start}.garden-shipment-card__actions{grid-column:1/-1}.garden-shipment-ledger{grid-template-columns:minmax(0,1fr)}.garden-shipment-ledger>article:nth-child(n){border-top:1px solid var(--gsh-line);border-inline-start:0}.garden-shipment-ledger>article:first-child{border-top:0}.garden-shipment-modal-list{max-height:245px}}

/* Task editor and detail — one clear action path around the task board */
.garden-task-editor,.garden-task-detail{--gte-ink:#27322c;--gte-muted:#737d76;--gte-line:#dfe5e1;--gte-soft:#f5f7f5;--gte-accent:#485f52;max-width:1040px;margin-inline:auto;padding:16px 18px 30px!important}.garden-task-editor__head,.garden-task-detail__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px}.garden-task-editor__head>div,.garden-task-detail__head>div{min-width:0}.garden-task-editor__head a,.garden-task-detail__head>div>a{display:inline-flex;align-items:center;gap:5px;margin-bottom:7px;color:var(--gte-muted);font-size:13px;font-weight:700;text-decoration:none}.garden-task-editor__head .garden-workspace__eyebrow,.garden-task-detail__head .garden-workspace__eyebrow{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-task-editor__head h1,.garden-task-detail__head h1{margin:4px 0 3px;color:var(--gte-ink);font-size:21px;line-height:1.15}.garden-task-editor__head p,.garden-task-detail__head p{margin:0;color:var(--gte-muted);font-size:13px}.garden-task-editor__head>span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;background:#edf2ee;border-radius:7px;color:var(--gte-accent);font-size:13px;font-weight:750}.garden-task-editor__alert{display:flex;align-items:center;gap:7px;margin-bottom:9px;padding:8px 10px;background:#fbefee;border:1px solid #edd8d5;border-radius:8px;color:#934f4a;font-size:13px}.garden-task-editor__form{overflow:hidden;background:#fff;border:1px solid var(--gte-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-task-editor__card>header{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:8px 12px;border-bottom:1px solid var(--gte-line)}.garden-task-editor__card>header span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-task-editor__card>header h2{margin:2px 0 0;color:var(--gte-ink);font-size:13px}.garden-task-editor__card>header small{color:var(--gte-muted);font-size:13px}.garden-task-editor__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:11px 12px}.garden-task-editor__fields label{display:block}.garden-task-editor__fields label.is-wide{grid-column:1/-1}.garden-task-editor__fields label>span,.garden-task-editor__owner>span{display:block;margin:0 3px 4px;color:var(--gte-muted);font-size:13px;font-weight:700}.garden-task-editor__fields :is(input,textarea,select){width:100%;padding:0 8px;background:#fafbfa;border:1px solid var(--gte-line);border-radius:7px;color:var(--gte-ink);font:inherit;font-size:13px;outline:none}.garden-task-editor__fields :is(input,select){height:32px}.garden-task-editor__fields textarea{min-height:86px;padding-block:8px;line-height:1.55;resize:vertical}.garden-task-editor__fields :is(input,textarea,select):focus{background:#fff;border-color:#94a69a;box-shadow:0 0 0 2px rgba(72,95,82,.08)}.garden-task-editor__owner strong{display:flex;align-items:center;gap:6px;height:32px;padding:0 8px;background:var(--gte-soft);border:1px solid var(--gte-line);border-radius:7px;color:var(--gte-ink);font-size:13px}.garden-task-editor__actions{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:57px;padding:8px 12px;background:#fafbfa;border-top:1px solid var(--gte-line)}.garden-task-editor__actions>span{display:flex;align-items:center;gap:5px;color:var(--gte-muted);font-size:13px}.garden-task-editor__actions>div{display:flex;gap:5px}.garden-task-editor__actions :is(a,button),.garden-task-detail__actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:31px;padding:0 10px;border:1px solid var(--gte-line);border-radius:7px;font:750 13px inherit;text-decoration:none}.garden-task-editor__actions a,.garden-task-detail__actions a{background:#fff;color:var(--gte-ink)}.garden-task-editor__actions button,.garden-task-detail__actions button{background:var(--gte-accent);border-color:var(--gte-accent);color:#fff}.garden-task-detail{max-width:1160px}.garden-task-detail__actions{display:flex;gap:5px}.garden-task-detail__notice{margin-bottom:9px;padding:8px 10px;background:#e9f3eb;border:1px solid #d4e6d8;border-radius:8px;color:#477057;font-size:13px}.garden-task-detail__summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;margin-bottom:9px;background:#fff;border:1px solid var(--gte-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-task-detail__summary>article{min-height:76px;padding:10px 13px;border-inline-start:1px solid var(--gte-line)}.garden-task-detail__summary>article:first-child{border-inline-start:0}.garden-task-detail__summary>article.is-overdue{background:#fbefee}.garden-task-detail__summary :is(span,strong,small){display:block}.garden-task-detail__summary span{color:var(--gte-muted);font-size:13px;font-weight:700}.garden-task-detail__summary strong{overflow:hidden;margin-top:5px;color:var(--gte-ink);font:13px 'Inter',sans-serif;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.garden-task-detail__summary small{margin-top:5px;color:var(--gte-muted);font-size:13px}.garden-task-detail__summary strong.is-todo{color:#68736b}.garden-task-detail__summary strong.is-doing{color:#91673e}.garden-task-detail__summary strong.is-done{color:#477057}.garden-task-detail__summary strong.is-irrelevant,.garden-task-detail__summary .is-overdue strong{color:#9a544f}.garden-task-detail__content{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:9px;align-items:start}.garden-task-detail__content>article,.garden-task-detail__content>aside{overflow:hidden;background:#fff;border:1px solid var(--gte-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-task-detail__content header{min-height:53px;padding:8px 12px;border-bottom:1px solid var(--gte-line)}.garden-task-detail__content header span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-task-detail__content header h2{margin:2px 0 0;color:var(--gte-ink);font-size:13px}.garden-task-detail__note{min-height:180px;padding:13px;color:var(--gte-ink);font-size:13px;line-height:1.75;white-space:normal}.garden-task-detail__content aside{position:sticky;top:76px}.garden-task-detail__content dl{margin:0;padding:3px 12px}.garden-task-detail__content dl>div{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:40px;border-bottom:1px solid #e8ece9}.garden-task-detail__content dl>div:last-child{border-bottom:0}.garden-task-detail__content dt{color:var(--gte-muted);font-size:13px;font-weight:700}.garden-task-detail__content dd{margin:0;color:var(--gte-ink);font:13px 'Inter',sans-serif;font-weight:700;text-align:end}.garden-task-detail__actions button:disabled{cursor:wait;opacity:.55}
@media(max-width:760px){.garden-task-editor__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-task-detail__content{grid-template-columns:minmax(0,1fr)}.garden-task-detail__content aside{position:static}.garden-task-detail__summary{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-task-detail__summary>article:nth-child(3){border-top:1px solid var(--gte-line);border-inline-start:0}.garden-task-detail__summary>article:nth-child(4){border-top:1px solid var(--gte-line)}}
@media(max-width:560px){.garden-task-editor,.garden-task-detail{padding:12px 9px 24px!important}.garden-task-editor__head,.garden-task-detail__head{align-items:flex-start;flex-direction:column}.garden-task-editor__head>span,.garden-task-detail__actions{width:100%}.garden-task-detail__actions :is(a,button){flex:1}.garden-task-editor__fields{grid-template-columns:minmax(0,1fr)}.garden-task-editor__fields label.is-wide{grid-column:auto}.garden-task-editor__actions{align-items:stretch;flex-direction:column}.garden-task-editor__actions>div{width:100%}.garden-task-editor__actions :is(a,button){flex:1}.garden-task-detail__summary{grid-template-columns:minmax(0,1fr)}.garden-task-detail__summary>article:nth-child(n){border-top:1px solid var(--gte-line);border-inline-start:0}.garden-task-detail__summary>article:first-child{border-top:0}}

/* Store insights — ranked operational signals rather than report tables */
.garden-shop-insights{--gsi-ink:#27322c;--gsi-muted:#737d76;--gsi-line:#dfe5e1;--gsi-soft:#f5f7f5;--gsi-accent:#485f52;max-width:1380px;margin-inline:auto;padding:16px 18px 30px!important}.garden-shop-insights__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}.garden-shop-insights__head .garden-workspace__eyebrow{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-shop-insights__head h1{margin:4px 0 3px;color:var(--gsi-ink);font-size:21px;line-height:1.15}.garden-shop-insights__head p{margin:0;color:var(--gsi-muted);font-size:13px}.garden-shop-insights__head>a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 10px;background:#fff;border:1px solid var(--gsi-line);border-radius:8px;color:var(--gsi-accent);font-size:13px;font-weight:750;text-decoration:none}.garden-shop-insights__range{display:flex;align-items:center;gap:4px;margin-bottom:9px;padding:5px 7px;background:#fff;border:1px solid var(--gsi-line);border-radius:9px}.garden-shop-insights__range>span{margin-inline:3px 5px;color:var(--gsi-muted);font-size:13px;font-weight:750}.garden-shop-insights__range a{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:0 8px;border-radius:6px;color:var(--gsi-muted);font-size:13px;font-weight:700;text-decoration:none}.garden-shop-insights__range a.is-active{background:#e9efea;color:var(--gsi-accent)}.garden-shop-insights__ledger{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;margin-bottom:9px;background:#fff;border:1px solid var(--gsi-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-shop-insights__ledger>article{min-height:76px;padding:10px 13px;border-inline-start:1px solid var(--gsi-line)}.garden-shop-insights__ledger>article:first-child{border-inline-start:0}.garden-shop-insights__ledger>article.is-primary{background:#eef3ef}.garden-shop-insights__ledger>article.is-success{background:#f0f5f1}.garden-shop-insights__ledger :is(span,strong,small){display:block}.garden-shop-insights__ledger span{color:var(--gsi-muted);font-size:13px;font-weight:700}.garden-shop-insights__ledger strong{margin-top:5px;color:var(--gsi-ink);font:15px 'Inter',sans-serif;font-weight:750}.garden-shop-insights__ledger small{margin-top:5px;color:var(--gsi-muted);font-size:13px}.garden-shop-insights__primary{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:9px;margin-bottom:9px}.garden-shop-insights__secondary{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);gap:9px}.garden-shop-insights-card{overflow:hidden;background:#fff;border:1px solid var(--gsi-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-shop-insights-card>header{display:flex;align-items:center;justify-content:space-between;min-height:53px;padding:8px 11px;border-bottom:1px solid var(--gsi-line)}.garden-shop-insights-card>header span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-shop-insights-card>header h2{margin:2px 0 0;color:var(--gsi-ink);font-size:13px}.garden-shop-insights-card>header small{color:var(--gsi-muted);font-size:13px}.garden-shop-funnel>div{padding:5px 10px 8px}.garden-shop-funnel article{display:grid;grid-template-columns:126px minmax(120px,1fr) 48px 61px;gap:8px;align-items:center;min-height:48px;border-bottom:1px solid #e9edea}.garden-shop-funnel article:last-child{border-bottom:0}.garden-shop-funnel article>div :is(strong,small){display:block}.garden-shop-funnel article>div strong{color:var(--gsi-ink);font-size:13px}.garden-shop-funnel article>div small{margin-top:3px;color:var(--gsi-muted);font-size:13px}.garden-shop-funnel progress,.garden-shop-ranking progress,.garden-shop-sources progress{overflow:hidden;width:100%;height:7px;border:0;border-radius:999px;background:#edf0ee;appearance:none}.garden-shop-funnel progress::-webkit-progress-bar,.garden-shop-ranking progress::-webkit-progress-bar,.garden-shop-sources progress::-webkit-progress-bar{background:#edf0ee;border-radius:999px}.garden-shop-funnel progress::-webkit-progress-value,.garden-shop-ranking progress::-webkit-progress-value,.garden-shop-sources progress::-webkit-progress-value{background:#7c9183;border-radius:999px}.garden-shop-funnel progress::-moz-progress-bar,.garden-shop-ranking progress::-moz-progress-bar,.garden-shop-sources progress::-moz-progress-bar{background:#7c9183;border-radius:999px}.garden-shop-funnel article>b{color:var(--gsi-ink);font:13px 'Inter',sans-serif;text-align:end}.garden-shop-funnel article>em{display:inline-flex;align-items:center;justify-content:center;min-height:20px;background:#f8efe3;border-radius:6px;color:#91673e;font-size:13px;font-style:normal;font-weight:750;visibility:hidden}.garden-shop-funnel article.is-drop>em{visibility:visible}.garden-shop-funnel article:last-child progress::-webkit-progress-value{background:var(--gsi-accent)}.garden-shop-funnel article:last-child progress::-moz-progress-bar{background:var(--gsi-accent)}.garden-shop-trend__chart{display:flex;align-items:flex-end;gap:3px;height:264px;padding:16px 10px 9px}.garden-shop-trend__chart>div{display:flex;align-items:center;justify-content:flex-end;flex:1;flex-direction:column;gap:4px;height:100%;min-width:0}.garden-shop-trend__chart b{height:14px;color:var(--gsi-accent);font:13px 'Inter',sans-serif}.garden-shop-trend__chart span{width:100%;max-width:25px;height:var(--visit-height);min-height:2px;background:#7f9586;border-radius:4px 4px 1px 1px}.garden-shop-trend__chart small{color:var(--gsi-muted);font:13px 'Inter',sans-serif;white-space:nowrap}.garden-shop-ranking{grid-row:span 2}.garden-shop-ranking>div{max-height:610px;overflow:auto}.garden-shop-ranking article{display:grid;grid-template-columns:23px minmax(160px,1fr) 58px 52px 46px;gap:7px;align-items:center;min-height:57px;padding:6px 9px;border-bottom:1px solid #e8ece9}.garden-shop-ranking article:last-child{border-bottom:0}.garden-shop-ranking__number{display:grid;place-items:center;width:22px;height:22px;background:#edf1ee;border-radius:50%;color:var(--gsi-accent);font:13px 'Inter',sans-serif;font-weight:750}.garden-shop-ranking article>div{min-width:0}.garden-shop-ranking article>div strong{display:block;overflow:hidden;color:var(--gsi-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-shop-ranking article>div progress{display:block;margin-top:6px}.garden-shop-ranking article>span:not(.garden-shop-ranking__number) :is(small,b){display:block}.garden-shop-ranking article>span:not(.garden-shop-ranking__number) small{color:var(--gsi-muted);font-size:13px}.garden-shop-ranking article>span:not(.garden-shop-ranking__number) b{margin-top:3px;color:var(--gsi-ink);font:13px 'Inter',sans-serif}.garden-shop-ranking article>em{display:inline-flex;align-items:center;justify-content:center;min-height:21px;background:#eef1ef;border-radius:6px;color:#68736b;font:13px 'Inter',sans-serif;font-style:normal;font-weight:750}.garden-shop-ranking article>em.is-good{background:#e8f1ea;color:#477057}.garden-shop-sources__list{padding:5px 9px}.garden-shop-sources__list article{display:grid;grid-template-columns:78px minmax(80px,1fr) 45px;gap:7px;align-items:center;min-height:34px}.garden-shop-sources__list article strong{overflow:hidden;color:var(--gsi-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-shop-sources__list article b{color:var(--gsi-ink);font:13px 'Inter',sans-serif;text-align:end}.garden-shop-sources>footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--gsi-line)}.garden-shop-sources>footer>span{display:grid;grid-template-columns:25px minmax(0,1fr);gap:1px 7px;align-items:center;min-height:54px;padding:7px 9px;border-inline-start:1px solid var(--gsi-line)}.garden-shop-sources>footer>span:first-child{border-inline-start:0}.garden-shop-sources>footer i{grid-row:1/3;display:grid;place-items:center;width:25px;height:25px;background:#edf1ee;border-radius:7px;color:var(--gsi-accent);font-size:13px}.garden-shop-sources>footer strong{color:var(--gsi-ink);font:13px 'Inter',sans-serif}.garden-shop-sources>footer small{color:var(--gsi-muted);font-size:13px}.garden-shop-compact-ranking>div{padding:4px 9px}.garden-shop-compact-ranking article{display:grid;grid-template-columns:22px minmax(0,1fr) 42px;gap:7px;align-items:center;min-height:36px;border-bottom:1px solid #e8ece9}.garden-shop-compact-ranking article:last-child{border-bottom:0}.garden-shop-compact-ranking article>span{display:grid;place-items:center;width:20px;height:20px;background:#edf1ee;border-radius:50%;color:var(--gsi-accent);font:13px 'Inter',sans-serif;font-weight:750}.garden-shop-compact-ranking article>strong{overflow:hidden;color:var(--gsi-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-shop-compact-ranking article>b{color:var(--gsi-ink);font:13px 'Inter',sans-serif;text-align:end}.garden-shop-insights-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:210px;padding:18px;text-align:center}.garden-shop-insights-empty.is-small{min-height:90px}.garden-shop-insights-empty>i{margin-bottom:8px;color:#9ba69e;font-size:20px}.garden-shop-insights-empty :is(strong,span){display:block}.garden-shop-insights-empty strong{color:var(--gsi-ink);font-size:13px}.garden-shop-insights-empty span{margin-top:4px;color:var(--gsi-muted);font-size:13px}
@media(max-width:980px){.garden-shop-insights__primary{grid-template-columns:minmax(0,1fr)}.garden-shop-insights__secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-shop-ranking{grid-row:auto}.garden-shop-insights__ledger{grid-template-columns:repeat(3,minmax(0,1fr))}.garden-shop-insights__ledger>article:nth-child(4){border-top:1px solid var(--gsi-line);border-inline-start:0}.garden-shop-insights__ledger>article:nth-child(5){border-top:1px solid var(--gsi-line)}}
@media(max-width:680px){.garden-shop-insights{padding:12px 9px 24px!important}.garden-shop-insights__head{align-items:flex-start;flex-direction:column}.garden-shop-insights__head>a{width:100%}.garden-shop-insights__secondary{grid-template-columns:minmax(0,1fr)}.garden-shop-insights__ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-shop-insights__ledger>article:nth-child(n){border-top:1px solid var(--gsi-line);border-inline-start:1px solid var(--gsi-line)}.garden-shop-insights__ledger>article:nth-child(-n+2){border-top:0}.garden-shop-insights__ledger>article:nth-child(odd){border-inline-start:0}.garden-shop-insights__ledger>article:last-child{grid-column:1/-1;border-inline-start:0}.garden-shop-funnel article{grid-template-columns:105px minmax(80px,1fr) 42px}.garden-shop-funnel article>em{grid-column:2/4;justify-self:start;padding:0 6px}.garden-shop-trend__chart{height:220px;overflow-x:auto}.garden-shop-trend__chart>div{min-width:23px}.garden-shop-ranking article{grid-template-columns:22px minmax(0,1fr) 48px 43px}.garden-shop-ranking article>em{grid-column:4}.garden-shop-ranking article>span:nth-of-type(3){display:none}}
@media(max-width:430px){.garden-shop-insights__range{overflow-x:auto}.garden-shop-insights__range>span{display:none}.garden-shop-insights__range a{flex:0 0 auto}.garden-shop-insights__ledger{grid-template-columns:minmax(0,1fr)}.garden-shop-insights__ledger>article:nth-child(n){grid-column:auto;border-top:1px solid var(--gsi-line);border-inline-start:0}.garden-shop-insights__ledger>article:first-child{border-top:0}.garden-shop-funnel article{grid-template-columns:95px minmax(70px,1fr) 38px}.garden-shop-funnel article>div small{display:none}.garden-shop-ranking article{grid-template-columns:22px minmax(0,1fr) 43px}.garden-shop-ranking article>span:nth-of-type(2){display:none}.garden-shop-ranking article>em{grid-column:3}}

/* Neurolink — advanced behavior diagnosis as inspectable operational registers */
.garden-neurolink{--gnl-ink:#27322c;--gnl-muted:#737d76;--gnl-line:#dfe5e1;--gnl-soft:#f5f7f5;--gnl-accent:#485f52;max-width:1420px;margin-inline:auto;padding:16px 18px 30px!important}.garden-neurolink__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}.garden-neurolink__head>div>a{display:inline-flex;align-items:center;gap:5px;margin-bottom:7px;color:var(--gnl-muted);font-size:13px;font-weight:700;text-decoration:none}.garden-neurolink__head .garden-workspace__eyebrow{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-neurolink__head h1{margin:4px 0 3px;color:var(--gnl-ink);font-size:21px;line-height:1.15}.garden-neurolink__head p{margin:0;color:var(--gnl-muted);font-size:13px}.garden-neurolink__head nav{display:flex;align-items:center;gap:3px;padding:4px;background:#fff;border:1px solid var(--gnl-line);border-radius:8px}.garden-neurolink__head nav a{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 8px;border-radius:5px;color:var(--gnl-muted);font-size:13px;font-weight:700;text-decoration:none}.garden-neurolink__head nav a.is-active{background:#e9efea;color:var(--gnl-accent)}.garden-neurolink__ledger{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:hidden;margin-bottom:9px;background:#fff;border:1px solid var(--gnl-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-neurolink__ledger>article{display:grid;grid-template-columns:29px minmax(0,1fr);gap:7px;align-items:center;min-height:69px;padding:8px 9px;border-inline-start:1px solid var(--gnl-line)}.garden-neurolink__ledger>article:first-child{border-inline-start:0}.garden-neurolink__ledger>article>i{display:grid;place-items:center;width:28px;height:28px;background:#edf1ee;border-radius:8px;color:var(--gnl-accent);font-size:13px}.garden-neurolink__ledger>article.is-good>i{background:#e8f1ea;color:#477057}.garden-neurolink__ledger>article.is-warning>i{background:#f8efe3;color:#91673e}.garden-neurolink__ledger>article.is-danger>i{background:#f7e9e8;color:#9a544f}.garden-neurolink__ledger :is(span,strong){display:block}.garden-neurolink__ledger span{overflow:hidden;color:var(--gnl-muted);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.garden-neurolink__ledger strong{overflow:hidden;margin-top:4px;color:var(--gnl-ink);font:13px 'Inter',sans-serif;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.garden-neurolink__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:9px;align-items:start}.garden-neurolink__layout>div{display:grid;gap:9px}.garden-neurolink-card{overflow:hidden;background:#fff;border:1px solid var(--gnl-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-neurolink-card>header{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:8px 11px;border-bottom:1px solid var(--gnl-line)}.garden-neurolink-card>header span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-neurolink-card>header h2{margin:2px 0 0;color:var(--gnl-ink);font-size:13px}.garden-neurolink-card>header small{color:var(--gnl-muted);font-size:13px}.garden-neurolink-list{padding:4px 9px}.garden-neurolink-list article{display:grid;grid-template-columns:57px minmax(90px,.7fr) minmax(100px,1fr) 35px;gap:7px;align-items:center;min-height:39px;border-bottom:1px solid #e8ece9}.garden-neurolink-list article:last-child{border-bottom:0}.garden-neurolink-list article>em,.garden-neurolink-scroll article>div>em{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:0 5px;background:#eef1ef;border-radius:6px;color:#68736b;font-size:13px;font-style:normal;font-weight:750}.garden-neurolink-list em.is-product,.garden-neurolink-scroll em.is-product{background:#e8f1ea;color:#477057}.garden-neurolink-list em.is-category,.garden-neurolink-scroll em.is-category{background:#e8edf4;color:#586b83}.garden-neurolink-list em.is-collection,.garden-neurolink-scroll em.is-collection{background:#eeeaf7;color:#66568c}.garden-neurolink-list article>strong{overflow:hidden;color:var(--gnl-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-neurolink-list article>span{overflow:hidden;color:var(--gnl-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-neurolink-list article>b{display:inline-flex;align-items:center;justify-content:center;min-height:21px;border-radius:6px;font:13px 'Inter',sans-serif}.garden-neurolink-list b.is-danger{background:#f7e9e8;color:#9a544f}.garden-neurolink-list b.is-warning{background:#f8efe3;color:#91673e}.garden-neurolink-list.is-fields article{grid-template-columns:minmax(0,1fr) minmax(70px,.7fr) 35px}.garden-neurolink-list.is-fields code,.garden-neurolink-list.is-errors code{overflow:hidden;color:var(--gnl-muted);font:13px 'Inter',sans-serif;text-overflow:ellipsis;white-space:nowrap}.garden-neurolink-list.is-errors article{grid-template-columns:minmax(0,1fr) 35px;direction:ltr}.garden-neurolink-scroll{padding:4px 9px}.garden-neurolink-scroll>article{min-height:76px;padding:7px 0;border-bottom:1px solid #e8ece9}.garden-neurolink-scroll>article:last-child{border-bottom:0}.garden-neurolink-scroll article>div{display:grid;grid-template-columns:55px minmax(0,1fr) 60px;gap:7px;align-items:center}.garden-neurolink-scroll article>div strong{overflow:hidden;color:var(--gnl-ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.garden-neurolink-scroll article>div small{color:var(--gnl-muted);font:13px 'Inter',sans-serif;text-align:end}.garden-neurolink-scroll label{display:grid;grid-template-columns:58px minmax(80px,1fr) 38px;gap:7px;align-items:center;margin-top:6px}.garden-neurolink-scroll label span{color:var(--gnl-muted);font-size:13px}.garden-neurolink-scroll progress{overflow:hidden;width:100%;height:6px;border:0;border-radius:999px;background:#edf0ee;appearance:none}.garden-neurolink-scroll progress::-webkit-progress-bar{background:#edf0ee;border-radius:999px}.garden-neurolink-scroll progress::-webkit-progress-value{background:#a1b7a8;border-radius:999px}.garden-neurolink-scroll progress.is-bottom::-webkit-progress-value{background:#657f6d}.garden-neurolink-scroll progress::-moz-progress-bar{background:#a1b7a8;border-radius:999px}.garden-neurolink-scroll progress.is-bottom::-moz-progress-bar{background:#657f6d}.garden-neurolink-scroll label b{color:var(--gnl-ink);font:13px 'Inter',sans-serif;text-align:end}.garden-neurolink-sessions>div>header,.garden-neurolink-sessions>div>article{display:grid;grid-template-columns:76px 45px 48px 70px 45px 64px 27px;gap:7px;align-items:center;padding:0 9px}.garden-neurolink-sessions>div>header{min-height:29px;background:#f7f9f7;color:var(--gnl-muted);font-size:13px;font-weight:750}.garden-neurolink-sessions>div>article{min-height:42px;border-top:1px solid #e8ece9}.garden-neurolink-sessions>div>article.is-purchase{box-shadow:inset -3px 0 #71917a}.garden-neurolink-sessions>div>article.is-friction{box-shadow:inset -3px 0 #aa726e}.garden-neurolink-sessions>div>article>span{color:var(--gnl-ink);font:13px 'Inter',sans-serif}.garden-neurolink-sessions>div>article>span:nth-child(6){color:var(--gnl-muted);font-family:inherit}.garden-neurolink-sessions>div>article.is-friction>span:nth-child(6){color:#9a544f}.garden-neurolink-sessions>div>article.is-purchase>span:nth-child(6){color:#477057}.garden-neurolink-sessions>div>article>a{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--gnl-line);border-radius:7px;color:var(--gnl-accent);font-size:13px;text-decoration:none}.garden-neurolink-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:150px;padding:16px;text-align:center}.garden-neurolink-empty.is-small{min-height:78px}.garden-neurolink-empty>i{margin-bottom:7px;color:#9ba69e;font-size:18px}.garden-neurolink-empty :is(strong,span){display:block}.garden-neurolink-empty strong{color:var(--gnl-ink);font-size:13px}.garden-neurolink-empty span{margin-top:4px;color:var(--gnl-muted);font-size:13px}
@media(max-width:1100px){.garden-neurolink__ledger{grid-template-columns:repeat(4,minmax(0,1fr))}.garden-neurolink__ledger>article:nth-child(5){border-top:1px solid var(--gnl-line);border-inline-start:0}.garden-neurolink__ledger>article:nth-child(n+6){border-top:1px solid var(--gnl-line)}.garden-neurolink__layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){.garden-neurolink{padding:12px 9px 24px!important}.garden-neurolink__head{align-items:flex-start;flex-direction:column}.garden-neurolink__head nav{width:100%;overflow-x:auto}.garden-neurolink__head nav a{flex:1}.garden-neurolink__ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-neurolink__ledger>article:nth-child(n){border-top:1px solid var(--gnl-line);border-inline-start:1px solid var(--gnl-line)}.garden-neurolink__ledger>article:nth-child(-n+2){border-top:0}.garden-neurolink__ledger>article:nth-child(odd){border-inline-start:0}.garden-neurolink__ledger>article:last-child{grid-column:1/-1;border-inline-start:0}.garden-neurolink-list article{grid-template-columns:52px minmax(0,1fr) 34px}.garden-neurolink-list article>span{grid-column:2}.garden-neurolink-list article>b{grid-column:3;grid-row:1/3}.garden-neurolink-sessions>div>header{display:none}.garden-neurolink-sessions>div>article{grid-template-columns:repeat(3,minmax(0,1fr)) 27px;gap:6px;min-height:78px;padding:7px 9px}.garden-neurolink-sessions>div>article>span{display:flex;align-items:center;justify-content:space-between}.garden-neurolink-sessions>div>article>span::before{content:attr(data-label);color:var(--gnl-muted);font-family:inherit;font-size:13px}.garden-neurolink-sessions>div>article>a{grid-column:4;grid-row:1/3}.garden-neurolink-sessions>div>article>span:nth-child(6){grid-column:3}}
@media(max-width:430px){.garden-neurolink__ledger{grid-template-columns:minmax(0,1fr)}.garden-neurolink__ledger>article:nth-child(n){grid-column:auto;border-top:1px solid var(--gnl-line);border-inline-start:0}.garden-neurolink__ledger>article:first-child{border-top:0}.garden-neurolink-scroll article>div{grid-template-columns:52px minmax(0,1fr)}.garden-neurolink-scroll article>div small{grid-column:2;text-align:start}.garden-neurolink-sessions>div>article{grid-template-columns:repeat(2,minmax(0,1fr)) 27px}.garden-neurolink-sessions>div>article>a{grid-column:3;grid-row:1/4}.garden-neurolink-sessions>div>article>span:nth-child(6){grid-column:2}}

/* Neurolink session — readable event stream with clear anomalies */
.garden-session-timeline{--gst-ink:#27322c;--gst-muted:#737d76;--gst-line:#dfe5e1;--gst-soft:#f5f7f5;--gst-accent:#485f52;max-width:1160px;margin-inline:auto;padding:16px 18px 30px!important}.garden-session-timeline__head{margin-bottom:12px}.garden-session-timeline__head a{display:inline-flex;align-items:center;gap:5px;margin-bottom:7px;color:var(--gst-muted);font-size:13px;font-weight:700;text-decoration:none}.garden-session-timeline__head .garden-workspace__eyebrow{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-session-timeline__head h1{margin:4px 0 3px;color:var(--gst-ink);font-size:21px;line-height:1.15}.garden-session-timeline__head p{margin:0;color:var(--gst-muted);font-size:13px}.garden-session-timeline__summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;margin-bottom:9px;background:#fff;border:1px solid var(--gst-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-session-timeline__summary>article{min-height:75px;padding:10px 12px;border-inline-start:1px solid var(--gst-line)}.garden-session-timeline__summary>article:first-child{border-inline-start:0}.garden-session-timeline__summary :is(span,strong,small){display:block}.garden-session-timeline__summary span{color:var(--gst-muted);font-size:13px;font-weight:700}.garden-session-timeline__summary strong{overflow:hidden;margin-top:5px;color:var(--gst-ink);font:13px 'Inter',sans-serif;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.garden-session-timeline__summary small{margin-top:5px;color:var(--gst-muted);font-size:13px}.garden-session-stream{overflow:hidden;background:#fff;border:1px solid var(--gst-line);border-radius:12px;box-shadow:0 7px 24px rgba(37,48,42,.04)}.garden-session-stream>header{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:8px 12px;border-bottom:1px solid var(--gst-line)}.garden-session-stream>header span{display:block;color:#6f8779;font-size:13px;font-weight:800}.garden-session-stream>header h2{margin:2px 0 0;color:var(--gst-ink);font-size:13px}.garden-session-stream>header small{color:var(--gst-muted);font-size:13px}.garden-session-stream>div{padding:5px 10px}.garden-session-stream article{position:relative;display:grid;grid-template-columns:58px 30px 105px minmax(0,1fr);gap:8px;align-items:center;min-height:48px;border-bottom:1px solid #e8ece9}.garden-session-stream article:last-child{border-bottom:0}.garden-session-stream article::before{position:absolute;top:0;bottom:0;inset-inline-start:72px;width:1px;background:#e2e7e3;content:''}.garden-session-stream time{color:var(--gst-muted);font:13px 'Inter',sans-serif}.garden-session-stream__marker{z-index:1;display:grid;place-items:center;width:28px;height:28px;background:#edf1ee;border:3px solid #fff;border-radius:50%;color:var(--gst-accent);font-size:13px}.garden-session-stream article.is-positive .garden-session-stream__marker{background:#dfece2;color:#477057}.garden-session-stream article.is-warning .garden-session-stream__marker{background:#f5ead9;color:#91673e}.garden-session-stream article.is-danger .garden-session-stream__marker{background:#f4e1df;color:#9a544f}.garden-session-stream article.is-info .garden-session-stream__marker{background:#e3e9f0;color:#586b83}.garden-session-stream article>strong{color:var(--gst-ink);font-size:13px}.garden-session-stream article>div{min-width:0;color:var(--gst-muted);font-size:13px;line-height:1.55}.garden-session-stream article>div b{color:var(--gst-ink);font-family:'Inter',sans-serif}.garden-session-stream code{display:inline-block;overflow:hidden;max-width:330px;padding:2px 4px;background:#f3f5f3;border-radius:4px;color:#68736b;font:13px 'Inter',sans-serif;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}
@media(max-width:760px){.garden-session-timeline__summary{grid-template-columns:repeat(3,minmax(0,1fr))}.garden-session-timeline__summary>article:nth-child(4){border-top:1px solid var(--gst-line);border-inline-start:0}.garden-session-timeline__summary>article:nth-child(5){border-top:1px solid var(--gst-line)}.garden-session-stream article{grid-template-columns:52px 29px 90px minmax(0,1fr)}.garden-session-stream article::before{inset-inline-start:65px}}
@media(max-width:560px){.garden-session-timeline{padding:12px 9px 24px!important}.garden-session-timeline__summary{grid-template-columns:repeat(2,minmax(0,1fr))}.garden-session-timeline__summary>article:nth-child(n){border-top:1px solid var(--gst-line);border-inline-start:1px solid var(--gst-line)}.garden-session-timeline__summary>article:nth-child(-n+2){border-top:0}.garden-session-timeline__summary>article:nth-child(odd){border-inline-start:0}.garden-session-timeline__summary>article:last-child{grid-column:1/-1;border-inline-start:0}.garden-session-stream article{grid-template-columns:48px 28px minmax(0,1fr);align-items:start;padding:7px 0}.garden-session-stream article::before{inset-inline-start:61px}.garden-session-stream article>strong{align-self:center}.garden-session-stream article>div{grid-column:3}.garden-session-stream code{max-width:200px}}

/* Orders queue — operational decisions instead of a spreadsheet grid */
.garden-orders-queue-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 34px;
    padding: 5px 10px;
    background: #f7f9f7;
    border-block: 1px solid #e1e6e2;
    color: #737d76;
    font-size: 13px;
    font-weight: 700;
}
.garden-orders-queue-head label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.garden-orders-queue-head .form-check-input { width: 15px; height: 15px; margin: 0; }
.garden-orders-queue { overflow: visible; background: #fff; }
.garden-order-card {
    position: relative;
    display: grid;
    grid-template-columns: 24px minmax(220px,1.35fr) minmax(155px,.55fr) minmax(112px,.35fr) minmax(112px,.4fr) 178px;
    grid-template-areas: "select identity attention money fulfilment actions";
    gap: 9px;
    align-items: center;
    min-height: 78px;
    padding: 7px 10px;
    border-bottom: 1px solid #e5e9e6;
    color: #27322c;
    cursor: pointer;
    transition: background-color .14s ease, box-shadow .14s ease;
}
.garden-order-card:last-child { border-bottom: 0; }
.garden-order-card[hidden] { display: none; }
.garden-order-card:hover { z-index: 1; background: #fafcfb; box-shadow: inset -3px 0 #94a69a; }
.garden-order-card:focus-visible { z-index: 2; outline: 2px solid #819589; outline-offset: -2px; }
.garden-order-card.row-selected { background: #edf3ef; box-shadow: inset -3px 0 #5f7968; }
.garden-order-card.is-urgent { box-shadow: inset -3px 0 #b66b4d; }
.garden-order-card.is-complete { background: #fbfcfb; }
.garden-order-card.is-canceled,.garden-order-card.abandoned-row { background: #fafafa; }
.garden-order-card.is-refunded { background: #f7faf8; box-shadow: inset -3px 0 #678575; }
.garden-order-card.is-partially-refunded { box-shadow: inset -3px 0 #879b8e; }
.garden-order-card.has-refund-processing { background: #fffdf8; box-shadow: inset -3px 0 #b78a42; }
.garden-order-card__select { grid-area: select; display: grid; place-items: center; align-self: stretch; cursor: pointer; }
.garden-order-card__select .form-check-input { width: 15px; height: 15px; margin: 0; }
.garden-order-card__identity { grid-area: identity; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 8px; align-items: center; justify-self: center; width: min(100%,420px); min-width: 0; }
.garden-order-card__avatar { display: grid; place-items: center; width: 33px; height: 33px; background: #e9eeea; border-radius: 9px; color: #52675a; font-size: 13px; font-weight: 800; }
.garden-order-card__identity>div:last-child { display: grid; justify-items: center; min-width: 0; text-align: center; }
.garden-order-card__identity .order-number { padding: 0; background: none; border: 0; color: #52675a; font: 750 13px 'Inter',sans-serif; }
.garden-order-card__identity .customer-name { overflow: hidden; margin-top: 2px; color: #27322c; font-size: 13px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.garden-order-card__identity .customer-phone { display: inline-block; width: max-content; max-width: 100%; margin-top: 2px; font: 13px 'Inter',sans-serif; text-align: center; }
.garden-order-card__identity .garden-order-row-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 8px; margin-top: 4px; color: #7b847e; font-size: 13px; }
.garden-order-card__identity .garden-order-row-meta span+span::before { margin-inline-end: 7px; color: #c4cbc6; content: "·"; }
.garden-order-card__identity .garden-order-row-meta .is-attention { color: #a45e43; font-weight: 750; }
.garden-order-card__attention { grid-area: attention; align-self: stretch; min-width: 0; min-height: 62px; display: grid; align-content: center; justify-items: center; padding: 7px 8px; background: #f5f7f5; border-radius: 8px; text-align: center; }
.garden-order-card__attention>span { display: flex; align-items: center; justify-content: center; gap: 5px; color: #6f8779; font-size: 13px; font-weight: 800; }
.garden-order-card__attention>span i { font-size: 13px; }
.garden-order-card__attention>strong { display: block; overflow: hidden; margin-top: 4px; color: #344239; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.garden-order-card__attention .status-badge { display: inline-flex; align-items: center; min-height: 19px; margin-top: 5px; padding: 0 6px; border: 0; border-radius: 5px; font-size: 13px; }
.garden-order-card.is-urgent .garden-order-card__attention { background: #faf0e9; }
.garden-order-card.is-urgent .garden-order-card__attention>span,.garden-order-card.is-urgent .garden-order-card__attention>strong { color: #9a593f; }
.garden-order-card.is-refunded .garden-order-card__attention { background: #edf4ef; }
.garden-order-card.is-refunded .garden-order-card__attention>span,
.garden-order-card.is-refunded .garden-order-card__attention>strong { color: #4f6b5b; }
.garden-order-card.has-refund-processing .garden-order-card__attention { background: #fbf3e3; }
.garden-order-card.has-refund-processing .garden-order-card__attention>span,
.garden-order-card.has-refund-processing .garden-order-card__attention>strong { color: #8b672d; }
.garden-order-card__money { grid-area: money; align-self: stretch; min-width: 0; min-height: 62px; display: grid; align-content: center; justify-items: center; text-align: center; }
.garden-order-card__money>span,.garden-order-card__fulfilment>span { display: block; color: #7a837d; font-size: 13px; font-weight: 700; }
.garden-order-card__money>strong { display: block; margin-top: 4px; color: #27322c; font: 750 13px 'Inter',sans-serif; }
.garden-order-card__money>strong b { color: #778078; font-size: 13px; }
.garden-order-card__money>.margin-badge { margin: 3px 0 0; padding: 1px 4px; font-size: 13px; }
.garden-order-card__payment { display: flex; min-height: 36px; align-content: center; align-items: center; justify-content: center; flex-wrap: wrap; gap: 3px; margin-top: 3px; padding: 0; background: transparent; border: 0; color: inherit; text-align: center; }
.garden-order-card__payment:disabled { opacity: 1; cursor: default; }
.garden-order-card__payment .payment-badge { display: inline-flex; align-items: center; min-height: 19px; padding: 0 6px; font-size: 13px; }
.garden-order-card__payment .payment-method-label,.garden-order-card__payment .balance-due { margin: 0; font-size: 13px; }
.garden-order-card__payment .payment-refunded { background: #dfece3; color: #3f624d; }
.garden-order-card__payment .payment-refunded-partial { background: #e8efe9; color: #526b5b; }
.garden-order-card__payment .payment-refund-processing { background: #f7ead0; color: #7f5b22; }
.garden-order-card__payment .refund-state-copy { flex-basis: 100%; color: #6f7972; font-size: 12px; line-height: 1.2; }
.garden-order-card__fulfilment { grid-area: fulfilment; align-self: stretch; min-width: 0; min-height: 62px; display: grid; align-content: center; text-align: center; }
.garden-order-card__fulfilment>button { display: block; width: 100%; margin-top: 3px; padding: 0; background: transparent; border: 0; color: inherit; text-align: center; }
.garden-order-card__fulfilment strong,.garden-order-card__fulfilment small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.garden-order-card__fulfilment strong { color: #334139; font: 750 13px 'Inter',sans-serif; }
.garden-order-card__fulfilment small { margin-top: 4px; color: #7a837d; font-size: 13px; }
.garden-order-card__actions { grid-area: actions; align-self: stretch; width: 100%; display: flex; align-items: center; justify-self: center; }
.garden-order-card__actions .garden-order-next-actions {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0,1fr) 30px 30px;
    align-items: center;
    gap: 4px;
    padding: 3px;
    background: #f6f8f6;
    border: 1px solid #e1e6e2;
    border-radius: 9px;
}
.garden-order-card__actions .garden-order-next { min-height: 30px; margin: 0; }
.garden-order-card__actions .garden-order-next.is-primary { min-width: 0; overflow: hidden; padding-inline: 7px; text-overflow: ellipsis; white-space: nowrap; }
.garden-order-card__actions .garden-order-next.is-primary i { flex: 0 0 auto; }
.garden-order-card__actions .garden-order-next.is-primary.is-locked { background: #f1e7d4; color: #7f5b22; cursor: not-allowed; }
.garden-order-card__actions .garden-order-next.is-primary.is-review { background: #f1e7d4; color: #7f5b22; }
.garden-order-card__actions .garden-order-next.is-primary.is-refunded { background: #e2ece5; color: #466050; }
.garden-order-card__actions .garden-order-next.is-icon { width: 30px; }
.garden-order-card__actions .dropdown { width: 30px; }
.garden-order-card .refund-action-disabled { opacity: 1; color: #7b847e !important; cursor: not-allowed; }
.garden-order-card .refund-action-disabled i { color: #8f9992 !important; }
.garden-order-modal__amount .payment-refunded { background: #dfece3; color: #3f624d; }
.garden-order-modal__amount .payment-refunded-partial { background: #e8efe9; color: #526b5b; }
.garden-order-modal__amount .payment-refund-processing { background: #f7ead0; color: #7f5b22; }
.garden-order-modal__amount .garden-order-modal__payment-detail { margin-top: 4px; color: #657068; font-size: 12px; }
.garden-order-card.has-refund-processing .garden-order-card__attention,
.garden-order-card.is-refunded .garden-order-card__attention,
.garden-order-card.is-partially-refunded .garden-order-card__attention { grid-template-columns: minmax(0,1fr); row-gap: 3px; }
.garden-order-card.has-refund-processing .garden-order-card__attention>span,
.garden-order-card.has-refund-processing .garden-order-card__attention>strong,
.garden-order-card.is-refunded .garden-order-card__attention>span,
.garden-order-card.is-refunded .garden-order-card__attention>strong,
.garden-order-card.is-partially-refunded .garden-order-card__attention>span,
.garden-order-card.is-partially-refunded .garden-order-card__attention>strong { grid-column: 1; min-width: 0; max-width: 100%; }
.garden-order-card.has-refund-processing .garden-order-card__attention>strong,
.garden-order-card.is-refunded .garden-order-card__attention>strong,
.garden-order-card.is-partially-refunded .garden-order-card__attention>strong { overflow: visible; margin-top: 0; line-height: 1.25; text-overflow: clip; white-space: normal; }
.garden-order-card.has-refund-processing .garden-order-card__attention .status-badge,
.garden-order-card.is-refunded .garden-order-card__attention .status-badge,
.garden-order-card.is-partially-refunded .garden-order-card__attention .status-badge { grid-column: 1; grid-row: auto; justify-self: center; margin-top: 0; }
.garden-orders-queue.is-compact .garden-order-card { min-height: 58px; padding-block: 5px; }
.garden-orders-queue.is-compact .garden-order-card__avatar { width: 28px; height: 28px; border-radius: 7px; font-size: 13px; }
.garden-orders-queue.is-compact .garden-order-card__identity { grid-template-columns: 29px minmax(0,1fr); gap: 6px; }
.garden-orders-queue.is-compact .garden-order-card__identity .customer-phone,
.garden-orders-queue.is-compact .garden-order-card__money>.margin-badge,
.garden-orders-queue.is-compact .garden-order-card__attention>span { display: none; }
.garden-orders-queue.is-compact .garden-order-card__identity .garden-order-row-meta { margin-top: 2px; }
.garden-orders-queue.is-compact .garden-order-card__attention { padding-block: 5px; }
.garden-orders-queue.is-compact .garden-order-card__attention>strong { margin-top: 0; }
.garden-orders-queue.is-compact .garden-order-card__attention .status-badge { margin-top: 3px; }
@media(max-width:1180px) {
    .garden-order-card { grid-template-columns: 24px minmax(175px,1.2fr) minmax(150px,.9fr) 105px minmax(150px,.76fr); grid-template-areas: "select identity attention money actions" "select identity fulfilment fulfilment actions"; }
    .garden-order-card__fulfilment { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 7px; align-items: center; }
    .garden-order-card__fulfilment>button { margin-top: 0; }
}
@media(max-width:860px) {
    .garden-order-card { grid-template-columns: 22px minmax(0,1.2fr) minmax(105px,.55fr) minmax(145px,.72fr); grid-template-areas: "select identity money actions" "select attention fulfilment actions"; min-height: 92px; }
    .garden-order-card__attention { align-self: stretch; }
    .garden-order-card__actions { align-self: stretch; display: flex; align-items: center; }
}
@media(max-width:650px) {
    .garden-orders-queue-head { padding-inline: 8px; }
    .garden-order-card { grid-template-columns: 20px minmax(0,1fr) minmax(92px,.42fr); grid-template-areas: "select identity money" "select attention attention" "select fulfilment actions"; gap: 7px; min-height: 128px; padding: 8px; }
    .garden-order-card__attention { padding: 6px 7px; }
    .garden-order-card__attention>strong { white-space: normal; }
    .garden-order-card__fulfilment { display: block; }
    .garden-order-card__actions { justify-self: stretch; }
    .garden-order-card__actions .garden-order-next-actions { width: 100%; grid-template-columns: minmax(0,1fr) 30px; }
    .garden-order-card__actions .garden-order-next-actions>.garden-order-next.is-icon { display: none; }
    .garden-order-card__actions .garden-order-next.is-primary { min-width: 0; }
}
@media(max-width:430px) {
    .garden-order-card { grid-template-columns: 18px minmax(0,1fr) minmax(0,1fr); grid-template-areas: "select identity identity" "select attention attention" "select money fulfilment" "select actions actions"; min-height: 164px; }
    .garden-order-card__money,.garden-order-card__fulfilment { padding: 2px 4px; }
    .garden-order-card__fulfilment { border-inline-start: 1px solid #e3e8e4; }
    .garden-order-card__identity .repeat-badge { display: none; }
    .garden-order-card__identity .garden-order-row-meta,
    .garden-order-card__money>.margin-badge { display: none; }
    .garden-order-card__attention { grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 3px 7px; }
    .garden-order-card__attention>span { grid-column: 1; grid-row: 1; justify-self: start; }
    .garden-order-card__attention>strong { grid-column: 1 / -1; grid-row: 2; margin-top: 0; }
    .garden-order-card__attention .status-badge { grid-column: 2; grid-row: 1; margin-top: 0; }
}
@media(prefers-reduced-motion:reduce) { .garden-order-card { transition: none; } }

/* Customer directory — relationship register instead of DataTables */
.garden-customers-workspace .garden-customers-toolbar { justify-content: flex-start; }
.garden-customers-workspace .garden-customers-search { flex: 1; max-width: 430px; }
.garden-customers-filter-submit,.garden-customers-filter-clear { display: inline-flex; align-items: center; justify-content: center; min-height: 31px; padding: 0 9px; border: 1px solid var(--gc-line); border-radius: 7px; font: 750 13px inherit; text-decoration: none; }
.garden-customers-filter-submit { background: #485f52; border-color: #485f52; color: #fff; }
.garden-customers-filter-clear { background: #fff; color: #68736b; }
.garden-customer-register-head { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 7px 11px; border-bottom: 1px solid var(--gc-line); }
.garden-customer-register-head>div :is(span,strong) { display: block; }
.garden-customer-register-head span { color: #6f8779; font-size: 13px; font-weight: 800; }
.garden-customer-register-head strong { margin-top: 2px; color: #27322c; font-size: 13px; }
.garden-customer-register-head small { color: #7b847e; font-size: 13px; }
.garden-customer-register { background: #fff; }
.garden-customer-row { position: relative; display: grid; grid-template-columns: 34px minmax(180px,1.2fr) minmax(130px,.8fr) 65px 95px 142px; gap: 9px; align-items: center; min-height: 64px; padding: 7px 10px; border-bottom: 1px solid #e6eae7; }
.garden-customer-row:last-child { border-bottom: 0; }
.garden-customer-row:hover { background: #fafcfb; box-shadow: inset -3px 0 #94a69a; }
.garden-customer-row__avatar { display: grid; place-items: center; width: 32px; height: 32px; background: #e9eeea; border-radius: 9px; color: #52675a; font-size: 13px; font-weight: 800; }
.garden-customer-row__identity { min-width: 0; }
.garden-customer-row__identity :is(small,a,span) { display: block; }
.garden-customer-row__identity>small { color: #7c857f; font: 13px 'Inter',sans-serif; }
.garden-customer-row__identity>a:first-of-type { overflow: hidden; margin-top: 2px; color: #27322c; font-size: 13px; font-weight: 750; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.garden-customer-row__identity>a:nth-of-type(2),.garden-customer-row__identity>span { margin-top: 3px; color: #6f7872; font: 13px 'Inter',sans-serif; text-decoration: none; }
.garden-customer-row__relationship :is(span,small) { display: block; }
.garden-customer-row__relationship>span { width: max-content; min-height: 20px; padding: 3px 6px; background: #eef1ef; border-radius: 6px; color: #68736b; font-size: 13px; font-weight: 750; }
.garden-customer-row__relationship>span.is-returning { background: #e6f0e8; color: #477057; }
.garden-customer-row__relationship>span.is-active { background: #e8edf3; color: #566b82; }
.garden-customer-row__relationship>span.is-new { background: #f5f0e7; color: #8b6a43; }
.garden-customer-row__relationship>small { overflow: hidden; margin-top: 4px; color: #7c857f; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.garden-customer-row__metric :is(small,strong) { display: block; }
.garden-customer-row__metric small { color: #7a837d; font-size: 13px; }
.garden-customer-row__metric strong { margin-top: 4px; color: #27322c; font: 750 13px 'Inter',sans-serif; }
.garden-customer-row__actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.garden-customer-row__actions>a { display: inline-flex; align-items: center; justify-content: center; min-height: 29px; padding: 0 9px; border-radius: 7px; background: #485f52; color: #fff; font-size: 13px; font-weight: 750; text-decoration: none; white-space: nowrap; }
.garden-customer-row__actions details { position: relative; }
.garden-customer-row__actions summary { display: grid; place-items: center; width: 29px; height: 29px; background: #fff; border: 1px solid var(--gc-line); border-radius: 7px; color: #6d7770; cursor: pointer; list-style: none; }
.garden-customer-row__actions summary::-webkit-details-marker { display: none; }
.garden-customer-row__actions details>div { position: absolute; z-index: 20; top: calc(100% + 4px); inset-inline-end: 0; min-width: 145px; padding: 5px; background: #fff; border: 1px solid var(--gc-line); border-radius: 8px; box-shadow: 0 12px 30px rgba(35,46,40,.16); }
.garden-customer-row__actions details :is(a,button) { display: flex; align-items: center; gap: 6px; width: 100%; min-height: 28px; padding: 0 7px; background: transparent; border: 0; border-radius: 6px; color: #4f5c54; font: 700 13px inherit; text-align: start; text-decoration: none; }
.garden-customer-row__actions details :is(a,button):hover { background: #f4f6f4; }
.garden-customer-row__actions details button { color: #9a544f; }
.garden-customer-register-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 210px; padding: 22px; text-align: center; }
.garden-customer-register-empty>i { margin-bottom: 8px; color: #9ca69f; font-size: 22px; }
.garden-customer-register-empty :is(strong,span) { display: block; }
.garden-customer-register-empty strong { color: #27322c; font-size: 13px; }
.garden-customer-register-empty span { margin-top: 4px; color: #737d76; font-size: 13px; }
.garden-customer-register-pagination { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; padding: 6px 10px; border-top: 1px solid var(--gc-line); }
.garden-customer-register-pagination>span { color: #737d76; font-size: 13px; }
.garden-customer-register-pagination nav>div:first-child { display: none!important; }
.garden-customer-register-pagination nav>div:last-child { display: flex; align-items: center; gap: 8px; }
.garden-customer-register-pagination nav p { display: none; }
.garden-customer-register-pagination .pagination { margin: 0; }
@media(max-width:920px) {
    .garden-customer-row { grid-template-columns: 34px minmax(160px,1fr) minmax(120px,.7fr) 62px 130px; }
    .garden-customer-row__metric + .garden-customer-row__metric { display: none; }
}
@media(max-width:680px) {
    .garden-customers-workspace .garden-customers-toolbar { display: grid; grid-template-columns:minmax(0,1fr) 132px auto; }
    .garden-customers-workspace .garden-customers-search { max-width:none; }
    .garden-customers-filter>span { display:none; }
    .garden-customers-filter .form-select { width:100%!important; }
    .garden-customers-filter-clear { grid-column:1/-1; min-height:27px; }
    .garden-customer-row { grid-template-columns: 32px minmax(0,1fr) 75px 110px; grid-template-areas: "avatar identity metric actions" "avatar relation relation actions"; min-height: 82px; }
    .garden-customer-row__avatar { grid-area:avatar; }
    .garden-customer-row__identity { grid-area:identity; }
    .garden-customer-row__relationship { grid-area:relation; display:flex; align-items:center; gap:6px; }
    .garden-customer-row__relationship>small { margin-top:0; }
    .garden-customer-row__metric { grid-area:metric; }
    .garden-customer-row__metric + .garden-customer-row__metric { display:none; }
    .garden-customer-row__actions { grid-area:actions; }
}
@media(max-width:460px) {
    .garden-customers-workspace .garden-customers-toolbar { grid-template-columns:minmax(0,1fr) 108px; }
    .garden-customers-filter-submit { grid-column:1/-1; min-height:28px; }
    .garden-customer-register-head>small { display:none; }
    .garden-customer-row { grid-template-columns:30px minmax(0,1fr) 68px; grid-template-areas:"avatar identity actions" "avatar relation actions" "avatar metric actions"; }
    .garden-customer-row__relationship { display:block; }
    .garden-customer-row__relationship>small { margin-top:3px; }
    .garden-customer-row__actions>a { width:30px; padding:0; font-size:0; }
    .garden-customer-row__actions>a::before { font-family:"Font Awesome 6 Free"; font-size:13px; font-weight:900; content:"\f06e"; }
    .garden-customer-register-pagination { align-items:flex-start; flex-direction:column; }
}

/* Business customers — approval-first operational directory */
.garden-business-toolbar {
    grid-template-columns: minmax(220px, 1fr) 190px auto auto;
    align-items: center;
}
.garden-business-toolbar__submit,
.garden-business-toolbar__reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 31px;
    padding: 0 10px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}
.garden-business-toolbar__submit { background: #485f52; border: 1px solid #485f52; color: #fff; }
.garden-business-toolbar__reset { background: #fff; border: 1px solid var(--gbc-line); color: #68756d; }
.garden-business-register-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 7px 11px;
    border-bottom: 1px solid var(--gbc-line);
}
.garden-business-register-head>div :is(span,strong) { display: block; }
.garden-business-register-head span { color: #6f8779; font-size: 13px; font-weight: 800; }
.garden-business-register-head strong { margin-top: 2px; color: #27322c; font-size: 13px; }
.garden-business-register-head small { color: #7b847e; font-size: 13px; }
.garden-business-directory { background: #fff; }
.garden-business-row {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(185px, 1.05fr) minmax(190px, .9fr) minmax(160px, .75fr) 205px;
    gap: 10px;
    align-items: center;
    min-height: 70px;
    padding: 7px 10px;
    border-bottom: 1px solid #e6eae7;
}
.garden-business-row:last-child { border-bottom: 0; }
.garden-business-row:hover { background: #fafcfb; box-shadow: inset -3px 0 #94a69a; }
.garden-business-row.is-pending { box-shadow: inset -3px 0 #c79565; }
.garden-business-row .garden-business-avatar { width: 32px; height: 32px; border-radius: 9px; }
.garden-business-row__identity { min-width: 0; }
.garden-business-row__identity :is(span,strong,a) { display: block; }
.garden-business-row__status {
    width: max-content;
    min-height: 18px;
    padding: 2px 6px;
    background: #e7f0e9;
    border-radius: 5px;
    color: #477057;
    font-size: 13px;
    font-weight: 800;
}
.garden-business-row.is-pending .garden-business-row__status { background: #f7eee2; color: #91673e; }
.garden-business-row__identity strong { overflow: hidden; margin-top: 3px; color: #27322c; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.garden-business-row__identity a { margin-top: 2px; color: #6f7872; font: 13px 'Inter', sans-serif; text-decoration: none; }
.garden-business-row__context { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.garden-business-row__context>span { min-width: 0; }
.garden-business-row__context :is(small,strong) { display: block; }
.garden-business-row__context small,
.garden-business-row__metric small { color: #7a837d; font-size: 13px; }
.garden-business-row__context strong { overflow: hidden; margin-top: 4px; color: #354139; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.garden-business-row__metric :is(small,strong,span) { display: block; }
.garden-business-row__metric strong { margin-top: 4px; color: #27322c; font: 750 13px 'Inter', sans-serif; }
.garden-business-row__metric span { margin-top: 3px; color: #7a837d; font: 13px 'Inter', sans-serif; }
.garden-business-row__actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.garden-business-row__actions form { margin: 0; }
.garden-business-row__actions>a,
.garden-business-row__actions>form>button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 29px;
    padding: 0 8px;
    border-radius: 7px;
    font: 750 13px inherit;
    text-decoration: none;
    white-space: nowrap;
}
.garden-business-row__actions .is-primary { background: #485f52; border: 1px solid #485f52; color: #fff; }
.garden-business-row__actions .is-approve { background: #edf4ef; border: 1px solid #d7e4da; color: #477057; }
.garden-business-row__actions details { position: relative; }
.garden-business-row__actions summary { display: grid; place-items: center; width: 29px; height: 29px; background: #fff; border: 1px solid var(--gbc-line); border-radius: 7px; color: #6d7770; cursor: pointer; list-style: none; }
.garden-business-row__actions summary::-webkit-details-marker { display: none; }
.garden-business-row__actions details>div { position: absolute; z-index: 20; top: calc(100% + 4px); inset-inline-end: 0; min-width: 145px; padding: 5px; background: #fff; border: 1px solid var(--gbc-line); border-radius: 8px; box-shadow: 0 12px 30px rgba(35,46,40,.16); }
.garden-business-row__actions details :is(a,button) { display: flex; align-items: center; width: 100%; min-height: 28px; padding: 0 7px; background: transparent; border: 0; border-radius: 6px; color: #4f5c54; font: 700 13px inherit; text-align: start; text-decoration: none; }
.garden-business-row__actions details :is(a,button):hover { background: #f4f6f4; }
.garden-business-row__actions details button.is-danger { color: #9a544f; }
.garden-business-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 210px; padding: 22px; color: #737d76; text-align: center; }
.garden-business-empty>i { margin-bottom: 8px; color: #9ca69f; font-size: 22px; }
.garden-business-empty :is(strong,span) { display: block; }
.garden-business-empty strong { color: #27322c; font-size: 13px; }
.garden-business-empty span { margin-top: 4px; font-size: 13px; }
.garden-business-pagination { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; padding: 6px 10px; border-top: 1px solid var(--gbc-line); }
.garden-business-pagination>span { color: #737d76; font-size: 13px; }
.garden-business-pagination nav>div:first-child { display: none!important; }
.garden-business-pagination nav>div:last-child { display: flex; align-items: center; gap: 8px; }
.garden-business-pagination nav p { display: none; }
.garden-business-pagination .pagination { margin: 0; }
@media(max-width:1020px) {
    .garden-business-row { grid-template-columns: 34px minmax(170px,1fr) minmax(145px,.8fr) 190px; grid-template-areas: "avatar identity metric actions" "avatar context context actions"; min-height: 86px; }
    .garden-business-row>.garden-business-avatar { grid-area: avatar; }
    .garden-business-row__identity { grid-area: identity; }
    .garden-business-row__context { grid-area: context; }
    .garden-business-row__metric { grid-area: metric; }
    .garden-business-row__actions { grid-area: actions; }
}
@media(max-width:720px) {
    .garden-business-toolbar { grid-template-columns: minmax(0,1fr) 140px auto; }
    .garden-business-toolbar__reset { grid-column: 1/-1; min-height: 27px; }
    .garden-business-row { grid-template-columns: 32px minmax(0,1fr) 160px; grid-template-areas: "avatar identity actions" "avatar context actions" "avatar metric actions"; }
    .garden-business-row__context { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .garden-business-register-head>small { display: none; }
}
@media(max-width:480px) {
    .garden-business-toolbar { grid-template-columns: minmax(0,1fr) 112px; }
    .garden-business-toolbar__submit { grid-column: 1/-1; min-height: 28px; }
    .garden-business-row { grid-template-columns: 30px minmax(0,1fr) 68px; grid-template-areas: "avatar identity actions" "avatar context actions" "avatar metric actions"; }
    .garden-business-row__actions { flex-wrap: wrap; }
    .garden-business-row__actions>a { width: 29px; padding: 0; font-size: 0; }
    .garden-business-row__actions>a::before { font-family: "Font Awesome 6 Free"; font-size: 13px; font-weight: 900; content: "\f06e"; }
    .garden-business-row__actions>form>button { width: 29px; padding: 0; font-size: 0; }
    .garden-business-row__actions>form>button>i { font-size: 13px; }
    .garden-business-pagination { align-items: flex-start; flex-direction: column; }
}

/* Pending collections — one next-action row instead of a spreadsheet */
.garden-pending-orders-workspace .garden-pending-register-wrap { overflow: visible !important; padding: 0 !important; }
.garden-pending-orders-workspace .garden-pending-register { width: 100%; min-width: 0 !important; border-spacing: 0; }
.garden-pending-row {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(180px, 1.1fr) minmax(145px, .85fr) minmax(115px, .65fr) 178px;
    gap: 9px;
    align-items: center;
    min-height: 66px;
    padding: 7px 10px;
    background: #fff;
    border-bottom: 1px solid var(--gpo-line);
}
.garden-pending-row:last-child { border-bottom: 0; }
.garden-pending-row[hidden] { display: none !important; }
.garden-pending-row:hover { background: #fafcfb; box-shadow: inset -3px 0 #9aa99f; }
.garden-pending-row.is-partial { box-shadow: inset -3px 0 #c18a5d; }
.garden-pending-row>.garden-pending-avatar { width: 32px; height: 32px; border-radius: 9px; }
.garden-pending-row__identity { min-width: 0; }
.garden-pending-row__identity :is(a,span) { display: block; }
.garden-pending-row__identity>a:first-child { overflow: hidden; color: var(--gpo-ink); font-size: 13px; font-weight: 760; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.garden-pending-row__identity>span { margin-top: 3px; color: #7a837d; font: 13px 'Inter', sans-serif; }
.garden-pending-row__identity>a:last-child:not(:first-child) { margin-top: 3px; color: #66736b; font: 13px 'Inter', sans-serif; text-decoration: none; }
.garden-pending-row__reason :is(span,small) { display: block; }
.garden-pending-row__reason>span { width: max-content; min-height: 20px; padding: 3px 6px; background: #f5eee4; border-radius: 6px; color: #91673e; font-size: 13px; font-weight: 800; }
.garden-pending-row__reason>span.is-partial { background: #e8edf3; color: #566b82; }
.garden-pending-row__reason small { overflow: hidden; margin-top: 4px; color: #7a837d; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.garden-pending-row__money :is(small,strong,span) { display: block; }
.garden-pending-row__money small { color: #7a837d; font-size: 13px; }
.garden-pending-row__money strong { margin-top: 3px; color: #a66043; font: 780 13px 'Inter', sans-serif; }
.garden-pending-row__money span { margin-top: 2px; color: #737d76; font-size: 13px; }
.garden-pending-row__actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.garden-pending-row__actions .garden-pending-collect { min-height: 29px; white-space: nowrap; }
.garden-pending-row__actions details { position: relative; }
.garden-pending-row__actions summary { display: grid; place-items: center; width: 29px; height: 29px; background: #fff; border: 1px solid var(--gpo-line); border-radius: 7px; color: #66736b; cursor: pointer; list-style: none; }
.garden-pending-row__actions summary::-webkit-details-marker { display: none; }
.garden-pending-row__actions details>div { position: absolute; z-index: 30; top: calc(100% + 4px); inset-inline-end: 0; min-width: 158px; padding: 5px; background: #fff; border: 1px solid var(--gpo-line); border-radius: 8px; box-shadow: 0 12px 30px rgba(35,46,40,.16); }
.garden-pending-row__actions details :is(a,button) { display: flex; align-items: center; gap: 6px; width: 100%; min-height: 28px; padding: 0 7px; background: transparent; border: 0; border-radius: 6px; color: #4f5c54; font: 700 13px inherit; text-align: start; text-decoration: none; }
.garden-pending-row__actions details :is(a,button):hover { background: #f4f6f4; }
.garden-pending-row__actions details button.is-danger { color: #9a544f; }
.garden-pending-register-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 205px; padding: 22px; text-align: center; }
.garden-pending-register-empty>i { margin-bottom: 8px; color: #8fa095; font-size: 22px; }
.garden-pending-register-empty :is(strong,span) { display: block; }
.garden-pending-register-empty strong { color: var(--gpo-ink); font-size: 13px; }
.garden-pending-register-empty span { margin-top: 4px; color: var(--gpo-muted); font-size: 13px; }
@media(max-width:920px) and (min-width:576px) {
    .garden-pending-row { grid-template-columns: 32px minmax(160px,1fr) minmax(105px,.7fr) 170px; grid-template-areas: "avatar identity money actions" "avatar reason reason actions"; min-height: 82px; }
    .garden-pending-row>.garden-pending-avatar { grid-area: avatar; }
    .garden-pending-row__identity { grid-area: identity; }
    .garden-pending-row__reason { grid-area: reason; display: flex; align-items: center; gap: 6px; }
    .garden-pending-row__reason small { margin-top: 0; }
    .garden-pending-row__money { grid-area: money; }
    .garden-pending-row__actions { grid-area: actions; }
}

/* Task workspace v2 — lightweight team planning, conversation and reminders. */
.garden-task-hub--collab,
.garden-task-detail--collab {
    --gt2-ink: #253029;
    --gt2-muted: #748078;
    --gt2-line: #dce3de;
    --gt2-soft: #f5f7f5;
    --gt2-green: #435f50;
    --gt2-green-soft: #eaf0ec;
    --gt2-clay: #ad6548;
    --gt2-amber: #9b733b;
}

.garden-task-new {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    padding: 0 15px;
    border: 1px solid var(--gt2-green);
    border-radius: 9px;
    background: var(--gt2-green);
    color: #fff;
    font: 750 13px 'Assistant', sans-serif;
    cursor: pointer;
}

.garden-task-new:hover { background: #344b3f; border-color: #344b3f; }

.garden-task-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.garden-task-view-switch {
    display: flex;
    flex: 0 0 auto;
    gap: 3px;
    padding: 4px;
    border: 1px solid var(--gt2-line);
    border-radius: 10px;
    background: #fff;
}

.garden-task-view-switch a {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    gap: 6px;
    padding: 0 11px;
    border-radius: 7px;
    color: #6e7972;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.garden-task-view-switch a:hover { background: var(--gt2-soft); color: var(--gt2-ink); }
.garden-task-view-switch a.is-active { background: var(--gt2-green-soft); color: var(--gt2-green); }
.garden-task-view-switch i { font-size: 12px; }

.garden-task-toolbar__filters { display: flex; min-width: 0; align-items: center; gap: 8px; }
.garden-task-toolbar__filters > label { margin: 0; }
.garden-task-toolbar__filters select {
    min-width: 138px;
    height: 42px;
    padding: 0 10px 0 30px;
    border: 1px solid var(--gt2-line);
    border-radius: 10px;
    background-color: #fff;
    color: #59655e;
    font: 750 13px 'Assistant', sans-serif;
    outline: 0;
}
.garden-task-toolbar__filters select:focus { border-color: #96a79d; box-shadow: 0 0 0 3px rgba(67,95,80,.08); }
.garden-task-toolbar .garden-task-hub__filters { min-height: 42px; }

.garden-task-card__top > div { display: flex; align-items: center; gap: 4px; }
.garden-task-priority {
    display: inline-flex;
    min-height: 20px;
    align-items: center;
    padding: 0 6px;
    border-radius: 6px;
    background: #eef1ef;
    color: #667069;
    font-size: 11px;
    font-weight: 800;
}
.garden-task-priority.is-high { background: #f4eee4; color: #906c39; }
.garden-task-priority.is-urgent { background: #f8eae7; color: #a15843; }
.garden-task-priority.is-low { background: #edf2f5; color: #667985; }

.garden-task-card__people {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    margin-top: 10px;
}
.garden-task-avatar {
    display: inline-grid;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 1px solid #d9e2dc;
    border-radius: 8px;
    background: #eaf0ec;
    color: var(--gt2-green, #435f50);
    font: 800 12px 'Assistant', sans-serif;
}
.garden-task-avatar.is-soft { background: #f1f3f2; color: #7a847e; }
.garden-task-card__people > span:nth-child(2) {
    min-width: 0;
    overflow: hidden;
    color: #69746d;
    font-size: 12px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.garden-task-card__people > div { display: flex; align-items: center; gap: 7px; margin-inline-start: auto; }
.garden-task-card__people > div span { display: inline-flex; align-items: center; gap: 4px; color: #8a938d; font: 700 11px 'Inter','Assistant',sans-serif; }
.garden-task-card__people > div .is-reminder { color: #8b6c3e; }
.garden-task-card[draggable="true"] .garden-task-card__drag { cursor: grab; }
.garden-task-card__actions .garden-task-card__delete { display: flex; margin: 0; }
.garden-task-card__actions .garden-task-card__delete button { color: #9a6253; }
.garden-task-card__actions .garden-task-card__delete button:hover { border-color: #e3cfc9; background: #fbefec; color: #994f3d; }

.garden-task-list,
.garden-task-schedule {
    overflow: hidden;
    border: 1px solid var(--gt2-line);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(31,39,34,.035);
}
.garden-task-list > header,
.garden-task-schedule > header {
    display: flex;
    min-height: 70px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--gt2-line);
}
.garden-task-list > header span,
.garden-task-schedule > header span { display: block; color: #88938c; font-size: 12px; font-weight: 800; }
.garden-task-list > header h2,
.garden-task-schedule > header h2 { margin: 2px 0 0; color: var(--gt2-ink); font: 650 18px 'Rubik','Assistant',sans-serif; }
.garden-task-list > header > strong { padding: 5px 8px; border-radius: 7px; background: var(--gt2-soft); color: #68736c; font-size: 12px; }

.garden-task-list__labels,
.garden-task-list__row {
    display: grid;
    grid-template-columns: minmax(260px,1.55fr) minmax(150px,.8fr) minmax(140px,.68fr) 105px 95px;
    gap: 12px;
    align-items: center;
}
.garden-task-list__labels { min-height: 34px; padding: 0 14px; background: #f8faf8; border-bottom: 1px solid var(--gt2-line); color: #8a938d; font-size: 11px; font-weight: 800; }
.garden-task-list__row { position: relative; min-height: 62px; padding: 7px 14px; border-bottom: 1px solid #e7ebe8; color: #637068; font-size: 12px; text-decoration: none; }
.garden-task-list__row:last-child { border-bottom: 0; }
.garden-task-list__row:hover { background: #fafcfb; color: #4d5a52; }
.garden-task-list__row.is-overdue::before { position: absolute; inset-block: 9px; inset-inline-start: 0; width: 3px; border-radius: 0 3px 3px 0; background: var(--gt2-clay); content: ''; }
.garden-task-list__row > span { display: flex; min-width: 0; align-items: center; gap: 7px; }
.garden-task-list__row > span:last-child { gap: 5px; font: 700 11px 'Inter',sans-serif; }
.garden-task-list__row > span:last-child i:nth-of-type(2) { margin-inline-start: 6px; }
.garden-task-list__title > span { display: block; min-width: 0; }
.garden-task-list__title strong,
.garden-task-list__title small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.garden-task-list__title strong { color: var(--gt2-ink); font-size: 13px; }
.garden-task-list__title small { margin-top: 3px; color: #8a938d; font-size: 11px; font-weight: 600; }
.garden-task-dot { flex: 0 0 7px; width: 7px; height: 7px; border-radius: 50%; background: #aeb8b1; }
.garden-task-dot.is-high { background: var(--gt2-amber); }
.garden-task-dot.is-urgent { background: var(--gt2-clay); box-shadow: 0 0 0 3px #f5e8e4; }
.garden-task-dot.is-low { background: #8195a0; }
.garden-task-status { display: inline-flex; min-height: 23px; align-items: center; padding: 0 7px; border-radius: 6px; background: #f0f2f1; color: #66716a; font-size: 11px; }
.garden-task-status.is-doing { background: #f4eee4; color: #89693d; }
.garden-task-status.is-done { background: #e8f1eb; color: #4e715d; }
.garden-task-status.is-irrelevant { color: #929995; text-decoration: line-through; }
.garden-task-list__row span.is-overdue { color: var(--gt2-clay); }
.garden-task-list__empty { display: flex; min-height: 230px; align-items: center; justify-content: center; flex-direction: column; gap: 5px; color: #8c9690; font-size: 12px; }
.garden-task-list__empty i { margin-bottom: 4px; color: #91a197; font-size: 24px; }
.garden-task-list__empty strong { color: var(--gt2-ink); font-size: 14px; }

.garden-task-schedule > header > small { color: #7e8982; font-size: 12px; }
.garden-task-schedule__days { display: grid; grid-template-columns: repeat(7,minmax(140px,1fr)); min-width: 980px; overflow-x: auto; }
.garden-task-day { min-height: 350px; border-inline-start: 1px solid var(--gt2-line); background: #fff; }
.garden-task-day:first-child { border-inline-start: 0; }
.garden-task-day > header { display: flex; min-height: 55px; align-items: baseline; gap: 5px; padding: 9px 10px; border-bottom: 1px solid var(--gt2-line); }
.garden-task-day > header span { color: #78837c; font-size: 11px; font-weight: 800; }
.garden-task-day > header strong { color: var(--gt2-ink); font: 700 19px 'Inter','Assistant',sans-serif; }
.garden-task-day > header small { color: #949c97; font-size: 11px; }
.garden-task-day.is-today { background: #fbfdfb; box-shadow: inset 0 3px var(--gt2-green); }
.garden-task-day.is-today > header strong { color: var(--gt2-green); }
.garden-task-day > div { display: flex; flex-direction: column; gap: 6px; padding: 7px; }
.garden-task-slot { position: relative; display: flex; min-height: 87px; flex-direction: column; padding: 8px; overflow: hidden; border: 1px solid #dfe5e1; border-radius: 8px; background: #fff; color: inherit; text-decoration: none; }
.garden-task-slot::before { position: absolute; inset-block: 8px; inset-inline-start: 0; width: 2px; border-radius: 0 2px 2px 0; background: #9eaaa2; content: ''; }
.garden-task-slot.is-high::before { background: var(--gt2-amber); }
.garden-task-slot.is-urgent::before { background: var(--gt2-clay); }
.garden-task-slot:hover { border-color: #bfcac3; color: inherit; box-shadow: 0 5px 14px rgba(35,48,40,.06); }
.garden-task-slot time { color: #8a938d; font: 700 10px 'Inter',sans-serif; }
.garden-task-slot > strong { display: -webkit-box; margin-top: 3px; overflow: hidden; color: var(--gt2-ink); font-size: 12px; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.garden-task-slot > span { display: flex; min-width: 0; align-items: center; gap: 5px; margin-top: auto; overflow: hidden; color: #78837c; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.garden-task-slot .garden-task-avatar { flex-basis: 20px; width: 20px; height: 20px; border-radius: 6px; font-size: 9px; }
.garden-task-day__empty { display: grid; min-height: 105px; place-items: center; color: #b0b7b2; font-size: 11px; }
.garden-task-schedule > footer { display: flex; align-items: center; gap: 6px; padding: 9px 12px; overflow-x: auto; border-top: 1px solid var(--gt2-line); background: #fafbfa; }
.garden-task-schedule > footer strong { flex: 0 0 auto; margin-inline-end: 4px; color: #717c75; font-size: 11px; }
.garden-task-schedule > footer a { flex: 0 0 auto; padding: 5px 7px; border: 1px solid var(--gt2-line); border-radius: 6px; background: #fff; color: var(--gt2-ink); font-size: 11px; font-weight: 700; text-decoration: none; }

.garden-task-dialog {
    width: min(650px,calc(100vw - 24px));
    max-height: calc(100vh - 30px);
    padding: 0;
    overflow: auto;
    border: 0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 24px 80px rgba(25,35,29,.24);
}
.garden-task-dialog::backdrop { background: rgba(30,39,34,.44); backdrop-filter: blur(2px); }
.garden-task-dialog > form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 16px; }
.garden-task-dialog header,
.garden-task-dialog footer,
.garden-task-dialog .is-wide { grid-column: 1/-1; }
.garden-task-dialog header { display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 11px; border-bottom: 1px solid var(--gt2-line); }
.garden-task-dialog header span { color: #77847c; font-size: 11px; font-weight: 800; }
.garden-task-dialog header h2 { margin: 3px 0 0; color: var(--gt2-ink); font: 650 21px 'Rubik','Assistant',sans-serif; }
.garden-task-dialog header > button { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid var(--gt2-line); border-radius: 8px; background: #fff; color: #758078; cursor: pointer; }
.garden-task-dialog label { display: block; margin: 0; }
.garden-task-dialog label > span { display: block; margin: 0 2px 4px; color: #68746d; font-size: 12px; font-weight: 750; }
.garden-task-dialog :is(input,textarea,select) { width: 100%; border: 1px solid var(--gt2-line); border-radius: 8px; background: #fafbfa; color: var(--gt2-ink); font: 500 13px 'Assistant',sans-serif; outline: 0; }
.garden-task-dialog :is(input,select) { height: 37px; padding-inline: 9px; }
.garden-task-dialog textarea { min-height: 78px; padding: 8px 9px; resize: vertical; }
.garden-task-dialog :is(input,textarea,select):focus { border-color: #91a69a; background: #fff; box-shadow: 0 0 0 3px rgba(67,95,80,.08); }
.garden-task-dialog__grid { display: grid; grid-column: 1/-1; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.garden-task-dialog footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 11px; border-top: 1px solid var(--gt2-line); }
.garden-task-dialog footer > span { display: flex; align-items: center; gap: 5px; color: #7b867f; font-size: 11px; }
.garden-task-dialog footer > div { display: flex; gap: 6px; }
.garden-task-dialog footer button { min-height: 34px; padding: 0 11px; border: 1px solid var(--gt2-line); border-radius: 8px; background: #fff; color: #66716a; font: 750 12px 'Assistant',sans-serif; cursor: pointer; }
.garden-task-dialog footer button[type="submit"] { display: inline-flex; align-items: center; gap: 5px; border-color: var(--gt2-green); background: var(--gt2-green); color: #fff; }

.garden-task-notify {
    grid-column: 1/-1;
    min-width: 0;
    margin: 2px 0 0;
    padding: 9px;
    border: 1px solid #dfe6e1;
    border-radius: 10px;
    background: #f8faf8;
}
.garden-task-notify legend { display: flex; align-items: center; gap: 8px; padding: 0 3px; color: #33423a; }
.garden-task-notify legend > span:first-child { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 8px; background: #e8f0eb; color: #4b6958; font-size: 12px; }
.garden-task-notify legend > span:last-child { display: flex; flex-direction: column; }
.garden-task-notify legend strong { font-size: 12px; font-weight: 800; }
.garden-task-notify legend small { margin-top: 1px; color: #859089; font-size: 10px; font-weight: 600; }
.garden-task-notify__channels { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; margin-top: 8px; }
.garden-task-notify__channels label { position: relative; display: flex; min-width: 0; min-height: 48px; align-items: center; gap: 8px; margin: 0; padding: 7px 9px; border: 1px solid #dce4de; border-radius: 9px; background: #fff; cursor: pointer; }
.garden-task-notify__channels label:hover { border-color: #bdcbc2; background: #fcfdfc; }
.garden-task-notify__channels label:has(input:checked) { border-color: #789383; background: #edf4ef; box-shadow: inset 0 0 0 1px rgba(69,100,81,.08); }
.garden-task-notify__channels label.is-disabled { cursor: not-allowed; opacity: .48; }
.garden-task-notify__channels input { position: absolute; width: 1px !important; height: 1px !important; opacity: 0; pointer-events: none; }
.garden-task-notify__channels label > span:nth-of-type(1) { display: grid; flex: 0 0 29px; width: 29px; height: 29px; place-items: center; border-radius: 8px; background: #f0f3f1; color: #627168; font-size: 12px; }
.garden-task-notify__channels label > span:nth-of-type(1).is-whatsapp { background: #e8f5ec; color: #2f7950; font-size: 15px; }
.garden-task-notify__channels label > span:nth-of-type(2) { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.garden-task-notify__channels strong { color: #3a4840; font-size: 11px; font-weight: 800; }
.garden-task-notify__channels small { overflow: hidden; margin-top: 2px; color: #8a958e; font-size: 9px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.garden-task-notify__channels label > i { display: grid; flex: 0 0 18px; width: 18px; height: 18px; place-items: center; border-radius: 50%; background: #456451; color: #fff; font-size: 8px; opacity: 0; transform: scale(.75); transition: 140ms ease; }
.garden-task-notify__channels label:has(input:checked) > i { opacity: 1; transform: scale(1); }
.garden-task-notify__channels label:has(input:focus-visible) { outline: 2px solid rgba(69,100,81,.22); outline-offset: 2px; }
.garden-task-notify > p { display: flex; align-items: center; gap: 5px; margin: 7px 2px 0; color: #839087; font-size: 9px; font-weight: 650; }
.garden-task-notify > p.is-error { color: #9b5147; }

.garden-task-dialog.has-task-picker { overflow: visible; }
.garden-task-dialog .flatpickr-wrapper,
.garden-task-editor .flatpickr-wrapper,
.garden-task-reminder-form .flatpickr-wrapper { width: 100%; }
.garden-task-datetime__display {
    padding-inline-end: 10px !important;
    padding-inline-start: 34px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236a776f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E") !important;
    background-position: 10px center !important;
    background-repeat: no-repeat !important;
    cursor: pointer;
    direction: rtl;
    text-align: right;
}
.garden-task-datetime__display::placeholder { color: #949e98; opacity: 1; }
.garden-air-picker.flatpickr-calendar {
    width: 310px;
    padding: 9px;
    border: 1px solid #dce4de;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(28,40,33,.18);
    color: #2c3931;
    font: 500 12px 'Assistant',sans-serif;
}
.garden-air-picker.flatpickr-calendar.static { top: calc(100% + 7px); inset-inline: auto 0; }
.garden-air-picker::before,
.garden-air-picker::after { display: none; }
.garden-air-picker .flatpickr-months { min-height: 35px; align-items: center; }
.garden-air-picker .flatpickr-month { height: 35px; color: #33423a; }
.garden-air-picker .flatpickr-current-month { padding-top: 8px; font-size: 14px; }
.garden-air-picker .flatpickr-current-month span.cur-month { margin: 0; font-weight: 800; }
.garden-air-picker .flatpickr-current-month input.cur-year { font-weight: 650; }
.garden-air-picker .flatpickr-months .flatpickr-prev-month,
.garden-air-picker .flatpickr-months .flatpickr-next-month {
    display: grid;
    width: 31px;
    height: 31px;
    top: 2px;
    padding: 0;
    place-items: center;
    border-radius: 8px;
    color: #66746c;
}
.garden-air-picker .flatpickr-months .flatpickr-prev-month:hover,
.garden-air-picker .flatpickr-months .flatpickr-next-month:hover { background: #f0f4f1; color: #355343; }
.garden-air-picker .flatpickr-weekdays { height: 30px; }
.garden-air-picker span.flatpickr-weekday { color: #89938d; font-size: 10px; font-weight: 800; }
.garden-air-picker .flatpickr-days,
.garden-air-picker .dayContainer { width: 290px; min-width: 290px; max-width: 290px; }
.garden-air-picker .flatpickr-day {
    max-width: 38px;
    height: 36px;
    border: 0;
    border-radius: 9px;
    color: #405047;
    line-height: 36px;
}
.garden-air-picker .flatpickr-day.prevMonthDay,
.garden-air-picker .flatpickr-day.nextMonthDay { color: #b4bcb7; }
.garden-air-picker .flatpickr-day:hover,
.garden-air-picker .flatpickr-day:focus { background: #edf3ef; color: #30483b; }
.garden-air-picker .flatpickr-day.today { box-shadow: inset 0 0 0 1px #91a69a; }
.garden-air-picker .flatpickr-day.selected,
.garden-air-picker .flatpickr-day.selected:hover,
.garden-air-picker .flatpickr-day.selected:focus { background: #456451; color: #fff; box-shadow: none; }
.garden-air-picker.flatpickr-calendar.hasTime .flatpickr-time {
    height: 44px;
    margin-top: 6px;
    border-top: 1px solid #e4e9e6;
    direction: ltr;
}
.garden-air-picker .flatpickr-time input { color: #35443c; font: 750 13px 'Inter','Assistant',sans-serif; }
.garden-air-picker .flatpickr-time .flatpickr-time-separator { color: #8a958e; }
.garden-air-picker .numInputWrapper span { border: 0; }
.garden-air-picker__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 4px -9px -9px;
    padding: 8px 9px;
    border-top: 1px solid #e4e9e6;
    border-radius: 0 0 13px 13px;
    background: #fafbfa;
}
.garden-air-picker__actions > div { display: flex; gap: 4px; }
.garden-air-picker__actions button {
    min-height: 30px;
    padding: 0 9px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #718078;
    font: 750 11px 'Assistant',sans-serif;
    cursor: pointer;
}
.garden-air-picker__actions button:hover { background: #edf2ef; color: #405047; }
.garden-air-picker__actions button.is-primary { background: #456451; color: #fff; }
.garden-air-picker__actions button.is-primary:hover { background: #385343; }

.garden-task-confirm {
    width: min(440px,calc(100vw - 24px));
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 26px 80px rgba(25,35,29,.28);
}
.garden-task-confirm::backdrop { background: rgba(28,36,31,.5); backdrop-filter: blur(3px); }
.garden-task-confirm__panel { color: var(--gt2-ink,#253029); }
.garden-task-confirm__panel > header { display: flex; align-items: center; justify-content: space-between; padding: 15px 16px 4px; }
.garden-task-confirm__icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: #f8e9e5; color: #a45843; font-size: 15px; }
.garden-task-confirm__panel > header > button { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid #dfe5e1; border-radius: 8px; background: #fff; color: #768079; cursor: pointer; }
.garden-task-confirm__panel > header > button:hover { background: #f5f7f5; color: #3f4b44; }
.garden-task-confirm__body { padding: 9px 16px 17px; }
.garden-task-confirm__body > span { color: #9a6253; font-size: 11px; font-weight: 800; }
.garden-task-confirm__body h2 { margin: 4px 0 7px; color: var(--gt2-ink,#253029); font: 650 21px 'Rubik','Assistant',sans-serif; letter-spacing: -.02em; }
.garden-task-confirm__body > p { margin: 0; color: #68736c; font-size: 13px; line-height: 1.65; }
.garden-task-confirm__body > p strong { color: #3d4942; font-weight: 800; }
.garden-task-confirm__body > div { display: flex; align-items: center; gap: 7px; margin-top: 14px; padding: 9px 10px; border: 1px solid #ead9d4; border-radius: 9px; background: #fcf4f2; color: #8d594b; font-size: 11px; font-weight: 700; }
.garden-task-confirm__panel > footer { display: flex; justify-content: flex-end; gap: 7px; padding: 11px 16px; border-top: 1px solid #e2e7e4; background: #fafbfa; }
.garden-task-confirm__panel > footer button { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; gap: 6px; padding: 0 13px; border: 1px solid #dce3de; border-radius: 8px; background: #fff; color: #5f6b64; font: 750 12px 'Assistant',sans-serif; cursor: pointer; }
.garden-task-confirm__panel > footer button:hover { background: #f1f4f2; color: #35423a; }
.garden-task-confirm__panel > footer [data-task-delete-confirm] { border-color: #a85b47; background: #a85b47; color: #fff; }
.garden-task-confirm__panel > footer [data-task-delete-confirm]:hover { border-color: #914a38; background: #914a38; color: #fff; }
.garden-task-confirm__panel > footer [data-task-delete-confirm]:disabled { cursor: wait; opacity: .65; }

.garden-task-detail--collab { max-width: 1380px; }
.garden-task-detail__notice { display: flex; align-items: center; gap: 6px; }
.garden-task-detail__notice.is-error { border-color: #edd8d5; background: #fbefee; color: #934f4a; }
.garden-task-detail__actions form { margin: 0; }
.garden-task-detail__actions .garden-task-detail__delete button { border-color: #e3d2cd; background: #fff; color: #995b4b; }
.garden-task-detail__actions .garden-task-detail__delete button:hover { border-color: #d9bdb5; background: #fbefec; color: #8e4938; }
.garden-task-priority-text.is-urgent { color: var(--gt2-clay); }
.garden-task-priority-text.is-high { color: var(--gt2-amber); }
.garden-task-priority-text.is-low { color: #667d89; }
.garden-task-conversation-layout { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(300px,.65fr); gap: 10px; align-items: start; }
.garden-task-conversation-main { display: flex; min-width: 0; flex-direction: column; gap: 10px; }
.garden-task-brief,
.garden-task-activity,
.garden-task-side > section { overflow: hidden; border: 1px solid var(--gt2-line); border-radius: 12px; background: #fff; box-shadow: 0 7px 24px rgba(37,48,42,.035); }
.garden-task-brief > header,
.garden-task-activity > header,
.garden-task-side > section > header { display: flex; min-height: 55px; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 12px; border-bottom: 1px solid var(--gt2-line); }
.garden-task-brief > header span,
.garden-task-activity > header span,
.garden-task-side > section > header span { display: block; color: #738178; font-size: 11px; font-weight: 800; }
.garden-task-brief > header h2,
.garden-task-activity > header h2,
.garden-task-side > section > header h2 { margin: 2px 0 0; color: var(--gt2-ink); font-size: 13px; }
.garden-task-brief > header > a { color: #64746b; font-size: 11px; font-weight: 750; text-decoration: none; }
.garden-task-brief > div { min-height: 105px; padding: 13px 14px; color: #465249; font-size: 13px; line-height: 1.75; }
.garden-task-activity > header > strong,
.garden-task-reminders > header > strong { min-width: 26px; padding: 4px 6px; border-radius: 6px; background: var(--gt2-soft); color: #68746c; font: 750 11px 'Inter','Assistant',sans-serif; text-align: center; }

.garden-task-timeline { position: relative; padding: 6px 12px 0; }
.garden-task-timeline::before { position: absolute; top: 21px; bottom: 12px; inset-inline-start: 26px; width: 1px; background: #e2e7e4; content: ''; }
.garden-task-event { position: relative; display: grid; grid-template-columns: 29px minmax(0,1fr); gap: 9px; padding: 9px 0; }
.garden-task-event > .garden-task-avatar { position: relative; z-index: 1; width: 29px; height: 29px; }
.garden-task-event__icon { position: relative; z-index: 1; display: grid; width: 29px; height: 29px; place-items: center; border: 1px solid #dae3dd; border-radius: 8px; background: #f0f4f1; color: #6e8075; font-size: 10px; }
.garden-task-event.is-system > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 29px; }
.garden-task-event.is-system p { margin: 0; color: #6d7871; font-size: 11px; }
.garden-task-event time { color: #929a95; font: 600 10px 'Inter','Assistant',sans-serif; }
.garden-task-event.is-comment > div { min-width: 0; padding: 9px 10px; border: 1px solid #e2e7e4; border-radius: 0 9px 9px 9px; background: #fafbfa; }
.garden-task-event.is-comment > div > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.garden-task-event.is-comment > div > header strong { color: var(--gt2-ink); font-size: 12px; }
.garden-task-event.is-comment p { margin: 7px 0 0; color: #4f5b53; font-size: 13px; line-height: 1.6; }
.garden-task-event.is-comment footer { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; margin-top: 8px; color: #718077; font-size: 10px; }
.garden-task-event.is-comment footer span { padding: 3px 5px; border-radius: 5px; background: #eaf0ec; color: #51695b; font-weight: 750; }

.garden-task-comment-form { margin: 10px 12px 12px; padding: 10px; border: 1px solid #dbe3de; border-radius: 10px; background: #fff; box-shadow: 0 5px 15px rgba(37,48,42,.04); }
.garden-task-comment-form__identity { display: flex; align-items: center; gap: 7px; margin-bottom: 7px; }
.garden-task-comment-form__identity strong { color: var(--gt2-ink); font-size: 12px; }
.garden-task-comment-form textarea { width: 100%; min-height: 78px; padding: 8px 9px; border: 1px solid var(--gt2-line); border-radius: 8px; background: #fafbfa; color: var(--gt2-ink); font: 500 13px 'Assistant',sans-serif; line-height: 1.5; resize: vertical; outline: 0; }
.garden-task-comment-form textarea:focus { border-color: #91a69a; background: #fff; box-shadow: 0 0 0 3px rgba(67,95,80,.08); }
.garden-task-mention-picker { position: relative; display: flex; min-height: 34px; align-items: center; gap: 7px; }
.garden-task-mention-picker > button { display: inline-flex; min-height: 27px; align-items: center; gap: 5px; padding: 0 7px; border: 1px solid var(--gt2-line); border-radius: 6px; background: #fff; color: #66736b; font: 750 11px 'Assistant',sans-serif; cursor: pointer; }
.garden-task-mention-picker > span { color: #929a95; font-size: 10px; }
.garden-task-mention-picker > div { position: absolute; z-index: 5; top: calc(100% - 2px); inset-inline-start: 0; display: grid; width: min(340px,100%); max-height: 175px; gap: 3px; padding: 6px; overflow-y: auto; border: 1px solid var(--gt2-line); border-radius: 8px; background: #fff; box-shadow: 0 14px 34px rgba(27,38,31,.14); }
.garden-task-mention-picker > div[hidden] { display: none; }
.garden-task-mention-picker label { margin: 0; }
.garden-task-mention-picker label input { position: absolute; opacity: 0; pointer-events: none; }
.garden-task-mention-picker label span { display: block; padding: 6px 7px; border-radius: 6px; color: #5e6a62; font-size: 11px; font-weight: 700; cursor: pointer; }
.garden-task-mention-picker label span:hover { background: var(--gt2-soft); }
.garden-task-mention-picker label input:checked + span { background: var(--gt2-green-soft); color: var(--gt2-green); }
.garden-task-comment-form > footer { display: flex; align-items: center; justify-content: space-between; gap: 9px; padding-top: 8px; border-top: 1px solid #edf0ee; }
.garden-task-comment-form > footer small { color: #919a94; font-size: 10px; }
.garden-task-comment-form > footer button { display: inline-flex; min-height: 31px; align-items: center; gap: 6px; padding: 0 10px; border: 0; border-radius: 7px; background: var(--gt2-green); color: #fff; font: 750 11px 'Assistant',sans-serif; cursor: pointer; }

.garden-task-side { position: sticky; top: 76px; display: flex; flex-direction: column; gap: 10px; }
.garden-task-people > div { display: flex; align-items: center; gap: 8px; min-height: 54px; padding: 7px 11px; border-bottom: 1px solid #e8ece9; }
.garden-task-people > div:last-child { border-bottom: 0; }
.garden-task-people p { min-width: 0; margin: 0; }
.garden-task-people p strong,
.garden-task-people p small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.garden-task-people p strong { color: var(--gt2-ink); font-size: 12px; }
.garden-task-people p small { margin-top: 2px; color: #818c85; font-size: 10px; }
.garden-task-reminders__list { padding: 4px 10px; }
.garden-task-reminders__list article { display: grid; grid-template-columns: 25px minmax(0,1fr) 27px; gap: 7px; align-items: center; min-height: 55px; padding: 6px 0; border-bottom: 1px solid #e8ece9; }
.garden-task-reminders__list article > i { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 7px; background: #eef2ef; color: #708078; font-size: 10px; }
.garden-task-reminders__list article > div :is(strong,span,small) { display: block; }
.garden-task-reminders__list article > div strong { color: var(--gt2-ink); font: 750 11px 'Inter','Assistant',sans-serif; }
.garden-task-reminders__list article > div span { margin-top: 2px; color: #758179; font-size: 10px; }
.garden-task-reminders__list article > div small { margin-top: 2px; color: #929a95; font-size: 10px; }
.garden-task-reminders__list article form { margin: 0; }
.garden-task-reminders__list article button { display: grid; width: 26px; height: 26px; place-items: center; border: 1px solid var(--gt2-line); border-radius: 7px; background: #fff; color: #718078; font-size: 9px; cursor: pointer; }
.garden-task-reminders__list article.is-due > i { background: #f7e9e5; color: var(--gt2-clay); }
.garden-task-reminders__list article.is-due strong { color: var(--gt2-clay); }
.garden-task-reminders__list article.is-complete { opacity: .58; }
.garden-task-reminders__list article.is-complete strong { text-decoration: line-through; }
.garden-task-reminders__empty { margin: 0; padding: 15px 4px; color: #8c9690; font-size: 11px; text-align: center; }
.garden-task-reminder-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; padding: 10px; border-top: 1px solid var(--gt2-line); background: #fafbfa; }
.garden-task-reminder-form label { display: block; margin: 0; }
.garden-task-reminder-form label:last-of-type { grid-column: 1/-1; }
.garden-task-reminder-form label span { display: block; margin: 0 2px 3px; color: #748078; font-size: 10px; font-weight: 750; }
.garden-task-reminder-form :is(input,select) { width: 100%; height: 31px; padding-inline: 7px; border: 1px solid var(--gt2-line); border-radius: 7px; background: #fff; color: var(--gt2-ink); font: 500 10px 'Assistant',sans-serif; outline: 0; }
.garden-task-reminder-form > button { grid-column: 1/-1; display: inline-flex; min-height: 31px; align-items: center; justify-content: center; gap: 5px; border: 1px solid #cfd9d2; border-radius: 7px; background: #fff; color: var(--gt2-green); font: 750 11px 'Assistant',sans-serif; cursor: pointer; }
.garden-task-reminder-form > button:hover { background: var(--gt2-green-soft); }
.garden-task-delete { margin: 0; }
.garden-task-delete button { display: inline-flex; min-height: 29px; align-items: center; gap: 5px; padding: 0 7px; border: 0; background: transparent; color: #9b6255; font: 700 10px 'Assistant',sans-serif; cursor: pointer; }

@media (max-width: 1050px) {
    .garden-task-toolbar { align-items: stretch; flex-direction: column; }
    .garden-task-toolbar__filters { justify-content: space-between; }
    .garden-task-conversation-layout { grid-template-columns: minmax(0,1.35fr) minmax(270px,.65fr); }
}

@media (max-width: 820px) {
    .garden-task-toolbar__filters { align-items: stretch; flex-direction: column; }
    .garden-task-toolbar__filters select { width: 100%; }
    .garden-task-toolbar .garden-task-hub__filters { width: 100%; }
    .garden-task-list { overflow-x: auto; }
    .garden-task-list__labels,
    .garden-task-list__row { min-width: 780px; }
    .garden-task-conversation-layout { grid-template-columns: minmax(0,1fr); }
    .garden-task-side { position: static; }
}

@media (max-width: 560px) {
    .garden-task-view-switch { width: 100%; }
    .garden-task-view-switch a { flex: 1; justify-content: center; }
    .garden-task-dialog > form,
    .garden-task-dialog__grid { grid-template-columns: minmax(0,1fr); }
    .garden-task-dialog footer { align-items: stretch; flex-direction: column; }
    .garden-task-dialog footer > div button { flex: 1; }
    .garden-task-event.is-system > div { align-items: flex-start; flex-direction: column; gap: 2px; }
    .garden-task-comment-form > footer { align-items: stretch; flex-direction: column; }
    .garden-task-comment-form > footer button { justify-content: center; }
    .garden-task-confirm__panel > footer { flex-direction: column-reverse; }
    .garden-task-confirm__panel > footer button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .garden-task-slot,
    .garden-task-list__row,
    .garden-task-new { transition: none; }
}

/* Storefront analytics — paid attribution ledger (2026-08-21). */
.garden-shop-insights__ledger {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.garden-shop-attribution {
    margin-bottom: 9px;
}

.garden-shop-attribution__table-wrap {
    overflow-x: auto;
}

.garden-shop-attribution table {
    width: 100%;
    min-width: 850px;
    border-collapse: collapse;
    table-layout: fixed;
}

.garden-shop-attribution thead th {
    height: 35px;
    padding: 0 10px;
    background: #f5f7f5;
    border-bottom: 1px solid var(--gsi-line);
    color: var(--gsi-muted);
    font-size: 12px;
    font-weight: 750;
    text-align: right;
    white-space: nowrap;
}

.garden-shop-attribution thead th:first-child {
    width: 25%;
}

.garden-shop-attribution tbody :is(th, td) {
    height: 58px;
    padding: 7px 10px;
    border-bottom: 1px solid #e8ece9;
    text-align: right;
    vertical-align: middle;
}

.garden-shop-attribution tbody tr:last-child :is(th, td) {
    border-bottom: 0;
}

.garden-shop-attribution tbody th {
    display: grid;
    grid-template-columns: 29px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
}

.garden-shop-attribution__source-icon {
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    background: #edf1ee;
    border: 1px solid #dfe6e1;
    border-radius: 8px;
    color: var(--gsi-accent);
}

.garden-shop-attribution tbody th strong {
    display: block;
    overflow: hidden;
    color: var(--gsi-ink);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.garden-shop-attribution progress {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 4px;
    margin-top: 7px;
    border: 0;
    border-radius: 999px;
    background: #edf0ee;
    appearance: none;
}

.garden-shop-attribution progress::-webkit-progress-bar {
    background: #edf0ee;
    border-radius: 999px;
}

.garden-shop-attribution progress::-webkit-progress-value,
.garden-shop-attribution progress::-moz-progress-bar {
    background: #758c7d;
    border-radius: 999px;
}

.garden-shop-attribution tbody td strong,
.garden-shop-attribution tbody td small {
    display: block;
}

.garden-shop-attribution tbody td strong {
    color: var(--gsi-ink);
    font: 700 13px 'Inter', sans-serif;
}

.garden-shop-attribution tbody td small {
    margin-top: 3px;
    color: var(--gsi-muted);
    font-size: 11px;
}

.garden-shop-attribution tbody td strong.is-positive {
    color: #347252;
}

.garden-shop-attribution__money {
    color: #2e6a4a !important;
}

.garden-shop-attribution__devices {
    display: grid;
    grid-template-columns: auto repeat(4, minmax(150px, 1fr));
    align-items: stretch;
    border-top: 1px solid var(--gsi-line);
}

.garden-shop-attribution__devices-label {
    display: flex;
    align-items: center;
    padding: 0 12px;
    background: #f5f7f5;
    color: var(--gsi-muted);
    font-size: 12px;
    font-weight: 750;
}

.garden-shop-attribution__devices article {
    display: grid;
    grid-template-columns: 27px minmax(72px, 1fr) auto;
    gap: 2px 8px;
    align-items: center;
    min-height: 58px;
    padding: 7px 10px;
    border-inline-start: 1px solid var(--gsi-line);
}

.garden-shop-attribution__devices article > i {
    grid-row: 1 / 3;
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    background: #edf1ee;
    border-radius: 7px;
    color: var(--gsi-accent);
    font-size: 12px;
}

.garden-shop-attribution__devices article span :is(strong, small) {
    display: block;
}

.garden-shop-attribution__devices article span strong {
    color: var(--gsi-ink);
    font-size: 12px;
}

.garden-shop-attribution__devices article span small {
    margin-top: 2px;
    color: var(--gsi-muted);
    font-size: 11px;
}

.garden-shop-attribution__devices article > b {
    color: var(--gsi-ink);
    font: 750 14px 'Inter', sans-serif;
}

.garden-shop-attribution__devices article > em {
    grid-column: 2 / 4;
    color: var(--gsi-muted);
    font-size: 11px;
    font-style: normal;
}

@media (max-width: 980px) {
    .garden-shop-insights__ledger {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .garden-shop-insights__ledger > article:nth-child(n + 4) {
        border-top: 1px solid var(--gsi-line);
    }

    .garden-shop-attribution__devices {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-shop-attribution__devices-label {
        grid-column: 1 / -1;
        min-height: 32px;
    }
}

@media (max-width: 680px) {
    .garden-shop-insights__ledger {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-shop-insights__ledger > article:last-child {
        grid-column: auto;
    }

    .garden-shop-attribution > header {
        align-items: flex-start;
        flex-direction: column;
    }

    .garden-shop-attribution table,
    .garden-shop-attribution tbody {
        display: block;
        min-width: 0;
    }

    .garden-shop-attribution thead {
        display: none;
    }

    .garden-shop-attribution tbody tr {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        padding: 9px;
        border-bottom: 1px solid var(--gsi-line);
    }

    .garden-shop-attribution tbody tr:last-child {
        border-bottom: 0;
    }

    .garden-shop-attribution tbody :is(th, td) {
        height: auto;
        min-height: 52px;
        padding: 7px;
        border: 0;
    }

    .garden-shop-attribution tbody th {
        grid-column: 1 / -1;
        min-height: 46px;
        padding-bottom: 10px;
        border-bottom: 1px solid #edf0ee;
    }

    .garden-shop-attribution tbody td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 5px;
        color: var(--gsi-muted);
        font-size: 10px;
        font-weight: 700;
    }
}

@media (max-width: 430px) {
    .garden-shop-insights__ledger {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-shop-attribution tbody tr {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .garden-shop-attribution__devices {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* --------------------------------------------------------------------------
   Deal composer layout stabilisation
   Keep the quote-first flow readable at every width and never cover fields.
   -------------------------------------------------------------------------- */
.garden-addorder-workspace .garden-deal-form {
    gap: 14px !important;
}

.garden-addorder-workspace .garden-addorder-commerce {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 330px);
    gap: 12px;
}

.garden-addorder-workspace .garden-product-browser {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 9px !important;
}

.garden-addorder-workspace .garden-product-browser > .category-section {
    width: 100% !important;
    max-width: none !important;
}

.garden-addorder-workspace #categoryCard {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    min-height: 52px;
}

.garden-addorder-workspace #categoryCard > .card-header {
    min-height: 50px !important;
    border-bottom: 0;
    border-inline-end: 1px solid var(--gw-line);
}

.garden-addorder-workspace #categoryBody {
    min-width: 0;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin;
}

.garden-addorder-workspace #categoryBody .category-slider {
    display: flex !important;
    width: max-content;
    min-width: 100%;
    flex-flow: row nowrap !important;
    align-items: center;
}

.garden-addorder-workspace #categoryBody .category-slider .btn {
    flex: 0 0 auto;
    width: auto !important;
    min-width: 104px;
    max-width: none !important;
    margin: 0 !important;
    white-space: nowrap;
}

.garden-addorder-workspace .garden-products-card > .card-header {
    display: block !important;
}

.garden-addorder-workspace .garden-products-card > .card-header > .d-flex {
    width: 100% !important;
    grid-template-columns: minmax(200px, 1fr) auto !important;
}

.garden-addorder-workspace .garden-products-card > .card-header .d-flex.flex-nowrap {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, auto));
    gap: 5px;
}

.garden-addorder-workspace .garden-products-card > .card-header .btn {
    min-width: 0;
    margin: 0 !important;
}

.garden-addorder-workspace #productGrid:not(.d-none) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-content: start;
}

.garden-addorder-workspace .garden-cart-card {
    top: 10px;
}

.garden-addorder-workspace .garden-addorder-submitbar {
    position: static;
    bottom: auto;
    margin-top: 2px !important;
    padding: 11px 12px;
    background: var(--gw-surface);
    box-shadow: 0 8px 24px rgba(31, 43, 36, 0.055);
    backdrop-filter: none;
}

@media (max-width: 1199px) {
    .garden-addorder-workspace .garden-addorder-commerce {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-addorder-workspace #productGrid:not(.d-none) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .garden-addorder-workspace .garden-cart-card {
        position: static;
    }
}

@media (max-width: 899px) {
    .garden-addorder-workspace .garden-addorder-header {
        margin-bottom: 11px;
    }

    .garden-addorder-workspace .garden-deal-choice {
        padding: 11px 12px;
    }

    .garden-addorder-workspace #productGrid:not(.d-none) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .garden-addorder-workspace .garden-product-browser > .d-block.d-md-none {
        margin-bottom: 0 !important;
    }

    .garden-addorder-workspace .garden-products-card > .card-header > .d-flex {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 7px;
    }

    .garden-addorder-workspace .garden-products-card > .card-header .d-flex.flex-nowrap {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .garden-addorder-workspace .garden-products-card > .card-header .btn {
        width: 100%;
        min-height: 34px !important;
        padding-inline: 6px !important;
        white-space: normal;
    }

    .garden-addorder-workspace #productGrid:not(.d-none) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: 520px !important;
    }

    .garden-addorder-workspace .garden-addorder-submitbar {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 8px;
    }

    .garden-addorder-workspace .garden-addorder-submitbar__context {
        grid-column: 1 / -1;
        margin: 0 0 4px;
    }

    .garden-addorder-workspace .garden-addorder-submitbar .btn {
        width: 100%;
        min-height: 42px !important;
    }
}

@media (max-width: 520px) {
    .garden-addorder-workspace {
        padding-inline: 12px !important;
        padding-bottom: 18px !important;
    }

    .garden-addorder-workspace .garden-addorder-header h1 {
        font-size: 26px;
    }

    .garden-addorder-workspace .garden-addorder-header p {
        line-height: 1.45;
    }

    .garden-addorder-workspace .garden-addorder-steps li {
        min-height: 37px;
        gap: 4px;
        padding-inline: 3px;
        font-size: 12px;
    }

    .garden-addorder-workspace .garden-addorder-steps li strong {
        font-size: 12px;
    }

    .garden-addorder-workspace .garden-deal-choice__options {
        grid-template-columns: minmax(0, 1fr);
    }

    .garden-addorder-workspace .garden-deal-choice__option {
        min-height: 45px;
    }

    .garden-addorder-workspace .garden-order-details-card > .card-body {
        padding: 4px 8px 8px !important;
    }

    .garden-addorder-workspace .garden-order-form-section {
        padding: 11px 10px;
    }

    .garden-addorder-workspace .garden-products-card > .card-header .btn {
        font-size: 12px !important;
    }

    .garden-addorder-workspace .garden-products-card > .card-header .btn i {
        display: none;
    }

    .garden-addorder-workspace .garden-cart-card > .card-body,
    .garden-addorder-workspace .garden-products-card > .card-body {
        padding: 9px !important;
    }

    .garden-addorder-workspace .garden-addorder-submitbar__context > strong,
    .garden-addorder-workspace .garden-addorder-submitbar__context > small {
        white-space: normal;
    }
}

/* --------------------------------------------------------------------------
   Sidebar layout safety
   The simplified sidebar is a full navigation panel, never the legacy 44px rail.
   These final rules deliberately sit after the old theme selectors so browser
   zoom and narrow windows cannot combine the two incompatible layouts.
   -------------------------------------------------------------------------- */

#kt_app_sidebar.garden-sidebar--simple,
#kt_app_sidebar.garden-sidebar--simple * {
    box-sizing: border-box;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-brand__home,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-action,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-link.menu-link,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-user {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-inline: 0 !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-brand__copy,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-action__copy,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-link__copy,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-user__copy {
    display: flex !important;
    min-width: 0 !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-search,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-action__arrow,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-link__arrow,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-user__settings {
    display: flex !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-action,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-link.menu-link,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-user {
    justify-content: flex-start !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-action__arrow,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-link__arrow,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-user__settings {
    align-items: center;
}

@media (min-width: 992px) {
    #kt_app_sidebar.garden-sidebar.garden-sidebar--simple,
    #kt_app_sidebar.garden-sidebar.garden-sidebar--simple:not(.is-expanded):not(.is-pinned) {
        width: 280px !important;
        min-width: 280px !important;
    }

    #kt_app_sidebar.garden-sidebar--simple:not(.is-expanded):not(.is-pinned) .garden-nav-brand {
        justify-content: flex-start !important;
        padding-inline: 16px !important;
    }

    #kt_app_sidebar.garden-sidebar--simple:not(.is-expanded):not(.is-pinned) .garden-nav__tools {
        padding-inline: 13px !important;
    }

    #kt_app_sidebar.garden-sidebar--simple:not(.is-expanded):not(.is-pinned) .garden-nav__sections {
        gap: 10px !important;
        padding-inline: 12px !important;
    }

    #kt_app_sidebar.garden-sidebar--simple:not(.is-expanded):not(.is-pinned) .garden-nav-action {
        min-height: 52px !important;
        padding: 7px 9px !important;
    }

    #kt_app_sidebar.garden-sidebar--simple:not(.is-expanded):not(.is-pinned) .garden-nav-link.menu-link {
        min-height: 44px !important;
        padding: 5px 7px !important;
    }

    #kt_app_sidebar.garden-sidebar--simple:not(.is-expanded):not(.is-pinned) .garden-nav-directory {
        display: block !important;
    }
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-brand {
    min-height: 72px;
    padding: 12px 16px !important;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-brand__mark {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav__tools {
    gap: 10px;
    padding: 12px 13px 10px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-search {
    height: 42px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-search input {
    font-size: 14px;
}

.garden-refund-action-grid select {
    padding-inline: 10px 30px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-action__copy strong,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-link__copy strong {
    font-size: 15px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-action__copy small,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-link__copy small {
    font-size: 13px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-link--compact .garden-nav-link__copy strong,
#kt_app_sidebar.garden-sidebar--simple .garden-nav-user__copy strong {
    font-size: 14px;
}

#kt_app_sidebar.garden-sidebar--simple .garden-nav-user__copy small {
    font-size: 12px;
}

@media (max-width: 991.98px) {
    #kt_app_sidebar.garden-sidebar.garden-sidebar--simple,
    #kt_app_sidebar.garden-sidebar.garden-sidebar--simple:not(.is-expanded):not(.is-pinned) {
        top: 64px !important;
        bottom: 0 !important;
        width: min(320px, calc(100vw - 16px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 16px) !important;
        height: calc(100dvh - 64px) !important;
        border-start-end-radius: 14px;
    }

    #kt_app_sidebar.garden-sidebar--simple .garden-nav-brand {
        min-height: 64px;
        padding: 10px 13px !important;
    }

    #kt_app_sidebar.garden-sidebar--simple .garden-nav-brand__mark {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }

    #kt_app_sidebar.garden-sidebar--simple .garden-nav__tools {
        gap: 8px;
        padding: 10px 11px 8px !important;
    }

    #kt_app_sidebar.garden-sidebar--simple .garden-nav-action {
        min-height: 48px !important;
        padding: 6px 8px !important;
        border-radius: 10px !important;
    }

    #kt_app_sidebar.garden-sidebar--simple .garden-nav-search {
        width: 100% !important;
        min-width: 0 !important;
        height: 40px;
    }

    #kt_app_sidebar.garden-sidebar--simple .garden-nav__sections {
        width: 100%;
        min-width: 0;
        gap: 8px;
        padding: 2px 10px 14px !important;
    }

    #kt_app_sidebar.garden-sidebar--simple .garden-nav-link.menu-link {
        min-height: 42px !important;
        padding: 4px 6px !important;
    }

    #kt_app_sidebar.garden-sidebar--simple .garden-nav-group > summary {
        width: 100%;
        min-width: 0;
        min-height: 46px;
        padding: 5px 6px;
    }

    #kt_app_sidebar.garden-sidebar--simple .garden-nav-footer {
        padding: 8px 10px 10px !important;
    }
}

@media (max-width: 420px), (max-height: 620px) {
    #kt_app_sidebar.garden-sidebar--simple .garden-nav-search kbd,
    #kt_app_sidebar.garden-sidebar--simple .garden-nav-action__copy small,
    #kt_app_sidebar.garden-sidebar--simple .garden-nav-link__copy small {
        display: none !important;
    }

    #kt_app_sidebar.garden-sidebar--simple .garden-nav-action__copy,
    #kt_app_sidebar.garden-sidebar--simple .garden-nav-link__copy {
        justify-content: center;
    }
}

/* Header dropdowns: keep clock, notifications and account inside every viewport. */
#kt_menu_clock,
#kt_menu_notifications,
#kt_menu_user_account {
    position: fixed !important;
    top: calc(var(--bs-app-header-height, 60px) + 8px) !important;
    right: auto !important;
    left: 10px !important;
    width: min(375px, calc(100vw - 20px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - var(--bs-app-header-height, 60px) - 18px) !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
}

#kt_menu_user_account {
    width: min(275px, calc(100vw - 20px)) !important;
}

@media (max-width: 991.98px) {
    #kt_menu_user_account .menu-sub-dropdown {
        position: static !important;
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 4px 0 !important;
        transform: none !important;
        box-shadow: none !important;
    }
}