/* ELV8D owner-controlled, trade-aware dashboard composition preview */
.builder-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;border-color:#24636b;background:linear-gradient(120deg,#172729,#202222)}
.builder-intro h2{margin:4px 0 7px;font-size:20px;color:#f2f5f5;font-weight:650}
.builder-intro p{margin:0;color:#a6b8bb;font-size:11px;line-height:1.55;max-width:570px}
.builder-kicker{font-size:10px;letter-spacing:.09em;color:#24bbc6;font-weight:700;margin-bottom:8px}
.builder-client{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.builder-client label{display:block;font-size:11px;color:#a9babc;margin-bottom:5px}
.builder-client select{min-width:135px;background:#2d3132;color:#e3e9ea;border:1px solid #495153;border-radius:6px;padding:9px}
.builder-name{font-size:14px;font-weight:650;color:white;margin-bottom:5px}
.builder-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}
.trade-pills{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.trade-pill{background:#303435;color:#c7d0d1;border:1px solid #444b4d;border-radius:8px;padding:9px 10px;font-size:11px}
.trade-pill.active{border-color:#01a5b9;color:#59dbe4;background:#173b40}
.builder-checklist{display:flex;flex-direction:column;gap:7px}
.builder-feature{display:flex;align-items:center;gap:12px;padding:12px 10px;border:1px solid #3d4446;background:#292c2d;cursor:pointer;border-radius:7px}
.builder-feature input{accent-color:#01a5b9;width:19px;height:19px;flex-shrink:0}
.builder-feature strong{font-size:12px;font-weight:550;color:#eef1f1;display:block}
.builder-feature small{display:block;color:#95a4a7;font-size:10px;margin-top:3px}
.builder-order{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.builder-order-row{display:flex;align-items:center;gap:7px;background:#292c2d;border:1px solid #414748;padding:8px;border-radius:7px}
.builder-grip{font-size:20px;color:#889799}.builder-order-title{flex:1;font-size:11px;color:#e2e8e8}
.builder-row-actions{display:flex;gap:4px}
.builder-row-actions button{border:1px solid #475153;color:#a4e4e9;background:#20373b;border-radius:5px;min-height:28px;min-width:28px}
.builder-row-actions button:focus-visible,.trade-pill:focus-visible,.builder-feature:focus-within{outline:2px solid #01a5b9;outline-offset:2px}
@media(max-width:760px){.builder-columns{grid-template-columns:1fr}.builder-client{display:grid;grid-template-columns:1fr auto}.builder-client>div:nth-child(2){grid-column:1 / -1;grid-row:1}.builder-client>div:nth-child(1){grid-column:1}.builder-client>button{grid-column:2;align-self:end}.builder-intro h2{font-size:17px}.trade-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.trade-pill{flex:0 0 auto}}

.client-modules{margin-top:16px}.client-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:14px}
.client-module-grid .small-action{text-align:left;min-height:52px;border-radius:6px;line-height:1.5;font-size:11px}
.module-number{display:inline-flex;background:#12434a;color:#61d7e1;align-items:center;justify-content:center;border-radius:4px;min-width:22px;min-height:22px;margin-right:5px;font-weight:750}
@media(min-width:900px){.client-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

.builder-row-actions select{max-width:89px;min-width:78px;font-size:10px;background:#20373b;color:#bfeff2;border:1px solid #475153;border-radius:5px;padding:4px}
@media(max-width:420px){.builder-row-actions{gap:2px}.builder-row-actions button{min-width:25px}.builder-row-actions select{max-width:78px;min-width:68px}.builder-order-title{font-size:10px}}

/* Widget sizing uses responsive grid spans; mobile remains single/dual column. */
.client-module-grid .tile-medium{grid-column:span 1;min-height:86px;background:#1e3437}
.client-module-grid .tile-wide{grid-column:1 / -1;min-height:100px;background:#18383d;border-color:#34757c}
.builder-order-row{cursor:grab;touch-action:pan-y}
.builder-order-row.dragging{opacity:.45}
.builder-order-row.drag-target{outline:2px dashed #01a5b9;outline-offset:1px;background:#19383a}
.builder-row-actions [data-size]{min-width:68px;max-width:78px}
@media(min-width:900px){.client-module-grid .tile-medium{grid-column:span 2}.client-module-grid .tile-wide{grid-column:span 4}}
@media(max-width:620px){.builder-order-row{display:grid;grid-template-columns:16px 1fr;gap:4px 8px}.builder-order-title{grid-column:2}.builder-row-actions{grid-column:1 / -1;justify-content:flex-end;flex-wrap:wrap}.builder-row-actions select{max-width:90px}.builder-order-row .builder-grip{grid-row:1}}

.demo-publication{margin-top:12px;border-color:#236773;background:linear-gradient(120deg,#172a2c,#222626)}
.demo-publication-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}
.demo-publication-actions label{display:flex;align-items:center;gap:8px;color:#bdc9ca;font-size:11px}
.demo-publication-actions select{background:#283234;color:#e6f4f4;border:1px solid #41676b;border-radius:5px;padding:9px;font-size:11px}
.demo-publication .small-muted strong{color:#50d2df}
@media(max-width:760px){.demo-publication-actions{display:grid;grid-template-columns:1fr}.demo-publication-actions>*{width:100%}.demo-publication-actions label{justify-content:space-between}}