/* Customer shell is independent of legacy workspace/sidebar layouts. */
body.account-body:has(.dashboard-shell){background:#f4f7f1;padding:0}
.dashboard-shell.customer-workspace{display:block;position:relative;width:100%;max-width:520px;min-height:100dvh;margin:0 auto;padding:20px 18px 112px;background:#f4f7f1;color:#152018;font-family:var(--body);line-height:1.5}
.dashboard-shell [hidden]{display:none!important}
.dashboard-shell .dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px;margin:0 0 16px;padding:0}
.dashboard-shell .dashboard-header .wordmark{display:inline-flex;align-items:center;gap:10px;font:700 19px 'Space Grotesk',system-ui,sans-serif;letter-spacing:.22em;color:#141916;text-decoration:none}
.dashboard-shell .dashboard-header .brand-icon{display:inline-grid;width:32px;height:34px;font-size:1.3rem}
.dashboard-shell .dashboard-header .account-controls{display:flex;width:auto;max-width:none;padding:0;margin:0;gap:0}
.dashboard-shell .dashboard-header .notification-bell{position:relative;inset:auto;width:38px;height:38px;min-width:38px;border:1px solid #dce4da;background:#fff;color:#183c2a;border-radius:50%}
.dashboard-shell .dashboard-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px;font-size:12px;color:#68746b}
.dashboard-shell .dashboard-identity>span{min-width:0;overflow-wrap:anywhere}
.dashboard-shell .dashboard-identity .signout{flex-shrink:0;border:1px solid #dce4da;border-radius:8px;background:#fff;padding:7px 10px;font-size:12px;color:#183c2a}
.dashboard-shell .dashboard-content{min-width:0;width:100%;padding:0;margin:0}
.dashboard-shell .dashboard-title{margin-bottom:24px}
.dashboard-shell .dashboard-title .dashboard-eyebrow{font:600 26px/1.2 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.02em;color:#152018;margin:0}
.dashboard-shell .dashboard-title>p:last-child{margin:10px 0 0;color:#68746b;font-size:14px;line-height:1.5}
.dashboard-shell .dashboard-summary{display:block;margin:0}
.dashboard-shell .dashboard-summary .dashboard-at-glance,.dashboard-shell .quick-actions{display:none}
.dashboard-shell .panel{background:#fff;border:1px solid #e0e9de;border-radius:16px;box-shadow:0 8px 24px #203c2410;min-width:0}
.dashboard-shell .panel-heading{padding:18px 20px;gap:12px;flex-wrap:wrap}
.dashboard-shell .panel-heading h2{font-size:18px;letter-spacing:-.02em}
.dashboard-shell .panel-content{padding:20px}
.dashboard-shell .total-balance-panel{display:block;background:#d5ff7a;border-color:#d5ff7a;color:#141916;margin:0 0 12px}
.dashboard-shell .total-balance-panel .panel-content{padding:20px}
.dashboard-shell .total-balance-panel strong{display:block;margin:9px 0 3px;font:600 28px/1.25 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.02em;color:#141916}
.dashboard-shell .total-balance-panel small,.dashboard-shell .total-balance-panel .muted-copy{font-size:12px;color:#465a30}
.dashboard-shell .wallet-panel{margin:0}
.dashboard-shell .wallet-panel .panel-heading{padding:20px 20px 0;border:0}
.dashboard-shell .wallet-panel .panel-heading h2{font:500 12px var(--body);color:#68746b;letter-spacing:0}
.dashboard-shell .wallet-panel .section-kicker,.dashboard-shell .wallet-help,.dashboard-shell .wallet-panel .privacy-copy{display:none}
.dashboard-shell .wallet-panel .panel-content{padding:8px 20px}
.dashboard-shell .wallet-panel .card-summary{margin:0;display:block}
.dashboard-shell .wallet-panel .card-summary>div{display:flex;flex-direction:column}
.dashboard-shell .wallet-panel .card-summary .muted-copy{order:2;font-size:12px;margin-top:3px}
.dashboard-shell .wallet-panel .card-summary strong{font:600 28px/1.25 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.02em;margin:0}
.dashboard-shell .wallet-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px;padding:12px 20px 20px}
.dashboard-shell .wallet-actions>span{font-size:10px;color:#68746b}
.dashboard-shell .button{border-radius:9px;min-height:44px;font-size:13px;padding:10px 14px}
.dashboard-shell .button-primary{background:#d5ff7a;border-color:#d5ff7a;color:#141916}
.dashboard-shell .button-primary:hover{background:#c8ef70;border-color:#c8ef70}
.dashboard-shell .home-activity,.dashboard-shell .home-pending{margin:24px 0 0}
.dashboard-shell .home-activity .panel-heading{border:0}
.dashboard-shell .home-activity .panel-content{padding:0 18px 18px}
.dashboard-shell .combined-transaction{padding:16px 0}
.dashboard-shell .transaction-top{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;gap:12px}
.dashboard-shell .transaction-top>div{min-width:0}
.dashboard-shell .transaction-top h3{font:600 14px/1.4 var(--body);overflow-wrap:anywhere}
.dashboard-shell .transaction-description,.dashboard-shell .transaction-meta{font-size:12px}
.dashboard-shell .transaction-amount{font-size:14px;white-space:nowrap;flex-shrink:0}
.dashboard-shell .dashboard-navigation{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:520px;margin:0 auto;padding:10px 10px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #dfe8df;background:#fff}
.dashboard-shell .dashboard-navigation a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:6px 4px;color:#748078;font-size:12px;font-weight:600;text-decoration:none}
.dashboard-shell .dashboard-navigation a[aria-current=page]{background:#effbdc;color:#25351d;border-radius:10px}
.dashboard-shell .dashboard-navigation svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}
.dashboard-shell .dashboard-cards{margin:0}
.dashboard-shell .cards-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.dashboard-shell .cards-toolbar>div:first-child{display:none}
.dashboard-shell .cards-toolbar>#create-card-action{display:block}
.dashboard-shell .customer-card-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.dashboard-shell .issued-card{min-width:0;border-radius:16px;padding:18px;margin:0;border:1px solid #e0e9de;background:#fff}
.dashboard-shell .issued-card+.issued-card{margin:0;padding:18px;border:1px solid #e0e9de}
.dashboard-shell .issued-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dashboard-shell .issued-card-actions .button{min-width:0;white-space:normal}
.dashboard-shell .card-secondary-actions{display:flex;flex-wrap:wrap;gap:14px}
.dashboard-shell .card-secondary-actions [data-card-otp]{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid #d5ff7a;border-radius:9px;background:#d5ff7a;color:#141916;font-size:12px;font-weight:600;line-height:1.4;text-decoration:none}
.dashboard-shell .card-secondary-actions [data-card-otp]:hover{background:#c8ef70;border-color:#c8ef70;text-decoration:none}
.dashboard-shell .card-history>summary{font-size:14px;font-weight:600;min-height:44px}
.dashboard-shell .first-card-guide{display:block;padding:20px;border-radius:16px;background:#fff}
.dashboard-shell .first-card-steps{margin-top:24px}
.dashboard-shell .account-profile{margin:0}
.dashboard-shell .account-profile-content{padding:20px}
.dashboard-shell .mobile-activity{margin:0}
.dashboard-shell .card-create-layout{display:block}
.dashboard-shell .card-create-aside{display:none}
.dashboard-shell .card-collection-note{font-size:11px}
.dashboard-shell .history-toolbar,.dashboard-shell .history-pagination{flex-wrap:wrap;gap:10px}
.dashboard-shell .admin-view-banner{margin-bottom:16px}
body:has(.dashboard-shell)>.skip-link:not(:focus-visible){top:-100px}
.card-notifications{display:flex;align-items:center;margin:0}
.card-notifications[hidden]{display:none}
.card-notifications .notification-popup{position:relative;margin:auto}
.card-notifications .dialog-close{position:static}
.account-modal-layer{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(20,25,22,.6);overflow-y:auto;overscroll-behavior:contain;pointer-events:auto}
.account-modal-layer>dialog.account-modal[open]{display:block;position:relative;inset:auto;margin:auto;width:min(560px,100%);max-width:100%;max-height:calc(100dvh - 32px);overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto;touch-action:auto;border:1px solid #dfe5d9;border-radius:16px;background:#f7f8f4;color:#141916;box-shadow:0 20px 70px #1720183b}
.account-modal-layer .dialog-content{padding:24px;min-width:0}
.account-modal-layer button,.account-modal-layer input{touch-action:manipulation;pointer-events:auto}
.account-modal-layer input{font-size:16px!important}
.account-modal-layer .dialog-actions{position:sticky;bottom:-24px;margin:20px -24px -24px;padding:16px 24px;background:#f7f8f4;border-top:1px solid #dfe5d9;z-index:1}
.account-modal-layer .button-primary{background:#d5ff7a;color:#141916;border-color:#d5ff7a}
.private-card-details .private-card-number{display:flex;align-items:center;gap:10px}
.private-card-number [data-card-number]{min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.copy-card-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;padding:0;border:1px solid #dce4da;border-radius:9px;background:#effbdc;color:#25351d;cursor:pointer}
.copy-card-number:hover{background:#d5ff7a}
.card-copy-status{font-size:12px;color:#465a30;margin-top:4px}
.card-copy-status:empty{display:none}
@media(min-width:700px){.dashboard-shell.customer-workspace{padding-top:36px}.dashboard-shell .dashboard-navigation{bottom:18px;border:1px solid #dfe8df;border-radius:16px;box-shadow:0 8px 30px #203c2414}}
@media(max-width:360px){.dashboard-shell .transaction-amount{font-size:12px}.dashboard-shell .transaction-meta{flex-wrap:wrap}}