/* SLC Desk 0.31.35: the Client portal (b2c/clientdoor.js) */
.cd-door { max-width: 880px; margin: 0 auto; display: grid; gap: 14px; }
.cd-hero { display: grid; gap: 10px; }
.cd-kicker { text-transform: uppercase; letter-spacing: .06em; color: var(--ds-muted, #5b6672); }
.cd-lead { font-size: 17px; margin: 0; }
.cd-acts { display: flex; gap: 8px; flex-wrap: wrap; }
.cd-how { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.cd-how .ds-card { display: grid; gap: 4px; }
.cd-row { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; text-decoration: none; }
.cd-now { border-left: 4px solid var(--ds-accent, #c9a24d); }
.cd-bar { height: 10px; border-radius: 6px; background: var(--ds-surface-2, #e8edf3); overflow: hidden; }
.cd-bar span { display: block; height: 100%; background: var(--ds-accent, #c9a24d); }
.cd-miss { margin: 0; padding-left: 18px; display: grid; gap: 4px; }
.cd-docs ul { margin: 0; padding-left: 18px; display: grid; gap: 4px; }
.cd-line { text-align: center; margin: 10px 0; }
.cd-not { text-align: center; }
@media (max-width: 600px) { .cd-acts .ds-btn { width: 100%; text-align: center; } }