/* Product UI fragments share the landing page's Pretendard, sheet and state tokens. */
.field-extensions .extension-slide:is([data-case="zone-work-time"],[data-case="cross-site-support"],[data-case="store-role-coverage"]){grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
.field-extensions .case-visual.fm-scene{position:relative;min-height:560px;height:100%;padding:0;overflow:hidden;color:#292d33;font:400 14px/1.5 Pretendard,sans-serif;letter-spacing:-.25px}
.fm-scene *{box-sizing:border-box}.fm-sheet{position:absolute;top:44px;left:20px;width:calc(100% - 40px);max-width:680px;min-height:900px;padding:24px;border:1px solid #dde2e8;border-radius:14px;background:#fff;box-shadow:0 10px 28px #26364a06;overflow:visible}.fm-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px;min-height:30px}.fm-heading h4{margin:0;font-size:21px;font-weight:650;line-height:1.4;letter-spacing:-.6px;color:#292d33;white-space:nowrap}.fm-state{display:flex;align-items:center;gap:4px;padding:4px 7px;border-radius:4px;background:#fff0f1;color:#b94f5b;font-size:11px;font-weight:500;white-space:nowrap}.fm-state svg{width:13px;height:13px;flex:none}.fm-scene[data-complete=true] .fm-state{background:#edf6ef;color:#397851}.fm-record-head,.fm-record{display:grid;grid-template-columns:1fr 90px 90px;align-items:center;text-align:right}.fm-record-head{height:30px;font-size:11px;color:#9299a3;border-bottom:1px solid #e7ebf0}.fm-record{height:53px;border-bottom:1px solid #edf0f3;font-size:14px;color:#7f8995}.fm-record-head>:first-child,.fm-record>:first-child{text-align:left}.fm-record strong{font-size:16px;font-weight:600;color:#454c56}.fm-record b{font-weight:550;color:#526d85}.fm-record:first-of-type b{color:#b94f5b}.fm-axis,.fm-lane-row{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px}.fm-axis{height:46px;border-bottom:1px solid #e7ebf0;color:#9299a3;font-size:11px}.fm-axis>div{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.fm-lanes{position:relative;min-height:650px;margin-top:14px}.fm-lane-row{position:absolute;left:0;right:0;height:66px}.fm-lane-row>strong{font-size:16px;font-weight:600;white-space:nowrap}.fm-rail{height:54px;position:relative;background:linear-gradient(to right,transparent calc(50% - 1px),#edf0f4 50%,transparent calc(50% + 1px))}.fm-block{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #edf0f3;border-radius:5px;background:#f6f7f9;color:#a0a9b5;font-size:12px;white-space:nowrap}.fm-block-warning{border-color:#d88189;background:#fff0f1;color:#bb4552;font-size:14px;font-weight:600}.fm-block-cover{border-color:#b1cbbb;background:#f0f7f2;color:#49775a;font-size:14px;font-weight:600}.fm-block-half{width:50%;right:auto}.fm-block-later{left:50%;font-size:11px}.fm-candidates{position:absolute;left:-12px;right:-12px;background:#f0f2f5;border-top:1px solid #e3e7ec;border-bottom:1px solid #e3e7ec;opacity:0}.fm-check{display:inline-flex;align-items:center;justify-content:center;flex:none;width:15px;height:15px;border-radius:50%;background:#49815d;color:#fff;opacity:0}.fm-check svg{width:12px;height:12px}.fm-scene [data-fm-choice]{z-index:4;background:transparent}.fm-scene [data-fm-other]{z-index:2}.fm-scene [data-fm-follow]{color:#a1a9b4}.fm-scene [data-fm-follow]>strong{font-size:14px;font-weight:500}.fm-scene [data-fm-choice][data-selected=true]>strong{color:#397351}.fm-deadline{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e4e8ed;border-radius:8px;padding:15px;margin-bottom:16px;font-size:14px}.fm-deadline>strong{font-size:16px;font-weight:600}.fm-deadline>span{color:#7d8794}.fm-deadline b{font-weight:600;color:#454c56;margin-left:6px}.fm-travel-axis,.fm-travel-row{display:grid;grid-template-columns:116px minmax(0,1fr);gap:12px;align-items:center}.fm-travel-axis{height:33px;border-bottom:1px solid #e7ebf0;color:#9299a3;font-size:11px}.fm-travel-axis>div{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.fm-travel-lanes{position:relative;min-height:760px;padding-top:16px}.fm-travel-row{position:absolute;left:0;right:0;height:92px}.fm-travel-row>strong{font-size:14px;font-weight:600;white-space:nowrap}.fm-travel-rail{position:relative;height:64px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(33.333% - 1px),#edf0f4 calc(33.333% - 1px),#edf0f4 33.333%)}.fm-trip,.fm-prep{position:absolute;top:5px;height:54px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border:1px solid #dce5ee;border-radius:5px;background:#f0f4f9;color:#73899f;white-space:nowrap}.fm-trip b,.fm-prep b{font-size:12px;font-weight:550}.fm-trip span,.fm-prep span{font-size:10px}.fm-prep{background:#f0f7f2;border-color:#b1cbbb;color:#49775a}.fm-prep-late{background:#fff0f1;border-color:#d88189;color:#bb4552}.fm-travel-check{position:absolute;top:24px;left:calc(55.555% + 6px)}.fm-deadline-line{position:absolute;left:calc(128px + (100% - 128px)*.666666);top:0;height:800px;width:1px;border-left:1px dashed #d6bd9c;z-index:1;pointer-events:none}.fm-muted-work{position:absolute;inset:5px 0;border:1px solid #edf0f3;border-radius:5px;display:grid;place-items:center;background:#f6f7f9;color:#b0b7c0;font-size:12px}.fm-travel-follow{opacity:.65}.fm-skill-head,.fm-skill-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:14px}.fm-skill-head{height:30px;border-bottom:1px solid #e7ebf0;font-size:11px;color:#9299a3}.fm-skill-head>:last-child{text-align:right}.fm-skill-row{height:54px;border-bottom:1px solid #edf0f3}.fm-skill-row>strong{display:flex;align-items:center;gap:7px;font-size:16px;font-weight:600;white-space:nowrap}.fm-skill-row>span{font-size:13px;color:#939daa;text-align:right;white-space:nowrap}.fm-oven-lanes{position:relative;min-height:650px;margin-top:17px}.fm-oven-slot{position:absolute;left:0;right:0;top:0;height:57px;border:1px dashed #d6a5ad;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;color:#a1747b}.fm-oven-slot strong{font-size:15px;font-weight:550}.fm-oven-slot>span{display:flex;align-items:center;gap:5px;font-size:12px;color:#b94f5b;white-space:nowrap}.fm-filter-area{position:absolute;left:0;top:80px}.fm-filter{display:flex;align-items:center;gap:9px;width:max-content;padding:7px 10px;border:1px solid #dfe4ea;border-radius:6px;background:#fff;color:#77818e;font-size:12px}.fm-filter strong{font-weight:550}.fm-filter[data-active=true]{border-color:#9db5cd;background:#f7fafc;color:#426d97}.fm-toggle{position:relative;width:27px;height:15px;border-radius:8px;background:#d7dde5}.fm-toggle i{position:absolute;left:3px;top:3px;width:9px;height:9px;border-radius:50%;background:#fff}.fm-filter[data-active=true] .fm-toggle{background:#6384a5}.fm-support-row,.fm-oven-follow{position:absolute;left:0;right:0;height:58px;padding-inline:12px}.fm-support-row[data-selected=true]{color:#397351}.fm-support-row[data-selected=true]>span{color:#62866d}.fm-oven-follow{padding-inline:0}.fm-oven-candidates{left:0;right:0;border:1px solid #e3e7ec;border-radius:8px}.fm-scene [data-fm-choice]{opacity:0;visibility:hidden}
@media(min-width:801px) and (max-width:1100px){.field-extensions .extension-slide:is([data-case="zone-work-time"],[data-case="cross-site-support"],[data-case="store-role-coverage"]){grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr)}.field-extensions .extension-slide:is([data-case="zone-work-time"],[data-case="cross-site-support"],[data-case="store-role-coverage"]) .case-copy{padding:36px 20px 36px 30px}.field-extensions .extension-slide:is([data-case="zone-work-time"],[data-case="cross-site-support"],[data-case="store-role-coverage"]) .case-copy h3{font-size:25px}}
@media(max-width:800px){.field-extensions .extension-slide:is([data-case="zone-work-time"],[data-case="cross-site-support"],[data-case="store-role-coverage"]){grid-template-columns:1fr}.field-extensions .extension-slide:is([data-case="zone-work-time"],[data-case="cross-site-support"],[data-case="store-role-coverage"]){grid-template-rows:auto minmax(560px,1fr)}.field-extensions .case-scene-factory{align-self:stretch}.field-extensions .case-visual.fm-scene{height:100%;min-height:560px}}
@media(max-width:600px){.fm-sheet{left:16px;top:20px;width:calc(100% - 32px);padding:19px 16px 17px}.fm-heading{margin-bottom:19px;gap:7px}.fm-heading h4{font-size:17px;letter-spacing:-.5px}.fm-state{font-size:10px;padding:4px 5px;gap:3px}.fm-state svg{width:11px;height:11px}.fm-record-head,.fm-record{grid-template-columns:1fr 66px 70px}.fm-record-head{font-size:10px}.fm-record{height:49px;font-size:13px}.fm-record strong{font-size:15px}.fm-axis,.fm-lane-row{grid-template-columns:72px minmax(0,1fr);gap:8px}.fm-axis{font-size:10px}.fm-lane-row>strong{font-size:15px}.fm-block-cover,.fm-block-warning{font-size:13px}.fm-block-half,.fm-block-later{font-size:10px}.fm-candidates{left:-8px;right:-8px}.fm-deadline{padding:12px;font-size:12px}.fm-deadline>strong{font-size:14px}.fm-travel-axis,.fm-travel-row{grid-template-columns:84px minmax(0,1fr);gap:8px}.fm-travel-axis{font-size:9px}.fm-travel-row>strong{font-size:12px;letter-spacing:-.4px}.fm-trip b,.fm-prep b{font-size:11px}.fm-trip span,.fm-prep span{font-size:9px}.fm-travel-check{width:12px;height:12px;left:calc(55.555% + 4px);top:26px}.fm-travel-check svg{width:9px;height:9px}.fm-deadline-line{left:calc(92px + (100% - 92px)*.666666)}.fm-skill-row>strong{font-size:15px}.fm-skill-row>span{font-size:12px}.fm-oven-slot strong{font-size:14px}.fm-oven-slot>span{font-size:11px}.fm-oven-candidates{left:0;right:0}}
@media(max-width:360px){.fm-sheet{left:12px;width:calc(100% - 24px);padding-inline:13px}.fm-heading h4{font-size:15px}.fm-state{font-size:9px}.fm-lane-row>strong{font-size:14px}.fm-axis,.fm-lane-row{grid-template-columns:66px 1fr}.fm-travel-axis,.fm-travel-row{grid-template-columns:78px 1fr}.fm-deadline-line{left:calc(86px + (100% - 86px)*.666666)}.fm-travel-row>strong{font-size:11px}}
/* Linked cold-area work and the exact following shift share one time axis. */
.cx-axis,.cx-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:center}.cx-axis{height:38px;border-bottom:1px solid #e7ebf0;font-size:11px;color:#9299a3}.cx-axis>div{position:relative;height:18px}.cx-axis>div>span{position:absolute;white-space:nowrap}.cx-axis>div>span:first-child{left:0}.cx-axis>div>span:nth-child(2){left:66.666%;transform:translateX(-50%)}.cx-axis>div>span:last-child{right:0}
.cx-lanes{position:relative;margin-top:16px;min-height:800px}.cx-row{position:absolute;left:0;right:0;height:80px}.cx-person{display:flex;flex-direction:column;gap:2px}.cx-person>strong{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:600;white-space:nowrap}.cx-person>span,.cx-person>b{font-size:11px;font-weight:400;color:#8e98a4;white-space:nowrap}.cx-person>b{color:#6d849e}.cx-rail{position:relative;height:64px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(33.333% - 1px),#edf0f4 calc(33.333% - 1px),#edf0f4 33.333%)}
.cx-history,.cx-slot,.cx-muted{position:absolute;top:4px;bottom:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:4px;border:1px solid #dce5ee;border-radius:5px;background:#f0f4f9;color:#73899f;white-space:nowrap}.cx-history{left:0;width:calc(66.666% - 3px)}.cx-history>strong,.cx-cover>strong{font-size:13px;font-weight:550}.cx-history>span,.cx-cover>span{font-size:10px;font-variant-numeric:tabular-nums}.cx-slot{left:66.666%;right:0;font-size:13px}.cx-warning{border-color:#d88189;background:#fff0f1;color:#bb4552;font-weight:600}.cx-cover{border-color:#b1cbbb;background:#f0f7f2;color:#49775a}.cx-busy{background:#f6f7f9;border-color:#e7ebf0;color:#a3acb7}.cx-muted{inset:8px 0;background:#f6f7f9;border-color:#edf0f3;color:#b0b7c0;font-size:12px}.cx-candidates{position:absolute;left:-12px;right:-12px;background:#f0f2f5;border-block:1px solid #e3e7ec}.cx-row[data-cx-choice]{z-index:3}.cx-row[data-cx-choice][data-selected=true] .cx-person>strong{color:#397351}.cx-follow .cx-person>strong{color:#a1a9b4;font-weight:500;font-size:14px}
.fm-scene[data-applied=true] .fm-state{background:#edf6ef;color:#397851}
/* Keep the same employee while reserving enough time for travel and preparation. */
.tx-person{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 14px}.tx-person>strong{font-size:18px;font-weight:600}.tx-person>span{font-size:13px;color:#8c97a4}.tx-axis{position:relative;display:flex;justify-content:space-between;height:30px;border-bottom:1px solid #e7ebf0;color:#9299a3;font-size:11px;font-variant-numeric:tabular-nums}.tx-axis>span:nth-child(2){position:absolute;left:33.333%;transform:translateX(-50%)}.tx-axis>span:nth-child(3){position:absolute;left:66.666%;transform:translateX(-50%)}.tx-axis>span:last-child{margin-left:auto}
.tx-timeline{position:relative;height:150px;padding-top:12px}.tx-rail{position:relative;height:64px}.tx-trip,.tx-prep,.tx-cook{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;height:54px;border:1px solid #dce5ee;border-radius:5px;background:#f0f4f9;color:#73899f;white-space:nowrap}.tx-trip{top:0;width:calc(33.333% - 3px)}.tx-prep{top:0;width:calc(22.222% - 2px);background:#fff0f1;border-color:#d88189;color:#bb4552}.tx-trip>b,.tx-prep>b,.tx-cook>b{font-size:13px;font-weight:550}.tx-trip>span,.tx-prep>span,.tx-cook>span{font-size:11px}.tx-cook{left:66.666%;right:0;top:85px;background:#f6f7f9;border-color:#e7ebf0;color:#8893a0}.tx-deadline-line{position:absolute;left:66.666%;top:0;bottom:0;border-left:1px dashed #d6bd9c}.tx-arrival{display:flex;align-items:center;gap:10px;padding:12px 0 18px;font-size:14px}.tx-arrival>span:first-child{color:#8c97a4}.tx-arrival>strong{font-variant-numeric:tabular-nums;font-weight:600;color:#b94f5b}.tx-shortage{font-size:12px;color:#b94f5b}
.tx-open,.tx-apply{padding:10px 14px;min-height:40px;border-radius:7px;border:1px solid #202329;background:#202329;color:#fff;font-size:14px;font-weight:550;white-space:nowrap}.tx-open[data-pressed=true],.tx-apply[data-pressed=true]{background:#48515e}.tx-editor{overflow:hidden;background:#f0f2f5;border-radius:8px;padding-inline:14px}.tx-field{display:flex;justify-content:space-between;align-items:center;height:60px;font-size:14px}.tx-field>select{padding:5px 10px;border:1px solid #d1d9e2;border-radius:5px;background:#fff;font:inherit;font-variant-numeric:tabular-nums}.tx-apply{min-height:36px;padding-block:6px}.tx-follow{margin-top:24px;color:#9ba5b1;font-size:12px}.tx-follow>strong{font-size:13px;font-weight:500}.tx-follow>div{display:grid;grid-template-columns:1fr 1fr 70px;gap:10px;align-items:center;min-height:54px;border-bottom:1px solid #edf0f3}.tx-follow>div>:last-child{text-align:right}
.fm-scene[data-applied=true] .tx-prep{background:#f0f7f2;border-color:#b1cbbb;color:#49775a}.fm-scene[data-applied=true] .tx-arrival>strong{color:#397851}.fm-scene [hidden]{display:none!important}
@media(max-width:600px){.cx-axis,.cx-row{grid-template-columns:82px minmax(0,1fr);gap:8px}.cx-axis{font-size:10px}.cx-person>strong{font-size:14px}.cx-person>span,.cx-person>b{font-size:10px}.cx-slot{font-size:12px}.cx-cover>span{display:none}.cx-history>strong{font-size:12px}.cx-history>span{font-size:9px}.cx-candidates{left:-8px;right:-8px}.tx-person>strong{font-size:16px}.tx-person>span{font-size:12px}.tx-axis{font-size:10px}.tx-cook>span{font-size:9px}.tx-arrival{font-size:13px;gap:8px}.tx-shortage{font-size:11px}}
.tx-field>label{flex:none;white-space:nowrap}.tx-field>select{flex:0 0 120px;width:120px;max-width:60%}