/* Continuous disclosure: compact order, aligned inputs, proportional schedule. */
:is(#page-smart-scheduling,.ss-detail-surface){--ss-blue:#1766dc;--ss-ink:#19324e;--ss-muted:#63758a;--ss-line:#e0e7ef;--ss-red:#c64948;min-height:100vh;background:#f3f6fa;color:var(--ss-ink);font:14px/1.5 "Microsoft YaHei","PingFang SC",sans-serif;font-variant-numeric:tabular-nums}
:is(#page-smart-scheduling,.ss-detail-surface) *{box-sizing:border-box}
:is(#page-smart-scheduling,.ss-detail-surface) [hidden]{display:none!important}
:is(#page-smart-scheduling,.ss-detail-surface) h1,:is(#page-smart-scheduling,.ss-detail-surface) h2,:is(#page-smart-scheduling,.ss-detail-surface) h3,:is(#page-smart-scheduling,.ss-detail-surface) p{margin:0}
:is(#page-smart-scheduling,.ss-detail-surface) button,:is(#page-smart-scheduling,.ss-detail-surface) input{font:inherit}
:is(#page-smart-scheduling,.ss-detail-surface) button{cursor:pointer;min-height:38px;color:#395570;background:#fff;border:1px solid #d6e0eb;border-radius:7px;padding:7px 13px;transition:background .15s,border-color .15s,box-shadow .15s}
:is(#page-smart-scheduling,.ss-detail-surface) button:hover{border-color:#9bbbe1;background:#f5f9ff}
:is(#page-smart-scheduling,.ss-detail-surface) button:disabled{opacity:.45;cursor:not-allowed}
:is(#page-smart-scheduling,.ss-detail-surface) :is(button,input,summary):focus-visible{outline:3px solid #94bfff;outline-offset:2px}
#page-smart-scheduling input:not([type=checkbox]){min-width:0;height:38px;border:1px solid #cdd9e6;border-radius:6px;background:#fff;color:#19324e;padding:7px 9px;font-size:15px;box-shadow:inset 0 1px 2px #18365703}
#page-smart-scheduling input:disabled{background:#f1f4f7;color:#8d9aaa}
#page-smart-scheduling input[type=checkbox]{accent-color:var(--ss-blue);width:18px;height:18px;cursor:pointer}
#page-smart-scheduling .ss-primary{color:#fff;background:var(--ss-blue);border-color:var(--ss-blue);font-weight:600;min-height:42px;padding:9px 24px;box-shadow:0 3px 7px #1766dc20}
#page-smart-scheduling .ss-primary:hover{background:#1055bc;border-color:#1055bc}
.ss-replan-reasons{margin-top:18px}.ss-reason-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 16px}.ss-reason-custom{display:flex;flex-direction:column;gap:6px}.ss-reason-custom input{width:100%}
#page-smart-scheduling .ss-reason-options button[aria-pressed="true"]{color:#1555b3;background:#eaf2ff;border-color:var(--ss-blue);box-shadow:inset 0 0 0 1px var(--ss-blue);font-weight:600}
.ss-header{min-height:90px;padding:18px 28px;border-bottom:1px solid var(--ss-line);display:flex;align-items:center;gap:16px;background:#fff}
.ss-return-nav{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:14px;padding:10px 24px;background:#f5f9ff;border-bottom:1px solid #cbdcf0;box-shadow:0 2px 6px #19324e0a}
#page-smart-scheduling .ss-return-nav button{flex:none;color:var(--ss-blue);font-weight:600;border-color:#bed5f5}
.ss-return-nav>span{min-width:0;color:var(--ss-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.ss-return-nav{padding:8px 12px;gap:6px;flex-wrap:wrap}.ss-return-nav>span{flex-basis:100%}}
/* Clip sideways overflow without making body a separate sticky scroll container. */
@media(max-width:767px){html:has(#page-smart-scheduling:not(.hidden) .ss-return-nav),body:has(#page-smart-scheduling:not(.hidden) .ss-return-nav){overflow-x:clip}}
.ss-title-line{display:flex;align-items:center;gap:11px}
.ss-header h1{font-size:25px;font-weight:700;letter-spacing:-.5px}
.ss-header p{color:var(--ss-muted);font-size:13px;margin-top:3px!important}
.ss-beta{color:#926324;font-size:11px;background:#fff6e6;border:1px solid #f2dfb6;border-radius:4px;padding:1px 7px}
#page-smart-scheduling .ss-menu{width:38px;padding:5px;background:#f7f9fc}
.ss-header-right{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:12px}
.ss-connection{color:#20856f;white-space:nowrap}.ss-connection.is-offline{color:#a76e22}
.ss-main{max-width:1488px;margin:0 auto;padding:16px 24px 40px;min-width:0;container:scheduler / inline-size}
.ss-trial-note{color:#738196;font-size:12px;margin-bottom:14px!important}
.ss-panel{background:#fff;border:1px solid var(--ss-line);border-radius:10px;margin-bottom:18px;box-shadow:0 2px 5px #19324e03;overflow:hidden}
.ss-selected-order{border:1px solid #cbdcf0;border-left:3px solid #3779cd;border-radius:9px;background:#fff;display:flex;align-items:center;gap:18px;padding:15px 18px;margin-bottom:18px;box-shadow:0 2px 6px #24558c05}
.ss-selected-caption{font-size:12px;color:#53769b;flex:none}
.ss-selected-order>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 12px;min-width:0}
.ss-selected-order>div>b{font-size:18px;font-weight:700;overflow-wrap:anywhere}
.ss-selected-order>div>span,.ss-selected-order small{color:var(--ss-muted);font-size:12px}
.ss-selected-delivery{margin-left:auto;font-size:12px;color:var(--ss-muted);font-weight:400;white-space:nowrap}
.ss-selected-delivery b{display:block;color:var(--ss-ink);font-size:15px;font-weight:600}
.ss-selected-order>button{flex:none}
.ss-picker-tools{display:flex;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid #edf1f6}
.ss-picker-tools>label{font-size:16px;font-weight:700;white-space:nowrap}
.ss-search{width:330px;max-width:100%}
.ss-picker-tools>span{font-size:12px;color:var(--ss-muted);margin-left:auto}
.ss-order-list{padding:0 10px}
#page-smart-scheduling .ss-order{display:grid;grid-template-columns:140px minmax(0,1fr) 110px 160px 64px;gap:16px;align-items:center;width:100%;min-height:58px;text-align:left;border:0;border-bottom:1px solid #edf1f6;background:#fff;border-radius:0;padding:10px;font-size:13px}
#page-smart-scheduling .ss-order:hover,#page-smart-scheduling .ss-order.active{background:#f0f6ff}
.ss-order>b{color:#718197;font-size:12px;font-weight:500}.ss-order>strong{font-size:15px;color:#233e59;overflow-wrap:anywhere}
.ss-order>small,.ss-order>span{color:#61768d;font-size:12px}.ss-order>em{color:var(--ss-blue);font-size:13px;font-weight:600;font-style:normal;text-align:right}
.ss-picker-footer{padding:10px 20px;display:flex;align-items:center;justify-content:end;gap:8px}
.ss-picker-footer>span{margin-right:auto;font-size:12px;color:var(--ss-muted)}
#page-smart-scheduling .ss-picker-footer button{font-size:12px;min-height:32px;padding:4px 10px}
.ss-start-hint{text-align:center;color:#7a8a9d;font-size:13px;padding:24px}
.ss-section-heading{padding:17px 20px;border-bottom:1px solid var(--ss-line)}
.ss-section-heading>div{display:flex;align-items:baseline;gap:14px}.ss-section-heading h2{font-size:17px;font-weight:700}.ss-section-heading span{color:var(--ss-muted);font-size:12px}
.ss-config-section{scroll-margin:16px;outline:none}.ss-edit-zone{margin:0;padding:0;border:0;min-width:0}
.ss-config-head,.ss-component-form{display:grid;grid-template-columns:minmax(150px,1fr) 94px 80px 148px repeat(4,minmax(80px,1fr));align-items:center;gap:12px;padding:10px 20px}
.ss-config-head{color:#61758d;background:#f8fafc;font-size:12px}.ss-config-head small{font-size:10px;display:block;color:#8795a6}.ss-config-head>.ss-kit-heading{text-align:center}
.ss-component-form{border-top:1px solid #edf1f6;min-height:76px}.ss-component-form:focus-within{background:#f8fbff}
.ss-component-form h3{font-size:14px;font-weight:600;overflow-wrap:anywhere}.ss-component-form header p{font-size:12px;color:#7c8ba0;margin-top:4px!important}
.ss-field{display:block;min-width:0}.ss-field>span{display:none}.ss-field input{width:100%}
.ss-capacity{color:#2a639c;font-size:17px}.ss-capacity b{font-weight:600}.ss-capacity>span,.ss-check>span{display:none}
.ss-check{display:flex;align-items:center;justify-content:center;min-height:38px}.ss-linked-source{grid-column:span 4;color:#6d8095;font-size:12px}
.ss-config-footer{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:14px 20px;border-top:1px solid var(--ss-line);background:#fcfdff}
.ss-config-footer>h3{display:none;font-size:14px;font-weight:600}
.ss-planning-hint{flex-basis:100%;font-size:13px;color:var(--ss-muted);line-height:1.6}
.ss-config-setting,.ss-config-setting>label{display:flex;align-items:center;gap:8px;font-size:13px;color:#4f6681}.ss-config-footer input{width:66px}.ss-config-setting>span{color:var(--ss-muted);font-size:13px}.ss-config-footer>.ss-primary{margin-left:auto;flex:none}
.ss-options{font-size:12px;color:var(--ss-muted);margin-left:18px}.ss-options summary{cursor:pointer}.ss-options>div{padding-top:10px;max-width:440px}.ss-options label{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ss-options[open]{align-self:start}
.ss-note{font-size:12px;color:var(--ss-muted);line-height:1.8}.ss-recalculate{padding:12px 16px;margin-bottom:16px;border:1px solid #f0ddba;border-radius:8px;color:#9b6b23;background:#fff9ef;font-size:13px}
.ss-results{scroll-margin:18px;outline:none}
.ss-result-summary{display:flex;align-items:center;gap:32px;padding:20px 24px;margin:6px 0 16px;background:#eaf3f1;border:1px solid #cfe3dd;border-radius:10px}
.ss-result-summary>div{display:flex;flex-direction:column;gap:5px}.ss-result-summary>div+div{padding-left:32px;border-left:1px solid #bed6ce}.ss-result-summary span{color:#546f71;font-size:12px}.ss-result-summary strong{color:#214d48;font-size:26px;font-weight:700;line-height:1.25;letter-spacing:-.5px}.ss-result-summary>p{margin-left:auto!important;color:#617b79;max-width:240px;font-size:12px}
.ss-result-summary.late,.ss-result-summary.critical{background:#fff3f1;border-color:#f0d9d4}.ss-result-summary.late>div+div,.ss-result-summary.critical>div+div{border-color:#ebcfc9}.ss-result-summary.late>div+div strong,.ss-result-summary.critical>div+div strong{color:var(--ss-red)}
.ss-result-summary.warning{background:#fff8eb;border-color:#efdfbe}.ss-result-summary.warning>div+div strong{color:#a46b16}.ss-result-summary.unknown{background:#edf3fb;border-color:#d9e4f1}
.ss-timeline-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:19px 20px 12px}.ss-timeline-toolbar b{font-size:17px}.ss-timeline-toolbar small{font-size:12px;color:var(--ss-muted);display:block;margin-top:5px}.ss-timeline-toolbar>div:last-child{display:flex;gap:7px;font-size:12px}
.ss-legend{display:flex;gap:20px;flex-wrap:wrap;padding:0 20px 16px;color:var(--ss-muted);font-size:11px}.ss-legend>span{display:flex;align-items:center;gap:6px}.ss-legend>span:last-child{margin-left:auto}.ss-legend i{width:15px;height:6px;border-radius:2px}.ss-legend .planned{background:#638fe1}.ss-legend .delivery{height:14px;width:0;border-left:4px dashed #c83f3f}
.ss-gantt{--ss-columns:220px minmax(0,1fr) 86px 94px 60px;border-top:1px solid var(--ss-line);padding:0 12px 12px}.ss-gantt-head,.ss-gantt-row{display:grid;grid-template-columns:var(--ss-columns)}
.ss-gantt-head{min-height:64px;align-items:stretch;font-size:11px;color:#75869a;background:#f8fafc;border-bottom:1px solid var(--ss-line)}.ss-gantt-head>span{display:flex;justify-content:center;align-items:center}
.ss-gantt-row{min-height:54px;border-bottom:1px solid #edf1f6}.ss-gantt-row:hover{background:#fafcff}.ss-row-label{display:flex;align-items:center;padding:0 12px 0 7px;min-width:0;border-right:1px solid #e7edf4}
#page-smart-scheduling .ss-row-label button{background:transparent;border:0;box-shadow:none;display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:6px 0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
#page-smart-scheduling .ss-row-label button:hover{color:var(--ss-blue)}.ss-row-label button>span:first-child{color:#6a83a2}
#page-smart-scheduling .ss-row-label .ss-process-label{padding-left:18px;font-size:12px}.ss-row-label small{display:block;font-size:10px;color:#8796a8}
.ss-axis{position:relative;min-width:0}.ss-ticks{position:absolute;bottom:9px;left:0;right:0;height:16px;font-size:11px;color:#718298;overflow:hidden}.ss-ticks>span{position:absolute;white-space:nowrap}
.ss-delivery-label{position:absolute;top:8px;transform:translateX(-50%);background:#fff0ed;border:1px solid #f0cfca;border-radius:4px;color:#b9504b;padding:2px 7px;white-space:nowrap;z-index:2;font-size:11px;font-weight:600}.ss-delivery-label.near-start{transform:none}.ss-delivery-label.near-end{transform:translateX(-100%)}
.ss-track{position:relative;min-width:0;min-height:53px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--ss-tick, 10%) - 1px),#f0f3f8 calc(var(--ss-tick, 10%) - 1px),#f0f3f8 var(--ss-tick, 10%))}
#page-smart-scheduling .ss-bar{position:absolute;top:17px;height:20px;min-height:0;min-width:2px;padding:0;border:0;border-radius:4px;background:#789feb;touch-action:none;cursor:grab;z-index:2;overflow:visible}
#page-smart-scheduling .ss-bar:hover{background:#5083db;box-shadow:0 2px 5px #335e9630}
#page-smart-scheduling .ss-bar.is-summary{height:14px;top:20px;background:#4678c5;border-radius:3px;cursor:default}
.ss-date-hints{position:fixed;inset:0;z-index:10010;pointer-events:none}
.ss-endpoint-date{position:absolute;padding:3px 8px;border:1px solid #c4d6ed;border-radius:5px;background:#f0f6ff;color:#285589;font-size:13px;font-weight:600;line-height:20px;white-space:nowrap;box-shadow:0 2px 5px #234b7918;font-variant-numeric:tabular-nums}
.ss-workload-hint{font-size:14px}
.ss-workload-hint.is-warning-card{box-sizing:border-box;width:340px;max-width:calc(100vw - 16px);padding:13px 15px;border:1px solid #e8b9b3;border-radius:10px;background:#fff8f6;color:#853831;white-space:normal;overflow-wrap:anywhere;font-weight:400;line-height:1.7;box-shadow:0 5px 18px #74352b20}
.ss-warning-heading{display:block;margin-bottom:5px;color:#a92525;font-size:13px;font-weight:600}
.ss-warning-message{display:block;font-size:14px}
.ss-warning-workload{display:block;margin-top:9px;padding-top:8px;border-top:1px solid #f0dcd7;color:#89706b;font-size:12px;line-height:1.6}
.ss-endpoint-date::after{content:"";position:absolute;top:100%;left:var(--ss-anchor);transform:translateX(-50%);border:4px solid transparent;border-top-color:#bfd3f3}
.ss-workload-hint::after{display:none}
#page-smart-scheduling .ss-bar.is-packaging{background:#45a291}#page-smart-scheduling .ss-bar.is-locked{background:#99a9bd;cursor:pointer}#page-smart-scheduling .ss-bar.is-dragging{box-shadow:0 3px 10px #225bc455;cursor:grabbing}
.ss-resize{position:absolute;right:-10px;top:-8px;width:28px;height:36px;cursor:ew-resize;z-index:1;touch-action:none}
.ss-resize::after{content:"";position:absolute;right:10px;top:8px;width:7px;height:20px;border-radius:0 4px 4px 0;background:#2c5e9f20}
.ss-resize:hover::after,.is-dragging .ss-resize::after{background:#245fa780;box-shadow:0 0 0 2px #fff9}
.ss-progress{position:absolute;left:0;top:0;height:100%;background:#255faf44;border-radius:4px;pointer-events:none}
.ss-marker{position:absolute;top:0;bottom:-1px;border-left:1px dashed #83b7b3;z-index:4;pointer-events:none}.ss-marker.is-delivery{border-left:4px dashed #c83f3f}
.ss-row-date,.ss-row-days{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px}.ss-row-date small{font-size:10px;color:#9e7230;margin-top:2px}.ss-row-date.is-at-risk{color:#b9504b}.ss-row-days{flex-direction:row;gap:3px;color:#405b79}.ss-row-days small{font-size:10px;color:#8190a1}
.ss-feedback,.ss-alert{padding:10px 14px;margin-bottom:14px;font-size:13px;border-radius:7px;background:#fff6e6;color:#9d6c25}.ss-feedback.ss-error{background:#fff0ed}.ss-error{color:#b94b48}.ss-success{background:#e8f5ed;color:#2e7d61}.ss-empty{padding:30px;font-size:13px;color:var(--ss-muted);text-align:center}
/* Row feedback floats outside document flow, without shifting the schedule. */
.ss-schedule-feedback{position:sticky;top:12px;z-index:8;pointer-events:none}
.ss-schedule-feedback .ss-feedback{margin:0 0 10px;box-shadow:0 2px 8px #17375e12}
.ss-row-feedback{position:fixed;z-index:10011;pointer-events:none;max-width:calc(100vw - 16px);padding:5px 10px;border:1px solid #efc9c3;border-radius:6px;background:#fff0ed;color:#b94b48;box-shadow:0 3px 10px #17375e18;font-size:12px;line-height:18px;overflow-wrap:anywhere}
.ss-row-feedback.ss-success{background:#e8f5ed;border-color:#bfdccb;color:#2e7d61}
.ss-dialog-backdrop{position:fixed;inset:0;z-index:10020;background:#10244066;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}.ss-dialog{width:660px;max-width:100%;max-height:90vh;background:#fff;border-radius:12px;box-shadow:0 30px 90px #0b214c44;display:flex;flex-direction:column;overflow:hidden}.ss-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--ss-line)}.ss-dialog h3{font-size:18px;font-weight:600}
:is(#page-smart-scheduling,.ss-detail-surface) .ss-dialog>header>button{border:0;font-size:23px;padding:0 8px}.ss-dialog-body{padding:20px 22px;overflow:auto;font-size:13px;line-height:1.8}.ss-dialog footer{padding:16px 22px;border-top:1px solid var(--ss-line);display:flex;gap:12px;justify-content:flex-end}.ss-date-editor{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.ss-date-editor label{display:flex;flex-direction:column;gap:6px;color:var(--ss-muted)}.ss-date-editor .ss-lock-label{flex-direction:row;align-items:center;gap:8px}.ss-dialog-error{color:#b94b48;margin-top:12px!important}
.ss-mobile-plan{display:none}
@container scheduler (max-width:1040px){
 .ss-config-head{display:none}.ss-component-form{grid-template-columns:88px 80px 146px repeat(4,minmax(64px,1fr));gap:10px;padding:14px 18px}.ss-component-form>header{grid-column:1/-1;display:flex;align-items:baseline;gap:12px}.ss-component-form header p{margin:0!important}.ss-field>span,.ss-capacity>span{display:block;font-size:11px;color:#657a91;margin-bottom:5px}.ss-check{align-self:end;flex-direction:column;gap:5px}.ss-check>span{display:block;font-size:11px;color:var(--ss-muted)}.ss-capacity{align-self:end;height:59px}.ss-capacity b{display:block;padding-top:6px}.ss-gantt{--ss-columns:174px minmax(0,1fr) 70px 82px 48px}.ss-selected-caption{display:none}#page-smart-scheduling .ss-order{grid-template-columns:115px minmax(0,1fr) 85px 150px 55px;gap:10px}
}
@container scheduler (max-width:720px){
 .ss-component-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ss-field input[type=number]{max-width:100px}.ss-field-moldStart{grid-column:1/-1}.ss-field-moldStart input{max-width:180px}.ss-linked-source{grid-column:1/-1}.ss-check{justify-content:start;flex-direction:row;gap:6px}.ss-check>span{display:inline;font-size:11px;color:var(--ss-muted)}.ss-config-footer{flex-wrap:wrap}.ss-options{order:3;width:100%;margin-left:0}.ss-picker-tools{flex-wrap:wrap;gap:10px}.ss-picker-tools>label{flex-basis:100%}.ss-picker-tools>span{margin:0}.ss-search{width:100%}#page-smart-scheduling .ss-order{grid-template-columns:minmax(0,1fr) 140px;gap:4px 10px}.ss-order>strong{grid-column:1;grid-row:1}.ss-order>b{grid-column:1;grid-row:2}.ss-order>small{display:none}.ss-order>span{grid-column:2;grid-row:1;text-align:right}.ss-order>em{grid-column:2;grid-row:2}.ss-result-summary{gap:18px;padding:18px;flex-wrap:wrap}.ss-result-summary>div+div{padding-left:18px}.ss-result-summary strong{font-size:22px}.ss-result-summary>p{width:100%;max-width:none}.ss-selected-order{flex-wrap:wrap;gap:8px 12px}.ss-selected-order>div{flex-basis:100%}.ss-selected-delivery{margin:0 auto 0 0}.ss-selected-delivery b{display:inline;margin-left:5px}
}
@media(max-width:760px){
 .ss-header{min-height:78px;padding:14px 16px;gap:10px}.ss-header h1{font-size:22px}.ss-header p,.ss-connection{display:none}.ss-header-right{gap:0;font-size:12px}.ss-main{padding:12px 12px 32px}.ss-timeline{display:none}.ss-mobile-plan{display:block}.ss-mobile-plan-title{padding:16px}.ss-mobile-plan-title h3{font-size:16px}.ss-mobile-plan-title p{color:var(--ss-muted);font-size:12px;margin-top:4px!important}.ss-mobile-group{border-top:1px solid var(--ss-line)}.ss-mobile-group>summary{padding:14px 16px;cursor:pointer}.ss-mobile-group>summary span{display:block;font-size:12px;color:var(--ss-muted);margin:4px 0 0 16px}:is(#page-smart-scheduling,.ss-detail-surface) .ss-mobile-process{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:0;border-top:1px solid #edf1f6;border-radius:0;width:100%;text-align:left;font-size:12px}.ss-mobile-process>span:last-child{flex:none;text-align:right}.ss-mobile-process small{display:block;font-size:11px;color:var(--ss-muted);margin-top:4px}.ss-dialog-backdrop{align-items:end;padding:0}.ss-dialog{max-height:90dvh;border-radius:16px 16px 0 0}.ss-dialog footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.ss-date-editor{grid-template-columns:1fr}:is(#page-smart-scheduling,.ss-detail-surface) input:not([type=checkbox]){font-size:16px;min-height:42px}
}
@media(prefers-reduced-motion:reduce){#page-smart-scheduling *{scroll-behavior:auto!important;transition:none!important}}

/* Match the existing order/settings pages: shared typeface, navy text, white modules and blue actions. */
#page-smart-scheduling{--ss-blue:var(--sky-blue,#1267e5);--ss-ink:var(--sky-text,#14243c);--ss-muted:var(--sky-muted,#738198);--ss-line:var(--sky-line,#dfe7f1);background:var(--sky-canvas,#f4f7fb);font-family:inherit;font-size:16px}
#page-smart-scheduling .ss-header{padding:22px 28px;min-height:96px}
#page-smart-scheduling .ss-header h1{font-size:28px;letter-spacing:0}
#page-smart-scheduling .ss-header p{font-size:14px}
#page-smart-scheduling .ss-main{max-width:none;padding:18px 20px 32px}
#page-smart-scheduling :is(button,input,select){font-family:inherit}
#page-smart-scheduling button{font-size:14px;min-height:40px}
#page-smart-scheduling input:not([type=checkbox]),#page-smart-scheduling select{font-size:16px;min-height:40px;color:var(--ss-ink);border:1px solid #cfdbea;border-radius:6px;background:#fff;padding:7px 10px}
#page-smart-scheduling .ss-panel{border-radius:9px;box-shadow:0 4px 12px rgba(22,52,90,.035)}
#page-smart-scheduling .ss-selected-order{padding:16px 20px;border-left-color:var(--ss-blue)}
#page-smart-scheduling .ss-selected-order>div>b{font-size:20px}
#page-smart-scheduling :is(.ss-selected-order>div>span,.ss-selected-order small,.ss-selected-caption,.ss-selected-delivery){font-size:14px}
#page-smart-scheduling .ss-selected-delivery b{font-size:17px}
#page-smart-scheduling .ss-order{font-size:14px;min-height:66px}
#page-smart-scheduling .ss-order>strong{font-size:16px}
#page-smart-scheduling :is(.ss-order>b,.ss-order>small,.ss-order>span,.ss-picker-tools>span,.ss-picker-footer>span){font-size:13px}
#page-smart-scheduling .ss-section-heading h2{font-size:18px}
#page-smart-scheduling .ss-section-heading span{font-size:13px}
#page-smart-scheduling .ss-config-head{font-size:14px;background:#f6f9fd}
#page-smart-scheduling .ss-config-head small{font-size:12px}
#page-smart-scheduling .ss-component-form h3{font-size:16px}
#page-smart-scheduling .ss-component-form header p{font-size:13px}
#page-smart-scheduling .ss-field>span{font-size:13px}
#page-smart-scheduling .ss-config-footer{background:#f8faff}
#page-smart-scheduling :is(.ss-config-footer>label,.ss-config-footer>span,.ss-options,.ss-note,.ss-trial-note){font-size:13px}
#page-smart-scheduling .ss-result-summary{background:#fff;border-color:var(--ss-line);border-left:4px solid var(--ss-blue);box-shadow:0 3px 10px #17375e08}
#page-smart-scheduling .ss-result-summary strong{color:var(--ss-ink);font-size:26px}
#page-smart-scheduling .ss-result-summary span,#page-smart-scheduling .ss-result-summary>p{color:var(--ss-muted);font-size:13px}
#page-smart-scheduling .ss-result-summary>div+div{border-color:var(--ss-line)}
#page-smart-scheduling .ss-result-summary:is(.late,.critical){border-left-color:#c64948}
#page-smart-scheduling .ss-result-summary:is(.late,.critical)>div+div strong{color:#c64948}
#page-smart-scheduling .ss-gantt-scroll{overflow-x:auto}
#page-smart-scheduling .ss-gantt{--ss-columns:180px 140px minmax(300px,1fr) 76px 90px 102px;min-width:950px}
#page-smart-scheduling .ss-gantt-head{font-size:13px;background:#f6f9fd}
#page-smart-scheduling .ss-row-label button{font-size:15px}
#page-smart-scheduling .ss-row-label .ss-process-label{font-size:14px;padding-left:16px}
#page-smart-scheduling .ss-row-label small{font-size:11px}
#page-smart-scheduling .ss-row-quantity{display:flex;flex-direction:column;justify-content:center;text-align:right;padding:8px 16px 8px 0;font-size:13px;gap:3px}
#page-smart-scheduling .ss-row-quantity b{font-weight:600}
#page-smart-scheduling .ss-row-quantity small{font-size:11px;color:var(--ss-muted)}
#page-smart-scheduling .ss-row-date{font-size:14px}
#page-smart-scheduling .ss-row-date small{font-size:11px}
#page-smart-scheduling .ss-legend{font-size:12px}
#page-smart-scheduling .ss-legend i.actual{background:#2868be}
#page-smart-scheduling .ss-progress{background:#2868be}
#page-smart-scheduling .ss-bar:not(.is-summary){background:#a8c5ee}
#page-smart-scheduling .ss-order-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px}
#page-smart-scheduling .ss-order-tools p{color:var(--ss-muted);font-size:13px}
#page-smart-scheduling .ss-order-tools>div{display:flex;gap:10px;flex-shrink:0}
:is(#page-smart-scheduling,.ss-detail-surface) .ss-dialog-body{font-size:14px}
#page-smart-scheduling .ss-dialog-progress{padding:12px 14px;margin-top:14px!important;border:1px solid #dfe7f1;border-radius:7px;background:#f4f8fd;font-size:14px}
.tracking-open-scheduling-btn{border:1px solid #cbdcf0;background:#edf5ff;color:var(--sky-blue,#1267e5);border-radius:7px;padding:9px 13px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap;cursor:pointer}
.tracking-open-scheduling-btn:hover{background:#e0edff}
@media(max-width:760px){
 #page-smart-scheduling .ss-header{min-height:78px;padding:14px 16px}#page-smart-scheduling .ss-header h1{font-size:24px}#page-smart-scheduling .ss-main{padding:14px 12px 28px}
 #page-smart-scheduling .ss-order-tools{flex-direction:column;align-items:stretch}#page-smart-scheduling .ss-order-tools>div{justify-content:flex-end}
 #page-smart-scheduling .ss-mobile-plan-title h3{font-size:17px}
 #page-smart-scheduling .ss-mobile-process{font-size:14px}#page-smart-scheduling .ss-mobile-process small{font-size:12px}
 #page-tracking .tracking-open-scheduling-btn{font-size:11px;padding:7px 5px}
}

/* Component totals remain distinct across every timeline column and on mobile. */
#page-smart-scheduling .ss-gantt-row.is-summary-row{background:#e5eefb;border-top:2px solid #c0d3ef;border-bottom:1px solid #c0d3ef;box-shadow:inset 4px 0 #376aa9}
#page-smart-scheduling .ss-gantt-row.is-summary-row:hover{background:#dbe8fa}
#page-smart-scheduling .ss-gantt-row.is-summary-row,#page-smart-scheduling .is-summary-row .ss-bar.is-summary{cursor:pointer}
#page-smart-scheduling .ss-gantt-row.is-summary-row:focus-visible{outline:3px solid #94bfff;outline-offset:-3px;background:#dbe8fa}
.ss-summary-label{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.ss-summary-label>span:first-child{color:#6a83a2}
#page-smart-scheduling .is-summary-row .ss-row-label{padding-left:12px}
#page-smart-scheduling .is-summary-row :is(.ss-row-label strong,.ss-row-quantity b,.ss-row-date){color:#214d82;font-weight:700}
#page-smart-scheduling .is-summary-row .ss-row-date.is-at-risk{color:#b43737}
#page-smart-scheduling .ss-total-badge{font-style:normal;font-size:11px;color:#365f91;background:#fff;border:1px solid #b9cee9;border-radius:4px;padding:1px 5px;white-space:nowrap}
#page-smart-scheduling .ss-mobile-group>summary{background:#e5eefb;border-left:4px solid #376aa9;color:#214d82}
#page-smart-scheduling .ss-extend-delivery{color:#9a5c0a;background:#fff8e9;border-color:#e5bd78;font-weight:600;white-space:nowrap}

/* One order-level entry for receiving quantities and kit ratios. */
#page-smart-scheduling .ss-kit-open{min-height:30px;padding:4px 9px;font-size:12px;color:var(--ss-blue);background:#edf5ff;border-color:#cbdcf0;white-space:nowrap}
#page-smart-scheduling .ss-kit-dialog{width:720px}
.ss-kit-context{color:var(--ss-muted);font-size:13px;overflow-wrap:anywhere}
.ss-kit-overview{padding:18px 20px;margin:16px 0 12px;border-radius:10px;background:#edf5ff}
.ss-kit-overview>span{font-size:13px;color:#526d8c}
.ss-kit-overview>strong{display:block;font-size:34px;color:#214d82;line-height:1.5}
.ss-kit-overview small{font-size:15px;font-weight:400}
.ss-kit-target{display:flex;flex-wrap:wrap;gap:4px 24px;font-size:14px;color:#526d8c}
.ss-kit-target b{color:var(--ss-ink);font-weight:600}
.ss-kit-status{font-weight:600;overflow-wrap:anywhere}
#page-smart-scheduling .ss-kit-basis{margin-top:6px;font-size:12px;color:var(--ss-muted)}
.ss-kit-table-wrap{overflow:auto;margin:16px 0}
.ss-kit-table{border-collapse:collapse;width:100%;table-layout:fixed;text-align:right;font-size:14px}
.ss-kit-table :is(th,td){padding:12px 10px;border-bottom:1px solid var(--ss-line)}
.ss-kit-table thead th{color:var(--ss-muted);font-size:12px;font-weight:500;background:#f6f9fd}
.ss-kit-table th:first-child{text-align:left;width:44%;overflow-wrap:anywhere}
.ss-kit-table td{overflow-wrap:anywhere}
.ss-kit-table th small{font-size:12px;font-weight:400;color:var(--ss-muted)}
.ss-kit-table thead small{margin-left:5px}
.ss-kit-table tbody small{display:block}
.ss-kit-unknown{color:var(--ss-muted);font-size:13px}
.ss-kit-complete{color:#28765c;font-size:13px}
.ss-kit-shortage{color:#b44738;font-weight:600}
.ss-kit-plan-warning{background:#fff5e6;border-radius:6px;color:#925b17;padding:8px 12px;font-size:13px}
#page-smart-scheduling .ss-kit-excluded{margin-top:10px;font-size:12px;color:var(--ss-muted);overflow-wrap:anywhere}
.ss-kit-details{margin-top:16px;border-top:1px solid var(--ss-line);font-size:13px;color:var(--ss-muted)}
.ss-kit-details>summary{padding:12px 0 0;cursor:pointer;color:#376aa9}
.ss-kit-details>div{padding-top:12px}
#page-smart-scheduling .ss-kit-details p{margin-top:10px;overflow-wrap:anywhere}
.ss-kit-detail-part{padding:12px 0;border-bottom:1px solid var(--ss-line);overflow-wrap:anywhere}
.ss-kit-detail-part>b{color:var(--ss-ink)}
.ss-kit-detail-part dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px;margin:8px 0 0}
.ss-kit-detail-part dl>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 8px}
.ss-kit-detail-part dd{margin:0;color:var(--ss-ink)}
.ss-kit-detail-warning{color:#925b17}
@media(max-width:760px){
 :is(#page-smart-scheduling,.ss-detail-surface) .ss-kit-dialog .ss-dialog-body{padding:16px}
 .ss-kit-overview{padding:14px 16px}.ss-kit-overview>strong{font-size:30px}
 .ss-kit-table :is(th,td){padding:10px 6px}.ss-kit-table thead small{display:block;margin:0}
 .ss-kit-detail-part dl{grid-template-columns:1fr}
 .ss-panel-title{flex-wrap:wrap}
}

/* Search and current order share one persistent toolbar. */
/* Keep the calculation controls beneath the inputs to avoid an empty tall panel. */
@container scheduler (min-width:1240px){
 .ss-component-forms{min-width:0}
 .ss-config-head,.ss-component-form{grid-template-columns:minmax(130px,220px) 94px 90px 160px repeat(4,minmax(96px,1fr));gap:10px;padding-left:16px;padding-right:16px}
 .ss-component-form input[type=number]{max-width:128px}
}
#page-smart-scheduling .ss-selected-order{position:relative;gap:20px}
#page-smart-scheduling .ss-selected-order>.ss-order-search-wrap{position:relative;display:block;flex:0 0 320px;min-width:0;max-width:100%;align-self:center}
.ss-order-search-wrap>label{display:block;color:var(--ss-muted);font-size:12px;margin-bottom:5px}
.ss-search-field{position:relative}
.ss-search-field>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:#7a8fa8;stroke-width:1.8;pointer-events:none}
#page-smart-scheduling .ss-search-field>.ss-search{width:100%;padding-left:38px;height:42px}
#page-smart-scheduling .ss-selected-order>.ss-current-order{flex:1;gap:3px 12px;padding-left:20px;border-left:1px solid var(--ss-line)}
#page-smart-scheduling .ss-current-order>.ss-current-label{flex-basis:100%;color:#53769b;font-size:12px}
.ss-order-placeholder{color:var(--ss-muted);font-size:14px}
.ss-order-dropdown{position:absolute;top:calc(100% + 10px);left:0;width:620px;max-width:calc(100cqw - 44px);z-index:30;background:#fff;border:1px solid #cbdcf0;border-radius:10px;box-shadow:0 12px 36px #183b6926;overflow:hidden}
.ss-picker-heading{padding:13px 16px;border-bottom:1px solid var(--ss-line);color:var(--ss-muted);font-size:12px}
.ss-order-options{max-height:min(380px,50dvh);overflow-y:auto;overscroll-behavior:contain;padding:4px 8px}
.ss-picker-group{padding:9px 8px 5px;font-size:12px;font-weight:600;color:#53769b}
#page-smart-scheduling .ss-order-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;width:100%;padding:11px 10px;text-align:left;border:0;border-radius:6px;background:#fff}
#page-smart-scheduling .ss-order-option:hover,#page-smart-scheduling .ss-order-option.is-highlighted{background:#edf5ff}
.ss-option-title{display:flex;align-items:center;gap:8px;min-width:0;grid-column:1;grid-row:1}
.ss-option-title strong{font-size:15px;color:var(--ss-ink);overflow-wrap:anywhere}
.ss-option-title em{flex:none;font-style:normal;font-size:11px;color:var(--ss-blue);background:#e4efff;border-radius:4px;padding:1px 5px}
.ss-option-number{grid-column:1;grid-row:2;overflow-wrap:anywhere;color:var(--ss-muted);font-size:12px}
.ss-order-option>small{grid-column:2;grid-row:1;text-align:right;font-size:13px;color:#526d87}
.ss-option-date{grid-column:2;grid-row:2;color:var(--ss-muted);font-size:12px;text-align:right}
.ss-picker-tip{padding:9px 16px;border-top:1px solid var(--ss-line);font-size:11px;color:var(--ss-muted);background:#f8fafd}
@container scheduler (max-width:1040px){
 #page-smart-scheduling .ss-selected-order{flex-wrap:wrap;gap:14px}
 #page-smart-scheduling .ss-selected-order>.ss-order-search-wrap{flex-basis:280px}
 #page-smart-scheduling .ss-selected-order>.ss-current-order{min-width:210px}
}
@container scheduler (max-width:720px){
 #page-smart-scheduling .ss-selected-order>.ss-order-search-wrap{flex-basis:100%}
 #page-smart-scheduling .ss-selected-order>.ss-current-order{flex-basis:100%;border-left:0;border-top:1px solid var(--ss-line);padding:12px 0 0;min-width:0}
 .ss-order-dropdown{width:100%;max-width:100%}
 .ss-picker-tip{display:none}
 .ss-order-option>small{font-size:12px}
 .ss-option-title{flex-wrap:wrap;gap:3px 6px}
}
/* Delivery and kit controls belong to the schedule heading on every screen. */
.ss-schedule-panel{margin-bottom:18px}
#page-smart-scheduling .ss-schedule-heading .ss-timeline-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(280px,1fr);gap:20px;padding:18px 20px 8px}
.ss-schedule-title{min-width:0}
.ss-schedule-summary{display:flex;align-items:center;gap:24px}
.ss-schedule-summary>div{display:flex;flex-direction:column;gap:2px}
.ss-schedule-summary>div+div{border-left:1px solid var(--ss-line);padding-left:24px}
.ss-schedule-summary span{font-size:12px;color:var(--ss-muted)}
.ss-schedule-summary strong{font-size:23px;line-height:1.4;white-space:nowrap;color:var(--ss-ink)}
.ss-schedule-summary:is(.late,.critical)>div+div strong{color:var(--ss-red)}
.ss-schedule-summary.warning>div+div strong{color:#a46b16}
#page-smart-scheduling .ss-schedule-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}
#page-smart-scheduling .ss-schedule-actions button{white-space:nowrap}
#page-smart-scheduling .ss-schedule-actions .ss-kit-open{font-size:14px;min-height:40px;padding:7px 13px;font-weight:600}
.ss-schedule-notes{display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;padding:0 20px 12px}
.ss-schedule-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px 20px;flex-wrap:wrap;margin-left:auto;min-width:0}
#page-smart-scheduling .ss-schedule-notes .ss-legend{padding:0;align-items:center;gap:12px 16px}
.ss-schedule-notes p{font-size:12px;color:var(--ss-muted)}
#page-smart-scheduling .ss-packaging-dates{padding:2px 0;min-height:26px;border:0;background:transparent;font-size:12px;color:var(--ss-muted);text-align:left}
.ss-packaging-dates span{margin-left:8px;color:var(--ss-blue)}
@container scheduler (max-width:1120px){
 #page-smart-scheduling .ss-schedule-heading .ss-timeline-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:12px 20px}
 .ss-schedule-summary{grid-column:1;grid-row:2}
 #page-smart-scheduling .ss-schedule-actions{grid-column:2;grid-row:1 / span 2}
}
@media(max-width:760px){
 #page-smart-scheduling .ss-schedule-heading .ss-timeline-toolbar{padding:16px 16px 8px;gap:12px 8px}
 #page-smart-scheduling .ss-schedule-actions{grid-row:1}
 #page-smart-scheduling .ss-schedule-actions .ss-desktop-action{display:none}
 .ss-schedule-summary{grid-column:1 / -1;gap:16px}
 .ss-schedule-summary>div+div{padding-left:16px}
 .ss-schedule-summary strong{font-size:20px;white-space:normal}
 #page-smart-scheduling .ss-schedule-notes .ss-legend{display:none}
 .ss-schedule-meta{width:100%;gap:6px 12px}
 .ss-schedule-notes{padding:0 16px 12px;gap:6px}
 .ss-schedule-title small{font-size:11px}
}

.ss-gantt-row{min-height:68px}
.ss-marker.is-today{border-left:4px dashed #059669}
#page-smart-scheduling .ss-bar:not(.is-summary){top:calc(50% - 20px);height:40px}
#page-smart-scheduling .ss-bar.is-summary{top:calc(50% - 7px)}
#page-smart-scheduling .ss-bar .ss-resize{top:-8px;height:56px}
#page-smart-scheduling .ss-bar .ss-resize::after{top:8px;height:40px}
.ss-marker.is-today.is-shared-date{margin-left:-4px}
.ss-row-target{display:flex;align-items:center;justify-content:center;font-size:14px;color:#285589;font-weight:600}
#page-smart-scheduling .ss-gantt-head{min-height:88px}
.ss-gantt-head>span{flex-direction:column;gap:2px}
.ss-gantt-head>span>small{font-size:11px;font-weight:400}
.ss-today-label{position:absolute;top:6px;transform:translateX(-50%);background:#eaf8f1;border:1px solid #9fd7c2;border-radius:4px;color:#047857;padding:2px 7px;white-space:nowrap;z-index:3;font-size:11px;font-weight:600}
.ss-today-label.near-start{transform:none}.ss-today-label.near-end{transform:translateX(-100%)}
.ss-axis .ss-delivery-label,.ss-axis .ss-today-label{top:34px}
.ss-axis .ss-today-label.is-stacked{top:6px}
.ss-daily-curve{position:absolute;inset:calc(50% - 20px) 0 auto;width:100%;height:40px;overflow:visible;z-index:3;pointer-events:none}
.ss-daily-curve path{stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ss-curve-area{fill:#fff;fill-opacity:.12;stroke:none}
.ss-curve-halo{fill:none;stroke:#215da84d;stroke-width:3.5px}.ss-curve-line{fill:none;stroke:#f5fbff;stroke-width:1.8px}
.ss-curve-hit{fill:transparent;stroke:none;pointer-events:all;cursor:default}
.ss-completion-fill{position:absolute;inset:0 auto 0 0;height:100%;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#286cc2,#3d83d7);pointer-events:none}
.ss-legend .curve{height:8px;background:transparent;border-top:2px solid #467fb9;border-radius:50%}
.ss-mold-marker{position:absolute;top:calc(50% - 13px);width:20px;height:26px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;z-index:5;cursor:default}
.ss-mold-tooltip{display:none;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);padding:5px 9px;border:1px solid #edc991;border-radius:6px;background:#fff9ec;color:#965807;font-size:12px;line-height:20px;white-space:nowrap;box-shadow:0 3px 10px #69421414;pointer-events:none}
.ss-mold-marker:hover .ss-mold-tooltip,.ss-mold-marker:focus .ss-mold-tooltip{display:block}
.ss-mold-marker i{width:12px;height:12px;transform:rotate(45deg);background:#dd850d;border:2px solid #fff;box-shadow:0 0 0 1px #c7770c;border-radius:2px}
.ss-legend .mold{width:9px;height:9px;background:#dd850d;transform:rotate(45deg);border-radius:1px}
.ss-legend .today{height:14px;width:0;border-left:4px dashed #059669}
#page-smart-scheduling .ss-legend{gap:16px;padding-bottom:10px}
#page-smart-scheduling .ss-section-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}
#page-smart-scheduling .ss-bar.is-baseline-fixed{cursor:default}

.ss-row-target{flex-direction:column;gap:3px}
.ss-capacity-limit{display:block;font-size:11px;font-weight:500;color:#a65b13}

/* Touch-first schedule overview and a progressively disclosed date editor. */
.ss-config-section>summary{cursor:pointer;list-style:none}
.ss-config-section>summary::-webkit-details-marker{display:none}
#page-smart-scheduling .ss-config-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:40px;padding:8px 12px;border:1px solid #b8d2f5;border-radius:7px;background:#edf5ff;white-space:nowrap;user-select:none}
#page-smart-scheduling .ss-config-toggle>span{font-size:13px;font-weight:600;color:var(--ss-blue)}
.ss-config-toggle svg{width:16px;height:16px;fill:none;stroke:var(--ss-blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ss-config-section>summary:hover .ss-config-toggle,.ss-config-section>summary:focus-visible .ss-config-toggle{background:#dfedff;border-color:#7dabec}
.ss-config-section:not([open]) .ss-config-collapse-label,.ss-config-section[open] .ss-config-expand-label{display:none}
.ss-config-section[open] .ss-config-toggle svg{transform:rotate(180deg)}
#page-smart-scheduling .ss-section-heading>.ss-config-heading-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.ss-config-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.ss-config-brief{font-size:12px;line-height:1.7;color:var(--ss-muted);font-weight:400;overflow-wrap:anywhere}
.ss-config-section>.ss-section-heading{gap:16px}
@container scheduler (max-width:540px){
 #page-smart-scheduling .ss-config-section>.ss-section-heading{flex-wrap:wrap;gap:10px}
 #page-smart-scheduling .ss-section-heading>.ss-config-heading-copy{flex-basis:100%}
 #page-smart-scheduling .ss-config-toggle{margin-left:auto}
}
.ss-forecast-help{font-size:12px;color:var(--ss-muted)}
.ss-forecast-help summary{cursor:pointer;list-style:none}
.ss-forecast-help p{max-width:460px;padding-top:6px}
.ss-node-progress{padding:14px 16px;border-radius:12px;background:#f2f6fc}
.ss-node-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}
.ss-node-progress b{font-size:19px;color:var(--ss-ink)}
.ss-node-progress small{font-size:12px;font-weight:400;color:var(--ss-muted)}
.ss-progress-track{height:6px;border-radius:6px;background:#dce7f5;overflow:hidden;margin-top:10px}
.ss-progress-track i{display:block;height:100%;background:#387bd1;border-radius:inherit}
#page-smart-scheduling .ss-quick-editor{display:block;margin:18px 0 8px}
.ss-date-cards{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:6px;align-items:center}
.ss-date-cards>span{color:#8ba0ba;text-align:center}
.ss-date-cards label{padding:10px 12px;border:1px solid #d5e3f4;border-radius:12px;background:#f7faff;font-size:12px;min-width:0}
#page-smart-scheduling .ss-date-cards input{width:100%;min-width:0;padding:0;border:0;background:transparent;box-shadow:none;font-size:16px;color:#204c84;min-height:36px;height:36px}
.ss-shift-actions{display:flex;gap:10px;margin:12px 0}
#page-smart-scheduling .ss-shift-actions button{flex:1;min-height:44px;color:#2766b4;background:#f5f9ff;border-color:#d8e5f5}
.ss-duration-control{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0}
.ss-duration-control>div{display:flex;align-items:center;gap:10px}
.ss-duration-control output{min-width:58px;text-align:center;font-size:18px;font-weight:600}
#page-smart-scheduling .ss-duration-control button{width:44px;height:44px;padding:0;font-size:20px;border-radius:50%}
#page-smart-scheduling .ss-edit-need{font-size:12px;color:var(--ss-muted);margin:6px 0 12px}
#page-smart-scheduling .ss-edit-impact{padding:10px 12px;border-radius:9px;background:#edf7f3;color:#26745c;font-size:13px;margin:10px 0;line-height:1.6}
#page-smart-scheduling .ss-edit-impact.is-error{background:#fff4ed;color:#a94f22}
.ss-editor-more{border-top:1px solid var(--ss-line);margin-top:18px;padding-top:12px}
.ss-editor-more summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:44px;font-size:13px;color:#44617f;list-style:none}
.ss-editor-more summary::after{content:'＋';font-size:18px;margin-left:auto;padding-left:12px}
.ss-editor-more[open] summary::after{content:'−'}
.ss-editor-more summary span{color:var(--ss-muted);font-size:12px;margin-left:12px}
.ss-advanced-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 0}
.ss-advanced-fields input:not([type=checkbox]){width:100%}
.ss-advanced-fields .ss-lock-label{grid-column:1 / -1;min-height:44px}
#page-smart-scheduling .ss-draft-hint{font-size:12px;color:var(--ss-muted);text-align:center;margin-top:10px}
.ss-node-detail{width:780px}
.ss-node-analysis{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 20px;border:1px solid var(--ss-line);border-radius:10px;background:#f7faff}
.ss-node-analysis>div+div{border-left:1px solid var(--ss-line);padding-left:20px}
.ss-node-analysis>div>span{display:block;font-size:12px;color:var(--ss-muted)}
.ss-node-name{color:#245e9e;font-weight:700;margin:0 3px}
.ss-node-analysis strong{display:block;margin-top:6px;font-size:25px;font-weight:600;line-height:1.5;color:#245e9e;font-variant-numeric:tabular-nums}
.ss-node-analysis .is-late strong{color:#bd3030}
.ss-node-analysis>div{min-width:0}
.ss-node-analysis small{display:block;margin-top:5px;font-size:12px;line-height:1.6;color:var(--ss-ink);overflow-wrap:anywhere}
.ss-node-estimate-note{margin:8px 0 0;font-size:12px;line-height:1.6;color:var(--ss-muted)}
.ss-node-shipment strong{font-size:20px;line-height:1.875}
.ss-node-capacity{display:flex;flex-wrap:wrap;gap:3px 12px;margin-top:10px;line-height:1.7}
.ss-node-capacity span{font-size:11px;color:var(--ss-muted)}
.ss-node-capacity b{font-size:11px;font-weight:500;color:#526781;white-space:nowrap}
.ss-node-capacity-source{flex-basis:100%}
.ss-node-section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.ss-node-section-heading h4{font-weight:600;font-size:14px;color:var(--ss-ink)}
.ss-node-section-heading>span{font-size:11px;color:var(--ss-muted)}
.ss-node-trend{margin-top:22px}
.ss-node-trend-scroll{overflow:hidden;border:1px solid var(--ss-line);border-radius:8px;background:#f8fafd}
.ss-node-trend-canvas{padding:0 12px 40px}
.ss-node-trend-axis{position:relative;height:36px;margin-top:8px;color:var(--ss-muted);font-size:11px}
.ss-node-trend-axis span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.ss-node-trend-axis .is-first{transform:none}
.ss-node-trend-axis .is-last{transform:translateX(-100%)}
.ss-node-trend-track{position:relative;height:66px;margin-top:24px}
.ss-curve-tooltip{position:fixed;z-index:10040;pointer-events:none;padding:9px 13px;border:1px solid #cfdeef;border-radius:8px;background:#fff;box-shadow:0 4px 16px #17365c26;white-space:nowrap;line-height:1.6}
.ss-curve-tooltip span{display:block;font-size:12px;color:var(--ss-muted)}
.ss-curve-tooltip strong{display:block;font-size:14px;font-weight:600;color:var(--ss-ink)}
.ss-node-future{position:absolute;top:-8px;bottom:-12px;right:0;background:#eaf5f1;border-radius:5px}
.ss-node-trend-bar{position:absolute;top:14px;height:40px;background:#d1e1f5;border:1px solid #bdd2ed;border-radius:6px;overflow:hidden}
.ss-node-trend-bar i{display:block;height:100%;background:linear-gradient(90deg,#286cc2,#3d83d7)}
.ss-node-trend-bar.is-priority-warning{background:#efaaaa;border-color:#c43e3e;box-shadow:inset 0 0 0 1px #c43e3e}
.ss-node-trend-bar.is-priority-warning i{background:#bb3535}
.ss-node-overdue{position:absolute;top:0;bottom:0;right:0;background:repeating-linear-gradient(135deg,#d3414166 0px,#d3414166 5px,#f8c3c3aa 5px,#f8c3c3aa 10px);box-shadow:inset 0 0 0 1px #bd3030}
.ss-node-trend-track .ss-daily-curve{top:14px}
.ss-node-today,.ss-node-delivery{position:absolute;top:-8px;bottom:-12px;border-left:2px dashed #059669;pointer-events:none;z-index:4}
.ss-node-delivery{border-color:#ce3636}
.ss-node-marker-label{position:absolute;width:132px;text-align:center;font-size:11px;white-space:nowrap;font-weight:600;pointer-events:none;z-index:5}
.ss-node-marker-label.is-today{top:-27px;color:#047857}
.ss-node-marker-label.is-delivery{bottom:-32px;color:#bd3030}
:is(#page-smart-scheduling,.ss-detail-surface) .ss-node-trend-note{font-size:11px;color:var(--ss-muted);margin-top:8px;line-height:1.7}
.ss-node-history{margin-top:20px;border-top:1px solid var(--ss-line);padding-top:14px}
.ss-node-history summary{cursor:pointer;font-weight:600;font-size:14px;padding:4px 0}
.ss-node-history summary span{font-size:12px;font-weight:400;color:var(--ss-muted);margin-left:8px}
:is(#page-smart-scheduling,.ss-detail-surface) .ss-node-history p{font-size:12px;color:var(--ss-muted);margin:10px 0}
.ss-node-history-scroll{border:1px solid var(--ss-line);border-radius:7px}
.ss-node-history table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px;font-variant-numeric:tabular-nums}
.ss-node-history th,.ss-node-history td{padding:9px 12px;border-bottom:1px solid #edf1f6;text-align:right;white-space:nowrap}
.ss-node-history th:first-child{text-align:left}
.ss-node-history thead th{position:sticky;top:0;background:#f4f7fb;color:var(--ss-muted);font-size:12px;z-index:1}
.ss-node-history tbody th{font-weight:400}
.ss-node-history tr.is-today{background:#f0f8f5}
.ss-node-history small{color:#047857}
.ss-history-missing{color:var(--ss-muted);font-size:12px}
@media(max-width:760px){
 .ss-node-analysis{grid-template-columns:1fr 1fr;padding:14px 12px;gap:12px}
 .ss-node-analysis>div+div{padding-left:12px}
 .ss-node-analysis>div>span{font-size:11px}
 .ss-node-analysis strong{font-size:21px}
 .ss-node-shipment strong{font-size:18px;line-height:1.75}
 .ss-node-capacity{gap:3px 10px;margin-top:8px}
 .ss-node-section-heading{align-items:flex-start;flex-direction:column;gap:2px}
 .ss-node-trend-axis span:not(.is-first):not(.is-last){display:none}
 .ss-node-history th,.ss-node-history td{padding:8px 7px;font-size:12px}
 .ss-node-history thead th{font-size:11px}.ss-node-history summary span{font-size:11px}
}
.ss-read-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.ss-read-dates span{font-size:12px;color:var(--ss-muted)}
.ss-read-dates b{display:block;font-size:17px;color:var(--ss-ink);margin-top:6px}
@media(max-width:760px){
 #page-smart-scheduling .ss-header{min-height:62px;padding:10px 12px;gap:8px}
 #page-smart-scheduling .ss-header h1{font-size:20px;white-space:nowrap}
 #page-smart-scheduling .ss-header-right button{padding:6px 9px;font-size:12px;min-height:40px}
 #page-smart-scheduling .ss-menu{min-height:40px;width:40px}
 .ss-title-line{gap:6px}.ss-beta{font-size:10px;padding:1px 5px}
 #page-smart-scheduling .ss-main{display:flex;flex-direction:column;padding:10px 10px 24px}
 .ss-main>.ss-feedback,.ss-main>.ss-alert{order:-3}
 #page-smart-scheduling .ss-selected-order{order:-2;padding:12px;gap:10px;margin-bottom:12px;border-radius:12px}
 #page-smart-scheduling .ss-selected-order>.ss-order-search-wrap{flex-basis:100%}
 .ss-order-search-wrap>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #page-smart-scheduling .ss-search-field>.ss-search{height:42px;background:#f5f8fc}
 #page-smart-scheduling .ss-selected-order>.ss-current-order{border:0;padding:0;gap:2px 8px}
 #page-smart-scheduling .ss-current-order>.ss-current-label{display:none}
 #page-smart-scheduling .ss-current-order>b{font-size:17px;flex-basis:100%;line-height:1.5}
 #page-smart-scheduling .ss-current-order>span,#page-smart-scheduling .ss-current-order>small{font-size:11px}
 #page-smart-scheduling .ss-selected-delivery{margin:0 auto 0 0;display:flex;align-items:center;gap:8px;font-size:11px}
 #page-smart-scheduling .ss-selected-delivery b{font-size:13px}
 #page-smart-scheduling .ss-extend-delivery{font-size:12px;min-height:36px;padding:6px 10px}
 .ss-main>.ss-recalculate{order:-1;font-size:12px;margin-bottom:10px}
 .ss-main>.ss-results{order:0}
 .ss-main>.ss-config-section{order:1}
 #page-smart-scheduling .ss-config-section>.ss-section-heading{padding:14px 12px;min-height:62px}
 .ss-config-section .ss-section-heading>div{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
 .ss-config-section .ss-section-heading h2{font-size:14px}
 .ss-config-section .ss-section-heading span{font-size:11px}
 #page-smart-scheduling .ss-component-form{padding:14px 12px;gap:10px 14px}
 #page-smart-scheduling .ss-component-form header{display:flex;gap:10px;align-items:baseline}
 #page-smart-scheduling .ss-component-form h3{font-size:14px}
 #page-smart-scheduling .ss-capacity{display:flex;align-items:center;gap:8px;font-size:18px}
 #page-smart-scheduling .ss-capacity>span{font-size:11px}
 #page-smart-scheduling .ss-field>span{font-size:12px}
 #page-smart-scheduling .ss-field input{max-width:none}
 #page-smart-scheduling .ss-config-footer{gap:10px;padding:12px}
 .ss-config-footer>.ss-primary{width:100%}
 #page-smart-scheduling .ss-panel{border-radius:12px;margin-bottom:12px}
 #page-smart-scheduling .ss-schedule-heading .ss-timeline-toolbar{padding:14px 12px 10px;gap:10px}
 .ss-schedule-title small{display:none}
 #page-smart-scheduling .ss-schedule-title b{font-size:16px}
 #page-smart-scheduling .ss-schedule-actions{gap:6px}
 #page-smart-scheduling .ss-schedule-actions button,#page-smart-scheduling .ss-schedule-actions .ss-kit-open{font-size:12px;min-height:40px;padding:6px 9px}
 .ss-schedule-summary{padding:12px;border-radius:10px;background:#f0f6ff;display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .ss-schedule-summary>div+div{padding-left:12px;border-color:#d7e4f5}
 .ss-schedule-summary strong{font-size:21px;letter-spacing:-.5px}
 .ss-schedule-summary span{font-size:11px}
 .ss-schedule-summary:is(.late,.critical){background:#fff3ef}
 .ss-schedule-summary.warning{background:#fff8eb}
 .ss-schedule-notes{padding:0 12px 10px;font-size:11px}
 .ss-forecast-help{margin-left:auto;font-size:11px}
 #page-smart-scheduling .ss-packaging-dates{min-height:36px;font-size:11px}
 .ss-mobile-plan-title{padding:0 12px 10px}
 .ss-mobile-plan-title p{display:flex;justify-content:space-between;font-size:11px}
 .ss-mobile-plan-title p>span{display:flex;align-items:center;gap:4px}
 .ss-mobile-plan-title p i{height:10px;border-left:2px dashed #159570}
 #page-smart-scheduling .ss-mobile-group>summary{display:flex;align-items:center;gap:8px;list-style:none;padding:12px;background:#f1f5fb;border:0;color:var(--ss-ink);min-height:52px}
 .ss-mobile-group>summary::-webkit-details-marker{display:none}
 #page-smart-scheduling .ss-mobile-group>summary strong{font-size:14px}
 #page-smart-scheduling .ss-mobile-group>summary span{margin:0 0 0 auto;font-size:11px}
 .ss-mobile-group>summary>i{font-style:normal;color:#6c83a0;transition:transform .15s}
 .ss-mobile-group[open]>summary>i{transform:rotate(180deg)}
 .ss-mobile-axis{display:flex;justify-content:space-between;gap:4px;padding:10px 12px 4px;font-size:10px;color:var(--ss-muted)}
 .ss-mobile-tracks{padding:0 12px 6px}
 #page-smart-scheduling .ss-mobile-process{display:block;padding:10px 0 12px;font-size:13px;border-top:0;border-bottom:1px solid #edf1f6;background:#fff}
 #page-smart-scheduling .ss-mobile-process:last-child{border-bottom:0}
 #page-smart-scheduling .ss-mobile-process>span{display:flex;text-align:left}
 .ss-process-top{justify-content:space-between;gap:8px;align-items:center}
 .ss-process-top>b{display:flex;align-items:center;gap:7px;font-size:13px}
 .ss-step-dot{font-size:10px;font-weight:500;font-style:normal;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e9f1fc;color:#3774ba}
 .is-complete .ss-step-dot{background:#e0f3ec;color:#168065}
 .ss-process-top em{font-size:10px;font-style:normal;color:var(--ss-muted);white-space:nowrap}
 .ss-process-dates{align-items:center;gap:6px;font-size:11px;color:#546e8c;margin:5px 0 6px;padding-left:27px}
 #page-smart-scheduling .ss-process-dates small{font-size:10px;margin:0 0 0 auto}
 #page-smart-scheduling .ss-mobile-process>.ss-mini-track{position:relative;display:block;height:8px;background:#f0f4f8;border-radius:5px;margin:0 0 7px}
 .ss-mini-range{position:absolute;height:100%;background:#cadcf6;border-radius:5px;overflow:hidden}
 .ss-mini-range>i{display:block;height:100%;background:#3a7bd2;border-radius:5px}
 .is-complete .ss-mini-range>i{background:#2e9d7d}
 .ss-mini-today{position:absolute;top:-3px;height:14px;border-left:2px dashed #159570}
 .ss-process-metrics{justify-content:space-between;align-items:baseline;font-size:11px;color:#6c8099;gap:8px}
 .ss-process-metrics>span{display:flex;gap:4px;align-items:baseline}
 #page-smart-scheduling .ss-process-metrics small{display:inline;font-size:10px;margin:0}
 .ss-process-metrics b{font-size:12px;font-weight:600;color:#396592}
 .ss-process-metrics .ss-capacity-limit{display:inline;font-size:10px;margin-left:3px}
 .ss-result-details{font-size:12px;margin-bottom:12px}
 :is(#page-smart-scheduling,.ss-detail-surface) .ss-dialog{width:100%;max-height:94dvh}
 :is(#page-smart-scheduling,.ss-detail-surface) .ss-dialog>header{padding:14px 16px}
 :is(#page-smart-scheduling,.ss-detail-surface) .ss-dialog h3{font-size:17px}
 :is(#page-smart-scheduling,.ss-detail-surface) .ss-dialog>header>button{min-height:44px;min-width:44px}
 :is(#page-smart-scheduling,.ss-detail-surface) .ss-dialog-body{padding:14px 16px;overscroll-behavior:contain}
 :is(#page-smart-scheduling,.ss-detail-surface) .ss-dialog footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:10px;flex-shrink:0}
 :is(#page-smart-scheduling,.ss-detail-surface) .ss-dialog footer button{min-height:46px}
 .ss-node-editor footer .ss-primary{flex:1}
 .ss-date-cards label{padding:8px;gap:2px}
 #page-smart-scheduling .ss-date-cards input{font-size:16px;min-height:38px;min-inline-size:0}
 .ss-advanced-fields{grid-template-columns:1fr}
 .ss-node-progress{padding:12px}
 .ss-node-progress b{font-size:17px}
 .ss-editor-more{margin-top:12px;padding-top:4px}
 .ss-editor-more summary span{font-size:11px}
 .ss-read-dates b{font-size:15px}
}
@media(max-width:359px){
 .ss-schedule-summary strong{font-size:18px}
 #page-smart-scheduling .ss-schedule-heading .ss-timeline-toolbar{grid-template-columns:1fr}
 #page-smart-scheduling .ss-schedule-actions{grid-column:1;grid-row:2;justify-content:flex-start}
 .ss-schedule-summary{grid-row:3}
 .ss-date-cards{gap:3px;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr)}
 .ss-date-cards label{padding:8px 5px}
}
/* One controlling production warning per component; preserve the progress fill. */
#page-smart-scheduling .ss-bar.is-priority-warning:not(.is-summary){background:#efaaaa;box-shadow:inset 0 0 0 2px #c43e3e}
#page-smart-scheduling .ss-bar.is-priority-warning:not(.is-summary):hover{background:#e99191;box-shadow:inset 0 0 0 2px #ac2929,0 2px 5px #9b303030}
#page-smart-scheduling .ss-bar.is-priority-warning .ss-completion-fill{background:#bb3535}
#page-smart-scheduling .ss-priority-icon{position:absolute;left:7px;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff7f5;color:#a92525;font-size:17px;font-weight:700;pointer-events:none;line-height:1}
#page-smart-scheduling .ss-bar.is-summary .ss-priority-icon{box-shadow:0 0 0 2px #e5eefb}
#page-smart-scheduling .ss-mobile-group .ss-group-warning{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;width:24px;height:24px;border-radius:50%;background:#fff7f5;color:#a92525;font-size:17px;line-height:1}
:is(#page-smart-scheduling,.ss-detail-surface) .ss-priority-explanation{display:flex;flex-direction:column;gap:5px;padding:12px 14px;margin:0 0 14px;border:1px solid #ecc0c0;border-radius:8px;background:#fff4f2;color:#a92525;line-height:1.6}
#page-smart-scheduling .ss-mobile-process.is-priority-warning .ss-mini-range{background:#efaaaa;box-shadow:inset 0 0 0 1px #c43e3e}
#page-smart-scheduling .ss-mobile-process.is-priority-warning .ss-mini-range>i{background:#bb3535}
#page-smart-scheduling .ss-mobile-process.is-priority-warning .ss-step-dot{background:#fff0ed;color:#a92525}
.ss-detail-surface{min-height:0;background:transparent}
.ss-detail-surface select{font:inherit;max-width:100%;border:1px solid var(--ss-line);border-radius:7px;padding:7px;color:var(--ss-muted);background:white}
.ss-detail-surface .ss-dialog footer{flex-wrap:wrap}
.ss-node-identity{display:flex;align-items:center;gap:16px;margin-bottom:20px;overflow-wrap:anywhere}
.ss-component-photo{position:relative;display:inline-flex;align-items:center;justify-content:center;width:92px;height:92px;flex-shrink:0;border:1px solid #e0e7ef;background:#f5f7fa;border-radius:12px;overflow:hidden;color:#93a0af;font-size:12px}
.ss-component-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:white}
.ss-node-identity>div{min-width:0}
.ss-node-identity span:not(.ss-component-photo),.ss-node-identity small{display:block;color:var(--ss-muted);font-size:12px}
.ss-node-identity strong{display:block;font-size:20px;margin:3px 0;color:var(--ss-ink)}