.sop-page{--sop-ink: #19352a;--sop-green: #286247;--sop-muted: #637369;--sop-line: #e3e9e5;box-sizing:border-box;min-height:100vh;padding:14px 14px 16px;color:var(--sop-ink);background:#f5f7f6;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:18px;line-height:1.55}.sop-page button{box-sizing:border-box;font-family:inherit}.sop-page button:after{border:0}.sop-topbar,.sop-brand,.sop-task-card-top,.sop-task-card-top>div,.sop-task-card-bottom,.sop-task-card-bottom>div,.sop-section-title,.sop-info-row,.sop-detail-status{display:flex;align-items:center;justify-content:space-between}.sop-topbar{margin-bottom:21px}.sop-brand{justify-content:flex-start;gap:5px;font-size:13.5px;font-weight:650;letter-spacing:.5px}.sop-brand-mark{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6.5px;color:#f9fbf5;background:#345f48;font-size:13.5px}.sop-brand-dot{color:#a5afa4}.sop-brand-caption{color:#6d7b70;font-size:11px;font-weight:400;letter-spacing:0}.sop-role-button{margin:0;padding:4.5px 8px;border:.5px solid #e0e6d9;border-radius:14px;color:#58715e;background:#eef1e7;font-size:11.5px;line-height:1.4}.sop-back{width:fit-content;min-width:40px;margin:-6px 0 11px;padding:4px 0;color:#78877a;background:transparent;font-size:14px;line-height:1.6;text-align:left}.sop-heading{margin:14px 0}.sop-title{display:block;font-size:24px;font-weight:650;letter-spacing:0;line-height:1.35}.sop-subtitle{display:block;margin-top:4px;color:#637369;font-size:14px;line-height:1.6}.sop-content{display:flex;flex-direction:column;gap:12px}.sop-content--footer{padding-bottom:130px}.sop-card{box-sizing:border-box;padding:14px;border:.5px solid #e2e8e4;border-radius:10px;background:#ffffff}.sop-card-title{display:block;font-size:17px;font-weight:600}.sop-muted{display:block;color:#637369;font-size:14px;font-weight:400;line-height:1.6}.sop-block{display:block}.sop-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;margin:0;padding:11px 12px;border-radius:8px;font-size:17px;font-weight:550;line-height:1.5}.sop-button--primary{color:#fff;background:#286247;box-shadow:none}.sop-button--primary[disabled]{color:#f4f6ef;background:#9cafa0;box-shadow:none}.sop-button--secondary{border:.5px solid #dbe5de;color:#315d47;background:#fff}.sop-button--ghost{color:#758674;background:transparent;font-size:13.5px}.sop-button--danger{border:.5px solid #e6d9cc;color:#966d54;background:#f8f1e9}.sop-button[disabled]{opacity:.65}.sop-footer{position:fixed;z-index:20;right:0;bottom:0;left:0;box-sizing:border-box;padding:8px 14px calc(10px + env(safe-area-inset-bottom));border-top:.5px solid #dfe7e1;background:#f5f7f6}.sop-footer-hint{display:block;margin-bottom:6px;color:#74836e;font-size:12px;text-align:center}.sop-badge{display:inline-block;flex-shrink:0;width:fit-content;padding:2.5px 8px;border-radius:5px;font-size:11px;font-weight:500;line-height:1.6}.sop-badge--green{color:#4f7054;background:#eaf0df}.sop-badge--amber{color:#977748;background:#f5ecd8}.sop-badge--gray{color:#83907e;background:#f0f2e9}.sop-badge--red{color:#9a6150;background:#f7e8df}.sop-section-title{gap:7px;margin-top:6px;font-size:16px;font-weight:600}.sop-notice{display:flex;gap:9px;padding:12px;border:.5px solid #e9e3cc;border-radius:9px;color:#89754e;background:#faf5e6;font-size:13.5px}.sop-notice>span:first-child{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:15px;height:15px;margin-top:2.5px;border:.5px solid currentColor;border-radius:50%;font-size:11px}.sop-notice--danger{border-color:#ebd5c9;color:#a06955;background:#fcf0e9}.sop-demo-footnote{margin:21px 0 6px;color:#a1a99a;font-size:10px;letter-spacing:.3px;text-align:center}.sop-login-intro{margin-top:0}.sop-login-title{display:block;margin:14px 0 6px;font-size:32px;font-weight:600;letter-spacing:-1px;line-height:1.45}.sop-login-accent{display:block;color:#597650}.sop-login-card{position:relative;z-index:2;margin-top:-13px;padding:18px;box-shadow:0 8px 30px #58634508}.sop-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.sop-role-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0;padding:14px 11px;border:1px solid #e9ebdf;border-radius:10px;color:#52644e;background:#fafbf5;font-size:15.5px;font-weight:600;line-height:1.55;text-align:left}.sop-role-card.is-selected{border-color:#6c8b61;background:#f0f4e7}.sop-role-card .sop-muted{font-size:10.5px}.sop-role-avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:7px;border-radius:10px;color:#627557;background:#e6ecd9;font-size:15.5px;font-weight:400}.sop-role-radio{position:absolute;top:12px;right:10px;display:flex;align-items:center;justify-content:center;width:15px;height:15px;border:.5px solid #d0dac3;border-radius:50%;color:#fff;font-size:10px}.is-selected .sop-role-radio{border-color:#6d855f;background:#6d855f}.sop-login-caption{display:flex;flex-direction:column;gap:4px;margin:6px 0;color:#91a087;font-size:12.5px;text-align:center}.sop-login-caption>span:last-child{font-size:10.5px;color:#a0aa96}.sop-camera-art{position:relative;width:100%;height:170px;margin:6px 0 0}.sop-art-shadow{position:absolute;right:20px;bottom:11px;left:19px;height:40px;border-radius:50%;background:#dfe5cf66;filter:blur(10px)}.sop-art-case{position:absolute;bottom:18px;left:18px;width:190px;height:88px;border:1px solid #b7c19f;border-radius:12px;background:linear-gradient(155deg,#d5dec4,#b8c79f);transform:rotate(-7deg);box-shadow:2px 7px #a8b68f}.sop-art-case-line{position:absolute;top:20px;left:0;width:100%;height:1px;background:#9ba98777}.sop-art-handle{position:absolute;top:-10.5px;left:56px;width:45px;height:12px;border:5px solid #b2bf9e;border-bottom:0;border-radius:7px 7px 0 0}.sop-art-camera{position:absolute;bottom:33px;left:61px;width:71px;height:124px;border:2px solid #c4c9bc;border-radius:15px;background:linear-gradient(135deg,#4b5753,#75817a 80%,#879182);transform:rotate(-13deg);box-shadow:2px 6px 10px #2b3b3726}.sop-art-camera>span{position:absolute;right:8px;bottom:7.5px;color:#dbe0d2;font-size:9px;letter-spacing:1px}.sop-art-lens{position:absolute;top:7.5px;left:4px;display:flex;align-items:center;justify-content:center;width:59px;height:59px;border:3px solid #859282;border-radius:50%;background:#263b36;box-shadow:inset 0 0 0 6px #344a42}.sop-art-lens>div{width:33px;height:33px;border:2px solid #586d60;border-radius:50%;background:radial-gradient(circle at 30% 28%,#9cae9b 0%,#476253 24%,#1d332c 70%)}.sop-art-flash{position:absolute;top:71px;left:10px;width:11px;height:5px;border-radius:2.5px;background:#d8ddc5}.sop-art-note{position:absolute;top:26px;right:14px;display:flex;flex-direction:column;gap:6px;width:110px;height:100px;box-sizing:border-box;padding:13px;color:#75805e;border-radius:1px 1px 10px;background:#fbf3d5;transform:rotate(10deg);box-shadow:0 5px 12.5px #68715615;font-size:10.5px}.sop-art-note>span:first-child{margin-bottom:4px;color:#516348;font-size:12.5px;font-weight:600}.sop-art-spark{position:absolute;top:9px;right:138px;color:#a3b189;font-size:19px}.sop-camera-art.is-compact{flex:0 0 125px;width:125px;height:128px;margin:-4px -12px -9px 0;transform:scale(.72);transform-origin:center center}.is-compact .sop-art-camera{left:19px;bottom:17.5px}.is-compact .sop-art-case{left:-6px;bottom:6px;width:137px;height:62px}.is-compact .sop-art-note{right:-10px;top:26px;width:75px;height:79px;padding:9.5px;gap:5px;font-size:8.5px}.is-compact .sop-art-note>span:first-child{font-size:10px}.is-compact .sop-art-spark{top:-4px;right:60px}.sop-family-hero,.sop-admin-hero{display:flex;align-items:center;justify-content:space-between;min-height:135px;overflow:hidden;padding:15px;border-color:#e3e8d6;background:#edf1e2}.sop-hero-eyebrow{color:#7c8a6c;font-size:12px;letter-spacing:1px}.sop-hero-title{display:block;margin:7px 0;color:#405b3c;font-size:24px;font-weight:550;line-height:1.4;letter-spacing:-.5px}.sop-hero-title>span{display:block}.sop-hero-copy{color:#7e8b6d;font-size:11.5px;white-space:nowrap}.sop-admin-hero .sop-button{min-height:38px;padding:8px 14px;font-size:13.5px}.sop-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.sop-category{min-width:0;margin:0;padding:11px 12px;border:.5px solid #dfe7e1;border-radius:9px;color:#334f40;background:#fff;line-height:1.5;text-align:left}.sop-category.is-active{border-color:#3d7b59;color:#214f36;background:#eaf4ed}.sop-category-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.sop-category-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7.5px;color:#809071;background:#eff2e7;font-size:19px}.sop-category.is-active .sop-category-icon{background:#e1e9d4}.sop-category-count{color:#214f36;font-size:22px;font-weight:650;line-height:1.2}.sop-category-count>span{margin-left:3.5px;color:#9ba48e;font-size:10px;font-weight:400}.sop-category-name{display:block;font-size:16px;font-weight:550}.sop-category-caption{display:block;margin-top:4px;color:#97a087;font-size:11px}.sop-task-list{display:flex;flex-direction:column;gap:11px}.sop-task-card{width:100%;margin:0;padding:14px;border:.5px solid #e0e7e2;border-radius:10px;color:#243f30;background:#fff;line-height:1.5;text-align:left}.sop-task-card-top>div{justify-content:flex-start;gap:8px}.sop-task-customer{display:block;font-size:20px;font-weight:650;overflow-wrap:anywhere}.sop-task-mode{padding:1px 5px;border:.5px solid #e4e8da;border-radius:3.5px;color:#95a087;font-size:10px}.sop-task-device{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0;font-size:16px}.sop-number{font-family:SFMono-Regular,Consolas,monospace;font-size:22px;font-weight:600;letter-spacing:0;overflow-wrap:anywhere}.sop-task-device .sop-number{padding:1.5px 6px;border-radius:4.5px;color:#537246;background:#eef2e4;font-size:19px;letter-spacing:-.25px}.sop-task-card-bottom{display:flex;flex-wrap:wrap;gap:5px;padding-top:9px;border-top:.5px solid #e6ece8;color:#5c6d62;font-size:14px}.sop-task-card-bottom>div{justify-content:flex-start;gap:12px}.sop-chevron{color:#9eaa91;font-size:16px}.sop-family-reminder{display:flex;align-items:flex-start;gap:10px;margin:10px 8px 0;color:#a3ac95}.sop-family-reminder>div:first-child{font-size:19px;line-height:1.3}.sop-family-reminder>div:last-child{display:flex;flex-direction:column;gap:2.5px;font-size:12px}.sop-family-reminder>div:last-child>span:last-child{font-size:11px}.sop-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:.5px solid #e8ebdf;border-radius:12px;background:#fffefa}.sop-summary-grid>button{display:flex;flex-direction:column;gap:2px;margin:11px 0;padding:0;border-right:.5px solid #e7ebdd;border-radius:0;color:#859174;background:transparent;font-size:12px;line-height:1.5}.sop-summary-grid>button:last-child{border-right:0}.sop-summary-grid>button>span:first-child{color:#59734b;font-size:25px}.sop-summary-grid>button.has-issue>span:first-child{color:#a8784e}.sop-small-tabs{display:flex;gap:5px}.sop-small-tabs>button{margin:0;padding:4px 6.5px;border-radius:5px;color:#99a28c;background:transparent;font-size:11.5px;line-height:1.4}.sop-small-tabs>button.is-active{color:#628052;background:#eaf0df}.sop-utility-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sop-utility-grid .sop-button{padding:10px 5px;font-size:12.5px}.sop-link-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:2px 0;padding:12px 2px;color:#687b5a;background:transparent;font-size:14.5px;line-height:1.6;text-align:left}.sop-link-row>div{display:flex;flex-direction:column;gap:2px}.sop-inline-link{display:block;width:fit-content;margin:7px 0 0;padding:2px 0;color:#81916e;background:transparent;font-size:12px;line-height:1.6;text-align:left}.sop-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 12px;border:.5px dashed #dde5d3;border-radius:12px;color:#7a8b6d;font-size:15px;text-align:center}.sop-empty-mark{display:flex;align-items:center;justify-content:center;width:35px;height:35px;margin-bottom:6px;border-radius:50%;color:#8da178;background:#eaf0df;font-size:19px}.sop-field{margin-bottom:13px}.sop-field:last-child{margin-bottom:0}.sop-label{display:block;margin-bottom:6px;color:#435c4c;font-size:16px;font-weight:500}.sop-input,.sop-select{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;min-height:50px;padding:10px;border:.5px solid #dce5df;border-radius:7px;color:#203b2c;background:#f7faf8;font-size:17px;line-height:1.5}.sop-select>span:last-child{color:#9faa92}.sop-textarea{height:75px}.sop-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sop-two-columns .sop-select{padding-right:7px;padding-left:8px;font-size:13.5px}.sop-field-help{display:block;margin-top:5px;color:#637369;font-size:14px;line-height:1.6}.sop-upload-card{display:grid;grid-template-columns:1fr 40px;gap:10px;background:#f1f5e8}.sop-upload-card>.sop-button,.sop-upload-card>.sop-inline-link{grid-column:span 2}.sop-upload-card>.sop-inline-link{margin:-4px auto 0}.sop-upload-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-top:5px;border-radius:9px;color:#81976d;background:#e3ebd4;font-size:24px}.sop-upload-thumb{width:40px;height:45px;border-radius:6px}.sop-expand{display:flex;align-items:center;justify-content:space-between;width:100%;margin:10px 0 0;padding:13px 0 0;border-top:.5px dashed #e0e7d3;border-radius:0;color:#7a8e65;background:transparent;font-size:13.5px;line-height:1.6;text-align:left}.sop-expand>span:last-child{font-size:11px}.sop-extra-fields{margin-top:11px}.sop-segment{display:flex;padding:3.5px;border-radius:8px;background:#edf1e4}.sop-segment>button{flex:1;min-width:0;margin:0;padding:8.5px 4px;border-radius:6px;color:#929f83;background:transparent;font-size:13.5px;line-height:1.5}.sop-segment>button.is-active{color:#5e7a4d;background:#fffefa;box-shadow:0 1px 5px #6175480a}.sop-card>.sop-segment{margin-bottom:14px}.sop-location-chips{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 12px}.sop-location-chips>button{margin:0;padding:4px 6.5px;border:.5px solid #dce6cc;border-radius:5px;color:#7a9067;background:#f1f5e8;font-size:11px;line-height:1.5}.sop-check{display:flex;align-items:flex-start;gap:10px;width:100%;margin:0;padding:11px 0;color:#526b45;background:transparent;font-size:16px;line-height:1.5;text-align:left}.sop-checkbox{display:flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;width:21.5px;height:21.5px;margin-top:2px;border:1px solid #c7d2ba;border-radius:6px;color:#fff;font-size:13.5px;line-height:1}.sop-check.is-checked .sop-checkbox{border-color:#66895a;background:#66895a}.sop-check-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.sop-check-group{width:100%}.sop-native-checkbox{flex-shrink:0;width:24px;height:24px;margin:1px 0 0;accent-color:#286247}.sop-check-title{color:#263e2f;font-size:18px;font-weight:500}.sop-check-detail{color:#617265;font-size:15px;line-height:1.6}.sop-confirm-card{padding-top:6px;padding-bottom:6px}.sop-recognition-label{display:flex;justify-content:space-between;align-items:center;margin:15px 0 10px;padding-top:13px;border-top:.5px solid #e5eadc;font-size:14.5px}.sop-recognition-label:first-child{margin-top:0;padding-top:0;border-top:0}.sop-recognized-model{display:flex;flex-direction:column;gap:4px;padding:9px 0;font-size:15px}.sop-sample-source{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f2f3e9;font-size:14.5px}.sop-source-image{width:100%;max-height:250px;border-radius:12px}.sop-kit-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:.5px solid #eef0e6}.sop-kit-row:first-child{padding-top:1px}.sop-kit-row:last-child{padding-bottom:1px;border-bottom:0}.sop-kit-row>div:nth-child(2){flex:1}.sop-kit-icon,.sop-resource-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:34px;height:36px;border:.5px solid #e8eddb;border-radius:8.5px;color:#879878;background:#f3f6e9;font-size:13.5px}.sop-kit-code{display:block;font-family:SFMono-Regular,Consolas,monospace;font-size:21px;font-weight:550;line-height:1.5}.sop-info-row{gap:12px;padding:9.5px 0;font-size:15px}.sop-info-row>span:first-child{flex-shrink:0;color:#97a18a;font-size:13px}.sop-info-row>span:last-child{text-align:right;overflow-wrap:anywhere}.sop-tail-number{color:#5f7950;font-family:SFMono-Regular,Consolas,monospace;font-size:26.5px;line-height:1;letter-spacing:1.5px}.sop-full-tracking{font-size:12px}.sop-note-text{display:flex;flex-direction:column;gap:5px;margin-top:10px;padding:11px;border-radius:7px;color:#82926d;background:#f3f6e8;font-size:14px}.sop-note-text>span:first-child{color:#a0aa8f;font-size:11px}.sop-timeline>div{display:flex;gap:10px;margin:12px 0;color:#909d82;font-size:12.5px}.sop-timeline-dot{flex-shrink:0;width:6px;height:6px;margin-top:7px;border:2.5px solid #e9efde;border-radius:50%;background:#a2b58e}.sop-mini-order{display:flex;align-items:center;justify-content:space-between;padding-top:11px;padding-bottom:11px}.sop-mini-order>div{display:flex;align-items:baseline;gap:9px;font-size:13.5px}.sop-progress{overflow:hidden;height:4.5px;border-radius:5px;background:#e5ebd9}.sop-progress>div{height:100%;border-radius:5px;background:#8da576}.sop-checklist{padding-top:3px;padding-bottom:3px}.sop-numbered-check{position:relative;display:flex;align-items:flex-start;gap:9px;border-bottom:.5px solid #e9eddf}.sop-numbered-check:last-child{border-bottom:0}.sop-step-index{flex-shrink:0;width:12px;padding-top:14px;color:#b4bfa6;font-family:monospace;font-size:10px}.sop-numbered-check>.sop-check-group{flex:1;min-width:0;width:auto}.sop-numbered-check .sop-check{flex:1;min-width:0;padding-top:13px;padding-bottom:13px}.sop-photos{display:flex;flex-wrap:wrap;gap:9px}.sop-photo,.sop-photo-add{box-sizing:border-box;width:85px;height:85px;border-radius:9.5px}.sop-photo-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;margin:0;padding:6px;border:.5px dashed #c9d8b8;color:#91a27b;background:#f1f5e7;font-size:12px;line-height:1.4}.sop-photo-add>span:first-child{font-size:22.5px;line-height:1.1}.sop-photo-add>span:last-child{color:#acb69b;font-size:10px}.sop-centered-help{display:block;margin:4px 0;color:#a4ae96;font-size:12px;text-align:center}.sop-sticky-wrap{position:relative;margin:15px 5px 10px}.sop-sticky-tape{position:absolute;z-index:1;top:-9.5px;left:36%;width:28%;height:22px;background:#e2dabc99;transform:rotate(-3deg)}.sop-sticky{display:flex;flex-direction:column;gap:17px;min-height:240px;padding:38px 21px 30px;border-top:2.5px solid #e8db9e;border-radius:0 0 12.5px;color:#51603b;background:#fff6cf;box-shadow:2px 7px 12.5px #6466440d;overflow-wrap:anywhere}.sop-sticky-customer{font-size:31px;font-weight:600;line-height:1.4}.sop-sticky-model{font-size:17.5px;line-height:1.65}.sop-sticky-line{height:.5px;background:#e5dbac}.sop-sticky-area{font-size:24px;line-height:1.5}.sop-sticky-tail{font-size:19px;font-weight:500;line-height:1.6}.sop-export-canvas{position:fixed;top:0;left:-5000px;pointer-events:none}.sop-handoff-hero{display:flex;flex-direction:column;align-items:center;gap:7.5px;padding:18px}.sop-handoff-symbol{display:flex;align-items:center;justify-content:center;width:42.5px;height:42.5px;border-radius:12.5px;color:#79916a;background:#edf3e0;font-size:27.5px}.sop-known-condition{color:#8b9879;background:#f2f5e9;font-size:14px}.sop-issue-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:13px}.sop-issue-option{margin:0;padding:11px 4px;border:.5px solid #e5e6d9;border-radius:7.5px;color:#8b937d;background:#f7f8ef;font-size:12.5px;line-height:1.5}.sop-issue-option.is-active{border-color:#cfae92;color:#a47855;background:#faf0e3}.sop-resource-list{display:flex;flex-direction:column;gap:9px}.sop-resource-row{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:12px;border:.5px solid #e0e7e2;border-radius:9px;color:#2a4936;background:#fff;font-size:15px;line-height:1.5;text-align:left}.sop-resource-row>div:nth-child(2){display:flex;flex:1;flex-direction:column;gap:2.5px}.sop-resource-heading{display:flex;flex-direction:column;align-items:center;gap:7px;padding:20px;color:#677d56}.sop-resource-big-icon{display:flex;align-items:center;justify-content:center;width:62.5px;height:62.5px;margin-bottom:5px;border:.5px solid #dce5ce;border-radius:15px;color:#8da37b;background:#eef3e3;font-size:26px}.sop-sync{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:7px 0;color:#617265;font-size:13px}.sop-sync button{margin:0;padding:0 12px;background:#edf3ee;font-size:13px}.sop-correction .datetime-field{margin:14px 0}.sop-correction .field-label{display:block;font-size:14px;margin-bottom:6px}.sop-correction .picker-control{background:#f5f6f2;border:.5px solid #dce3da;border-radius:7px;padding:10px;font-size:15px}.sop-correction .time-row{display:flex;align-items:center;gap:9px;margin-top:5px}.sop-correction .text-button{font-size:13px;background:transparent;color:#35664e}.sop-summary-grid>button.is-active{color:#214f36;background:#eaf4ed}.sop-check-copy,.sop-kit-row>div,.sop-task-card-top>div{min-width:0}.sop-kit-code,.sop-full-tracking{overflow-wrap:anywhere}.sop-recognition-text{width:100%;box-sizing:border-box;min-height:100px;font-size:15px;line-height:1.6}.sop-recognition-raw{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8}:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#344736;background:#eff1e8;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button{border:0}img{display:block}button:focus-visible,a:focus-visible{outline:2px solid #81966a;outline-offset:3px}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:24px;height:75px;margin:0 54px;border-bottom:1px solid #dee4d5;font-size:12px;color:#95a08b;letter-spacing:1px}.preview-top>button{padding:0;background:transparent;color:#4f6647;text-decoration:none;font-size:18px;font-weight:550;letter-spacing:1px}.preview-top>button>span{margin-left:15px;padding-left:16px;border-left:1px solid #d4ddc9;color:#8a977c;font-size:12px;font-weight:400}.preview-top>div{display:flex;align-items:center;gap:9px}.preview-status-dot{width:5px;height:5px;border-radius:50%;background:#87a277}.preview-main{display:grid;grid-template-columns:310px 440px;align-items:start;justify-content:center;gap:88px;margin:40px auto 60px;padding:0 28px}.preview-aside{position:sticky;top:70px;padding-top:65px}.preview-kicker{color:#9ba68e;font-size:9px;letter-spacing:1.4px}.preview-aside h1{margin:25px 0;font-size:34px;font-weight:500;line-height:1.65;letter-spacing:-1px}.preview-aside p{color:#929f85;font-size:14px;line-height:2.1}.preview-roles{display:flex;flex-direction:column;gap:12px;margin:42px 0 32px}.preview-roles>span{margin-bottom:4px;color:#9fa995;font-size:11px;letter-spacing:1px}.preview-roles>button{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border:1px solid #d8e0cb;border-radius:12px;color:#647a53;background:#f9faf3;text-align:left}.preview-roles>button>b{font-size:14px;font-weight:500}.preview-roles>button>span{color:#99a48b;font-size:11px}.preview-notes{display:flex;flex-direction:column;gap:14px;padding-top:25px;border-top:1px solid #dce3d1;color:#a3ac97;font-size:12px}.preview-aside footer{margin-top:48px;color:#adb5a2;font-size:10px;line-height:1.9}.preview-phone{position:relative;min-width:0;overflow:clip;border:1px solid #e2e6d9;border-radius:26px;background:#f7f8f2;box-shadow:0 15px 65px #53634408}.preview-phone .sop-page{min-height:850px;padding-top:25px}.preview-phone .sop-footer{left:var(--phone-left);right:auto;width:var(--phone-width);padding:12px 18px 16px;border-right:1px solid #e2e6d9;border-left:1px solid #e2e6d9;border-radius:18px 18px 0 0;box-shadow:0 -7px 24px #53634406}.preview-phone .sop-page>div.sop-topbar{margin-bottom:21px}.preview-phone .sop-title{font-size:25px}.preview-phone .sop-login-title{font-size:34px}.preview-picker{position:relative}.preview-picker>select,.preview-picker>input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.preview-picker:focus-within{outline:2px solid #98aa82;border-radius:8px}.preview-toast{position:fixed;z-index:200;right:20px;bottom:28px;max-width:350px;padding:14px 20px;border-radius:12px;color:#fffdf6;background:#3c513eeF;font-size:14px;box-shadow:0 5px 30px #24362c15}.preview-modal-backdrop,.preview-image-backdrop{position:fixed;z-index:300;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#26382d55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.preview-modal{width:350px;max-width:100%;padding:25px;border-radius:20px;background:#fffef9;box-shadow:0 20px 80px #1e34232a}.preview-modal h2{margin:0 0 18px;color:#435a39;font-size:20px;font-weight:550}.preview-modal p{margin:0 0 26px;color:#89977a;font-size:15px;line-height:1.85;white-space:pre-line}.preview-modal>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-modal button{min-height:48px;padding:10px;border-radius:10px;color:#849771;background:#f0f4e6;font-size:14px}.preview-modal button:last-child{color:#fff;background:#4c704c}.preview-image-backdrop{flex-direction:column;gap:20px}.preview-image-backdrop img{max-width:90vw;max-height:80vh;object-fit:contain}.preview-image-backdrop button{padding:10px 20px;border-radius:10px;color:#fff;background:#375640}.preview-legacy-tabs{display:flex;position:fixed;z-index:30;left:var(--phone-left);bottom:0;width:var(--phone-width);background:#f7f9f3;border:1px solid #dce5d3}.preview-legacy-tabs button{flex:1;padding:17px 8px;color:#59724c;background:transparent}.preview-loading{min-height:500px;padding:100px 24px;text-align:center}@media (max-width:900px){.preview-main{grid-template-columns:250px 410px;gap:40px;padding:0 20px}.preview-aside h1{font-size:28px}.preview-top{margin:0 28px}}@media (max-width:720px){:root{background:#f7f8f2}.preview-top,.preview-aside{display:none}.preview-main{display:block;margin:0;padding:0}.preview-phone{width:100%;max-width:500px;margin:0 auto;border:0;border-radius:0;box-shadow:none}.preview-phone .sop-page{min-height:100dvh;padding-top:20px}.preview-phone .sop-footer{bottom:0;border-radius:0}.preview-toast{right:18px;bottom:100px;left:18px;max-width:none;text-align:center}}.preview-phone{--brand-primary: #1f6b4f;--brand-primary-strong: #175a41;--brand-soft: #e7f1eb;--background: #f5f7f3;--surface: #ffffff;--surface-alt: #f6f8f5;--text-primary: #17201b;--text-secondary: #718078;--border: #e5e9e4;--border-strong: #cbd7cd;--danger: #c9413b;--danger-soft: #fff0ef;--warning: #8a4f1f;--warning-soft: #fff1e4;--outbound: #285f9e;--outbound-soft: #eaf3fd;--payment: #684b96;--payment-soft: #f2eafa;--success: #276344;--success-soft: #e8f5ec;--radius-small: 7px;--radius-control: 10px;--radius-card: 14px;--radius-sheet: 16px;--radius-pill: 499.5px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--shadow-card: 0 6px 18px rgba(32, 72, 54, .06);--shadow-floating: 0 12px 35px rgba(24, 37, 29, .14);--touch-target: 44px}.preview-phone{min-height:100%;color:var(--text-primary);background:var(--background);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}button:after{border:0}.auth-loading{min-height:100vh;box-sizing:border-box;padding-top:42vh;color:var(--text-secondary);background:var(--background);text-align:center}.auth-retry{width:110px;min-height:36px;margin-top:14px;border-radius:10px;color:var(--brand-primary);background:var(--surface);font-size:12px;line-height:36px}.page-shell{min-height:100vh;box-sizing:border-box;padding:calc(16px + env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom));background:radial-gradient(circle at 100% 0%,rgba(201,226,210,.52),transparent 210px),var(--background)}.eyebrow{color:var(--text-secondary);font-size:12px;font-weight:600}.page-title{display:block;margin-top:5px;font-size:24px;font-weight:800;letter-spacing:-.5px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.page-header-copy{min-width:0}.page-description{display:block;margin-top:6px;color:var(--text-secondary);font-size:12px;line-height:1.55}.page-header-action{flex:0 0 auto}.card{box-sizing:border-box;border:.5px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card)}.muted{color:var(--text-secondary)}.primary-button{min-height:var(--touch-target);margin:0;border-radius:12px;color:#fff;background:var(--brand-primary);font-size:14px;font-weight:700;line-height:var(--touch-target)}.primary-button[disabled]{color:#ffffffc7;background:#789c8b}.status-badge{display:inline-flex;align-items:center;min-height:22px;box-sizing:border-box;padding:2px 8px;border:.5px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--surface-alt);font-size:10.5px;font-weight:700;line-height:1.25}.status-badge--success{color:var(--success);border-color:#c4dfcd;background:var(--success-soft)}.status-badge--warning{color:var(--warning);border-color:#edcfb4;background:var(--warning-soft)}.status-badge--danger{color:var(--danger);border-color:#efb7b3;background:var(--danger-soft)}.status-badge--outbound{color:var(--outbound);border-color:#c5daf1;background:var(--outbound-soft)}.status-badge--payment{color:var(--payment);border-color:#dac9ee;background:var(--payment-soft)}.state-card{margin-top:16px;padding:20px 16px;text-align:center}.state-card--error{border:.5px solid #efb7b3;border-radius:var(--radius-card);color:var(--danger);background:var(--danger-soft)}.state-title,.state-description{display:block}.state-title{font-size:14px;font-weight:700}.state-description{margin-top:5px;color:var(--text-secondary);font-size:11.5px;line-height:1.55}.loading-dot{width:7px;height:7px;margin:0 auto 8px;border-radius:50%;background:var(--brand-primary)}.foundation-card{margin-top:20px;padding:17px}.foundation-card-title{display:block;font-size:15px;font-weight:760}.foundation-card-copy{display:block;margin-top:6px;color:var(--text-secondary);font-size:12px;line-height:1.65}.read-only-banner{margin:10px 12px 0;padding:8px 10px;border:.5px solid #d8b86a;border-radius:7px;color:#74560d;background:#fff8df;font-size:12px;text-align:center}