.belt-strip{display:flex;height:8px;min-height:8px;width:100%;border:1px solid #8090a0;border-radius:3px;overflow:hidden;gap:1px;background:#b6c0c9}.belt-strip i{display:block;background:var(--belt);min-width:6px}.belt-strip .no-belts{width:100%;background:repeating-linear-gradient(135deg,#f3f4f6 0 5px,#e2e7eb 5px 6px)}
.belt-legend{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:12px;line-height:1.5}.belt-legend span{display:inline-flex;gap:4px;align-items:center}.belt-legend i{width:15px;height:9px;background:var(--belt);border:1px solid #87919e;border-radius:2px}.group-change{display:block;font-weight:750;color:#58378c}.group-change.cancelled{color:#8e3434}
body.field-wall-view #app{padding:8px 12px;max-width:none}.field-unified-bar{gap:8px;flex-wrap:wrap}.field-unified-bar h1{font-size:21px;margin:0}.field-unified-bar .actions{gap:5px}.field-unified-bar .btn,.field-unified-bar button,.field-selection button,.field-actions button{padding:7px 10px;font-size:13px}.field-selection{flex-wrap:wrap;gap:8px;margin:4px 0}.field-filter{margin-left:auto;display:flex;gap:4px}.field-filter button[aria-pressed=true]{box-shadow:inset 0 -3px #af1934}.unified-field{display:flex;flex-direction:column;gap:5px;min-height:0}.field-actions{padding:6px 10px;margin:0;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;background:#f0f3f7}.field-actions b{font-size:14px}.field-actions small{display:block}.field-wall-grid.unified-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;align-content:start;height:auto;overflow:visible}.unified-grid .field-tile{background:#fff!important;border:1px solid #ced6df!important;border-radius:7px;overflow:hidden;min-width:0;position:relative;box-shadow:none;padding:0!important}.unified-grid .field-tile.chosen{outline:3px solid #273e60;outline-offset:-3px}.unified-grid .field-tile.inactive{background:#edf0f4!important}.unified-grid .field-tile.merged{border-style:dashed!important}.unified-grid .field-tile.cancelled button>b{text-decoration:line-through}.unified-grid .field-tile input{position:absolute;right:6px;top:14px;width:16px;height:16px;z-index:1}.unified-grid .field-tile>button{display:flex;flex-direction:column;gap:3px;width:100%;height:100%;text-align:left;padding:7px 7px 6px!important;color:#14233b;background:transparent!important;border:0;border-radius:0;min-width:0;line-height:1.15;font-size:12px}.unified-grid .field-tile>button>b{font-size:16px;padding-right:18px}.unified-grid .field-tile>button>strong{font-size:26px;line-height:1}.unified-grid .field-tile small{font-size:11px;line-height:1.2;color:#44546a}.unified-grid .belt-strip{margin:-7px -7px 1px;width:calc(100% + 14px);border-width:0 0 1px;border-radius:0}.unified-grid .group-change{font-size:11px}.field-hint{margin:2px 0;font-size:12px}.group-overview .belt-strip{max-width:230px;margin:5px 0}
.simulation-card .simulation-settings{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.simulation-settings label{min-width:110px;flex:1}.simulation-settings input{width:100%}.simulation-metrics{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.simulation-metrics>div{background:#edf2f8;border-radius:7px;padding:10px 15px}.simulation-metrics strong{font-size:24px;display:block}.simulation-timeline{display:grid;gap:7px}.simulation-lane{display:grid;grid-template-columns:65px 1fr;align-items:center;min-height:40px}.simulation-track{position:relative;height:36px;background:#edf0f4;border-radius:5px}.simulation-job{position:absolute;top:2px;bottom:2px;min-width:2px;overflow:hidden;border-radius:3px;background:#344e70;color:#fff;font-size:10px;padding:3px;white-space:nowrap}.simulation-job.final{background:#ab243b}.simulation-issues{max-height:240px;overflow:auto}.simulation-groups{max-height:430px;overflow:auto}.simulation-groups td{font-size:13px}.simulation-groups .belt-strip{min-width:100px}
.tutorial-banner{border:2px solid #345879;background:#f0f5fb;border-radius:9px;padding:10px 14px;margin:5px 0 9px;display:flex;gap:12px;align-items:center;justify-content:space-between}.tutorial-banner h2{margin:0;font-size:18px}.tutorial-banner p{margin:4px 0;font-size:15px}.tutorial-banner small{display:block}.tutorial-banner .actions{flex-shrink:0}.tutorial-target{outline:4px solid #f1bc32!important;outline-offset:3px}.tutorial-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.tutorial-picker button{text-align:left;min-height:84px;white-space:normal}.tutorial-picker button small{display:block;font-weight:400;margin-top:6px}.tutorial-banner progress{width:150px;height:9px}.tutorial-complete{background:#e1f2e9;border-color:#347653}
@media(min-width:1700px){.field-wall-grid.unified-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.unified-grid .field-tile>button>b{font-size:18px}.unified-grid .field-tile>button>strong{font-size:30px}}
@media(max-width:1100px){.field-wall-grid.unified-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.field-filter{margin-left:0}}
@media(max-width:760px){.field-wall-grid.unified-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-unified-bar h1{font-size:18px}.field-actions .actions{gap:4px}.tutorial-banner{flex-direction:column;align-items:stretch}.tutorial-banner .actions{flex-wrap:wrap}.simulation-settings label{min-width:100px}.simulation-lane{grid-template-columns:45px 1fr}.simulation-job{font-size:8px}}

.unified-grid .field-tile{background:linear-gradient(150deg,color-mix(in srgb,var(--dominant,#fff) 16%,white),#fff)!important}

/* Replace the older fixed-height wall grid, including its more specific child rules. */
body.field-wall-view #app:has(.unified-field){height:auto!important;min-height:calc(100dvh - 32px);display:flex;flex-direction:column}
body.field-wall-view .field-wall-grid.unified-grid{grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:minmax(83px,auto);flex:none;min-height:0;gap:6px}
body.field-wall-view .unified-field{flex:none}
.unified-grid .field-tile>button{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:6px 24px 14px 13px auto;align-content:start;justify-items:start;padding:4px 6px!important;gap:1px!important;height:100%}
.unified-grid .field-tile button>.belt-strip{display:flex!important;grid-column:1/-1;grid-row:1;width:calc(100% + 12px);max-width:none;height:6px;min-height:6px;margin:-4px -6px 0;border-width:0 0 1px}
.unified-grid .field-tile button>.belt-strip i{height:6px;flex-basis:0}
.unified-grid .field-tile button>b{grid-column:1;grid-row:2;padding:0 0 0 20px;align-self:center;font-size:16px}
.unified-grid .field-tile button>strong{grid-column:2;grid-row:2;font-size:24px;align-self:center}
.unified-grid .field-tile button>span:not(.belt-strip){display:block!important;grid-column:1/-1;grid-row:3;font-size:11px;white-space:nowrap;max-width:100%}
.unified-grid .field-tile button>span.group-change{grid-row:5;font-size:11px}
.unified-grid .field-tile button>small{display:block!important;grid-column:1/-1;grid-row:4;font-size:10px;white-space:nowrap;max-width:100%}
.unified-grid .field-tile>input{left:6px;right:auto;top:14px;margin:0;width:16px;height:16px}
.unified-grid .field-tile.inactive button>b{padding-left:0}
@media(min-width:1700px){body.field-wall-view .field-wall-grid.unified-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(90px,auto)}}
@media(max-width:1100px){body.field-wall-view .field-wall-grid.unified-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}}
@media(max-width:760px){body.field-wall-view .field-wall-grid.unified-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:minmax(90px,auto)}}

body.field-wall-view .field-wall-grid.unified-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}
.unified-grid .field-tile{container-type:inline-size}
.unified-grid .field-tile button>b{font-size:clamp(16px,12cqw,23px)}
.unified-grid .field-tile button>strong{font-size:clamp(24px,17cqw,32px)}
.unified-grid .field-tile button>span:not(.belt-strip){font-size:clamp(11px,8cqw,14px)}
@media(max-width:760px){.unified-grid .field-tile button>span:not(.belt-strip){font-size:11px}}

.simulation-lane{grid-template-columns:76px 1fr;gap:8px}.simulation-lane>b{font-size:13px}.simulation-track{margin-left:0}

@media(min-width:851px){body.desk-focus .desk-workspace:has(.tutorial-banner){grid-template-rows:auto auto minmax(0,1fr)}body.desk-focus .desk-workspace:has(.tutorial-banner) .desk-toolbar{flex-wrap:wrap;gap:4px}body.desk-focus .tutorial-banner{padding:8px 12px;margin:0 0 5px}body.desk-focus .tutorial-banner p{font-size:13px;max-width:780px}body.desk-focus .tutorial-banner h2{font-size:16px}body.desk-focus .tutorial-banner .actions{max-width:380px;gap:5px}}

body.field-wall-view .field-unified-bar .btn,body.field-wall-view .field-unified-bar button,.field-selection button{min-height:30px!important;padding:5px 8px!important}
.field-selection{margin:1px 0}.unified-field{gap:4px}.belt-legend{line-height:1.2;font-size:11px}.field-hint{font-size:11px;line-height:1.2}
@media(min-width:761px){.unified-grid .field-tile{min-height:68px!important}}

@media(max-width:760px){body.field-wall-view .field-unified-bar button,body.field-wall-view .field-unified-bar .btn,.field-selection button{min-height:40px!important}.tutorial-banner button,.tutorial-banner .btn{min-height:42px}.simulation-lane{grid-template-columns:55px 1fr;gap:4px}}