.app-topbar {
    min-height: 60px;
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
    flex-shrink: 0;
}
.app-topbar-inner {
    min-height: 60px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.app-topbar-left,
.app-topbar-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.app-topbar-context { min-width: 0; }
.app-topbar-title {
    margin: 0;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.app-topbar-business {
    margin: 2px 0 0;
    color: #64748b;
    font-size: 11px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.app-icon-btn,
.app-profile-btn {
    min-width: 34px;
    height: 34px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #dbe3ee;
    border-radius: 6px;
    background: #fff;
    color: #475569;
    cursor: pointer;
    text-decoration: none;
    transition: background-color .15s, border-color .15s, color .15s;
}
.app-icon-btn:hover,
.app-profile-btn:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #0f172a;
    text-decoration: none;
}
.app-icon-btn svg,
.app-profile-btn svg { width: 18px; height: 18px; flex-shrink: 0; }
.app-primary-action {
    height: 34px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--theme-800);
    border-radius: 6px;
    background: var(--theme-800);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}
.app-primary-action:hover { background: var(--theme-700); color: #fff; text-decoration: none; }
.app-primary-action svg { width: 17px; height: 17px; }
.app-language-switch {
    height: 34px;
    display: inline-flex;
    overflow: hidden;
    border: 1px solid #dbe3ee;
    border-radius: 6px;
    background: #fff;
}
.app-language-switch a {
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}
.app-language-switch a.is-active { background: #eef4ff; color: var(--theme-800); }
.app-profile-menu { position: relative; }
.app-profile-menu summary { list-style: none; }
.app-profile-menu summary::-webkit-details-marker { display: none; }
.app-profile-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 1050;
    width: 210px;
    padding: 8px;
    margin: 0;
    list-style: none;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .12);
}
.app-profile-name { padding: 8px 10px; border-bottom: 1px solid #f1f5f9; margin-bottom: 5px; }
.app-profile-name small { display: block; color: #64748b; font-size: 11px; }
.app-profile-name strong { display: block; color: #0f172a; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-profile-link {
    width: 100%;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    gap: 9px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
}
.app-profile-link:hover { background: #f8fafc; color: #0f172a; text-decoration: none; }
.app-profile-link svg { width: 17px; height: 17px; }
.app-topbar .notifications-menu > a {
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 8px !important;
    border: 1px solid #dbe3ee !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #475569 !important;
    box-shadow: none !important;
}

.sidebar-brand {
    min-height: 68px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 11px;
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
    text-decoration: none;
}
.sidebar-brand:hover { text-decoration: none; }
.sidebar-brand-mark {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--theme-800);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}
.sidebar-brand-copy { min-width: 0; }
.sidebar-brand-product { margin: 0; color: #0f172a; font-size: 13px; font-weight: 800; line-height: 1.25; }
.sidebar-brand-business { margin: 3px 0 0; color: #64748b; font-size: 11px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.dashboard-shell { min-height: 100%; background: #f6f8fb; color: #0f172a; }
.dashboard-pagebar {
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid #e2e8f0;
    background: #fff;
}
.dashboard-pagebar-inner { width: 100%; }
.dashboard-heading { margin: 0; color: #0f172a; font-size: 22px; font-weight: 750; line-height: 1.25; }
.dashboard-subheading { margin: 4px 0 0; color: #64748b; font-size: 12px; line-height: 1.45; }
.dashboard-filters { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.dashboard-location-wrap { min-width: 180px; }
.dashboard-filter-btn {
    height: 36px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #dbe3ee;
    border-radius: 6px;
    background: #fff;
    color: #334155;
    font-size: 12px;
    font-weight: 600;
}
.dashboard-filter-btn svg { width: 15px; height: 15px; flex-shrink: 0; }
.dashboard-content { padding: 18px 24px 32px; }
.dashboard-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.dashboard-kpi {
    min-height: 112px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
}
.dashboard-kpi-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.dashboard-kpi-label { color: #64748b; font-size: 12px; font-weight: 650; line-height: 1.4; overflow-wrap: anywhere; }
.dashboard-kpi-icon { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: 6px; background: #eef4ff; color: var(--theme-800); }
.dashboard-kpi-icon.is-positive { background: #ecfdf3; color: #067647; }
.dashboard-kpi-icon.is-warning { background: #fff7ed; color: #c2410c; }
.dashboard-kpi-icon.is-danger { background: #fff1f2; color: #be123c; }
.dashboard-kpi-icon svg { width: 16px; height: 16px; }
.dashboard-kpi-value { margin: 14px 0 0; color: #0f172a; font-size: 24px; font-weight: 750; line-height: 1.2; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.dashboard-main-grid { margin-top: 14px; display: grid; grid-template-columns: minmax(0, 2fr) minmax(270px, 1fr); gap: 14px; align-items: stretch; }
.dashboard-card { min-width: 0; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; box-shadow: 0 1px 2px rgba(15, 23, 42, .03); }
.dashboard-card-header { min-height: 52px; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #edf1f6; }
.dashboard-card-title { margin: 0; color: #1e293b; font-size: 14px; font-weight: 750; line-height: 1.4; }
.dashboard-card-caption { margin: 2px 0 0; color: #64748b; font-size: 11px; }
.dashboard-chart-body { min-height: 310px; padding: 10px 12px 4px; }
.dashboard-chart-panel[hidden] { display: none !important; }
.dashboard-chart-tabs { display: inline-flex; padding: 2px; border: 1px solid #e2e8f0; border-radius: 6px; background: #f8fafc; }
.dashboard-chart-tab { padding: 5px 9px; border: 0; border-radius: 4px; background: transparent; color: #64748b; font-size: 11px; font-weight: 700; }
.dashboard-chart-tab.is-active { background: #fff; color: #0f172a; box-shadow: 0 1px 2px rgba(15,23,42,.08); }
.dashboard-snapshot { padding: 4px 16px 10px; }
.dashboard-snapshot-row { padding: 13px 0; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid #edf1f6; }
.dashboard-snapshot-row:last-child { border-bottom: 0; }
.dashboard-snapshot-label { color: #64748b; font-size: 12px; line-height: 1.4; }
.dashboard-snapshot-value { color: #1e293b; font-size: 13px; font-weight: 750; font-variant-numeric: tabular-nums; text-align: right; overflow-wrap: anywhere; }
.dashboard-actions { margin-top: 14px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.dashboard-actions-copy { min-width: 150px; }
.dashboard-actions-list { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.dashboard-action {
    height: 34px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #dbe3ee;
    border-radius: 6px;
    background: #fff;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}
.dashboard-action:hover { background: #f8fafc; color: #0f172a; text-decoration: none; }
.dashboard-action.is-primary { border-color: var(--theme-800); background: var(--theme-800); color: #fff; }
.dashboard-action.is-primary:hover { background: var(--theme-700); color: #fff; }
.dashboard-action svg { width: 15px; height: 15px; }
.dashboard-section-heading { margin: 22px 0 10px; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.dashboard-section-heading h2 { margin: 0; color: #1e293b; font-size: 15px; font-weight: 750; }
.dashboard-section-heading p { margin: 0; color: #64748b; font-size: 11px; }
.dashboard-table-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.dashboard-table-card { min-width: 0; overflow: hidden; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; }
.dashboard-table-card-header { min-height: 50px; padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid #edf1f6; }
.dashboard-table-card-title { margin: 0; color: #1e293b; font-size: 13px; font-weight: 750; line-height: 1.4; }
.dashboard-table-card-tools { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-shrink: 0; }
.dashboard-view-all { color: var(--theme-800); font-size: 11px; font-weight: 700; white-space: nowrap; text-decoration: none; }
.dashboard-view-all:hover { color: var(--theme-700); text-decoration: underline; }
.dashboard-table-body { padding: 0 4px; overflow-x: auto; }
.dashboard-table-card table { width: 100%; margin: 0; font-size: 12px; }
.dashboard-table-card table.dataTable th { color: #64748b !important; font-size: 10px !important; font-weight: 750; text-transform: uppercase; }
.dashboard-table-card .dt-buttons { display: none !important; }
.dashboard-table-card .dataTables_info { padding: 7px 12px; color: #64748b; font-size: 10px; }
.dashboard-module-widgets { margin-top: 14px; }

/* The dashboard uses the same DOM at every viewport. */
.desktop-dash { display: block !important; }
.dashboard-shell .dash-kpi-grid {
    padding: 18px 24px 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    background: transparent;
}
.dashboard-shell .dash-kpi-card {
    min-height: 112px;
    padding: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .03) !important;
    transform: none !important;
}
.dashboard-shell .dash-kpi-card:nth-child(n+5) { display: none; }
.dashboard-shell .dash-kpi-label { color: #64748b; font-size: 12px; font-weight: 650; }
.dashboard-shell .dash-kpi-value { margin-top: 14px; color: #0f172a; font-size: 24px; font-weight: 750; letter-spacing: 0; }
.dashboard-shell .dash-kpi-icon { width: 30px; height: 30px; border-radius: 6px; }
.dashboard-actions-band,
.dashboard-operations-band { background: transparent !important; }
.dashboard-actions-grid { align-items: stretch; }
.dashboard-shell .dash-actions-card,
.dashboard-shell .dash-assistant-card {
    padding: 16px;
    min-width: 0;
    min-height: 132px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
}
.dashboard-shell .dash-actions-card {
    display: flex;
    flex-direction: column;
}
.dashboard-shell .dash-actions-card-label,
.dashboard-shell .dash-assistant-card-title { margin: 0 0 11px; color: #1e293b; font-size: 13px; font-weight: 750; letter-spacing: 0; text-transform: none; }
.dashboard-shell .dash-quick-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
    gap: 8px;
    align-items: stretch;
}
.dashboard-shell .dash-qa-btn,
.dashboard-shell .dash-assistant-open-btn {
    min-height: 36px;
    padding: 8px 11px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #dbe3ee;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none !important;
    white-space: normal;
}
.dashboard-shell .dash-qa-btn { width: 100%; background: #fff; color: #334155; }
.dashboard-shell .dash-qa-btn:hover { background: #f8fafc; border-color: #cbd5e1; color: #0f172a; }
.dashboard-shell .dash-qa-btn.primary { background: var(--theme-800); border-color: var(--theme-800); color: #fff; }
.dashboard-shell .dash-qa-btn.primary:hover { background: var(--theme-700); border-color: var(--theme-700); color: #fff; }
.dashboard-shell .dash-qa-btn svg,
.dashboard-shell .dash-assistant-open-btn svg { width: 15px !important; height: 15px !important; display: block; flex: 0 0 15px; }
.dashboard-shell .dash-assistant-card { border-color: #e2e8f0; }
.dashboard-shell .dash-assistant-card { display: flex; flex-direction: column; align-items: flex-start; }
.dashboard-shell .dash-assistant-card-title { color: #1e293b; }
.dashboard-shell .dash-assistant-card-title svg { width: 15px !important; height: 15px !important; }
.dashboard-shell .dash-assistant-card-desc { margin: 0 0 13px; color: #64748b; font-size: 12px; line-height: 1.5; }
.dashboard-shell .dash-assistant-open-btn { background: #eef4ff; color: var(--theme-800); }
.dashboard-shell .dash-assistant-open-btn:hover { background: #dbeafe; color: var(--theme-900); }
.dashboard-shell .dash-table-card { min-width: 0; overflow: hidden; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; }
.dashboard-shell .dash-table-card-header { min-height: 50px; padding: 10px 14px; }
.dashboard-shell .dash-table-card-title { color: #1e293b; font-size: 13px; }
.dashboard-shell .dash-view-all { color: var(--theme-800); font-size: 11px; }

[data-theme="dark"] .app-topbar,
[data-theme="dark"] .sidebar-brand,
[data-theme="dark"] .dashboard-pagebar,
[data-theme="dark"] .dashboard-kpi,
[data-theme="dark"] .dashboard-card,
[data-theme="dark"] .dashboard-table-card { background: #1e293b !important; border-color: #334155 !important; }
[data-theme="dark"] .app-topbar-title,
[data-theme="dark"] .sidebar-brand-product,
[data-theme="dark"] .dashboard-heading,
[data-theme="dark"] .dashboard-kpi-value,
[data-theme="dark"] .dashboard-card-title,
[data-theme="dark"] .dashboard-table-card-title,
[data-theme="dark"] .dashboard-section-heading h2 { color: #f1f5f9 !important; }
[data-theme="dark"] .app-topbar-business,
[data-theme="dark"] .sidebar-brand-business,
[data-theme="dark"] .dashboard-subheading,
[data-theme="dark"] .dashboard-kpi-label,
[data-theme="dark"] .dashboard-card-caption,
[data-theme="dark"] .dashboard-snapshot-label,
[data-theme="dark"] .dashboard-section-heading p { color: #94a3b8 !important; }
[data-theme="dark"] .dashboard-shell { background: #0f172a !important; }
[data-theme="dark"] .app-icon-btn,
[data-theme="dark"] .app-profile-btn,
[data-theme="dark"] .app-language-switch,
[data-theme="dark"] .dashboard-filter-btn,
[data-theme="dark"] .dashboard-action { background: #182130; border-color: #334155; color: #cbd5e1; }
[data-theme="dark"] .app-profile-dropdown { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .app-profile-name { border-color: #334155; }
[data-theme="dark"] .app-profile-name strong,
[data-theme="dark"] .dashboard-snapshot-value { color: #f1f5f9; }
[data-theme="dark"] .app-profile-link { color: #cbd5e1; }
[data-theme="dark"] .app-profile-link:hover { background: #273549; color: #fff; }
[data-theme="dark"] .app-topbar .notifications-menu > a { background: #182130 !important; border-color: #334155 !important; color: #cbd5e1 !important; }
[data-theme="dark"] .dashboard-card-header,
[data-theme="dark"] .dashboard-table-card-header,
[data-theme="dark"] .dashboard-snapshot-row { border-color: #334155; }
[data-theme="dark"] .dashboard-chart-tabs { background: #0f172a; border-color: #334155; }
[data-theme="dark"] .dashboard-chart-tab { color: #94a3b8; }
[data-theme="dark"] .dashboard-chart-tab.is-active { background: #334155; color: #fff; }
[data-theme="dark"] .dashboard-shell .dash-kpi-card,
[data-theme="dark"] .dashboard-shell .dash-actions-card,
[data-theme="dark"] .dashboard-shell .dash-assistant-card,
[data-theme="dark"] .dashboard-shell .dash-table-card { background: #1e293b !important; border-color: #334155 !important; }
[data-theme="dark"] .dashboard-shell .dash-kpi-value,
[data-theme="dark"] .dashboard-shell .dash-actions-card-label,
[data-theme="dark"] .dashboard-shell .dash-assistant-card-title,
[data-theme="dark"] .dashboard-shell .dash-table-card-title { color: #f1f5f9 !important; }
[data-theme="dark"] .dashboard-shell .dash-qa-btn { background: #182130; border-color: #334155; color: #cbd5e1; }
[data-theme="dark"] .dashboard-shell .dash-qa-btn:hover { background: #273549; border-color: #475569; color: #fff; }
[data-theme="dark"] .dashboard-shell .dash-qa-btn.primary { background: var(--theme-800); border-color: var(--theme-800); color: #fff; }
[data-theme="dark"] .dashboard-shell .dash-assistant-card-desc { color: #94a3b8; }
[data-theme="dark"] .dashboard-shell .dash-assistant-open-btn { background: #273549; border-color: #334155; color: #bfdbfe; }

@media (max-width: 1100px) {
    .dashboard-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-shell .dash-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-main-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    .app-topbar-inner { padding: 9px 12px; gap: 8px; }
    .app-topbar-context,
    .app-language-switch,
    .app-topbar .app-calculator-btn,
    .app-topbar .app-profit-btn { display: none; }
    .app-topbar-actions { gap: 6px; }
    .app-primary-action { width: 34px; padding: 0; }
    .app-primary-action span { display: none; }
    .app-profile-btn { width: 34px; padding: 0; }
    .app-profile-btn span { display: none; }
    .dashboard-pagebar { padding: 16px 14px; }
    .dashboard-pagebar-inner { align-items: flex-start !important; flex-direction: column; }
    .dashboard-heading { font-size: 19px; }
    .dashboard-filters { width: 100%; justify-content: flex-start; }
    .dashboard-location-wrap { min-width: 0; flex: 1 1 160px; }
    .dashboard-filters > div,
    .dashboard-filters .select2-container { width: 100% !important; min-width: 0 !important; }
    .dashboard-filter-btn { flex: 1 1 auto; justify-content: center; }
    .dashboard-content { padding: 12px 14px 26px; }
    .dashboard-shell .dash-kpi-grid { padding: 12px 14px 0; }
    .dashboard-main-grid { margin-left: 14px !important; margin-right: 14px !important; }
    .dashboard-actions-band,
    .dashboard-operations-band { padding-left: 14px !important; padding-right: 14px !important; }
    .dashboard-actions-grid { grid-template-columns: 1fr !important; }
    .dashboard-shell .dash-actions-card,
    .dashboard-shell .dash-assistant-card { min-height: 0; }
    .dashboard-shell .dash-quick-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-table-grid { grid-template-columns: 1fr !important; }
    .dashboard-kpi-grid { gap: 8px; }
    .dashboard-kpi { min-height: 104px; padding: 13px; }
    .dashboard-kpi-value { font-size: 19px; }
    .dashboard-kpi-icon { width: 28px; height: 28px; }
    .dashboard-chart-body { min-height: 260px; overflow-x: auto; }
    .dashboard-card-header { align-items: flex-start; flex-direction: column; }
    .dashboard-chart-tabs { width: 100%; }
    .dashboard-chart-tab { flex: 1 1 50%; }
    .dashboard-actions { align-items: flex-start; flex-direction: column; }
    .dashboard-actions-list { width: 100%; justify-content: flex-start; }
    .dashboard-action { flex: 1 1 calc(50% - 8px); }
    .dashboard-table-grid { grid-template-columns: 1fr; }
    .dashboard-table-card-header { align-items: flex-start; }
    .dashboard-shell .dash-table-card-header { flex-direction: column; }
    .dashboard-shell .dash-table-card-header > div { width: 100%; justify-content: space-between !important; flex-wrap: wrap; }
}
@media (max-width: 420px) {
    .dashboard-kpi-grid,
    .dashboard-shell .dash-kpi-grid { grid-template-columns: 1fr; }
    .dashboard-action { flex-basis: 100%; }
    .dashboard-shell .dash-quick-actions { grid-template-columns: 1fr; }
    .dashboard-table-card-tools select { max-width: 108px; }
}

/* Operational screens: keep the visual language quiet and consistent.
   Marketing pages use a separate layout, so these rules only affect the app. */
main #scrollable-container .tw-bg-gradient-to-r {
    background-image: none !important;
    background-color: var(--theme-800, #17486f) !important;
}

main #scrollable-container .tw-rounded-full.tw-dw-btn,
main #scrollable-container a.tw-rounded-full,
main #scrollable-container button.tw-rounded-full {
    border-radius: 6px !important;
}

main #scrollable-container .box,
main #scrollable-container .nav-tabs-custom {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

main #scrollable-container .box-header {
    padding: 14px 16px;
    border-bottom: 1px solid #edf1f6;
}

main #scrollable-container .box-title {
    color: #1e293b;
    font-size: 15px;
    font-weight: 700;
}

main #scrollable-container .btn,
main #scrollable-container .form-control,
main #scrollable-container .select2-selection {
    border-radius: 6px !important;
}

main #scrollable-container .table > thead > tr > th {
    border-bottom: 1px solid #dbe3ee;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: none;
}