.od-page{padding:28px 32px 60px;color:inherit}
.od-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;opacity:.6}
.od-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}
.od-head h1{margin:6px 0 4px;font-size:28px}
.od-head p{margin:0;color:#777;font-size:13px;max-width:560px}
.od-head-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.od-scan{min-width:240px;flex:1;border:1px solid #ddd;border-radius:10px;padding:8px 12px;font:inherit}
.od-btn{border:1px solid #ddd;background:#fff;border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer}
.od-col-hint{margin:0 0 8px;font-size:11px;color:#8a8498}
.od-sla{font-size:10px;font-weight:800;background:#efe8ff;color:#6930e9;border-radius:999px;padding:2px 7px;white-space:nowrap}
.od-primary{background:#6930e9;border-color:#6930e9;color:#fff}
.od-board{display:flex;flex-direction:column;gap:18px;margin-top:16px}
.od-table-wrap{background:#fff;border:1px solid #eceaf2;border-radius:16px;padding:12px 12px 4px;overflow:hidden}
.od-table-wrap header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding:2px 4px}
.od-table-wrap h2{margin:0;font-size:15px}
.od-table-wrap em{font-style:normal;background:#efe8ff;color:#6930e9;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}
.od-table-scroll{overflow:auto}
.od-table{width:100%;border-collapse:collapse;min-width:720px}
.od-table th,.od-table td{text-align:left;padding:10px 12px;border-bottom:1px solid #f0edf4;font-size:12px;vertical-align:middle}
.od-table th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#8a8498;background:#fbfaff;font-weight:800}
.od-table tbody tr{cursor:pointer}
.od-table tbody tr:hover{background:#f7f3ff}
.od-row.is-warn{box-shadow:inset 3px 0 0 #f59e0b}
.od-row.is-warn .od-sla{background:#fef3c7;color:#b45309}
.od-row.is-late{box-shadow:inset 3px 0 0 #ef4444}
.od-row.is-late .od-sla{background:#fee2e2;color:#b91c1c}
.od-actions{white-space:nowrap}
.od-act{border:0;border-radius:8px;background:#6930e9;color:#fff;font-weight:800;padding:7px 10px;cursor:pointer;font-size:11px}
.od-act.od-care{background:#fff;color:#5b2fd0;border:1px solid #c4b5fd;margin-left:4px}
.od-pack-promises{margin:0 0 14px;padding:12px 14px;border:1px solid #c4b5fd;border-radius:12px;background:#f5f3ff}
.od-pack-promises h2{margin:0 0 8px;font-size:14px}
.od-pack-promises ul{margin:0;padding:0;list-style:none}
.od-pack-promises li{padding:6px 0;border-top:1px solid #e9e5ff;font-size:14px}
.od-pack-promises small{display:block;color:#6b7280;font-size:12px}
body.dark .od-pack-promises{background:#221b33;border-color:#4c1d95}
.od-promise{margin-top:4px;max-width:240px;white-space:normal;font-size:11px;font-weight:700;color:#5b2fd0}
.od-promise small{display:block;color:#777;font-weight:600}
.od-row.is-gap{box-shadow:inset 3px 0 0 #0ea5e9}
body.dark .od-act.od-care{background:#221b33;color:#ddd6fe}
body.dark .od-promise small{color:#a8a3b8}
.od-empty{color:#8a8498;font-size:12px;margin:12px 0;text-align:center}
@media (max-width:700px){.od-head{flex-direction:column}}
body.dark .od-table-wrap{background:#171720;border-color:#2e2c3a}
body.dark .od-table th{background:#1b1b27;color:#9999aa;border-bottom-color:#2e2c3a}
body.dark .od-table td{border-bottom-color:#2e2c3a}
body.dark .od-table tbody tr:hover{background:#241b35}
body.dark .od-btn{background:#22212c;border-color:#3a3848;color:#ddd}
.dash-close-summary{margin:8px 22px 0;font-size:12px;font-weight:700;color:#5b5670}
body.dark .dash-close-summary{color:#c4b5fd}