/*
   MosBus UI refinement layer.
   Loaded after the older CSS stack to normalize spacing, type, states, and
   responsive behavior without changing WebForms controls or server events.
*/

:root {
    --mos-brand: #d84e55;
    --mos-brand-dark: #b71c1c;
    --mos-brand-soft: rgba(216, 78, 85, 0.1);
    --mos-ink: #202124;
    --mos-muted: #62666d;
    --mos-subtle: #8a8f98;
    --mos-bg: #f6f7f9;
    --mos-surface: #ffffff;
    --mos-surface-soft: #fbfbfc;
    --mos-line: rgba(27, 31, 36, 0.1);
    --mos-line-strong: rgba(27, 31, 36, 0.18);
    --mos-success: #1f7a4d;
    --mos-warning: #b86b00;
    --mos-info: #2368a2;
    --mos-danger: #b71c1c;
    --mos-radius: 8px;
    --mos-shadow: 0 10px 26px rgba(24, 30, 40, 0.06);
    --mos-shadow-soft: 0 4px 16px rgba(24, 30, 40, 0.05);
    --mos-focus: 0 0 0 4px rgba(216, 78, 85, 0.15);
}

html {
    text-size-adjust: 100%;
}

body,
body.public-body,
body.admin-body {
    background: var(--mos-bg) !important;
    color: var(--mos-ink) !important;
    font-family: Inter, Poppins, "Segoe UI", Arial, sans-serif !important;
    letter-spacing: 0 !important;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-title,
.section-title,
.public-brand-copy strong,
.admin-topbar-copy h1 {
    color: var(--mos-ink);
    font-family: Inter, Poppins, "Segoe UI", Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

.page-title {
    font-size: 2rem !important;
    line-height: 1.14 !important;
    max-width: 760px;
}

.section-title {
    font-size: 1.05rem !important;
    line-height: 1.25 !important;
    margin: 0;
}

.muted,
.note,
.rb-soft-copy,
.meta-label,
.rb-meta-label {
    color: var(--mos-muted) !important;
}

a,
button,
input,
select,
textarea {
    letter-spacing: 0 !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: none !important;
    box-shadow: var(--mos-focus) !important;
}

.container {
    width: min(1180px, calc(100% - 32px)) !important;
}

.public-main {
    min-height: calc(100vh - 132px);
}

.public-header {
    background: rgba(255, 255, 255, 0.96) !important;
    border-bottom: 1px solid var(--mos-line) !important;
    box-shadow: 0 6px 20px rgba(24, 30, 40, 0.06) !important;
    backdrop-filter: blur(10px) !important;
}

.public-header-shell {
    min-height: 64px !important;
}

.public-brand {
    color: var(--mos-brand-dark) !important;
}

.public-brand-mark,
.admin-brand-mark,
.auth-brand-mark {
    border-radius: var(--mos-radius) !important;
    background: var(--mos-brand) !important;
    color: #fff !important;
}

.public-brand-copy small,
.public-nav a,
.public-text-link {
    color: var(--mos-muted) !important;
}

.public-brand-copy small {
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.public-nav a,
.public-text-link {
    border-radius: var(--mos-radius) !important;
    min-height: 36px;
}

.public-nav a:hover,
.public-nav a:focus-visible,
.public-nav a.is-active,
.public-text-link:hover,
.profile-chip:hover {
    background: var(--mos-brand-soft) !important;
    color: var(--mos-brand-dark) !important;
}

.profile-chip,
.public-mobile-toggle,
.public-mobile-bottom-nav {
    border-color: var(--mos-line) !important;
}

.public-mobile-toggle {
    background: #fff !important;
    border-radius: var(--mos-radius) !important;
}

.public-mobile-toggle span,
.admin-mobile-menu span {
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    margin: 0 !important;
    background: var(--mos-ink) !important;
    border-radius: 999px !important;
    opacity: 1 !important;
}

.public-footer {
    background: #10151d !important;
    color: rgba(255, 255, 255, 0.78) !important;
    border-top: 0 !important;
}

.public-footer a {
    color: rgba(255, 255, 255, 0.78) !important;
}

.public-footer a:hover {
    color: #fff !important;
}

.panel,
.grid-card,
.summary-card,
.detail-card,
.search-card,
.rb-result-card,
.rb-filter-panel,
.rb-seat-coach,
.rb-review-card,
.rb-sidebar-panel,
.rb-review-sidebar,
.rb-seat-sidebar .panel,
.figma-shell-card,
.figma-success-card,
.figma-passenger-form,
.figma-passenger-sidebar,
.auth-card,
.auth-role-card,
.support-status-card {
    background: var(--mos-surface) !important;
    border: 1px solid var(--mos-line) !important;
    border-radius: var(--mos-radius) !important;
    box-shadow: var(--mos-shadow-soft) !important;
}

.panel,
.grid-card,
.summary-card,
.detail-card {
    padding: 22px !important;
}

.panel-muted,
.support-status-card-muted,
.rb-gst-card,
.rb-insurance-card,
.rb-coupon-card,
.rb-traveller-save-card,
.rb-seat-summary-card,
.rb-coach-surface,
.figma-ticket-placeholder {
    background: var(--mos-surface-soft) !important;
    border: 1px solid var(--mos-line) !important;
    border-radius: var(--mos-radius) !important;
}

.summary-card.accent,
.profile-banner {
    color: #fff;
    background:
        linear-gradient(135deg, rgba(183, 28, 28, 0.96), rgba(216, 78, 85, 0.94)),
        #c8363e !important;
    border: 0 !important;
    box-shadow: none !important;
}

.summary-card.accent .page-title,
.summary-card.accent .eyebrow,
.summary-card.accent .muted,
.profile-banner .page-title,
.profile-banner .eyebrow,
.profile-banner .rb-meta-label {
    color: #fff !important;
}

.summary-card.accent .badge,
.profile-banner .badge {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
}

.badge,
.rb-status-pill,
.rb-soft-pill,
.admin-toolbar-chip,
.queue-badge {
    border-radius: 999px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.eyebrow,
.rb-kicker,
.admin-section-kicker,
.admin-topbar-kicker,
.admin-sidebar-kicker,
.admin-nav-section {
    color: var(--mos-brand-dark) !important;
    letter-spacing: 0 !important;
}

.btn,
.rb-search-btn,
.rb-summary-cta,
.admin-side-btn,
.table-action-link,
.rb-quick-action {
    border-radius: var(--mos-radius) !important;
    font-weight: 700 !important;
    min-height: 40px;
    transform: none !important;
    transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease !important;
}

.btn.primary,
.rb-search-btn,
.rb-summary-cta,
.admin-body .btn.primary,
.admin-side-btn.primary {
    background: var(--mos-brand) !important;
    border-color: var(--mos-brand) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(216, 78, 85, 0.18) !important;
}

.btn.primary:hover,
.rb-search-btn:hover,
.rb-summary-cta:hover,
.admin-body .btn.primary:hover,
.admin-side-btn.primary:hover {
    background: var(--mos-brand-dark) !important;
    border-color: var(--mos-brand-dark) !important;
}

.btn.secondary,
.admin-side-btn.secondary {
    background: #fff !important;
    border: 1px solid var(--mos-line-strong) !important;
    color: var(--mos-ink) !important;
    box-shadow: none !important;
}

.btn.secondary:hover,
.admin-side-btn.secondary:hover {
    background: var(--mos-surface-soft) !important;
    border-color: var(--mos-brand) !important;
    color: var(--mos-brand-dark) !important;
}

.btn[disabled],
button[disabled],
input[type="submit"][disabled] {
    cursor: not-allowed !important;
    opacity: 0.58 !important;
}

.input,
.textarea,
.field input,
.field select,
.field textarea,
.rb-city-input,
.rb-date,
.rb-select {
    background: #fff !important;
    border: 1px solid var(--mos-line-strong) !important;
    border-radius: var(--mos-radius) !important;
    color: var(--mos-ink) !important;
    min-height: 44px;
}

.input:focus,
.textarea:focus,
.field input:focus,
.field select:focus,
.field textarea:focus,
.rb-city-input:focus,
.rb-date:focus,
.rb-search-input-shell:focus-within,
.figma-search-input-shell:focus-within {
    border-color: var(--mos-brand) !important;
    box-shadow: var(--mos-focus) !important;
}

.field label {
    color: var(--mos-ink) !important;
    font-weight: 700 !important;
}

.field-error {
    display: none;
    color: var(--mos-danger);
    font-size: 0.75rem;
    margin-top: 4px;
}

.is-invalid + .field-error,
.field-error.is-visible {
    display: block;
}

.table-card-head {
    align-items: flex-start !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
}

.data-table {
    border: 1px solid var(--mos-line) !important;
    border-radius: var(--mos-radius) !important;
    overflow: hidden;
}

.data-table th {
    background: #f1f3f6 !important;
    color: #343940 !important;
    font-size: 0.78rem !important;
    letter-spacing: 0 !important;
}

.data-table td {
    color: var(--mos-ink) !important;
    vertical-align: middle !important;
}

.data-table tr:hover td {
    background: #fbf4f5 !important;
}

.table-scroll {
    overflow-x: auto;
}

.table-scroll .data-table {
    min-width: 760px;
}

.empty-state {
    color: var(--mos-muted) !important;
    border-radius: var(--mos-radius) !important;
}

.alert {
    border-radius: var(--mos-radius) !important;
}

.auth-shell {
    padding: 42px 0 56px !important;
    min-height: auto !important;
    display: block !important;
}

.auth-layout {
    width: min(1120px, calc(100% - 32px)) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 420px) !important;
    align-items: start !important;
    gap: 24px !important;
    margin: 0 auto !important;
    padding: 24px 0 40px !important;
}

.auth-hero,
.auth-card {
    min-width: 0;
}

.auth-hero {
    align-self: stretch !important;
    min-height: auto !important;
    padding: 28px !important;
    overflow: hidden !important;
    border-radius: var(--mos-radius) !important;
    background: #121a27 !important;
    position: relative !important;
    isolation: isolate;
}

.auth-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    background: #121a27 !important;
}

.auth-hero::after {
    display: none !important;
}

.auth-hero > * {
    position: relative;
    z-index: 1;
}

.auth-kicker,
.auth-hero .rb-kicker {
    display: inline-flex !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: max-content !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #ff7178 !important;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.auth-kicker::before,
.auth-kicker::after,
.auth-hero .rb-kicker::before,
.auth-hero .rb-kicker::after {
    display: none !important;
}

.auth-hero h1 {
    font-size: 2rem !important;
    line-height: 1.14 !important;
    max-width: 620px !important;
    color: #fff !important;
}

.auth-hero p {
    max-width: 620px !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

.auth-card {
    padding: 28px !important;
}

.auth-card-head {
    margin-bottom: 18px !important;
}

.auth-card .eyebrow {
    display: inline-flex !important;
    width: auto !important;
    max-width: max-content;
}

.auth-trust-list {
    display: grid;
    gap: 12px;
    margin-top: 28px;
}

.auth-trust-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--mos-muted);
    font-size: 0.88rem;
}

.auth-trust-item i {
    color: var(--mos-success);
    flex-shrink: 0;
    margin-top: 2px;
}

.auth-hero .auth-role-card h2 {
    color: var(--mos-ink) !important;
}

.auth-hero .auth-role-card p {
    color: var(--mos-muted) !important;
}

.auth-mark-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.auth-brand-mark {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.1rem;
}

.auth-brand-name {
    font-weight: 800;
}

.auth-alert {
    margin-bottom: 14px;
    padding: 12px 14px !important;
}

.auth-alert-icon {
    margin-right: 8px;
}

.social-icon-facebook {
    color: #1877f2;
    font-size: 1rem;
}

.auth-card .rb-social-login {
    gap: 8px !important;
    margin: 14px 0 !important;
}

.auth-card .rb-social-btn {
    min-height: 38px !important;
    padding: 8px 12px !important;
}

.auth-card .rb-social-divider {
    margin: 12px 0 !important;
}

.auth-card .form-grid {
    gap: 12px !important;
}

.password-field {
    position: relative;
}

.password-field .input {
    padding-right: 44px !important;
}

.password-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: var(--mos-radius);
    background: transparent;
    color: var(--mos-subtle);
    cursor: pointer;
}

.password-toggle:hover {
    background: var(--mos-brand-soft);
    color: var(--mos-brand-dark);
}

.auth-forgot-row {
    margin-top: 8px;
    text-align: right;
}

.auth-footnote {
    margin: 16px 0 0;
    color: var(--mos-subtle);
    font-size: 0.75rem;
    line-height: 1.6;
    text-align: center;
}

.page-state {
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 56px 16px;
}

.page-state-card {
    width: min(520px, 100%);
    text-align: center;
}

.page-state-code {
    color: #e5e7eb;
    font-size: 4rem;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 16px;
}

.page-state-icon {
    display: block;
    margin-bottom: 18px;
    color: var(--mos-brand);
    font-size: 3rem;
}

.page-state-title {
    margin: 8px 0 10px;
    color: var(--mos-ink);
    font-size: 1.4rem;
    font-weight: 800;
}

.page-state-message {
    margin: 0 0 28px;
    color: var(--mos-muted);
    line-height: 1.7;
}

.page-state-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.page-state-reference {
    margin-top: 24px;
    color: #b7bbc2;
    font-size: 0.75rem;
}

.profile-banner {
    padding: 34px 24px;
}

.profile-content {
    padding-top: 24px;
    padding-bottom: 48px;
}

.profile-banner .rb-profile-stat-grid {
    margin-top: 16px;
}

.profile-banner .rb-profile-stat-grid article {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: var(--mos-radius) !important;
}

.profile-stat-title {
    display: block;
    margin: 4px 0 6px;
    color: #fff;
}

.profile-stat-copy {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.78rem;
}

.rb-profile-shell.profile-layout {
    padding: 0 !important;
}

.profile-panel-flush {
    padding: 0 !important;
    overflow: hidden;
}

.booking-tabs {
    padding: 0 20px;
    margin-bottom: 0;
}

.booking-panel-body {
    padding: 20px;
}

.booking-table-note {
    margin: 0;
    font-size: 0.82rem;
}

.compact-secondary {
    min-height: 36px;
    padding: 7px 14px !important;
    font-size: 0.82rem !important;
    white-space: nowrap;
}

.route-inline {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.route-city {
    font-weight: 700;
}

.route-arrow {
    color: var(--mos-subtle);
    font-size: 0.72rem;
}

.fare-strong {
    color: var(--mos-ink);
}

.small-muted {
    color: var(--mos-muted);
    font-size: 0.8rem;
}

.account-action-row {
    margin-top: 12px;
}

.account-action-row .btn {
    flex: 1;
}

.support-note-panel {
    background: #fff8f8 !important;
    border-color: rgba(216, 78, 85, 0.18) !important;
}

.panel-title-inline {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.panel-title-inline i {
    color: var(--mos-brand);
}

.support-note-list .summary-item span {
    font-size: 0.78rem;
}

.support-note-list .summary-item strong {
    font-size: 0.8rem;
}

.rb-results-layout,
.rb-seat-layout,
.figma-passenger-layout,
.figma-review-layout,
.manage-layout,
.support-layout,
.rb-profile-shell {
    gap: 22px !important;
}

.figma-search-page,
.figma-results-page,
.rb-seat-page,
.figma-passenger-page,
.rb-review-page,
.figma-success-page {
    width: min(1180px, calc(100% - 32px)) !important;
}

.figma-search-hero,
.figma-results-head,
.figma-passenger-head,
.rb-seat-header {
    gap: 20px !important;
}

.figma-search-copy p,
.figma-results-head p,
.figma-passenger-copy p,
.figma-success-hero p {
    color: var(--mos-muted) !important;
}

.figma-search-gallery,
.figma-gallery-card {
    border-radius: var(--mos-radius) !important;
}

.rb-result-card:hover,
.admin-link-card:hover,
.admin-quick-action-card:hover {
    border-color: rgba(216, 78, 85, 0.28) !important;
    box-shadow: var(--mos-shadow) !important;
    transform: none !important;
}

.rb-result-shell {
    gap: 18px !important;
}

.rb-route-strip,
.rb-result-meta,
.summary-grid,
.support-status-grid,
.figma-detail-grid,
.figma-manifest-list {
    border-radius: var(--mos-radius) !important;
}

.seat {
    border-radius: 6px !important;
}

.seat:focus-visible {
    outline: none !important;
    box-shadow: var(--mos-focus) !important;
}

.figma-success-hero {
    border-radius: var(--mos-radius) !important;
}

.ticket-placeholder-center {
    text-align: center;
}

.ticket-placeholder-icon {
    font-size: 2.5rem;
}

body.admin-body {
    font-family: Inter, Poppins, "Segoe UI", Arial, sans-serif !important;
    background: #f3f6fa !important;
}

.admin-sidebar {
    background: #121a27 !important;
    box-shadow: 18px 0 36px rgba(10, 18, 28, 0.18) !important;
}

.admin-brand,
.admin-sidebar strong,
.admin-sidebar-profile strong {
    color: #fff !important;
}

.admin-sidebar .admin-brand-copy small,
.admin-sidebar .admin-sidebar-summary small,
.admin-sidebar .admin-nav-copy small {
    color: rgba(255, 255, 255, 0.64) !important;
}

.admin-nav-link {
    border-radius: var(--mos-radius) !important;
}

.admin-nav-link:hover,
.admin-nav-link.is-active {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}

.admin-nav-icon {
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

.admin-main {
    background: #f3f6fa !important;
}

.admin-topbar {
    background: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid var(--mos-line) !important;
    box-shadow: 0 6px 20px rgba(24, 30, 40, 0.04) !important;
}

.admin-topbar-copy h1,
.admin-banner h2 {
    font-size: 1.42rem !important;
}

.admin-status-chip,
.admin-date-chip,
.admin-utility-link,
.admin-user-chip {
    border-radius: var(--mos-radius) !important;
}

.admin-banner,
.admin-dashboard-head {
    background: #fff !important;
    border: 1px solid var(--mos-line) !important;
    border-radius: var(--mos-radius) !important;
    box-shadow: var(--mos-shadow-soft) !important;
    color: var(--mos-ink) !important;
}

.admin-banner p,
.admin-dashboard-head p {
    color: var(--mos-muted) !important;
}

.admin-page-grid,
.admin-insight-layout,
.admin-dashboard-metrics,
.admin-quick-action-grid,
.queue-stat-grid {
    gap: 16px !important;
}

.admin-visual-card,
.admin-chart-card,
.admin-metric-card,
.queue-stat-card,
.admin-quick-action-card,
.admin-link-card {
    background: #fff !important;
    border: 1px solid var(--mos-line) !important;
    border-radius: var(--mos-radius) !important;
    box-shadow: var(--mos-shadow-soft) !important;
}

.admin-bar-track {
    background: #edf1f5 !important;
}

.admin-bar-fill,
.admin-bar-fill.tone-blue,
.admin-bar-fill.tone-amber,
.admin-bar-fill.tone-green,
.admin-bar-fill.tone-slate,
.admin-bar-fill.tone-red {
    border-radius: 999px !important;
}

.queue-table .table-action-stack {
    gap: 6px !important;
}

.table-action-link {
    min-height: 0;
    color: var(--mos-info) !important;
}

.table-action-link.danger {
    color: var(--mos-danger) !important;
}

@media (max-width: 1100px) {
    .page-title,
    .auth-hero h1 {
        font-size: 1.72rem !important;
    }

    .admin-topbar {
        align-items: flex-start !important;
    }
}

@media (max-width: 900px) {
    .auth-layout {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 767px) {
    .container,
    .figma-search-page,
    .figma-results-page,
    .rb-seat-page,
    .figma-passenger-page,
    .rb-review-page,
    .figma-success-page {
        width: min(100% - 24px, 1180px) !important;
    }

    .public-main {
        padding-bottom: 74px !important;
    }

    .public-mobile-bottom-nav {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border-radius: 0 !important;
    }

    .public-mobile-toggle {
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
    }

    .figma-search-card {
        padding: 18px 24px !important;
    }

    .figma-search-row,
    .figma-search-footer {
        gap: 14px !important;
    }

    .figma-chip-row {
        margin-top: 10px !important;
    }

    .rb-search-btn {
        min-height: 46px !important;
    }

    .figma-search-note {
        display: none !important;
    }

    .page-title,
    .auth-hero h1 {
        font-size: 1.48rem !important;
    }

    .panel,
    .grid-card,
    .summary-card,
    .detail-card,
    .auth-card {
        padding: 16px !important;
    }

    .profile-banner {
        padding: 28px 0;
    }

    .booking-panel-body {
        padding: 16px;
    }

    .table-card-head,
    .page-intro,
    .rb-profile-hero {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .compact-secondary {
        width: 100%;
        justify-content: center;
    }

    .route-inline {
        white-space: normal;
    }

    .data-table,
    .data-table thead,
    .data-table tbody,
    .data-table tr,
    .data-table th,
    .data-table td {
        display: block;
        width: 100%;
    }

    .data-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
    }

    .data-table tr {
        margin-bottom: 12px;
        border: 1px solid var(--mos-line);
        border-radius: var(--mos-radius);
        background: #fff;
        overflow: hidden;
    }

    .data-table td {
        display: grid;
        grid-template-columns: minmax(108px, 40%) minmax(0, 1fr);
        gap: 12px;
        border-bottom: 1px solid var(--mos-line) !important;
        text-align: left !important;
    }

    .data-table td::before {
        content: attr(data-label);
        color: var(--mos-muted);
        font-weight: 700;
    }

    .data-table td:last-child {
        border-bottom: 0 !important;
    }

    .admin-topbar-actions {
        width: 100%;
        justify-content: flex-start !important;
    }
}