.designer-supplements-panel{grid-column:1/-1;min-width:0;scroll-margin-top:85px}
.designer-supplements-panel .section-title>button{border:1px solid #cedcf3;background:white;border-radius:9px;padding:9px 13px;color:#215ac3;font:inherit;font-size:13px;cursor:pointer}
.designer-supplements-intro{display:flex;align-items:center;justify-content:space-between;gap:16px}.designer-supplements-intro p{margin:4px 0 14px;color:#64748b;line-height:1.6}.designer-supplements-intro button{flex-shrink:0;padding:11px 15px;background:#245bd6;color:white;border:0;border-radius:8px;font:inherit}
.designer-supplement-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.designer-supplement-row{min-width:0;border:1px solid #dce5f3;border-radius:10px;padding:16px;overflow-wrap:anywhere}.designer-supplement-row header{display:flex;justify-content:space-between;gap:12px;align-items:start}.designer-supplement-row header>span{font-size:12px;color:#64748b;flex-shrink:0}.designer-supplement-row p{line-height:1.6;white-space:pre-wrap}.designer-supplement-secondary{color:#64748b;font-size:13px}.designer-supplement-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;background:#f5f8fc;border-radius:8px}.designer-supplement-facts span{display:grid;gap:6px;min-width:0}.designer-supplement-facts small{color:#64748b;font-size:12px}.designer-supplement-facts strong{font-size:14px}.designer-supplement-files a{display:block;margin-top:10px;color:#245bd6;overflow-wrap:anywhere}.designer-supplement-dialog{max-width:780px}.designer-supplement-dialog .form-wide{grid-column:1/-1}.designer-supplement-dialog .delivery-form h3{display:none}.designer-supplements-panel button:disabled{opacity:.55;cursor:wait}
@media(max-width:900px){.designer-supplement-list{grid-template-columns:minmax(0,1fr)}}
/* Five wrapped navigation buttons are taller than the previous four-button bar. */
@media(max-width:600px){.designer-task-workspace [data-designer-section],.designer-task-workspace>section{scroll-margin-top:175px}}
@media(max-width:600px){.designer-supplements-intro{display:block}.designer-supplements-intro button{width:100%;margin:4px 0}.designer-supplement-facts{grid-template-columns:minmax(0,1fr)}.designer-supplement-facts>span+span{border-top:1px solid #dce5f3;padding-top:9px}.designer-supplements-panel .section-title{flex-wrap:wrap;gap:10px}.designer-supplement-dialog input,.designer-supplement-dialog textarea{font-size:16px}.designer-supplement-row{padding:13px}}

.designer-supplements-workspace{display:grid;gap:18px;min-width:0}.designer-supplements-workspace-header{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap}.designer-supplements-workspace-header h1{font-size:24px;margin:0 0 8px}.designer-supplements-workspace-header p{margin:4px 0;color:#64748b;line-height:1.6;overflow-wrap:anywhere}.designer-supplements-workspace button,.designer-supplements-entry button,.designer-supplements-entry-compact button{font:inherit;border:1px solid #c9d8f2;border-radius:8px;padding:10px 14px;background:white;color:#245bd6;cursor:pointer}.designer-supplements-workspace button:disabled{opacity:.55;cursor:wait}.designer-supplements-workspace [data-designer-supplement-create]{background:#245bd6;color:white}.designer-supplements-workspace-header>[data-designer-supplements-back]{flex-shrink:0}.designer-supplements-result-count{margin:0;color:#64748b;font-size:14px}.designer-supplements-customers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.designer-supplements-customer{min-width:0;border:1px solid #dce5f3;border-radius:12px;padding:18px;background:white;overflow-wrap:anywhere}.designer-supplements-customer header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.designer-supplements-customer h2{font-size:18px;margin:0 0 8px}.designer-supplements-customer p{margin:8px 0;line-height:1.6}.designer-supplements-customer-status{font-size:12px;flex-shrink:0;color:#416394;background:#eff4fb;padding:5px 8px;border-radius:6px}.designer-supplements-order-numbers{font-size:13px;color:#64748b}.designer-supplements-customer>[data-open-designer-supplements]{margin-top:8px}.designer-supplements-entry{display:flex;justify-content:space-between;align-items:center;gap:18px;border-color:#a9c2f1;background:#f5f8ff}.designer-supplements-entry h2{font-size:18px;margin:4px 0 10px}.designer-supplements-entry p{margin:4px 0;color:#64748b;line-height:1.6}.designer-supplements-entry button{flex-shrink:0;background:#245bd6;color:white}.designer-supplements-entry-compact{margin:12px 0}
@media(max-width:800px){.designer-supplements-customers{grid-template-columns:minmax(0,1fr)}.designer-supplements-entry{display:block}.designer-supplements-entry button{margin-top:14px}}
.designer-supplements-entry{grid-column:1/-1;min-width:0}
@media(max-width:600px){.designer-supplements-workspace-header h1{font-size:21px}.designer-supplements-customer{padding:14px}.designer-supplements-customer header{flex-wrap:wrap;gap:6px}.designer-supplements-entry button,.designer-supplements-entry-compact button{max-width:100%;white-space:normal}.designer-supplements-workspace .designer-search input{font-size:16px}.designer-supplements-workspace .designer-search{min-width:0}}