.split{display:grid;grid-template-columns:1.35fr .85fr;gap:20px}.handoff-meter{display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,1.2fr) auto;gap:20px;align-items:center;background:#162b4f;color:#fff;padding:22px 24px;border-radius:11px;margin-bottom:22px}.handoff-meter span{font-size:14px;color:#b7c6e3}.handoff-meter strong{font-size:25px;margin-left:14px}.handoff-meter p{color:#a8b7d4;margin-top:7px}.meter,.mini-progress{height:8px;background:#dfe6f2;border-radius:20px;overflow:hidden}.meter i,.mini-progress i{display:block;height:100%;background:#2e63eb;border-radius:20px}.handoff-meter .meter{background:#304568}.handoff-meter .meter i{background:#55d2a2}.workline{display:flex;width:100%;border:0;border-bottom:1px solid #edf0f5;border-radius:0;padding:17px 20px;text-align:left;align-items:center;gap:14px}.workline>b{display:grid;place-items:center;background:#eaf0ff;color:#2859df;width:30px;height:30px;border-radius:50%}.workline span{flex:1}.workline span strong,.workline span small{display:block}.workline span small{color:#7d899c;margin-top:6px;white-space:normal}.workline em{font-style:normal;color:#70809a;font-size:13px}.deadline-list>div{display:grid;grid-template-columns:110px 1fr;padding:17px 20px;border-bottom:1px solid #edf0f5}.deadline-list b{color:#c04d45}.deadline-list span{color:#53637b}.source-note{font-size:13px;color:#6f7e95;padding:15px 18px;border:1px dashed #ccd5e5;background:#f8faff;border-radius:8px;margin-top:20px;line-height:1.7}.filtertabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 20px}.filtertabs button.selected{background:#2859df;color:#fff;border-color:#2859df}.sop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sop-card{text-align:left;padding:20px;min-height:210px}.sop-card h2{margin:21px 0 10px;font-size:18px}.sop-card p{min-height:54px}.sop-card small{color:#7a879c}.mini-progress{margin:18px 0 9px;height:6px}.sop-modal>p{margin:8px 0;color:#526078}.sop-modal h3{margin:24px 0 10px}.prep{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.prep li{background:#f0f4fb;padding:8px 10px;border-radius:6px;font-size:13px;color:#4f6079}.checksteps{display:grid;gap:9px}.checksteps label{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e1e6ee;border-radius:8px}.checksteps input{margin-top:8px}.checksteps span{display:flex;gap:10px;line-height:1.65}.checksteps span b{display:grid;place-items:center;min-width:26px;height:26px;background:#eaf0ff;color:#2859df;border-radius:50%}.done-standard,.exception{margin-top:18px;padding:15px 17px;border-left:4px solid #2e63eb;background:#f2f6ff}.exception{border-left-color:#e49a2f;background:#fff8ec}.iconbtn{font-size:23px;border:0;padding:2px 8px}.gap-list{display:grid;gap:13px}.gap-card{display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid #e0e6ef;border-left:4px solid #d14a45;border-radius:9px;padding:18px}.gap-card.medium{border-left-color:#db992f}.gap-card>span{font-size:13px;color:#c4423e}.gap-card.medium>span{color:#a67120}.gap-card h2{margin-bottom:8px}.gap-card b,.gap-card small{display:block;color:#485875;font-size:13px;margin-top:10px}.supplier-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.supplier-card{padding:22px;border-bottom:1px solid #e8ecf2}.supplier-card:nth-child(odd){border-right:1px solid #e8ecf2}.supplier-card p{margin:8px 0}.supplier-note{margin:13px 0;padding:12px;background:#f7f9fc;border-radius:6px;color:#536078;font-size:14px;line-height:1.6}.handoff-summary{display:grid;grid-template-columns:auto minmax(250px,1fr) auto;gap:20px;align-items:center;margin-bottom:20px;background:#fff;border:1px solid #e0e6ef;padding:18px 22px;border-radius:9px}.handoff-summary strong{font-size:25px}.handoff-list label{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:15px 20px;border-bottom:1px solid #edf0f5}.handoff-list label>input{width:20px;height:20px}.handoff-list label span b,.handoff-list label span small{display:block}.handoff-list label span .badge{display:inline-block;margin-bottom:7px}.handoff-list label span small{margin-top:6px;color:#7d899a}.quickhelp{background:#eef4ff;border:1px solid #d7e3ff;border-radius:8px;margin-bottom:18px}.compact .stat strong{font-size:28px}
@media(max-width:1000px){.split{grid-template-columns:1fr}.sop-grid{grid-template-columns:repeat(2,1fr)}.handoff-meter{grid-template-columns:1fr}.supplier-grid{grid-template-columns:1fr}.supplier-card:nth-child(odd){border-right:0}}
@media(max-width:650px){.sop-grid{grid-template-columns:1fr}.gap-card,.handoff-summary{grid-template-columns:1fr}.handoff-list label{grid-template-columns:auto 1fr}.handoff-list label button{grid-column:2}.supplier-card{padding:17px}.workline em{display:none}}