/* Scope the new layout to designer details; other role workbenches are untouched. */
.designer-detail-grid.designer-task-workspace,
.designer-web-main .designer-detail-grid.designer-task-workspace { display: flex; flex-direction: column; gap: 18px; }
.designer-task-workspace > .panel { width: 100%; margin: 0; box-sizing: border-box; min-width: 0; }
.designer-workspace-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; position: sticky; top: 0; z-index: 5; background: #f4f7fb; padding: 10px 0; }
.designer-workspace-nav button, .designer-task-workspace button { cursor: pointer; }
.designer-workspace-nav button, .designer-material-panel button, .designer-drawing-panel > button { border: 1px solid #cedcf3; background: white; border-radius: 9px; padding: 9px 13px; color: #215ac3; font: inherit; font-size: 13px; }
.designer-workspace-nav button:hover, .designer-material-panel button:hover { background: #edf4ff; }
.designer-task-workspace button:disabled { opacity: .5; cursor: not-allowed; }
.designer-task-workspace [data-designer-section], .designer-task-workspace > section { scroll-margin-top: 75px; }
.designer-web-main .designer-task-workspace .designer-customer-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.designer-progress-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 24px; align-items: start; }
.designer-progress-columns > * { min-width: 0; }
.designer-progress-editor .form-save-button { margin-top: 12px; }
.designer-task-workspace .designer-drawing-panel .designer-stage-actions { margin-top: 16px; }
.designer-material-shortcuts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.designer-material-shortcuts article { display: flex; flex-direction: column; align-items: flex-start; padding: 16px; border: 1px solid #dce6f4; border-radius: 12px; background: #f7faff; }
.designer-material-shortcuts article:nth-child(2) { background: #f5faf7; }
.designer-material-shortcuts article:nth-child(3) { background: #fffaf0; }
.designer-material-shortcuts p { color: #607087; font-size: 13px; line-height: 1.7; flex: 1; }
.designer-material-shortcuts button { background: white; font-weight: 600; }
.designer-material-count { font-size: 13px; color: #426189; margin: 18px 0 12px; }
.designer-material-table { overflow-x: auto; max-width: 100%; border: 1px solid #e1e8f0; border-radius: 10px; }
.designer-material-table table { width: 100%; min-width: 850px; border-collapse: collapse; font-size: 13px; }
.designer-material-table th { background: #f3f7fc; color: #596c85; text-align: left; }
.designer-material-table th, .designer-material-table td { padding: 12px; border-bottom: 1px solid #e6edf5; vertical-align: top; overflow-wrap: anywhere; max-width: 240px; }
.designer-material-table small { display: block; color: #677991; margin-top: 5px; white-space: normal; }
.designer-material-table .danger-text { color: #bb4b16; }
.designer-material-table td button { display: block; white-space: nowrap; margin: 0 0 6px; padding: 6px 8px; }
.designer-task-workspace .muted { line-height: 1.65; }
.designer-workspace-hint { padding: 12px 16px; border-radius: 10px; background: #eff6ff; color: #456486; font-size: 13px; line-height: 1.7; }
@media (max-width: 1100px) {
  .designer-progress-columns { grid-template-columns: 1fr; }
  .designer-web-main .designer-task-workspace .designer-customer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .designer-material-shortcuts { grid-template-columns: 1fr; }
  .designer-task-workspace .designer-customer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .designer-task-workspace .section-title { flex-wrap: wrap; gap: 10px; }
  .designer-workspace-nav button { flex: 1 1 40%; }
  .designer-task-workspace [data-designer-section], .designer-task-workspace > section { scroll-margin-top: 125px; }
}

.material-scroll-hint { display:none; color:#64748b; font-size:12px; }
@media(max-width:1000px) { .material-scroll-hint { display:block; } }

.designer-search { display:flex; gap:10px; align-items:end; flex-wrap:wrap; margin:16px 0; }
.designer-search label { display:grid; gap:6px; flex:1 1 270px; max-width:640px; min-width:0; font-size:13px; color:#52647a; }
.designer-search input { width:100%; box-sizing:border-box; padding:11px; border:1px solid #dbe3ee; border-radius:8px; font:inherit; }
.designer-search button { padding:10px 18px; border:1px solid #b5cbf6; border-radius:8px; background:#edf3ff; color:#245bd6; cursor:pointer; }
.designer-search small { flex-basis:100%; color:#64748b; }
.designer-web-main .designer-stage-summary { grid-template-columns:repeat(5,minmax(0,1fr)); }
@media(max-width:600px) { .designer-search input { font-size:16px; } }

/* One current work area; hidden sections keep their drafts, not duplicate visible forms. */
.designer-task-workspace [data-work-section][hidden] { display: none !important; }
.designer-task-workspace > [data-work-section] { width:100%; min-width:0; }
.designer-task-workspace > [data-work-section] > .panel { margin:0; }
.designer-workspace-nav button[aria-pressed="true"] { color:#fff; background:#245edb; border-color:#245edb; }
.focused-customer-bar { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px; margin:12px 0; background:white; border:1px solid #dde6f2; border-radius:12px; }
.focused-customer-bar > div { min-width:0; }
.focused-customer-bar strong { font-size:18px; }
.focused-customer-bar span,.focused-customer-bar small { display:block; margin-top:5px; color:#61738b; overflow-wrap:anywhere; }
.focused-customer-bar button { flex-shrink:0; }
.focused-handoff { margin:12px 0 18px; padding:12px 16px; background:#fff9ed; border:1px solid #f0ddba; border-radius:10px; }
.focused-handoff > summary { cursor:pointer; font-weight:600; line-height:1.6; }
.focused-handoff > summary span { display:block; color:#6e624d; font-weight:400; font-size:13px; overflow-wrap:anywhere; }
.focused-handoff[open] > .handoff-notes-card { margin-top:12px; }
.focused-work-choices { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; }
.focused-work-choices button { padding:18px; background:#f3f7ff; border:1px solid #ccdcf7; color:#2458ba; border-radius:10px; font:inherit; cursor:pointer; }
.focused-supplement-links { margin:14px 0; }
.focused-supplement-links summary { cursor:pointer; }
.focused-supplement-links article { padding:12px; border-bottom:1px solid #e0e7ef; }
@media(max-width:600px) {
 .focused-customer-bar { align-items:flex-start; flex-direction:column; }
 .designer-task-workspace > [data-work-section] > .panel { width:100%; box-sizing:border-box; }
 .designer-material-table table { min-width:0; }
 .designer-material-table thead { display:none; }
 .designer-material-table tbody,.designer-material-table tr,.designer-material-table td { display:block; width:auto; max-width:none; }
 .designer-material-table tr { padding:12px; border-bottom:2px solid #dbe5f3; }
 .designer-material-table td { border:0; padding:4px 0; }
 .designer-material-table td:last-child { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
 .designer-material-table td button { margin:0; padding:10px; white-space:normal; }
 .material-scroll-hint { display:none; }
}
@media(max-width:600px) {
 /* Keep the three common create actions in one compact toolbar on a phone. */
 .designer-material-shortcuts { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
 .designer-material-shortcuts article { padding:0; border:0; background:transparent !important; }
 .designer-material-shortcuts article > strong,.designer-material-shortcuts article > p { display:none; }
 .designer-material-shortcuts button { width:100%; min-height:48px; padding:8px 5px; font-size:12px; }
}