.sop-page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.sop-page-head label{font-size:10px;letter-spacing:.13em;color:#365f80}.sop-page-head h1{font-size:15px;margin:5px 0}.sop-page-head small{font-size:10px;color:#557288}.sop-page-head>a{background:#1767b6;color:#fff;text-decoration:none;padding:17px 20px;border-radius:5px;font-weight:bold}.sop-case-picker{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:11px}.sop-case-picker select{min-width:300px;border:1px solid #afc0cd;padding:8px;background:#fff}.sop-breadcrumb{font-size:11px;color:#587188;margin:9px 0}.sop-case-banner{background:#fff;border:1px solid #ccd9e2;padding:15px 17px;margin-bottom:14px}.sop-case-banner>div{display:flex;align-items:center;gap:12px}.sop-case-banner h2{font-size:14px;margin:0}.sop-case-banner aside{background:#fff0ef;border-left:4px solid #dc392d;color:#a1261c;padding:11px 13px;margin-top:14px}.sop-case-banner aside p{margin:5px 0 0}.sop-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px}.sop-checklist-card{background:#fff;border:1px solid #cdd9e2;border-radius:7px;overflow:hidden}.sop-checklist-card>header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #d5e0e8}.sop-checklist-card h2{font-size:19px;margin:0}.sop-checklist-card header>b{font-size:11px;color:#365875}.sop-check-row{display:grid;grid-template-columns:25px 1fr auto 150px auto;align-items:center;gap:11px;padding:13px 15px;border-bottom:1px solid #dce4ea}.sop-tick{width:19px;height:19px;border:2px solid #7490a4;background:#fff;padding:0}.sop-tick.done{background:#16894f;color:#fff;border-color:#16894f}.sop-check-row div>b,.sop-check-row div>span{display:block}.sop-check-row div>b{font-size:12px}.sop-check-row div>span{font-size:9px;color:#5c778b;margin-top:5px}.sop-state{font-size:8px;font-weight:bold;padding:5px 8px;border-radius:12px;background:#fff0c9;color:#815600}.sop-state.completed{background:#d9f7e6;color:#087443}.sop-check-row input{border:1px solid #afc0cd;padding:7px;font-size:10px}.upload-action{border:1px solid #a9bac6;background:#fff;padding:7px;font-size:10px}.sop-side section{background:#fff;border:1px solid #cdd9e2;border-radius:7px;padding:14px;margin-bottom:13px}.sop-side h3{font-size:11px;margin:0 0 10px}.sop-side a{display:block;border-top:1px solid #dce4ea;padding:11px;color:#173b57;text-decoration:none;font-size:11px}.sop-side a span{float:right}.sop-side dl{display:grid;grid-template-columns:1fr 1fr;font-size:11px}.sop-side dt,.sop-side dd{margin:0;padding:2px}.sop-side dd{text-align:right;font-weight:bold}.red-text{color:#b42318}.sop-empty,.sop-empty-page{text-align:center;padding:50px;color:#60798c}.sop-empty-page{background:#fff;border:1px solid #cdd9e2}.sop-empty-page a{display:inline-block;background:#145fa9;color:#fff;text-decoration:none;padding:9px 13px}@media(max-width:950px){.sop-page-grid{grid-template-columns:1fr}.sop-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sop-check-row{grid-template-columns:25px 1fr auto}.sop-check-row input,.sop-check-row .upload-action{grid-column:2}}@media(max-width:600px){.sop-page-head{display:block}.sop-page-head>a{display:inline-block;margin-top:10px}.sop-case-picker{display:block}.sop-case-picker select{width:100%;min-width:0;margin-top:5px}.sop-side{display:block}.sop-checklist-card>header{display:block}.sop-checklist-card header>b{display:block;margin-top:7px}}