.sop-head{display:grid;grid-template-columns:1fr 310px;gap:20px;align-items:center;margin-bottom:16px}.sop-head h2{font-size:24px;margin:6px 0}.sop-head p{margin:0;color:#667085;font-size:13px}.sop-progress-card{background:#172f36;color:#fff;border-radius:8px;padding:17px 20px}.sop-progress-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.sop-progress-card span,.sop-progress-card small{color:#b7c8cc;font-size:12px}.sop-progress-card strong{font-size:24px}.sop-progress-track{height:6px;background:#355058;border-radius:6px;margin:12px 0 9px;overflow:hidden}.sop-progress-track i{display:block;height:100%;background:#55b99d;border-radius:6px;transition:width .2s}.sop-controls{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}.sop-compliance{display:flex;align-items:flex-start;gap:12px;background:#fff7ed;border:1px solid #fed7aa;border-left:3px solid #ea580c;border-radius:7px;padding:13px 15px;margin-bottom:14px;color:#9a3412}.sop-compliance svg{width:20px;flex:none}.sop-compliance div{display:grid;gap:3px}.sop-compliance strong{font-size:13px}.sop-compliance span{font-size:12px;line-height:1.6}.sop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.sop-section{padding:0;overflow:hidden}.sop-section header{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #e7eaee}.sop-section-icon{width:38px;height:38px;border-radius:7px;background:#edf7f4;color:#18745e;display:grid;place-items:center}.sop-section-icon svg{width:19px}.sop-section header div:nth-child(2){display:grid;gap:2px}.sop-section header span{font-size:11px;color:#98a2b3}.sop-section header h3{margin:0;font-size:17px}.sop-section header>strong{margin-left:auto;font-size:13px;color:#667085}.sop-items{display:grid}.sop-item{display:flex;gap:11px;padding:13px 16px;border-bottom:1px solid #f0f2f5;cursor:pointer;transition:background .15s}.sop-item:last-child{border-bottom:0}.sop-item:hover{background:#f9fbfb}.sop-item input{position:absolute;opacity:0;pointer-events:none}.sop-check,.sop-block{width:20px;height:20px;flex:none;border:1px solid #cbd5df;border-radius:5px;display:grid;place-items:center;margin-top:1px}.sop-check svg{width:13px;opacity:0}.sop-item.done{background:#f6fbf9}.sop-item.done .sop-check{background:#21866e;border-color:#21866e;color:white}.sop-item.done .sop-check svg{opacity:1}.sop-item.done .sop-copy>strong{text-decoration:line-through;color:#667085}.sop-copy{display:grid;gap:5px}.sop-copy>strong{font-size:13px;color:#1d2939}.sop-copy small{font-size:12px;line-height:1.55;color:#667085}.sop-copy em{font-style:normal;font-size:10px;color:#b42318;background:#fef3f2;padding:3px 6px;border-radius:4px;margin-left:7px}.sop-item.blocked{cursor:default;background:#fffafa}.sop-block{border-color:#fecdca;color:#d92d20;background:#fef3f2}.sop-block svg{width:13px}.sop-item.blocked .sop-copy>strong{color:#b42318}@media(max-width:1000px){.sop-grid{grid-template-columns:1fr}.sop-head{grid-template-columns:1fr 280px}}@media(max-width:720px){.sop-head{grid-template-columns:1fr}.sop-controls{align-items:flex-start;flex-direction:column}.sop-controls .segmented{max-width:100%;overflow-x:auto}}