.wrangler-placement { --placement-pill-width:166px; --placement-pill-height:34px; }
.placement-toolbar,.placement-actions,.placement-legend { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.placement-toolbar { align-items:end; margin:20px 0 12px; }
.placement-toolbar label,.placement-bench label { display:grid; gap:4px; font:var(--control-label-font,inherit); }
.placement-search { width:260px; }
.placement-toolbar .placement-check { display:flex; align-items:center; align-self:center; gap:8px; }
.placement-check input { width:18px; height:18px; margin:0; accent-color:var(--red,#880101); }
.placement-toolbar .placement-actions { margin-left:auto; }
.wrangler-placement :is(.placement-pill,.placement-name,.placement-handle,.placement-remove,.placement-open,.placement-trim,.placement-interest-target) { font-family:var(--font-body,'IBM Plex Sans',sans-serif); text-transform:none; letter-spacing:normal; }
.wrangler-placement :is(.placement-name,.placement-remove,.placement-open,.placement-trim,.placement-interest-target) { min-height:0; }
.placement-help { background:var(--paper,#f4f1e8); padding:10px 12px; margin:0 0 12px; }
.placement-legend { gap:18px; font-size:13px; margin:12px 0; }
.placement-legend>span { display:inline-flex; align-items:center; gap:7px; }
.placement-legend i { width:26px; height:18px; display:inline-block; border:1px solid #cec7b6; background:white; }
.placement-legend b { min-width:18px; color:#000060; text-align:center; }
.placement-layout { display:grid; grid-template-columns:minmax(0,1fr) 212px; gap:20px; align-items:start; }
.placement-class-list { min-width:0; }
.placement-class,.placement-column-head { display:grid; grid-template-columns:minmax(160px,1fr) minmax(186px,2fr) 194px; gap:20px; padding:20px 14px; }
.placement-column-head { font-size:13px; color:var(--muted,#777568); padding-top:0; padding-bottom:10px; }
.placement-class { background:var(--surface,#fffdf7); border-top:1px solid var(--line,#d8d2c4); }
.placement-class-title { min-width:0; }
.placement-class-title h3 { font-size:17px; line-height:1.35; color:#000060; margin:5px 0; }
.placement-class-title p { margin:4px 0 10px; }
.placement-interests { display:flex; flex-wrap:wrap; gap:7px; align-items:start; }
.placement-interest { display:flex; width:194px; max-width:100%; align-items:center; }
.wrangler-placement .placement-pill { display:flex; align-items:center; gap:6px; width:var(--placement-pill-width); min-width:var(--placement-pill-width); height:var(--placement-pill-height); min-height:var(--placement-pill-height); flex:0 0 auto; padding:5px 8px; font-size:13px; line-height:20px; font-weight:500; text-align:left; border:1px solid #cec7b6; color:#17212b; background:#fff; border-radius:1px; cursor:grab; }
.wrangler-placement .placement-name { flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:transparent; border:0; color:inherit; padding:0; font:inherit; text-align:left; }
.wrangler-placement .placement-name:hover { text-decoration:underline; }
.wrangler-placement .placement-handle { flex:0 0 16px; padding:0; width:16px; min-height:22px; background:transparent; border:0; color:#000060; cursor:grab; }
.placement-tabs { margin:0 0 18px; }
.placement-marker { flex:0 0 18px; text-align:center; color:#000060; font-weight:700; }
.wrangler-placement .is-pending { background:repeating-linear-gradient(45deg,#fff9e7 0 7px,#f0d987 7px 10px); border-color:#bd9a2b; }
.wrangler-placement .is-taken { background:repeating-linear-gradient(135deg,#fff 0 7px,#dddde8 7px 10px); }
.wrangler-placement .is-assigned { background:#eeeeF6; border-color:#000060; color:#000060; }
.wrangler-placement .placement-pill:hover { color:#000060; border-color:#000060; }
.wrangler-placement .placement-pill[data-selected=true] { outline:2px solid #880101; outline-offset:1px; }
.placement-slot { display:flex; align-items:center; width:194px; }
.wrangler-placement .placement-remove { width:28px; height:34px; padding:0; border:0; background:transparent; color:#880101; flex:0 0 28px; font-size:18px; }
.placement-spots { display:flex; flex-direction:column; gap:7px; }
.placement-spot-count { display:flex; align-items:center; justify-content:space-between; gap:5px; font-size:12px; color:var(--muted,#777568); }
.wrangler-placement .placement-open { height:34px; width:166px; padding:4px 7px; font-size:12px; border:1px dashed #a9a292; background:#f5f2ea; color:#5e5b52; text-align:left; }
.wrangler-placement .placement-interest-target { margin-top:8px; padding:4px 7px; border:1px dashed #b9b1a0; background:transparent; color:#625c50; font-size:12px; }
.wrangler-placement .placement-trim { padding:2px 0; background:transparent; border:0; color:#625c50; font-size:12px; text-decoration:underline; text-align:left; }
.placement-bench { background:#fffdf7; border:1px solid var(--line,#d8d2c4); border-top:3px solid #880101; padding:12px; position:sticky; top:90px; min-width:0; }
.placement-bench h2 { margin:0 0 10px; font-size:18px; }
.placement-bench input { width:100%; min-width:0; }
.placement-bench-list { display:flex; flex-direction:column; align-items:flex-start; gap:7px; max-height:55vh; overflow-y:auto; overflow-x:hidden; margin:12px -3px 0; padding:3px; scrollbar-gutter:stable; }
.placement-bench .meta,.placement-bench details { font-size:12px; }
.placement-review { background:#fff; border-top:3px solid #880101; padding:18px; margin:14px 0; }
.placement-error { border-left:3px solid #880101; padding:12px; background:#fff; color:#880101; }
.placement-selection { font-size:13px; min-height:20px; margin:8px 0; }
.placement-selection:empty { display:none; }
@media(max-width:1250px) { .placement-class,.placement-column-head { grid-template-columns:minmax(140px,1fr) minmax(166px,1.3fr) 194px; gap:12px; padding-left:10px; padding-right:10px; } .placement-layout { gap:12px; } }
@media(max-width:1050px) { .placement-class,.placement-column-head { grid-template-columns:minmax(0,1fr) 194px; } .placement-class-title { grid-column:1/-1; } .placement-column-head { display:none; } }
@media(max-width:720px) { .placement-layout { grid-template-columns:minmax(0,1fr); } .placement-bench { grid-row:1; position:static; } .placement-bench-list { max-height:190px; } .placement-class { grid-template-columns:minmax(0,1fr); } .placement-search { width:100%; } .placement-toolbar .placement-actions { margin-left:0; } .placement-spots { margin-top:12px; } .placement-bench-list { overflow-x:auto; } }
@media print { .placement-toolbar,.placement-help,.placement-actions,.placement-interest-target,.placement-trim,.placement-remove,.placement-bench { display:none!important; } .placement-layout { display:block; } .placement-class { break-inside:avoid; } }