/* ZABTO UI tuning — consistent icons, controls, filters and responsive tabs. */
:root {
    --ui-control-height: 44px;
    --ui-icon-xs: 16px;
    --ui-icon-sm: 20px;
    --ui-icon-md: 44px;
    --ui-icon-lg: 60px;
    --ui-radius: 12px;
    --ui-focus: 0 0 0 3px rgba(13, 112, 79, .16);
}

/* Controls use one visual rhythm across the public site and control panel. */
:where(.btn, .btn-primary, .btn-secondary, .nav-button) {
    min-height: var(--ui-control-height);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 18px;
    border-radius: var(--ui-radius);
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none;
}

button.btn-primary,
a.btn-primary,
.btn.btn-primary,
button.btn-secondary,
a.btn-secondary,
.nav-button {
    min-height: var(--ui-control-height);
    padding: 0 18px;
    border-radius: var(--ui-radius);
    line-height: 1.2;
}

.btn-secondary {
    border: 1px solid var(--line);
    background: #fff;
    color: var(--ink);
    font-weight: 800;
    cursor: pointer;
}

:where(button, a, input, select, textarea):focus-visible {
    outline: 0;
    box-shadow: var(--ui-focus);
}

.header-actions,
.actions,
.form-actions,
.merchant-actions {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}

.header-actions {
    justify-content: flex-end;
}

/* Search and filter bars. */
.catalog-toolbar {
    padding: 14px;
}

.search,
.search.filters {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.search :where(input:not([type="hidden"]), select),
.catalog-toolbar select,
.form-grid :where(input:not([type="checkbox"]):not([type="radio"]), select),
.table-wrap input:not([type="checkbox"]):not([type="radio"]) {
    min-height: var(--ui-control-height);
    border: 1px solid #b9c9bf;
    border-radius: var(--ui-radius);
    background-color: #fff;
    padding: 0 14px;
    color: var(--ink);
}

.search input:not([type="hidden"]) {
    min-width: min(260px, 100%);
    flex: 1 1 260px;
    padding-right: 42px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23677870' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m16.3 16.3 4 4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: var(--ui-icon-xs);
}

.search input:not([type="hidden"]),
.catalog-toolbar .search input:not([type="hidden"]) {
    min-height: var(--ui-control-height);
    padding-top: 0;
    padding-bottom: 0;
    border-radius: var(--ui-radius);
}

.search select {
    flex: 1 1 190px;
    min-width: min(190px, 100%);
}

.search button.btn-primary,
.search a.btn-primary {
    min-height: var(--ui-control-height);
    padding: 0 18px;
    border-radius: var(--ui-radius);
}

.search :where(.btn, .btn-primary, .btn-secondary, button) {
    flex: 0 0 auto;
}

/* Status filters behave as a single, scrollable tab row. */
.filter-tabs {
    display: flex;
    align-items: center;
    gap: 5px;
    max-width: 100%;
    margin-bottom: 16px;
    padding: 5px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    background: #edf3ef;
    border: 1px solid var(--line);
    border-radius: 15px;
}

.catalog-toolbar > .filter-tabs {
    margin-bottom: 0;
}

.filter-tabs .btn {
    min-height: 38px;
    padding-inline: 15px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
    flex: 0 0 auto;
    font-size: 12px;
}

.filter-tabs .btn:hover {
    transform: none;
    background: rgba(255, 255, 255, .75);
}

.filter-tabs .btn-primary,
.filter-tabs .btn.btn-primary {
    background: var(--green);
    color: #fff;
}

/* Keep the admin header and sidebar independent from long page content. */
.admin-page .topbar {
    position: sticky;
    top: 0;
    z-index: 30;
    background: rgba(251, 248, 239, .96);
    backdrop-filter: blur(12px);
}

.admin-page .admin-grid {
    align-items: start;
    overflow: visible;
}

.admin-page .content {
    grid-column: 2;
}

.sidebar-rail {
    position: fixed;
    z-index: 18;
    top: 91px;
    bottom: 12px;
    inset-inline-start: max(28px, calc((100vw - 1320px) / 2 + 28px));
    width: 260px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(143, 200, 172, .65) rgba(255, 255, 255, .08);
    border-radius: 20px;
    background: var(--ink);
    box-shadow: 0 16px 34px rgba(7, 28, 22, .2);
    outline: none;
}

.sidebar-rail:focus-visible {
    box-shadow: 0 0 0 3px rgba(200, 238, 99, .42), 0 16px 34px rgba(7, 28, 22, .2);
}

.sidebar-rail::-webkit-scrollbar { width: 9px; }
.sidebar-rail::-webkit-scrollbar-thumb { background: rgba(143, 200, 172, .6); border: 2px solid var(--ink); border-radius: 999px; }
.sidebar-rail::-webkit-scrollbar-track { background: rgba(255, 255, 255, .08); border-radius: 999px; }

/* Admin navigation icons use the same fixed box and stroke weight. */
.sidebar {
    position: static;
    width: 100%;
    max-height: none;
    overflow: visible;
    padding: 18px;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.sidebar .eyebrow {
    color: #8fc8ac;
    padding-inline: 10px;
}

.sidebar h3 {
    margin: 3px 10px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar a,
.sidebar button {
    width: 100%;
    min-height: 43px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 0 11px;
    border: 0;
    border-radius: 11px;
    color: #d7e5dd;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
    transition: background-color .18s, color .18s;
}

.sidebar a:hover,
.sidebar a.active {
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

.sidebar a.active {
    color: var(--lime);
}

.sidebar form {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #29433a;
}

.sidebar button {
    color: #ffbbb6;
}

.sidebar :where(a, button)::before {
    content: "";
    width: var(--ui-icon-sm);
    height: var(--ui-icon-sm);
    flex: 0 0 var(--ui-icon-sm);
    background: currentColor;
    -webkit-mask: var(--sidebar-icon) center / contain no-repeat;
    mask: var(--sidebar-icon) center / contain no-repeat;
}

.sidebar [data-icon="dashboard"] { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3V3Zm10 0h8v5h-8V3ZM3 13h8v8H3v-8Zm10-3h8v11h-8V10Z'/%3E%3C/svg%3E"); }
.sidebar [data-icon="users"] { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-4.4 0-7 2.2-7 5v2h14v-2c0-2.8-2.6-5-7-5Zm8.5-2a3.5 3.5 0 1 0 0-7 5.8 5.8 0 0 1 0 7Zm.8 2c1.4 1.2 2.2 2.8 2.2 5v2H24v-2c0-2.4-2-4.4-5.7-5Z'/%3E%3C/svg%3E"); }
.sidebar [data-icon="store"] { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 3-2 5v2a4 4 0 0 0 2 3.5V21h16v-7.5A4 4 0 0 0 22 10V8l-2-5H4Zm2 2h12l1.2 3H4.8L6 5Zm0 9a4 4 0 0 0 3-1.4A4 4 0 0 0 12 14a4 4 0 0 0 3-1.4 4 4 0 0 0 3 1.4v5H6v-5Z'/%3E%3C/svg%3E"); }
.sidebar [data-icon="categories"] { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3V3Zm10 0h8v8h-8V3ZM3 13h8v8H3v-8Zm10 0h8v8h-8v-8Z'/%3E%3C/svg%3E"); }
.sidebar [data-icon="products"] { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 9 4.5v11L12 22l-9-4.5v-11L12 2Zm0 2.2L6.1 7.1 12 10l5.9-2.9L12 4.2ZM5 8.7v7.6l6 3v-7.6l-6-3Zm8 10.6 6-3V8.7l-6 3v7.6Z'/%3E%3C/svg%3E"); }
.sidebar [data-icon="ads"] { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 3h-2l-9 5H4a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1l2 5h4l-2-5 9 5h2V3Zm-2 15-7-3.9V9.9L18 6v12ZM3 11a1 1 0 0 1 1-1h5v4H4a1 1 0 0 1-1-1v-2Z'/%3E%3C/svg%3E"); }
.sidebar [data-icon="wallet"] { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h16v3h2a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3Zm0 2a1 1 0 0 0 0 2h16V6H3Zm-1 5v7a1 1 0 0 0 1 1h18v-3h-5a3 3 0 1 1 0-6h5V9H3c-.4 0-.7-.1-1-.2V11Zm14 1a1 1 0 1 0 0 2h5v-2h-5Z'/%3E%3C/svg%3E"); }
.sidebar [data-icon="support"] { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l4.9-1.4A10 10 0 1 0 12 2Zm0 2a8 8 0 1 1-4.7 14.5l-.4-.3-2 .6.6-2-.3-.4A8 8 0 0 1 12 4Zm-4 7h8v2H8v-2Zm0-3h8v2H8V8Z'/%3E%3C/svg%3E"); }
.sidebar [data-icon="fees"] { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h2v5h2v2H2V8h2V3Zm14 0h2v11h2v2h-2v5h-2v-5h-2v-2h2V3ZM10 3h2v8h2v2h-2v8h-2v-8H8v-2h2V3Z'/%3E%3C/svg%3E"); }
.sidebar [data-icon="delivery"] { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 4h14v4h4l4 5v6h-2.2a3 3 0 0 1-5.6 0H8.8a3 3 0 0 1-5.6 0H1V4Zm2 2v8h10V6H3Zm12 4v4h5.8l-3.2-4H15ZM6 17a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm12 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/svg%3E"); }
.sidebar [data-icon="activity"] { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h18v2H5v14h16v2H3V3Zm15.6 5.2 1.4 1.4-5.2 5.2-3-3-4.4 4.4L6 14.8l5.8-5.8 3 3 3.8-3.8Z'/%3E%3C/svg%3E"); }
.sidebar [data-icon="integrations"] { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h2v5h6V2h2v5h1a3 3 0 0 1 3 3v3a7 7 0 0 1-6 6.9V23h-2v-3H9a7 7 0 0 1-7-7v-3a3 3 0 0 1 3-3h2V2Zm-2 7a1 1 0 0 0-1 1v3a5 5 0 0 0 5 5h5a5 5 0 0 0 5-5v-3a1 1 0 0 0-1-1H5Z'/%3E%3C/svg%3E"); }
.sidebar [data-icon="demo"] { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.5 2 2 3.8 2 6v12c0 2.2 4.5 4 10 4s10-1.8 10-4V6c0-2.2-4.5-4-10-4Zm0 2c4.4 0 7.3 1.3 8 2-.7.7-3.6 2-8 2S4.7 6.7 4 6c.7-.7 3.6-2 8-2Zm0 6c3.2 0 6.2-.7 8-1.8V12c0 .6-2.8 2-8 2s-8-1.4-8-2V8.2C5.8 9.3 8.8 10 12 10Zm0 6c3.2 0 6.2-.7 8-1.8V18c0 .6-2.8 2-8 2s-8-1.4-8-2v-3.8c1.8 1.1 4.8 1.8 8 1.8Z'/%3E%3C/svg%3E"); }
.sidebar [data-icon="updates"] { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 1-9.8 12H4a8 8 0 1 0 2-7.7V10H0V4h4v1.2A10 10 0 0 1 12 2Zm-1 5h2v5.2l3.4 2-1 1.7L11 13.3V7Z'/%3E%3C/svg%3E"); }
.sidebar [data-icon="logout"] { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h9v2H5v14h7v2H3V3Zm13.6 4.6L21 12l-4.4 4.4-1.4-1.4 2-2H9v-2h8.2l-2-2 1.4-1.4Z'/%3E%3C/svg%3E"); }

/* Public icon system: keep decorative symbols balanced without overpowering text. */
.brand-mark {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
}

.brand-mark svg {
    width: 27px;
    height: 27px;
}

.category-icon {
    width: 64px;
    height: 64px;
    flex-basis: 64px;
    border-radius: 19px;
    font-size: 31px;
    line-height: 1;
}

.category-card {
    min-height: 154px;
}

.step-icon {
    width: var(--ui-icon-lg);
    height: var(--ui-icon-lg);
    border-radius: 18px;
    font-size: 24px;
    line-height: 1;
}

.partner-art {
    width: 76px;
    height: 76px;
    display: grid;
    place-items: center;
    font-size: 60px;
    line-height: 1;
}

.map-pin {
    width: var(--ui-icon-md);
    height: var(--ui-icon-md);
    border-radius: 14px;
}

.phone-search svg {
    width: var(--ui-icon-xs);
    height: var(--ui-icon-xs);
    flex: 0 0 var(--ui-icon-xs);
}

.phone-categories i {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    margin: auto;
    padding: 0;
    font-size: 17px;
    line-height: 1;
}

.order-icon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    line-height: 1;
}

.update-icon,
.login-brand-mark {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    font-size: 29px;
    line-height: 1;
}

.store-placeholder {
    width: 72px;
    height: 72px;
    flex-basis: 72px;
    border-radius: 21px;
    font-size: 39px;
}

.entity-cell img,
.entity-fallback {
    width: var(--ui-icon-md);
    height: var(--ui-icon-md);
    flex-basis: var(--ui-icon-md);
    border-radius: 11px;
}

.entity-fallback {
    font-size: 18px;
    line-height: 1;
}

.pagination nav {
    align-items: center;
    flex-wrap: wrap;
}

.pagination a,
.pagination span[aria-current="page"] > span {
    min-width: 36px;
    min-height: 36px;
    display: inline-grid;
    place-items: center;
    border-radius: 9px;
}

/* Arabic pagination shared by every control-panel list. */
.pagination {
    margin: 0;
    padding: 0;
}

.zabto-pagination {
    direction: rtl;
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 20px;
    border-top: 1px solid var(--line);
    color: #617069;
}

.pagination-summary {
    margin: 0;
    font-size: 13px;
}

.pagination-summary strong {
    color: var(--ink);
    font-variant-numeric: tabular-nums;
}

.pagination-pages {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    direction: rtl;
}

.pagination-page,
.pagination-direction,
.pagination-gap {
    min-width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    border: 1px solid #cbd8d0;
    border-radius: 10px;
    background: #fff;
    color: #173f32;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    box-sizing: border-box;
}

.pagination-page:hover,
.pagination-direction:hover {
    border-color: var(--green);
    background: #eff8f3;
}

.pagination-page.current {
    border-color: var(--green);
    background: var(--green);
    color: #fff;
}

.pagination-direction {
    min-width: 70px;
}

.pagination-direction.disabled {
    border-color: #e4e9e6;
    background: #f5f7f6;
    color: #9aa49f;
    cursor: default;
}

.pagination-gap {
    min-width: 28px;
    padding: 0;
    border: 0;
    background: transparent;
}

/* Detailed administration pages. */
.admin-detail-page {
    min-width: 0;
}

.admin-detail-page .page-head > div > p:last-child:not(.eyebrow) {
    max-width: 680px;
    margin: 7px 0 0;
    color: #66776f;
}

.admin-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.admin-summary-card {
    position: relative;
    min-height: 104px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    padding: 17px 18px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(18, 50, 40, .05);
}

.admin-summary-card::before {
    content: "";
    position: absolute;
    inset: 0 0 0 auto;
    width: 4px;
    background: #45655a;
}

.admin-summary-card.success::before { background: #16835e; }
.admin-summary-card.warning::before { background: #d99a20; }
.admin-summary-card.danger::before { background: #d75858; }
.admin-summary-card.accent::before { background: #6b63c7; }
.admin-summary-card.muted::before { background: #87948e; }

.product-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-summary-card span,
.admin-summary-card small {
    color: #66776f;
    font-size: 12px;
}

.admin-summary-card strong {
    color: var(--ink);
    font-size: clamp(23px, 2.3vw, 31px);
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.admin-filter-grid {
    display: grid !important;
    grid-template-columns: minmax(230px, 1.65fr) repeat(3, minmax(150px, 1fr));
    align-items: end !important;
    gap: 12px !important;
}

.merchant-filter-grid {
    grid-template-columns: minmax(230px, 1.65fr) repeat(4, minmax(145px, 1fr));
}

.filter-field {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.filter-field > span {
    color: #586b63;
    font-size: 11px;
    font-weight: 800;
}

.admin-filter-grid .filter-field :where(input, select) {
    width: 100%;
    min-width: 0;
    margin: 0;
}

.filter-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.admin-table-panel {
    overflow: hidden;
}

.admin-table-panel > .panel-head {
    padding: 17px 20px;
    border-bottom: 1px solid var(--line);
}

.admin-table-panel > .panel-head h2,
.admin-table-panel > .panel-head small {
    margin: 0;
}

.admin-data-table {
    min-width: 930px;
}

.admin-data-table th {
    white-space: nowrap;
}

.admin-data-table td {
    vertical-align: middle;
}

.admin-data-table td > small,
.admin-data-table td > strong + small,
.entity-cell small,
.price-cell small {
    display: block;
    margin-top: 4px;
    color: #77847e;
    font-size: 11px;
}

.entity-cell {
    min-width: 190px;
}

.entity-cell img {
    object-fit: cover;
    background: #eef3f0;
}

.pill.compact {
    width: fit-content;
    margin-top: 5px;
    padding: 3px 7px;
    font-size: 9px;
}

.price-cell del {
    display: block;
    color: #8c9892;
    font-size: 11px;
}

.mini-tags {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-top: 5px;
}

.mini-tags span {
    padding: 3px 6px;
    border-radius: 7px;
    background: #edf4f0;
    color: #3e6255;
    font-size: 9px;
    font-weight: 800;
}

.row-actions {
    display: flex;
    gap: 9px;
    align-items: center;
    white-space: nowrap;
}

.verified-mark {
    width: 18px;
    height: 18px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    background: var(--green);
    color: #fff;
    font-size: 11px;
}

.compact-btn {
    min-height: 36px !important;
    padding-inline: 12px !important;
    font-size: 11px;
}

.text-warning { color: #b27613 !important; }

.empty-table-state {
    padding: 45px 20px !important;
    text-align: center;
}

.empty-table-state strong,
.empty-table-state span {
    display: block;
}

.empty-table-state span {
    margin-top: 6px;
    color: #77847e;
}

.dashboard-summary {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
}

.dashboard-two-columns {
    display: grid;
    grid-template-columns: 1fr 1.25fr;
    gap: 16px;
    margin-bottom: 18px;
}

.admin-attention-panel,
.admin-system-panel,
.admin-shortcuts {
    margin-bottom: 0;
}

.attention-list {
    display: grid;
    gap: 8px;
}

.attention-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #f8faf9;
    color: var(--ink);
    text-decoration: none;
    font-size: 13px;
    font-weight: 750;
}

.attention-list a:hover { border-color: #84aa9b; background: #f0f7f3; }
.attention-list strong { color: var(--green); font-size: 20px; }

.platform-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 9px;
}

.platform-metrics div {
    min-height: 75px;
    display: grid;
    place-content: center;
    gap: 4px;
    padding: 10px;
    border-radius: 12px;
    background: #f1f6f3;
    text-align: center;
}

.platform-metrics strong { color: var(--ink); font-size: 21px; }
.platform-metrics span { color: #66776f; font-size: 10px; }
.admin-shortcuts { margin-bottom: 18px; }

@media (max-width: 1180px) {
    .admin-filter-grid,
    .merchant-filter-grid { grid-template-columns: repeat(3, minmax(150px, 1fr)); }
    .filter-search { grid-column: span 2; }
    .dashboard-summary { grid-template-columns: repeat(2, minmax(180px, 1fr)); }
    .dashboard-two-columns { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
    .admin-summary-grid,
    .dashboard-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-summary-card { min-height: 92px; padding: 14px; }
    .admin-filter-grid,
    .merchant-filter-grid { display: grid !important; grid-template-columns: 1fr; }
    .filter-search { grid-column: auto; }
    .filter-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .zabto-pagination { align-items: stretch; flex-direction: column; padding: 14px; }
    .pagination-summary { text-align: center; }
    .pagination-pages { justify-content: center; flex-wrap: wrap; }
    .pagination-direction { min-width: 64px; }
    .platform-metrics { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
    .page-head {
        align-items: flex-start;
        gap: 14px;
        flex-wrap: wrap;
    }

    .header-actions {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 800px) {
    .admin-page .topbar {
        position: relative;
        top: auto;
        backdrop-filter: none;
    }

    .admin-page .content {
        grid-column: 1;
    }

    .sidebar-rail {
        position: static;
        inset: auto;
        width: 100%;
        min-height: 0;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior: auto;
        scrollbar-gutter: auto;
        border-radius: 15px;
        box-shadow: none;
    }

    .sidebar {
        position: static;
        inset: auto;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 5px;
        max-width: none;
        width: max-content;
        min-width: 100%;
        max-height: none;
        padding: 8px;
        overflow: visible;
        overscroll-behavior: auto;
        border-radius: 15px;
    }

    .sidebar .eyebrow,
    .sidebar h3 {
        display: none;
    }

    .sidebar a,
    .sidebar button {
        width: auto;
        flex: 0 0 auto;
        min-height: 40px;
        padding-inline: 11px;
        white-space: nowrap;
    }

    .sidebar form {
        flex: 0 0 auto;
        margin: 0;
        padding: 0;
        border: 0;
    }

    .topbar nav > a:not(.nav-button) {
        display: none;
    }
}

@media (max-width: 700px) {
    .catalog-toolbar {
        padding: 11px;
    }

    .search,
    .search.filters {
        display: grid;
        grid-template-columns: 1fr;
    }

    .search :where(input:not([type="hidden"]), select, .btn, .btn-primary, .btn-secondary, button) {
        width: 100%;
        min-width: 0;
    }

    .filter-tabs {
        margin-inline: -2px;
    }

    .category-icon {
        width: 56px;
        height: 56px;
        flex-basis: 56px;
        border-radius: 17px;
        font-size: 27px;
    }

    .step-icon {
        width: 54px;
        height: 54px;
        border-radius: 16px;
        font-size: 21px;
    }

    .partner-art {
        width: 64px;
        height: 64px;
        font-size: 50px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}
.feature-switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.feature-switch-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid var(--line,#dfe7e2);border-radius:16px;background:#fff}.feature-switch-card.is-off{border-color:#efb5b5;background:#fff8f8}.feature-switch-card div{display:grid;gap:4px}.feature-switch-card small{color:#68776f}.operations-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.operations-errors{margin-top:18px}.error-event-card{display:grid;gap:12px;padding:16px 0;border-bottom:1px solid var(--line,#dfe7e2)}.error-event-card:last-of-type{border-bottom:0}.error-event-card.is-resolved{opacity:.65}.error-event-main{display:flex;align-items:flex-start;gap:12px}.error-event-main>div{display:grid;gap:6px;min-width:0}.error-event-main code{direction:ltr;display:block;overflow-wrap:anywhere;color:#6d4ed0}.error-event-main p{margin:0;color:#59675f}.error-event-card dl{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0}.error-event-card dl div{display:grid;gap:3px}.error-event-card dt{font-size:.78rem;color:#75827b}.error-event-card dd{margin:0;overflow-wrap:anywhere}.resolved-label{color:#12835b;font-weight:700}@media(max-width:800px){.feature-switch-grid{grid-template-columns:1fr}.feature-switch-card,.operations-heading{align-items:stretch;flex-direction:column}.feature-switch-card button{width:100%}}