/* Dashboard-only presentation; shared pages and permissions stay unchanged. */
.dashboard-redesign{--overview-accent:#176b53;display:flex;flex-direction:column;gap:26px;max-width:1600px;margin:0 auto}
.dashboard-redesign>*{min-width:0;margin-top:0!important;margin-bottom:0!important}
.dashboard-redesign .page-heading{align-items:center}
.dashboard-redesign .page-heading h1{font-size:clamp(23px,2.5vw,34px);letter-spacing:-1.1px}
.dashboard-redesign .greeting-spark{color:#c48735}
.overview-welcome{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;padding:38px;border-radius:26px;background:radial-gradient(ellipse at 16% 0%,#27624e 0,transparent 65%),#102e28;color:#fff;position:relative;overflow:hidden;box-shadow:0 16px 38px #123b2815}
.overview-welcome-copy{position:relative;z-index:1;align-self:center}
.overview-kicker{font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#aed6c5}
.overview-welcome h2{font-size:clamp(29px,3.1vw,44px);font-weight:700;line-height:1.18;letter-spacing:-1.6px;color:#fff;margin:18px 0 12px}
.overview-welcome h2 span{color:#b8dbb3}
.overview-welcome p{font-size:13px;color:#c3d6d0;max-width:410px;line-height:1.8;margin:0}
.overview-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:24px}
.overview-actions .btn{background:#d9edbd;color:#19382b;border:0;box-shadow:none;font-weight:700;border-radius:10px}
.overview-actions>a:not(.btn){display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#f0f6f2;text-decoration:none}
.overview-actions a:hover{filter:brightness(1.1);transform:translateY(-1px)}
.overview-mini-stats{display:flex;gap:32px;margin-top:28px;padding-top:20px;border-top:1px solid #ffffff20}
.overview-mini-stats>div{display:grid;gap:5px}.overview-mini-stats strong{font-size:25px;font-weight:700;line-height:1}.overview-mini-stats span{font-size:11px;color:#b9d0c6}
.overview-priorities{align-self:center;padding:26px;border:1px solid #ffffff24;border-radius:18px;background:#ffffff09;backdrop-filter:blur(8px)}
.overview-priorities h3{color:white;margin:10px 0 20px;font-size:20px;letter-spacing:-.5px}
.overview-priorities>a{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #ffffff1c;color:white;text-decoration:none;transition:opacity .18s}
.overview-priorities>a:hover{opacity:.75}.overview-priorities>a>span:nth-child(2){display:grid;gap:5px;flex:1}.overview-priorities strong{font-size:12px;font-weight:600}.overview-priorities small{color:#b9d0c6;font-size:10px}.overview-priorities b{font-size:25px;font-weight:600;font-variant-numeric:tabular-nums}
.overview-action-icon{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border-radius:11px;background:#ffffff0e;color:#d7eabe}
.dashboard-redesign .performance-label{padding-top:6px}.dashboard-redesign .section-label h2{font-size:19px;letter-spacing:-.5px}.dashboard-redesign .live-dot{display:none}
.dashboard-redesign .premium-metrics{gap:16px}.dashboard-redesign .metric{border-radius:17px;border:1px solid var(--border);box-shadow:0 4px 14px #0f332504;padding:22px;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s}
.dashboard-redesign .metric:hover{transform:translateY(-3px);box-shadow:0 10px 24px #153a2510}.dashboard-redesign .metric::after{content:'';position:absolute;inset:auto 22px 0;height:3px;background:#87bba5;border-radius:3px 3px 0 0}.dashboard-redesign .metric:nth-child(2)::after{background:#a4b9e5}.dashboard-redesign .metric:nth-child(4)::after{background:#dab58a}
.dashboard-redesign .metric-icon{border-radius:12px}.dashboard-redesign .card{border-radius:20px;box-shadow:0 5px 20px #13332305;border:1px solid var(--border);overflow:hidden}.dashboard-redesign .card-head{padding:24px;gap:16px}.dashboard-redesign .card-head h2{font-size:18px;letter-spacing:-.4px}.dashboard-redesign .card-head p{font-size:12px;line-height:1.7}
.dashboard-redesign .dashboard-middle{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:22px}.dashboard-redesign .dashboard-lower{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.dashboard-redesign .dashboard-middle>*{min-width:0}.dashboard-redesign .dashboard-lower>*{min-width:0}
.dashboard-redesign .payment-metrics{gap:12px}.dashboard-redesign .payment-metrics button{border-radius:13px;box-shadow:none}.dashboard-redesign .payment-table-scroll{max-height:390px}.dashboard-redesign .payment-table-scroll thead th{position:sticky;top:0;background:var(--surface,var(--bg));z-index:1}.dashboard-redesign .payment-dashboard .eyebrow{color:var(--overview-accent);font-size:10px;letter-spacing:1.8px}
.overview-tag{color:var(--text-soft);font-size:10px;border:1px solid var(--border);padding:6px 9px;border-radius:20px;white-space:nowrap}
.dashboard-redesign a:focus-visible,.dashboard-redesign button:focus-visible{outline:3px solid #66b59b;outline-offset:4px}
@media(min-width:1500px){.overview-welcome{padding:44px 50px;gap:70px}}
@media(max-width:1150px){.dashboard-redesign .dashboard-lower{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-redesign .dashboard-lower>section:last-child{grid-column:1/-1}.overview-welcome{padding:28px;gap:24px}.overview-priorities{padding:20px}}
@media(max-width:800px){.overview-welcome{grid-template-columns:1fr}.overview-welcome-copy{max-width:none}.overview-welcome p{max-width:none}.overview-mini-stats{margin-bottom:0}.dashboard-redesign .dashboard-middle{grid-template-columns:1fr}.dashboard-redesign .premium-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-priorities{padding:20px}.dashboard-redesign .card-head{flex-wrap:wrap}}
@media(max-width:520px){.dashboard-redesign{gap:18px}.overview-welcome{padding:24px 20px;border-radius:19px;gap:24px}.overview-welcome h2{font-size:31px}.overview-priorities small{font-size:10px}.overview-priorities strong{font-size:11px}.dashboard-redesign .dashboard-lower{grid-template-columns:1fr}.dashboard-redesign .metric{padding:16px}.dashboard-redesign .premium-metrics{gap:10px}.dashboard-redesign .card-head{padding:18px}.overview-actions{gap:18px}.dashboard-redesign .performance-label{align-items:flex-start;gap:12px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.dashboard-redesign *, .dashboard-redesign *::before,.dashboard-redesign *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.dashboard-redesign .metric:hover{transform:none}}

/* Keep dark panels readable despite the global theme's text overrides. */
.dashboard-redesign .overview-welcome :is(h2,h3,p,strong,b,small,span,a){color:#fff!important}
.dashboard-redesign .overview-welcome .overview-actions .btn,.dashboard-redesign .overview-welcome .overview-actions .btn *{color:#173e30!important}
.dashboard-redesign .overview-welcome .overview-actions .btn{background:#e2f0cf!important;border:1px solid #ffffff65!important;box-shadow:0 4px 0 #8ca68a,0 9px 18px #0003!important}
.dashboard-redesign .overview-welcome{border:1px solid #60958065;box-shadow:inset 0 2px 0 #ffffff22,inset 0 -3px 0 #0002,0 7px 0 #0c241f,0 20px 34px #123c2826}
.dashboard-redesign .overview-priorities{background:linear-gradient(135deg,#ffffff12,#ffffff05);box-shadow:inset 0 1px 0 #ffffff1c,0 12px 24px #0002;transform:perspective(1000px) rotateY(-2deg)}
.dashboard-redesign .overview-action-icon{box-shadow:inset 0 1px 0 #ffffff20,0 4px 9px #0002}
.dashboard-redesign #dispatch-dashboard{background:linear-gradient(115deg,#205b4a,#103c31)!important;border:1px solid #518a73;border-inline-start:5px solid #e1ba68;box-shadow:inset 0 1px 0 #ffffff30,0 5px 0 #0e3028,0 13px 24px #173b2520;padding:25px 28px}
.dashboard-redesign #dispatch-dashboard :is(h2,p,span,strong,small){color:#fff!important}
.dashboard-redesign #dispatch-dashboard .eyebrow{letter-spacing:1.8px;font-size:10px}
.dashboard-redesign #dispatch-dashboard h2{font-size:clamp(22px,2.2vw,29px);letter-spacing:-.6px}
.dashboard-redesign #dispatch-dashboard p{font-size:12px;line-height:1.7}
.dashboard-redesign #dispatch-dashboard .dispatch-symbol{color:#fff!important;background:linear-gradient(145deg,#b18739,#76551e);border:1px solid #ebd4a259;box-shadow:inset 0 2px 0 #fff3,0 5px 0 #072a2180,0 10px 18px #0002;transform:rotate(-5deg)}
.dashboard-redesign #dispatch-dashboard .btn{color:#fff!important;box-shadow:inset 0 1px 0 #fff4,0 4px 0 #754000,0 8px 16px #0002!important}
.dashboard-redesign .metric{box-shadow:inset 0 1px 0 #ffffff40,0 4px 0 var(--border),0 10px 22px #163c2510}
.dashboard-redesign .metric:hover{box-shadow:inset 0 1px 0 #ffffff40,0 6px 0 var(--border),0 18px 28px #163c251a;transform:translateY(-4px)}
.dashboard-redesign .card:not(.dispatch-dashboard){box-shadow:0 3px 0 var(--border),0 12px 26px #173b2509}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.dashboard-redesign .overview-priorities{transition:transform .25s,box-shadow .25s}.dashboard-redesign .overview-priorities:hover{transform:perspective(1000px) rotateY(0deg) translateY(-3px);box-shadow:inset 0 1px 0 #ffffff25,0 16px 26px #0003}}
@media(max-width:600px){.dashboard-redesign #dispatch-dashboard{padding:20px}.dashboard-redesign .overview-priorities{transform:none}.dashboard-redesign .overview-welcome{box-shadow:inset 0 1px 0 #ffffff22,0 4px 0 #0c241f,0 12px 20px #123c2820}}
@media(prefers-reduced-motion:reduce){.dashboard-redesign .overview-priorities,.dashboard-redesign .metric:hover{transform:none!important}}

/* Payment cards share the dashboard's raised surface and tactile controls. */
.dashboard-redesign #invoice-payment-dashboard{border-top:3px solid #79a88e;box-shadow:inset 0 1px 0 #ffffff55,0 5px 0 var(--border),0 17px 30px #183d2512}
.dashboard-redesign #invoice-payment-dashboard .payment-metrics{gap:16px;padding-bottom:26px}
.dashboard-redesign #invoice-payment-dashboard .payment-metrics button{border-top:3px solid #c8944a;box-shadow:inset 0 1px 0 #ffffff55,0 4px 0 var(--border),0 9px 16px #183d2510;transition:transform .18s ease,box-shadow .18s ease;touch-action:manipulation}
.dashboard-redesign #invoice-payment-dashboard .payment-metrics button:nth-child(2){border-top-color:#6baf8a}
.dashboard-redesign #invoice-payment-dashboard .payment-metrics button:nth-child(3){border-top-color:#7c9bd0}
.dashboard-redesign #invoice-payment-dashboard .payment-metrics button:nth-child(4){border-top-color:#c78578}
.dashboard-redesign #invoice-payment-dashboard .card-head .btn{box-shadow:0 3px 0 var(--border),0 6px 12px #183d250c;transition:transform .18s ease,box-shadow .18s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.dashboard-redesign #invoice-payment-dashboard .payment-metrics button:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #ffffff55,0 6px 0 var(--border),0 15px 22px #183d2518}}
.dashboard-redesign #invoice-payment-dashboard .payment-metrics button:active,.dashboard-redesign #invoice-payment-dashboard .card-head .btn:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #183d2510,0 1px 0 var(--border)}
@media(prefers-reduced-motion:reduce){.dashboard-redesign #invoice-payment-dashboard button{transition:none!important;transform:none!important}}