.palette-picker{display:grid;grid-template-columns:34px 1fr 52px;gap:5px}
.palette-picker input[type=color]{width:34px;height:31px;padding:2px;border:1px solid #3b4149;background:#111316}
.palette-picker input,.palette-name,.palette-actions select{min-width:0;background:#101215;border:1px solid #343941;color:#ddd;padding:7px;font-size:10px}
.palette-picker button,.palette-actions button{border:1px solid #454b53;background:#24282e;color:#fff;padding:6px;font-size:9px;cursor:pointer}
.palette-name{width:100%;margin-top:6px}
.palette-actions{display:grid;grid-template-columns:1fr 98px;gap:5px;margin-top:6px}
.favorite-colors{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:10px}
.favorite-color{position:relative;height:34px;border:1px solid #545b64;cursor:pointer}
.favorite-color.locked:after{content:"LOCK";position:absolute;right:2px;bottom:2px;background:#111b;color:#fff;font-size:6px;padding:1px 2px}
.favorite-color .remove-color{position:absolute;right:-3px;top:-5px;width:13px;height:13px;border:0;background:#111;color:#fff;font-size:8px;line-height:12px;padding:0}
.palette-note{display:block;color:#737b85;font-size:8px;line-height:1.4;margin-top:8px}
.grid-column-control{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.grid-span-control{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.grid-column-control button,.grid-span-control button{padding:6px 2px!important;font-size:9px!important}.grid-column-control button.active,.grid-span-control button.active{border-color:var(--red)!important;color:#fff!important;background:#292d33!important}.drop-zone.dashboard-grid{display:grid;align-items:start}.drop-zone.dashboard-grid[data-dashboard-columns="auto"]{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}
.design-canvas .metric-grid article,.design-canvas .planner-panel,.design-canvas .planner-table{border:1px solid #000}
.design-component.density-slim{gap:8px!important;padding:10px 12px!important;min-height:0!important}
.design-component.density-slim.metric-grid article{min-height:0;padding:9px 11px}
.design-component.density-slim .table-row{min-height:30px}
.design-component.density-slim .table-row span{padding-top:2px;padding-bottom:2px}
.design-component.density-slim .section-title{margin-bottom:8px}
.design-component.density-slim .section-title h2{font-size:17px}
.design-component.density-minimal{gap:6px!important;padding:8px 10px!important;min-height:0!important;background:#fff!important;box-shadow:none!important;border-left-width:1px!important}
.design-component.density-minimal.metric-grid article{min-height:0;padding:8px 10px;box-shadow:none}
.design-component.density-minimal .table-row{min-height:27px}
.design-component.density-minimal .section-title{margin-bottom:6px}
.design-component.density-minimal .section-title small,.design-component.density-minimal .table-row small,.design-component.density-minimal>small,.design-component.density-minimal>p{display:none}
.design-component.density-minimal .pill{background:transparent;padding:0;border:0}
.design-component.density-minimal .shift-meter{height:3px}
.dwell-command{background:#fff;border:1px solid #000;padding:18px 20px}.studio-dwell-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px}.studio-dwell-grid article{border:1px solid #000;background:#fff}.studio-dwell-grid h3{margin:0;padding:7px 8px;background:#171a1e;color:#fff;border-top:3px solid #d71920;font:700 10px "Bahnschrift Condensed","Arial Narrow",sans-serif;letter-spacing:.7px}.studio-dwell-grid article>div{display:grid;grid-template-columns:1fr 34px 35px;align-items:center;min-height:27px;border-top:1px solid #d8dde1;padding:0 6px;font-size:9px}.studio-dwell-grid article b,.studio-dwell-grid article em{text-align:right}.studio-dwell-grid article em{font-style:normal;color:#5f6972}.studio-dwell-grid .dwell-watch{background:#fff0bd;border-left:3px solid #f0b44b}.studio-dwell-grid .dwell-risk{background:#f9e6e7;border-left:3px solid #d71920}.flow-planner-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:12px}.planner-band{padding:7px 10px;color:#fff;font:700 11px "Bahnschrift Condensed","Arial Narrow",sans-serif;letter-spacing:.8px}.red-band{background:#d71920}.ink-band{background:#171a1e}.planner-input{background:#fff4ad;font-weight:800}.delta-up{background:#f9e6e7;color:#b61218;font-weight:800}.red-pill{background:#f9e6e7;color:#b61218}
.connected-section{background:#fff;border:1px solid #000;padding:18px 20px}.connected-badge{display:flex;align-items:center;gap:6px;border:1px solid #d8dde1;padding:6px 8px;color:#7d650d;font:700 8px "Bahnschrift Condensed","Arial Narrow",sans-serif;letter-spacing:.6px}.connected-badge i,.wtd-source-line i{width:6px;height:6px;border-radius:50%;background:#f0b44b}.shift-glance-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.shift-glance-grid article{min-height:83px;border:1px solid #000;border-top:3px solid #d71920;padding:10px;background:#f7f8f9}.shift-glance-grid small,.shift-glance-grid strong,.shift-glance-grid span{display:block}.shift-glance-grid small{min-height:22px;font:700 8px "Bahnschrift Condensed","Arial Narrow",sans-serif;letter-spacing:.5px;color:#5f6972}.shift-glance-grid strong{font:800 22px "Bahnschrift Condensed","Arial Narrow",sans-serif;margin:5px 0}.shift-glance-grid span{font-size:8px;color:#828b94}.wtd-meta{text-align:right}.wtd-meta b,.wtd-meta span{display:block}.wtd-meta b{color:#d71920;font:800 13px "Bahnschrift Condensed","Arial Narrow",sans-serif}.wtd-meta span{font-size:8px;color:#5f6972}.wtd-source-line{display:flex;justify-content:space-between;margin:-4px 0 8px;padding:6px 8px;background:#fff8e5;border-left:3px solid #f0b44b;color:#6b6250;font-size:8px}.wtd-source-line span:first-child{display:flex;align-items:center;gap:5px}.wtd-table{border:1px solid #000}.wtd-row{display:grid;grid-template-columns:1.6fr repeat(7,1fr) 1.1fr;min-height:31px;border-bottom:1px solid #d8dde1;align-items:center;font-size:9px}.wtd-row:last-child{border-bottom:0}.wtd-row>span,.wtd-row>strong{padding:5px 6px;text-align:right;border-right:1px solid #e5e8ea}.wtd-row>span:first-child{text-align:left}.wtd-row>strong{border-right:0;background:#f9e6e7;color:#b61218}.wtd-row small{display:block;color:#828b94;margin-top:2px}.wtd-head{min-height:25px;background:#171a1e;color:#fff;font:700 8px "Bahnschrift Condensed","Arial Narrow",sans-serif;letter-spacing:.5px}.variance-row{background:#fff8e5}.wtd-row .positive{color:#2aa866;font-weight:800}