.quarantine-guide{background:linear-gradient(115deg,#f2f5ea,#ebf5f3)}
.quarantine-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.quarantine-totals>div{background:#fff;border:1px solid #dfe8e2;border-radius:12px;padding:18px 20px;display:grid;gap:8px}.quarantine-totals small{font-size:12px;color:#6f8377}.quarantine-totals b{font-size:26px;color:#235542;font-variant-numeric:tabular-nums}.quarantine-totals em{font-style:normal;font-size:12px;color:#8b9b92}.quarantine-totals>div:last-child{background:#143e38}.quarantine-totals>div:last-child b{color:#a7ddc5}.quarantine-totals>div:last-child small{color:#a3bcb2}
.quarantine-balance{display:grid;grid-template-columns:1fr 1.6fr;gap:20px;background:#f3f7f4;border-radius:10px;padding:18px;margin-bottom:22px}.quarantine-balance>div{display:grid;gap:8px}.quarantine-balance small{color:#6d8275;font-size:12px;overflow-wrap:anywhere}.quarantine-plan-detail{margin-top:22px}.quarantine-plan-detail .section-row{gap:16px;flex-wrap:wrap}.quarantine-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quarantine-proof-grid>div{background:#fafcfb;border:1px solid #e2e9e4;padding:18px;border-radius:12px;min-width:0;overflow-wrap:anywhere}.quarantine-proof-grid .eyebrow{display:block;margin-bottom:12px;font-size:10px}.quarantine-proof-grid b{display:block;font-size:16px;color:#2a5a49}.quarantine-proof-grid p{font-size:13px;line-height:1.8;color:#466557}.quarantine-proof-grid small{font-size:12px;line-height:1.9;color:#788c80}.quarantine-proof-grid .q-executed{background:#edf7ed;border-color:#cae0c7}.quarantine-detail .actions{flex-wrap:wrap}.quarantine-detail .table-wrap{margin:0 -4px}.completion-history pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8f6;padding:12px;border-radius:8px;max-height:350px;overflow-y:auto}
@media(max-width:1000px){.quarantine-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.quarantine-proof-grid{grid-template-columns:1fr}.quarantine-balance{grid-template-columns:1fr}}
@media(max-width:600px){.quarantine-totals{gap:10px}.quarantine-totals>div{padding:16px}.quarantine-totals b{font-size:23px}.quarantine-detail .panel-head{align-items:flex-start}.quarantine-detail .panel-head .actions{gap:6px}.quarantine-guide .primary{white-space:normal}.quarantine-plan-detail .section-row h3{font-size:15px}}