#bd-client-progress{margin:20px 0;padding:24px;border:1px solid var(--border,#ded8cc);border-radius:14px;background:var(--surface,#fffdf8);color:var(--text,#27221c)}
#bd-client-progress[hidden]{display:none}
.bd-progress-head,.bd-progress-controls,.bd-progress-pages{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.bd-progress-head h2{margin:0 0 8px;font:normal 26px Georgia,serif}.bd-progress-head p,.bd-progress-note,.bd-progress-row p{font-size:14px;line-height:1.6;margin:6px 0}
.bd-progress-controls{justify-content:flex-start;margin:18px 0}.bd-progress-controls label{display:grid;gap:7px;font-size:13px;flex:1;min-width:220px}.bd-progress-controls input,.bd-progress-controls select{width:100%;min-height:44px;box-sizing:border-box;padding:10px;border:1px solid #d6cfc1;border-radius:6px;background:#fff;color:inherit;font:inherit}
.bd-progress-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.bd-progress-counts button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border:1px solid #d6cfc1;border-radius:8px;background:transparent;color:inherit;text-align:left;cursor:pointer;min-height:86px}.bd-progress-counts strong{font-size:24px}.bd-progress-counts button[aria-pressed=true]{background:#f2ead8;border-color:#a8853d;box-shadow:inset 0 0 0 1px #a8853d}
.bd-progress-row{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:20px;padding:20px 0;border-top:1px solid #e4ddd0;overflow-wrap:anywhere}.bd-progress-row h3{font-size:17px;margin:0 0 8px}.bd-progress-row dl{margin:0;display:grid;gap:10px}.bd-progress-row dt{font-size:12px;color:#665f53}.bd-progress-row dd{font-size:14px;margin:3px 0;line-height:1.5}.bd-progress-note,.bd-progress-status{font-size:13px;line-height:1.6;color:#665f53}.bd-progress-error{padding:12px;background:#fff1e8;border:1px solid #b7653e;border-radius:6px;line-height:1.6}.bd-progress-pages{justify-content:flex-end;margin-top:14px}.bd-progress-pages button,.bd-progress-status button{min-height:44px;padding:8px 14px;cursor:pointer}.bd-progress-empty{padding:20px 0}#bd-client-progress button:focus-visible,#bd-client-progress input:focus-visible,#bd-client-progress select:focus-visible{outline:3px solid #327d88;outline-offset:3px}
@media(max-width:900px){.bd-progress-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.bd-progress-row{grid-template-columns:1fr 1fr}.bd-progress-row>div:last-child{grid-column:1/-1}}
@media(max-width:540px){#bd-client-progress{padding:16px}.bd-progress-row{grid-template-columns:1fr;gap:14px}.bd-progress-row>div:last-child{grid-column:auto}.bd-progress-controls label{min-width:0;width:100%;flex-basis:100%}.bd-progress-counts span{font-size:12px;line-height:1.5}.bd-progress-counts button{padding:10px}}

/* Use the portal theme for the shared personal TOB workspace. */
#bd-client-progress{background:var(--surface);color:var(--ivory);border-color:var(--border)}
#bd-client-progress input,#bd-client-progress select{background:var(--surface2);color:var(--ivory);border-color:var(--border)}
#bd-client-progress .bd-progress-counts button,#bd-client-progress .bd-progress-row{border-color:var(--border)}
#bd-client-progress .bd-progress-counts button[aria-pressed=true]{background:var(--tob-teal-dim);border-color:var(--tob-teal)}
#bd-client-progress .bd-progress-note,#bd-client-progress .bd-progress-status,#bd-client-progress dt{color:var(--tob-muted)}
#bd-client-progress .bd-progress-error{background:rgba(160,90,35,.14);color:var(--ivory);border-color:var(--gold)}