/*
 * Nimble Clinic Portal - Dashboard visual alignment.
 * Target: approved desktop mockup. Loaded after the inherited style layers.
 * Keep historical source-theme.css untouched; dashboard styles are isolated
 * under .branded-dashboard. Sidebar/topbar refinements apply to the portal shell.
 */

/* Phase 1 - navigation, shell, header, spacing */
:root {
    --nimble-sidebar-width: 238px;
    --dashboard-ink: #102d54;
    --dashboard-muted: #536d8d;
    --dashboard-line: #d6e4f6;
    --dashboard-surface: #fff;
    --dashboard-elevation: 0 5px 16px rgba(22, 62, 108, .075), 0 1px 3px rgba(22, 62, 108, .035);
}
.portal-sidebar {
    background: linear-gradient(165deg, #092d52 0%, #062545 56%, #041e38 100%);
    padding: 20px 16px 14px;
    border-right: 1px solid #153f69;
    scrollbar-color: #365577 transparent;
}
.portal-brand {
    min-height: 62px;
    padding: 2px 4px 12px;
    margin: 0 0 9px;
    justify-content: flex-start;
}
.portal-brand-logo {
    width: 100%;
    max-width: 207px;
    max-height: 68px;
    object-fit: contain;
    object-position: left center;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .12));
}
.portal-user {
    padding: 12px 4px 18px;
    margin: 0 0 12px;
    border-bottom: 1px solid rgba(187, 211, 242, .21);
}
.portal-user .avatar {
    width: 42px;
    height: 42px;
    margin-right: 11px;
    background: #d5eaff;
    color: #0b529e;
    font-size: .81rem;
    font-weight: 750;
}
.portal-user .fw-bold {
    font-size: .82rem;
    font-weight: 730;
    line-height: 1.45;
}
.portal-user .user-role {
    font-size: .72rem;
    color: #d1e3fc;
}
.user-location {
    font-size: .7rem;
    color: #bed4ee;
}
.portal-nav .nav-link,
.sidebar-footer > .nav-link {
    min-height: 43px;
    margin: 0 0 4px;
    padding: 10px 12px;
    gap: 12px;
    color: #eaf3ff;
    border-radius: 9px;
    transition: background-color 140ms ease, box-shadow 140ms ease;
}
.portal-nav .nav-link > .bi:first-child,
.sidebar-footer > .nav-link > .bi {
    width: 20px;
    font-size: 1.07rem;
    line-height: 1;
}
.portal-nav .nav-link span {
    font-size: .82rem;
    font-weight: 540;
}
.portal-nav .nav-link.active {
    background: linear-gradient(105deg, #1889f9, #0560d8);
    box-shadow: 0 5px 15px rgba(0, 28, 71, .28), inset 0 1px 0 rgba(255,255,255,.13);
    color: white;
}
.portal-nav .nav-link:hover:not(.active),
.sidebar-footer > .nav-link:hover {
    background: rgba(185, 222, 255, .105);
}
.sidebar-footer {
    padding-top: 14px;
}
.account-dropdown {
    border-top: 1px solid rgba(187, 211, 242, .22);
    padding-top: 11px;
}
.account-dropdown summary {
    padding: 7px 5px;
    border-radius: 8px;
    font-size: .77rem;
}
.account-avatar {
    width: 32px;
    height: 32px;
    background: rgba(124, 173, 225, .34);
}
.portal-sidebar a:focus-visible,
.account-dropdown summary:focus-visible {
    outline: 2px solid #9adeff;
    outline-offset: 3px;
}
.portal-topbar {
    position: sticky;
    top: 0;
    z-index: 1020;
    min-height: 56px;
    padding: 8px 22px;
    background: #fff;
    border-bottom: 1px solid #dfebf8;
    box-shadow: 0 3px 12px rgba(16, 54, 105, .035);
}
.portal-topbar .page-identity > div > .text-secondary {
    font-size: .64rem !important;
    letter-spacing: .07em;
    font-weight: 720 !important;
}
.portal-topbar h2 {
    margin-top: 2px;
    font-size: 1.25rem;
    line-height: 1.15;
    letter-spacing: -.025em;
    font-weight: 770;
}
.portal-topbar .scope-controls {
    gap: 9px !important;
}
.portal-topbar .top-pill.scope-pill {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 39px;
    padding: 0 12px;
    background: #eef5fe;
    border: 1px solid transparent;
    border-radius: 11px;
    color: #0870dd;
}
.portal-topbar .scope-pill > .bi {
    font-size: 1rem;
    flex-shrink: 0;
}
.portal-topbar .scope-pill select {
    min-width: 110px;
    max-width: 192px;
    font-size: .77rem;
    font-weight: 660;
    color: #15549a;
    background: transparent;
}
.portal-topbar .scope-pill:focus-within {
    border-color: #7cb9fa;
    box-shadow: 0 0 0 3px rgba(13, 113, 218, .11);
}
.portal-topbar .scope-controls > .btn-primary {
    min-height: 39px;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: .79rem;
    font-weight: 700;
    background: linear-gradient(110deg, #0b7aef, #0864d7);
    box-shadow: 0 3px 9px rgba(0, 99, 217, .14);
}
.portal-topbar .scope-controls > .btn-primary:hover {
    background: linear-gradient(110deg, #086bd6, #0456c1);
}
.portal-content {
    padding: 16px 23px 32px;
}
@media (max-width: 1199.98px) {
    .portal-topbar .scope-pill select { max-width: 150px; }
    .portal-content { padding: 16px 18px 28px; }
}
@media (max-width: 991.98px) {
    .portal-sidebar { width: 100%; }
    .portal-topbar { padding: 12px 18px; }
    .portal-brand-logo { max-width: 207px; }
}
@media (max-width: 575.98px) {
    .portal-topbar { padding: 11px 15px; }
    .portal-topbar .scope-controls { width: 100%; }
    .portal-topbar .top-pill.scope-pill { flex: 1 1 160px; min-width: 0; }
    .portal-topbar .scope-pill select { width: 100%; min-width: 0; }
    .portal-content { padding: 14px 13px 27px; }
}
@media (prefers-reduced-motion: reduce) {
    .portal-nav .nav-link { transition: none; }
}


/* Phase 2 - hero and quick actions: enterprise care-dashboard presentation */
.branded-dashboard .dashboard-hero {
    min-height: 135px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 18px 29px;
    margin-bottom: 13px;
    overflow: hidden;
    border: 1px solid rgba(50, 134, 226, .32);
    border-radius: 13px;
    background:
        linear-gradient(90deg, rgba(6, 34, 70, .95) 0%, rgba(9, 54, 113, .77) 50%, rgba(7, 43, 91, .9) 100%),
        url("/assets/nimble-login-background.avif") center 54% / cover no-repeat;
    box-shadow: 0 6px 17px rgba(5, 48, 104, .12);
    isolation: isolate;
}
.branded-dashboard .hero-copy {
    position: relative;
    z-index: 3;
    max-width: calc(100% - 220px);
}
.branded-dashboard .hero-eyebrow {
    margin: 0 0 9px;
    font-size: .64rem;
    font-weight: 720;
    letter-spacing: .17em;
    color: #d7e9ff;
}
.branded-dashboard .dashboard-hero h1 {
    font-size: clamp(1.35rem, 1.7vw, 1.85rem);
    font-weight: 760;
    line-height: 1.17;
    letter-spacing: -.028em;
    margin: 0 0 7px;
    color: #fff;
}
.branded-dashboard .hero-highlight { color: #44edf2; }
.branded-dashboard .dashboard-hero .hero-intro {
    margin: 0;
    color: #e5f2ff;
    font-size: .84rem;
    font-weight: 430;
    line-height: 1.4;
}
.branded-dashboard .dashboard-hero .hero-context {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 22px;
    margin: 12px 0 0;
    font-size: .75rem;
    color: #d5e7fc;
}
.branded-dashboard .hero-context span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
.branded-dashboard .hero-context .bi {
    color: #36dcef;
    font-size: .99rem;
}
.branded-dashboard .hero-watermark {
    z-index: 1;
    position: absolute;
    left: auto;
    right: 16%;
    top: -37px;
    width: 330px;
    height: 218px;
    opacity: .19;
    transform: rotate(-9deg);
    pointer-events: none;
}
.branded-dashboard .hero-dots {
    z-index: 1;
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 25%;
    width: 31%;
    opacity: .25;
    background-image: radial-gradient(circle, #63caff 1px, transparent 1.3px);
    background-size: 15px 15px;
    mask-image: radial-gradient(ellipse, #000 7%, transparent 71%);
    pointer-events: none;
}
.branded-dashboard .hero-promise {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    flex: 0 0 160px;
    gap: 10px;
    margin-left: auto;
    padding-left: 11px;
    color: #eaf5ff;
    line-height: 1.45;
    font-size: .85rem;
    font-weight: 430;
}
.branded-dashboard .hero-promise-rule {
    width: 34px;
    height: 2px;
    border-radius: 2px;
    background: #35dcea;
}
.branded-dashboard .dashboard-section-heading {
    margin: 0 2px 8px;
    gap: 9px 18px;
}
.branded-dashboard .dashboard-section-heading h2 {
    font-size: 1.06rem;
    font-weight: 760;
    line-height: 1.2;
    letter-spacing: -.017em;
    color: var(--dashboard-ink);
}
.branded-dashboard .dashboard-section-heading p {
    font-size: .72rem;
    color: var(--dashboard-muted);
}
.branded-dashboard .dashboard-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 12px;
}
.branded-dashboard .quick-action-card {
    --action-color: #0877eb;
    --action-soft: #e8f3ff;
    min-height: 114px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 13px 14px 11px;
    border: 1px solid var(--dashboard-line);
    border-radius: 13px;
    background: #fff;
    box-shadow: var(--dashboard-elevation);
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}
.branded-dashboard .quick-action-patients {
    --action-color: #058b61;
    --action-soft: #ddfaed;
}
.branded-dashboard .quick-action-ivr {
    --action-color: #813ce2;
    --action-soft: #f1e7ff;
}
.branded-dashboard .quick-action-onboarding {
    --action-color: #d46d04;
    --action-soft: #fff0e0;
}
.branded-dashboard .quick-action-card:hover,
.branded-dashboard .quick-action-card:focus-within {
    border-color: #a6cdf7;
    box-shadow: 0 9px 23px rgba(25, 75, 135, .12);
    transform: translateY(-1px);
}
.branded-dashboard .quick-action-card > .dashboard-icon {
    width: 42px;
    height: 42px;
    font-size: 1.25rem;
    background: var(--action-soft);
    color: var(--action-color);
}
.branded-dashboard .quick-card-body { min-width: 0; }
.branded-dashboard .quick-card-heading {
    align-items: flex-start;
    gap: 7px;
    margin-bottom: 4px;
    font-size: .89rem;
    font-weight: 750;
    color: #0d2e55;
}
.branded-dashboard .quick-card-heading > .bi { color: #1765b7; margin-top: 4px; }
.branded-dashboard .quick-action-card p {
    font-size: .75rem;
    line-height: 1.38;
    color: #546e8e;
    min-height: 30px;
    margin: 0 0 7px;
}
.branded-dashboard .quick-action-card .btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    align-self: flex-start;
    min-height: 30px;
    padding: 6px 11px;
    background: var(--action-soft);
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--action-color);
    font-size: .73rem;
    line-height: 1.2;
    font-weight: 730;
    white-space: normal;
}
.branded-dashboard .quick-action-card .btn:hover {
    border-color: currentColor;
    filter: saturate(1.1);
}
@media (max-width: 1299.98px) {
    .branded-dashboard .dashboard-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .branded-dashboard .hero-promise { flex-basis: 135px; }
    .branded-dashboard .hero-copy { max-width: calc(100% - 158px); }
}
@media (max-width: 799.98px) {
    .branded-dashboard .hero-promise { display: none; }
    .branded-dashboard .hero-copy { max-width: 100%; }
    .branded-dashboard .hero-watermark { right: -60px; }
    .branded-dashboard .hero-dots { right: 0; }
}
@media (max-width: 599.98px) {
    .branded-dashboard .dashboard-hero { padding: 22px 19px; min-height: 169px; }
    .branded-dashboard .dashboard-hero h1 { font-size: 1.4rem; }
    .branded-dashboard .dashboard-actions { grid-template-columns: 1fr; }
    .branded-dashboard .quick-action-card { min-height: 117px; }
    .branded-dashboard .dashboard-section-heading p { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .branded-dashboard .quick-action-card { transition: none; }
    .branded-dashboard .quick-action-card:hover { transform: none; }
}


/* Phase 3 - data cards, truthful sparklines, payment metrics, and recent tables */
.branded-dashboard .dashboard-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.branded-dashboard .metric-card {
    --metric-accent: #0875ed;
    --metric-soft: #e9f3ff;
    position: relative;
    padding: 11px 12px 10px;
    min-width: 0;
    min-height: 107px;
    border: 1px solid var(--dashboard-line);
    border-left: 3px solid var(--metric-accent);
    border-radius: 13px;
    background: var(--dashboard-surface);
    box-shadow: var(--dashboard-elevation);
}
.branded-dashboard .metric-patients,
.branded-dashboard .metric-amount_due {
    --metric-accent: #069664;
    --metric-soft: #dff8ec;
}
.branded-dashboard .metric-ivrs,
.branded-dashboard .metric-orders_unpaid {
    --metric-accent: #ed7d11;
    --metric-soft: #fff0df;
}
.branded-dashboard .metric-onboardings,
.branded-dashboard .metric-orders_paid {
    --metric-accent: #8a3ee8;
    --metric-soft: #f0e7ff;
}
.branded-dashboard .metric-amount_paid {
    --metric-accent: #127bed;
    --metric-soft: #e8f3ff;
}
.branded-dashboard .metric-top {
    align-items: center;
    gap: 10px;
    min-height: 47px;
}
.branded-dashboard .metric-top > div { min-width: 0; }
.branded-dashboard .metric-card .dashboard-icon {
    width: 41px;
    height: 41px;
    font-size: 1.2rem;
    background: var(--metric-soft);
    color: var(--metric-accent);
}
.branded-dashboard .metric-top h3 {
    margin: 0 0 3px;
    font-size: .74rem;
    font-weight: 690;
    line-height: 1.3;
    color: #3e618a;
}
.branded-dashboard .metric-value {
    display: block;
    font-size: 1.58rem;
    line-height: 1.04;
    font-weight: 790;
    letter-spacing: -.025em;
    color: #0b2b55;
    font-variant-numeric: tabular-nums;
}
.branded-dashboard .metric-card .metric-sparkline {
    flex: 0 1 82px;
    width: 82px;
    min-width: 38px;
    height: 43px;
    margin: 0 0 0 auto;
    align-self: flex-end;
    color: var(--metric-accent);
}
.branded-dashboard .sparkline-line {
    stroke-width: 1.9;
}
.branded-dashboard .sparkline-area {
    opacity: .095;
}
.branded-dashboard .sparkline-baseline {
    stroke: #cbdff1;
}
.branded-dashboard .metric-activity {
    margin: 6px 0 2px;
    font-size: .685rem;
    line-height: 1.43;
    color: #4f6e91;
}
.branded-dashboard .metric-change {
    margin: 0;
    gap: 4px;
    font-size: .685rem;
    line-height: 1.4;
    color: #557395;
}
.branded-dashboard .metric-change.trend-up { color: #05865e; }
.branded-dashboard .metric-change.trend-down { color: #ac4f1d; }
.branded-dashboard .metric-change.trend-neutral { color: #536c89; }
.branded-dashboard .metrics-caption {
    display: block;
    margin: 7px 2px 13px;
    padding: 0;
    font-size: .685rem;
    line-height: 1.45;
    color: #5f7794;
}
.branded-dashboard .metrics-summary {
    align-items: center;
    gap: 7px;
}
.branded-dashboard .metrics-caption details {
    margin-top: 4px;
}
.branded-dashboard .metrics-caption summary {
    width: fit-content;
    font-weight: 540;
    color: #31649c;
}
.branded-dashboard .dashboard-window-toolbar {
    margin: 10px 0 8px !important;
    gap: 12px !important;
}
.branded-dashboard .dashboard-window-toolbar h2 {
    margin: 0 0 3px !important;
    font-size: 1.05rem;
    font-weight: 760;
    color: var(--dashboard-ink);
    letter-spacing: -.017em;
}
.branded-dashboard .dashboard-window-toolbar p {
    color: var(--dashboard-muted) !important;
    font-size: .79rem;
    line-height: 1.35;
}
.branded-dashboard .dashboard-date-picker {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    min-width: 150px;
}
.branded-dashboard .dashboard-date-picker label {
    margin: 0 !important;
    font-size: .71rem;
    font-weight: 660;
    color: #315172;
}
.branded-dashboard .dashboard-date-control {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-height: 40px;
    padding: 0 10px;
    border: 1px solid #cbdff5;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(25, 66, 114, .025);
}
.branded-dashboard .dashboard-date-control > .bi {
    flex-shrink: 0;
    color: #306bab;
    font-size: .91rem;
}
.branded-dashboard .dashboard-date-control .form-select {
    width: 100%;
    min-height: 38px;
    padding: 7px 24px 7px 1px;
    border: 0;
    background-color: transparent;
    font-size: .76rem;
    color: #17395b;
    cursor: pointer;
}
.branded-dashboard .dashboard-date-control:focus-within {
    border-color: #7eb2f1;
    box-shadow: 0 0 0 3px rgba(6, 106, 224, .1);
}
.branded-dashboard .payment-metrics {
    margin-bottom: 0;
}
.branded-dashboard .dashboard-recent {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr);
    gap: 14px;
}
.branded-dashboard .recent-card {
    min-width: 0;
    padding: 11px 12px 10px;
    border: 1px solid var(--dashboard-line);
    border-radius: 13px;
    background: #fff;
    box-shadow: var(--dashboard-elevation);
}
.branded-dashboard .recent-card header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 8px;
    margin: 0 0 8px;
    border-bottom: 1px solid #e1ebf6;
}
.branded-dashboard .recent-card h2 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    font-size: .94rem;
    font-weight: 760;
    color: #0f3058;
}
.branded-dashboard .recent-card h2 > .bi {
    color: #097af3;
    font-size: 1.1rem;
}
.branded-dashboard .recent-card header a {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #076bd7;
    font-size: .72rem;
    font-weight: 620;
    text-decoration: none;
}
.branded-dashboard .recent-card header a:hover {
    color: #0052ad;
    text-decoration: underline;
}
.branded-dashboard .recent-scroll {
    border: 1px solid #d5e4f6;
    border-radius: 9px;
    overflow: auto;
    max-height: 360px;
    background: #fff;
}
.branded-dashboard .recent-scroll .table {
    margin: 0;
    font-size: .75rem;
}
#content.branded-dashboard .recent-scroll table.table > thead > tr > th {
    background: #eef5ff;
    --bs-table-bg: #eef5ff;
    --bs-table-color: #315578;
    color: #315578;
    border-bottom: 1px solid #d1e1f4;
    padding: 10px 8px;
    font-size: .61rem;
    letter-spacing: .035em;
    font-weight: 740;
}
.branded-dashboard .recent-scroll .table tbody td {
    padding: 10px 8px;
    font-size: .71rem;
    border-bottom-color: #e5eef9;
}
.branded-dashboard .recent-scroll .table tbody tr:last-child td {
    border-bottom: 0;
}
.branded-dashboard .recent-scroll .dashboard-empty-cell {
    padding: 13px 14px !important;
    text-align: center;
    background: #fff;
}
.branded-dashboard .dashboard-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 43px;
    max-width: 100%;
    text-align: center;
}
.branded-dashboard .dashboard-empty-heading {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: .78rem;
    color: #15365f;
}
.branded-dashboard .dashboard-empty-heading .bi {
    font-size: 1rem;
    color: #4278b5;
}
.branded-dashboard .dashboard-empty-state p {
    margin: 0;
    max-width: 100%;
    font-size: .71rem;
    font-weight: 450;
    line-height: 1.45;
    color: #647c98;
    white-space: normal;
}
.branded-dashboard .dashboard-recent .payment-legend {
    margin: 8px 0 0;
    padding: 0;
    gap: 7px;
}
.branded-dashboard .dashboard-recent .payment-legend strong {
    font-size: .68rem;
}
.branded-dashboard .dashboard-recent .payment-badge {
    padding: 5px 8px;
    border-radius: 999px;
    font-size: .66rem;
}
.branded-dashboard .dashboard-admin {
    margin-top: 13px;
    padding: 10px 15px 8px;
    border: 1px solid var(--dashboard-line);
    border-top: 2px solid #167ef0;
    border-radius: 12px;
    background: #fff;
    box-shadow: var(--dashboard-elevation);
}
.branded-dashboard .admin-overview {
    display: flex;
    align-items: center;
    gap: 11px;
}
.branded-dashboard .admin-overview .dashboard-icon {
    width: 36px;
    height: 36px;
    background: #e9f3ff;
    color: #0878e8;
    font-size: 1.15rem;
}
.branded-dashboard .admin-overview h2 {
    margin: 0;
    font-size: .94rem;
    font-weight: 760;
}
.branded-dashboard .admin-overview p {
    margin: 3px 0 0;
    font-size: .72rem;
}
.branded-dashboard .admin-overview > .btn {
    margin-left: auto;
    min-height: 34px;
    padding: 7px 12px;
    font-size: .72rem;
    border: 1px solid #c3dbf8;
    border-radius: 8px;
    color: #086dd9;
}
.branded-dashboard .dashboard-admin-links {
    display: flex;
    gap: 7px;
    margin: 7px 0 0;
    padding: 7px 0 0;
    border-top: 1px solid #e3edf8;
}
.branded-dashboard .dashboard-admin-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    margin: 0;
    padding: 6px 11px;
    border: 1px solid #d0e2fa;
    border-radius: 8px;
    background: #f4f8ff;
    color: #31629b;
    font-size: .7rem;
    line-height: 1.3;
    text-decoration: none;
}
.branded-dashboard .dashboard-admin-links a:hover {
    background: #e6f1ff;
    border-color: #9bbfee;
    color: #0a5eb6;
}
.branded-dashboard a:focus-visible,
.branded-dashboard .dashboard-date-control select:focus-visible {
    outline: 2px solid #006bdc;
    outline-offset: 2px;
}
@media (max-width: 1299.98px) {
    .branded-dashboard .dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1099.98px) {
    .branded-dashboard .dashboard-recent { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 599.98px) {
    .branded-dashboard .dashboard-metrics { grid-template-columns: 1fr; }
    .branded-dashboard .dashboard-date-picker { width: 100%; }
    .branded-dashboard .dashboard-date-control { max-width: 100%; }
    .branded-dashboard .recent-card { padding: 13px 10px; }
    .branded-dashboard .admin-overview { flex-wrap: wrap; }
    .branded-dashboard .admin-overview > .btn { margin: 0 0 0 50px; }
}