/* Loaded after dashboard-shadcn.css; limited to the client summary sections. */
.shell .client-overview-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.shell .client-provider-overview .provider-balance-card dd { font-variant-numeric: tabular-nums; }

.shell .client-migration-panel .panel-head { align-items: flex-start; gap: 16px; }
.shell .client-migration-panel .day-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.shell .client-migration-panel .day-stats dd { font-variant-numeric: tabular-nums; }
.shell .client-migration-record { margin: 18px 0; padding: 18px; border: 1px solid hsl(var(--border)); border-radius: var(--radius-lg); background: hsl(var(--muted) / .3); }
.shell .client-migration-record > strong { display: block; color: hsl(var(--foreground)); }
.shell .client-migration-record > p { margin: 6px 0 14px; color: hsl(var(--muted-foreground)); line-height: 1.5; }
.shell .client-migration-record dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.shell .client-migration-record dl > div { min-width: 0; }
.shell .client-migration-record dt { color: hsl(var(--muted-foreground)); font-size: 12px; }
.shell .client-migration-record dd { margin: 3px 0 0; color: hsl(var(--foreground)); font-weight: 650; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.shell .client-migration-record details { margin-top: 15px; padding-top: 12px; border-top: 1px solid hsl(var(--border)); }
.shell .client-migration-record summary, .shell .client-config-details summary { width: fit-content; color: hsl(var(--foreground)); font-size: 13px; font-weight: 650; cursor: pointer; }
.shell .client-migration-record details dl { margin-top: 14px; }
.shell .client-migration-actions { display: grid; justify-items: start; gap: 12px; margin-top: 18px; }
.shell .client-migration-actions > label:first-child { font-weight: 650; }
.shell .client-migration-actions select { width: min(100%, 540px); min-height: 40px; }
.shell .client-migration-help { margin: -4px 0 0; color: hsl(var(--muted-foreground)); font-size: 13px; line-height: 1.5; }
.shell .client-migration-confirm { display: flex; align-items: flex-start; gap: 10px; max-width: 760px; line-height: 1.5; }
.shell .client-migration-confirm input { flex: 0 0 auto; margin-top: 4px; }
.shell .client-migration-actions a { color: hsl(var(--primary)); }
.shell .client-summary-details { align-items: start; }
.shell .client-config-panel { background: hsl(var(--muted) / .18); }
.shell .client-config-details { margin-top: 16px; }
.shell .client-config-details[open] summary { margin-bottom: 8px; }
.shell .client-config-details .detail-list { margin-top: 0; }
.shell .client-config-details code { overflow-wrap: anywhere; white-space: normal; }
.shell .client-summary-details .identity-panel { border-top-color: hsl(var(--primary)); }
.shell .client-summary-details .identity-steps { background: hsl(var(--muted) / .3); }
.shell .client-provider-overview a:focus-visible, .shell .client-migration-panel a:focus-visible,
.shell .client-migration-panel summary:focus-visible, .shell .client-config-details summary:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 3px; }

@media (max-width: 900px) {
    .shell .client-migration-panel .day-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .shell .client-overview-actions { width: 100%; justify-content: stretch; }
    .shell .client-overview-actions .client-overview-link { flex: 1 1 100%; justify-content: center; }
    .shell .client-migration-panel .panel-head { flex-direction: column; align-items: stretch; }
    .shell .client-migration-panel .panel-head > button { width: 100%; }
    .shell .client-migration-record dl { grid-template-columns: 1fr; }
    .shell .client-migration-actions { justify-items: stretch; }
    .shell .client-migration-actions select { width: 100%; }
    .shell .client-migration-actions > button { width: 100%; }
}