/* Rezolvăm operational workspace, built on the exported admin primitives. */
:root,
html[data-theme="light"] {
    --primary: var(--admin-header);
    --secondary: var(--admin-subheader);
    --accent: var(--admin-header-yellow);
    --header-bg: var(--admin-header);
    --header-color: #fff;
    --header-link-color: #fff;
    --breadcrumbs-bg: var(--admin-subheader);
    --breadcrumbs-link-fg: #fff;
    --operations-teal: #0f766e;
    --operations-teal-strong: #115e59;
    --operations-teal-soft: #f0fdfa;
    --operations-slate: #0f172a;
    --operations-slate-quiet: #475569;
    --operations-border: #cbd5e1;
}

html[data-theme="dark"] {
    --operations-teal: #2dd4bf;
    --operations-teal-strong: #5eead4;
    --operations-teal-soft: #042f2e;
    --operations-slate: #f1f5f9;
    --operations-slate-quiet: #94a3b8;
    --operations-border: #334155;
}

@media (prefers-color-scheme: dark) {
    html[data-theme="auto"] {
        --operations-teal: #2dd4bf;
        --operations-teal-strong: #5eead4;
        --operations-teal-soft: #042f2e;
        --operations-slate: #f1f5f9;
        --operations-slate-quiet: #94a3b8;
        --operations-border: #334155;
    }
}

html {
    background: var(--admin-canvas);
}

body {
    background: var(--admin-canvas);
}

#header {
    box-shadow: 0 1px 0 rgb(15 23 42 / 14%);
}

#branding #site-name,
#branding #site-name a:link,
#branding #site-name a:visited {
    color: #fff;
    font-weight: 600;
    letter-spacing: -0.01em;
}

#user-tools a:focus-visible,
#user-tools button:focus-visible,
.breadcrumbs a:focus-visible {
    outline: 2px solid var(--admin-header-yellow);
    outline-offset: 3px;
}

.operations-shell {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1320px;
    padding: 24px 28px 64px;
    width: 100%;
}

.operations-shell *,
.operations-shell *::before,
.operations-shell *::after {
    box-sizing: inherit;
}

.dashboard-mode-tabs {
    align-items: flex-end;
    border-bottom: 1px solid var(--admin-card-border);
    display: flex;
    gap: 4px;
    margin: -4px auto 20px;
    max-width: 100%;
    width: 100%;
}

.dashboard-mode-tab,
a.dashboard-mode-tab:link,
a.dashboard-mode-tab:visited {
    align-items: center;
    border-bottom: 2px solid transparent;
    color: var(--operations-slate-quiet);
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    gap: 7px;
    margin-bottom: -1px;
    padding: 11px 14px 10px;
    text-decoration: none;
}

.dashboard-mode-tab:hover {
    color: var(--operations-teal-strong);
}

.dashboard-mode-tab.is-active {
    background: light-dark(#f0fdfa, #042f2e);
    border-bottom-color: var(--operations-teal);
    color: var(--operations-teal-strong);
}

.dashboard-mode-tab__icon,
.dashboard-mode-tab__icon svg {
    display: block;
    height: 16px;
    width: 16px;
}

.dashboard-mode-tab__icon svg {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.dashboard-home {
    display: grid;
    gap: 16px;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}

.dashboard-card {
    background: var(--admin-surface);
    border: 1px solid var(--operations-border);
    border-radius: 10px;
    box-shadow: 0 1px 2px rgb(15 23 42 / 4%);
    min-width: 0;
    overflow: hidden;
}

.dashboard-card__header {
    align-items: flex-start;
    display: flex;
    gap: 14px;
    padding: 14px 16px;
}

.dashboard-card__icon {
    align-items: center;
    background: var(--operations-teal-soft);
    border: 1px solid light-dark(#99f6e4, #115e59);
    border-radius: 8px;
    color: var(--operations-teal-strong);
    display: inline-flex;
    flex: 0 0 38px;
    height: 38px;
    justify-content: center;
}

.dashboard-card__icon svg {
    fill: none;
    height: 20px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.75;
    width: 20px;
}

.dashboard-card__heading {
    min-width: 0;
}

.dashboard-card__heading h2 {
    color: var(--operations-slate);
    font-size: 15px;
    font-weight: 650;
    line-height: 1.35;
    margin: 1px 0 3px;
}

.dashboard-card__heading p {
    color: var(--operations-slate-quiet);
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
    max-width: 78ch;
}

.dashboard-card__badge {
    background: light-dark(#fff7ed, #431407);
    border: 1px solid light-dark(#fed7aa, #9a3412);
    border-radius: 999px;
    color: light-dark(#9a3412, #fdba74);
    font-size: 11px;
    font-weight: 600;
    margin-left: auto;
    padding: 4px 9px;
    white-space: nowrap;
}

.dashboard-card__search {
    align-items: stretch;
    display: flex;
    gap: 10px;
    padding: 12px 16px 14px;
}

.dashboard-card__search .admin-input {
    background: var(--admin-surface);
    border: 1px solid light-dark(#94a3b8, #475569);
    border-radius: 6px;
    color: var(--operations-slate);
    flex: 1 1 auto;
    font-size: 14px;
    min-height: 38px;
    min-width: 0;
    padding: 7px 10px;
    width: 100%;
}

.dashboard-card__search-button,
.dashboard-card__search-button:link,
.dashboard-card__search-button:visited {
    background: var(--operations-teal);
    border-color: var(--operations-teal-strong);
    color: light-dark(#fff, #022c22);
    flex: 0 0 auto;
    min-width: 84px;
}

.dashboard-card__search-button:hover {
    background: var(--operations-teal-strong);
}

.dashboard-card__body {
    border-top: 1px solid var(--admin-card-border);
}

.dashboard-card__metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 0;
    padding: 0 16px;
}

.dashboard-card__metric {
    align-items: baseline;
    display: flex;
    gap: 8px;
    padding: 10px 18px 10px 0;
}

.dashboard-card__metric + .dashboard-card__metric {
    border-left: 1px solid var(--admin-card-border);
    padding-left: 18px;
}

.dashboard-card__metric dt,
.dashboard-card__metric dd {
    margin: 0;
}

.dashboard-card__metric dt a {
    color: var(--operations-slate-quiet);
    font-size: 12px;
    text-decoration: none;
}

.dashboard-card__metric dt a:hover {
    color: var(--operations-teal-strong);
    text-decoration: underline;
}

.dashboard-card__metric dd {
    color: var(--operations-slate);
    font-size: 15px;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}

.dashboard-card__metric.is-attention dd {
    color: light-dark(#b45309, #fbbf24);
}

.dashboard-card__metric.is-positive dd {
    color: light-dark(#047857, #34d399);
}

.dashboard-card__currency {
    border-top: 1px solid var(--admin-card-border);
    color: var(--operations-slate-quiet);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 8px 20px;
    padding: 10px 16px;
}

.dashboard-card__currency strong {
    color: var(--operations-slate);
    margin-right: 4px;
}

.dashboard-attention {
    border-top: 1px solid var(--admin-card-border);
    display: flex;
    flex-wrap: wrap;
}

.dashboard-attention a {
    align-items: baseline;
    display: flex;
    gap: 7px;
    padding: 9px 16px;
    text-decoration: none;
}

.dashboard-attention a + a {
    border-left: 1px solid var(--admin-card-border);
}

.dashboard-attention strong {
    color: light-dark(#b45309, #fbbf24);
    font-variant-numeric: tabular-nums;
}

.dashboard-attention span {
    color: var(--operations-slate-quiet);
    font-size: 12px;
}

.dashboard-recent {
    border-top: 1px solid var(--admin-card-border);
    padding: 10px 16px 12px;
}

.dashboard-recent h3 {
    color: var(--operations-slate);
    font-size: 12px;
    margin: 0 0 6px;
}

.dashboard-recent ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dashboard-recent li {
    align-items: baseline;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 3px 0;
}

.dashboard-recent li a {
    font-size: 13px;
    font-weight: 600;
}

.dashboard-recent li span {
    color: var(--operations-slate-quiet);
    font-size: 11px;
    text-align: right;
}

.dashboard-card__footer {
    background: light-dark(#f8fafc, #0f172a);
    border-top: 1px solid var(--admin-card-border);
    display: flex;
    flex-wrap: wrap;
    min-height: 42px;
    padding: 0 7px;
}

.dashboard-card__footer a {
    align-items: center;
    color: light-dark(#0f766e, #5eead4);
    display: inline-flex;
    font-size: 12px;
    font-weight: 550;
    padding: 10px 9px;
    text-decoration: none;
}

.dashboard-card__footer a + a::before {
    border-left: 1px solid var(--admin-card-border);
    content: "";
    height: 16px;
    margin-right: 18px;
}

.dashboard-card__footer a:hover {
    color: var(--operations-teal-strong);
    text-decoration: underline;
}

.dashboard-home__empty {
    color: var(--operations-slate-quiet);
    padding: 22px;
}

.operations-navigation {
    align-items: center;
    border-bottom: 1px solid var(--admin-card-border);
    display: flex;
    gap: 4px;
    justify-content: space-between;
    margin: -4px 0 24px;
    min-width: 0;
}

.operations-navigation__links {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    min-width: 0;
}

.operations-navigation__link,
a.operations-navigation__link:link,
a.operations-navigation__link:visited {
    border-bottom: 2px solid transparent;
    color: light-dark(#475569, #94a3b8);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: -1px;
    padding: 12px 10px 10px;
    text-decoration: none;
}

.operations-navigation__link:hover {
    color: var(--admin-indigo-strong);
}

.operations-navigation__link.is-active {
    border-bottom-color: var(--admin-indigo-strong);
    color: var(--admin-indigo-strong);
}

.operations-navigation__search {
    align-items: center;
    display: flex;
    flex: 0 1 340px;
    gap: 8px;
    margin: 0 0 8px 20px;
}

.operations-navigation__search .admin-input {
    min-width: 9rem;
}

.operations-page-header {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.operations-page-header h1 {
    color: light-dark(#111827, #f3f4f6);
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.015em;
    line-height: 1.25;
    margin: 0;
}

.operations-page-header__subtitle {
    color: var(--body-quiet-color);
    font-size: 14px;
    margin: 5px 0 0;
    max-width: 72ch;
}

.operations-page-header__meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.operations-stats {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
    margin: 0 0 20px;
}

.operations-stat-card {
    display: block;
    min-height: 96px;
    text-decoration: none;
}

a.operations-stat-card:hover {
    background: light-dark(#f9fafb, #030712);
    text-decoration: none;
}

.operations-stat-card__detail {
    color: var(--body-quiet-color);
    font-size: 12px;
    margin: 5px 0 0;
}

.operations-stat-card.is-attention {
    border-left: 3px solid light-dark(#d97706, #fbbf24);
}

.operations-stat-card.is-positive {
    border-left: 3px solid light-dark(#15803d, #4ade80);
}

.operations-tab-list {
    border-bottom: 1px solid var(--admin-card-border);
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin: 0 0 18px;
}

.operations-tab-list .admin-tab {
    margin-right: 0;
}

.operations-filter-panel {
    margin-bottom: 18px;
}

.operations-filter-panel__fields {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
}

.operations-filter-field label {
    color: light-dark(#374151, #d1d5db);
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
}

.operations-filter-field input:not([type="checkbox"]):not([type="radio"]),
.operations-filter-field select,
.operations-filter-field textarea {
    background: var(--admin-surface);
    border: 1px solid light-dark(#d1d5db, #374151);
    border-radius: 6px;
    color: light-dark(#111827, #f3f4f6);
    font-size: 14px;
    margin: 0;
    max-width: 100%;
    min-height: 36px;
    padding: 6px 10px;
    width: 100%;
}

.operations-filter-field input:focus,
.operations-filter-field select:focus,
.operations-filter-field textarea:focus {
    border-color: var(--admin-indigo);
    box-shadow: 0 0 0 3px rgb(99 102 241 / 15%);
    outline: none;
}

.operations-filter-field .errorlist {
    color: var(--error-fg);
    font-size: 12px;
    margin: 4px 0 0;
    padding-left: 18px;
}

.operations-filter-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.operations-table-frame {
    overflow: hidden;
}

.operations-table-scroll {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.operations-table {
    border-collapse: collapse;
    min-width: 760px;
    width: 100%;
}

.operations-table caption {
    color: light-dark(#334155, #cbd5e1);
    font-size: 14px;
    font-weight: 600;
    padding: 14px 16px;
    text-align: left;
}

.operations-table th,
.operations-table td {
    text-align: left;
    vertical-align: top;
}

.operations-table tbody tr:hover {
    background: light-dark(#f8fafc, #020617);
}

.operations-pagination {
    align-items: center;
    border-top: 1px solid var(--admin-card-border);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    padding: 12px 16px;
}

.operations-pagination__summary {
    color: var(--body-quiet-color);
    font-size: 13px;
    margin: 0;
}

.operations-pagination__links {
    align-items: center;
    display: flex;
    gap: 6px;
}

.operations-pagination__current {
    color: var(--body-quiet-color);
    font-size: 13px;
    padding: 0 4px;
}

.operations-state {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    padding: 22px;
}

.operations-state__mark {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    flex: 0 0 36px;
    font-size: 18px;
    height: 36px;
    justify-content: center;
}

.operations-state.is-empty .operations-state__mark {
    background: light-dark(#f1f5f9, #0f172a);
    color: light-dark(#64748b, #94a3b8);
}

.operations-state.is-error .operations-state__mark {
    background: light-dark(#fee2e2, #7f1d1d);
    color: light-dark(#b91c1c, #fecaca);
}

.operations-state.is-unavailable .operations-state__mark {
    background: light-dark(#fef3c7, #78350f);
    color: light-dark(#92400e, #fde68a);
}

.operations-state h2 {
    color: light-dark(#111827, #f3f4f6);
    font-size: 16px;
    margin: 0 0 4px;
}

.operations-state p {
    color: var(--body-quiet-color);
    margin: 0;
    max-width: 68ch;
}

.operations-state__action {
    margin-top: 12px;
}

.operations-shell a:focus-visible,
.operations-shell button:focus-visible,
.operations-shell input:focus-visible,
.operations-shell select:focus-visible,
.operations-shell textarea:focus-visible {
    outline: 3px solid var(--admin-indigo-strong);
    outline-offset: 2px;
}

@media (max-width: 767px) {
    .operations-shell {
        padding: 18px 14px 48px;
    }

    .operations-navigation {
        align-items: stretch;
        display: block;
    }

    .operations-navigation__links {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .operations-navigation__search {
        margin: 10px 0 12px;
        max-width: none;
    }

    .operations-page-header__meta {
        justify-content: flex-start;
    }

    .dashboard-card__metrics {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-card__metric + .dashboard-card__metric {
        border-left: 0;
        padding-left: 0;
    }

    .dashboard-recent li {
        align-items: flex-start;
        display: grid;
        gap: 1px;
    }

    .dashboard-recent li span {
        text-align: left;
    }
}

@media (max-width: 390px) {
    .dashboard-card__header {
        flex-wrap: wrap;
    }

    .dashboard-card__badge {
        margin-left: 52px;
    }

    .dashboard-card__search {
        display: grid;
        grid-template-columns: 1fr;
    }

    .dashboard-card__search-button {
        width: 100%;
    }

    .dashboard-card__metrics {
        grid-template-columns: 1fr;
    }

    .dashboard-card__footer {
        display: block;
        padding: 4px 8px;
    }

    .dashboard-card__footer a {
        display: flex;
    }

    .dashboard-card__footer a + a::before {
        border-left: 0;
        border-top: 1px solid var(--admin-card-border);
        height: 0;
        margin-right: 0;
        position: absolute;
        width: calc(100% - 32px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .operations-shell *,
    .operations-shell *::before,
    .operations-shell *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

.operations-accounts-table td > span,
.operations-accounts-table td > time,
.operations-accounts-table td > strong {
    display: block;
    margin-bottom: 4px;
}

.operations-accounts-table .admin-chip {
    display: inline-block;
    margin: 0 4px 4px 0;
}

.operations-muted {
    color: var(--body-quiet-color);
    font-size: 12px;
    line-height: 1.45;
}

.operations-id {
    font-variant-numeric: tabular-nums;
    max-width: 22ch;
    overflow: hidden;
    text-overflow: ellipsis;
}

.operations-actions a {
    display: block;
    white-space: nowrap;
}

.operations-actions a + a {
    margin-top: 6px;
}

.operations-day-row th {
    background: light-dark(#eef2ff, #1e1b4b);
    color: light-dark(#3730a3, #c7d2fe);
    font-size: 12px;
    letter-spacing: .01em;
}

.payment-state.is-purchased { border-left: 3px solid light-dark(#15803d, #4ade80); }
.payment-state.is-partial_refund { border-left: 3px solid light-dark(#d97706, #fbbf24); }
.payment-state.is-full_refund { border-left: 3px solid light-dark(#475569, #94a3b8); }

.operations-footnote {
    color: var(--body-quiet-color);
    font-size: 12px;
    margin: 12px 4px 0;
    max-width: 90ch;
}

.account-summary__grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.account-summary__grid strong,
.account-summary__grid span {
    display: block;
}

.operations-currency-summary {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
    margin: 0 0 18px;
}

.operations-currency-card {
    overflow: hidden;
}

.operations-currency-card header {
    align-items: baseline;
    border-bottom: 1px solid var(--admin-card-border);
    display: flex;
    justify-content: space-between;
    padding: 12px 16px;
}

.operations-currency-card h2 {
    color: light-dark(#111827, #f3f4f6);
    font-size: 18px;
    margin: 0;
}

.operations-currency-card header span {
    color: var(--body-quiet-color);
    font-size: 12px;
}

.operations-currency-card dl {
    display: grid;
    gap: 0;
    margin: 0;
}

.operations-currency-card dl div {
    align-items: baseline;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 9px 16px;
}

.operations-currency-card dl div + div {
    border-top: 1px solid var(--admin-card-border);
}

.operations-currency-card dt {
    color: var(--body-quiet-color);
    font-size: 12px;
}

.operations-currency-card dd {
    color: light-dark(#111827, #f3f4f6);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    margin: 0;
}

.operations-sales-attention {
    align-items: stretch;
    display: grid;
    gap: 0;
    grid-template-columns: minmax(190px, .7fr) minmax(0, 2fr);
    margin-bottom: 18px;
    overflow: hidden;
}

.operations-sales-attention header {
    border-right: 1px solid var(--admin-card-border);
    padding: 14px 16px;
}

.operations-sales-attention h2 {
    color: light-dark(#111827, #f3f4f6);
    font-size: 15px;
    margin: 0 0 4px;
}

.operations-sales-attention p {
    color: var(--body-quiet-color);
    font-size: 12px;
    margin: 0;
}

.operations-sales-attention ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.operations-sales-attention li + li {
    border-left: 1px solid var(--admin-card-border);
}

.operations-sales-attention a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
}

.operations-sales-attention a:hover {
    background: light-dark(#fffbeb, #451a03);
}

.operations-sales-attention strong,
.operations-sales-attention span,
.operations-sales-table td > span,
.operations-sales-table td > time,
.operations-sales-table td > strong {
    display: block;
    margin-bottom: 4px;
}

.operations-sales-attention strong {
    color: light-dark(#92400e, #fde68a);
    font-size: 18px;
}

.operations-sales-attention span {
    color: light-dark(#374151, #d1d5db);
    font-size: 12px;
}

.operations-sales-table {
    min-width: 1120px;
}

.operations-related-reports {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin: -4px 2px 18px;
}

.operations-related-reports > span {
    color: var(--body-quiet-color);
    font-size: 12px;
    font-weight: 600;
}

.operations-related-reports a {
    font-size: 13px;
}

.operations-sales-table .admin-chip {
    display: inline-block;
    margin-bottom: 5px;
}

.operations-money {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.transaction-type.is-purchase,
.attempt-state.is-success,
.stripe-state.is-processed {
    border-left: 3px solid light-dark(#15803d, #4ade80);
}

.transaction-type.is-refund,
.stripe-state.is-error,
.stripe-state.is-retry_error {
    border-left: 3px solid light-dark(#b91c1c, #f87171);
}

.transaction-type.is-top_up,
.transaction-type.is-adjust,
.attempt-state.is-pending,
.stripe-state.is-pending,
.stripe-state.is-ready {
    border-left: 3px solid light-dark(#d97706, #fbbf24);
}

@media (max-width: 767px) {
    .operations-sales-attention {
        grid-template-columns: 1fr;
    }

    .operations-sales-attention header {
        border-bottom: 1px solid var(--admin-card-border);
        border-right: 0;
    }

    .operations-sales-attention li + li {
        border-left: 0;
        border-top: 1px solid var(--admin-card-border);
    }
}

.operations-context-note {
    background: light-dark(#eef2ff, #1e1b4b);
    border-left: 3px solid var(--admin-indigo-strong);
    color: light-dark(#3730a3, #c7d2fe);
    font-size: 13px;
    margin: 0 0 18px;
    padding: 10px 12px;
}

.operations-hourly {
    margin-bottom: 18px;
    overflow: hidden;
}

.operations-hourly__header {
    border-bottom: 1px solid var(--admin-card-border);
    padding: 14px 16px;
}

.operations-hourly__header h2 {
    color: light-dark(#111827, #f3f4f6);
    font-size: 16px;
    margin: 0 0 3px;
}

.operations-hourly__header p {
    color: var(--body-quiet-color);
    font-size: 12px;
    margin: 0;
}

.operations-hourly-table {
    min-width: 680px;
}

.operations-hourly-table th:not(:first-child),
.operations-hourly-table td:not(:first-child) {
    text-align: center;
}

.operations-hourly-table td a {
    display: block;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    padding: 2px 8px;
}

.operations-bookings-table,
.operations-slots-table {
    min-width: 1080px;
}

.operations-bookings-table td > span,
.operations-bookings-table td > time,
.operations-bookings-table td > strong,
.operations-slots-table td > span,
.operations-slots-table td > time,
.operations-slots-table td > strong {
    display: block;
    margin-bottom: 4px;
}

.slot-state.is-available {
    border-left: 3px solid light-dark(#15803d, #4ade80);
}

.slot-state.is-pending_acceptance,
.slot-state.is-pending_payment {
    border-left: 3px solid light-dark(#d97706, #fbbf24);
}

.slot-state.is-booked {
    border-left: 3px solid light-dark(#0f766e, #5eead4);
}

.slot-state.is-deleted,
.slot-state.is-expired {
    border-left: 3px solid light-dark(#64748b, #94a3b8);
}

.operations-slots-empty,
.operations-slots-listing {
    margin-top: 18px;
}

.account-summary__grid span {
    color: var(--body-quiet-color);
    margin-top: 4px;
}