.mod-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; }
.mod-metrics button { display: grid; gap: 3px; min-height: 82px; padding: 14px; text-align: left; border: 1px solid #23323a; background: #0e1216; color: #f5f7fa; }
.mod-metrics strong { font-size: 27px; }.mod-metrics span { color: #8f9aa5; font-size: 12px; text-transform: uppercase; }
.mod-filters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 10px; border: 1px solid #24343c; background: #0b0f13; }
.mod-filters select { min-height: 42px; border: 1px solid #293b44; background: #0d1217; color: #eef2f6; padding: 0 10px; }
.mod-workspace { display: grid; grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); gap: 14px; margin-top: 14px; align-items: start; }
.mod-case-list { display: grid; gap: 8px; max-height: calc(100dvh - 300px); overflow: auto; }
.mod-case-card { display: grid; gap: 6px; padding: 14px; border: 1px solid #23323a; border-left: 2px solid transparent; background: #0d1115; color: #f4f6f8; text-align: left; }
.mod-case-card:hover,.mod-case-card.active { border-color: #2edcf3; border-left-color: #ef233c; background: #111820; }
.mod-case-card > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }.mod-case-card time,.mod-case-card small { color: #8f9aa5; font-size: 11px; }
.mod-case-type { color: #2edcf3; font: 700 10px/1.2 monospace; text-transform: uppercase; }
.mod-status { display: inline-flex; width: fit-content; padding: 4px 7px; border: 1px solid #34454e; color: #aab5be; font: 700 9px/1 monospace; text-transform: uppercase; }
.status-pending { color: #f7bd48; border-color: #6b5121; }.status-under_review { color: #2edcf3; border-color: #245e68; }.status-resolved_action_taken { color: #ef6477; border-color: #7c2431; }.status-resolved_no_violation { color: #42d894; border-color: #246447; }
.mod-case-detail { display: grid; gap: 14px; min-width: 0; padding: 18px; border: 1px solid #263740; background: #0c1014; }
.mod-case-detail > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; border-bottom: 1px solid #24333b; padding-bottom: 14px; }.mod-case-detail h2 { margin: 3px 0; }.mod-case-detail header span:first-child { color: #ef233c; font: 700 10px monospace; }
.mod-target-profile { display: flex; gap: 12px; align-items: flex-start; }.mod-avatar { display: grid; place-items: center; width: 48px; aspect-ratio: 1; border: 1px solid #ef233c; border-radius: 50%; }
.mod-target-profile small,.mod-content-preview small { display: block; color: #8f9aa5; }.mod-content-preview { display: grid; gap: 8px; padding: 14px; border: 1px solid #263740; background: #080b0e; }.mod-content-preview > span { color: #2edcf3; font: 700 10px monospace; }.mod-content-preview blockquote { margin: 0; padding: 12px; border-left: 2px solid #ef233c; background: #10151a; }
.mod-case-facts { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; }.mod-case-facts div { display: grid; gap: 4px; padding: 10px; border: 1px solid #22323a; }.mod-case-facts span { color: #84909a; font-size: 10px; text-transform: uppercase; }.mod-case-facts strong { font-size: 12px; overflow-wrap: anywhere; }
.mod-reports { border: 1px solid #25353d; }.mod-reports summary { padding: 12px; cursor: pointer; font-weight: 700; }.mod-reports article { padding: 12px; border-top: 1px solid #25353d; }.mod-reports small { display: block; color: #8e99a3; }
.mod-decision-form { display: grid; gap: 12px; padding: 14px; border: 1px solid #6a2631; background: #130d11; }.mod-action-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }.mod-action-grid label { display: flex; gap: 8px; align-items: center; min-height: 38px; padding: 8px; border: 1px solid #33242a; }.mod-action-grid input { accent-color: #ef233c; }
.mod-decision-fields { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 8px; }.mod-decision-form label { display: grid; gap: 5px; color: #aab3bb; font-size: 11px; text-transform: uppercase; }.mod-decision-form input,.mod-decision-form select,.mod-decision-form textarea { width: 100%; min-height: 42px; border: 1px solid #34434b; background: #090c0f; color: #f5f7fa; padding: 9px; box-sizing: border-box; }.mod-decision-actions { display: flex; justify-content: flex-end; gap: 8px; }
.mod-history { display: grid; gap: 7px; }.mod-history article { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px; border: 1px solid #24343b; }.mod-history small { display: block; color: #87939d; }
.mod-resolution { padding: 14px; border-left: 2px solid #2edcf3; background: #0a1519; }
@media (max-width: 900px) { .mod-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }.mod-workspace { grid-template-columns: 1fr; }.mod-case-list { max-height: 300px; }.mod-case-facts { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .mod-metrics { grid-template-columns: 1fr; }.mod-filters,.mod-action-grid,.mod-decision-fields { grid-template-columns: 1fr; }.mod-decision-actions { flex-direction: column; }.mod-decision-actions button { width: 100%; } }