/* Розыск авто: все правила изолированы префиксом wanted-. */
.wanted-shell { display: grid; gap: 14px; color: var(--ink, #40384b); }
.wanted-heading, .wanted-toolbar { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.wanted-heading h2 { font-size: 23px; line-height: 1.15; }
.wanted-heading .section-kicker, .wanted-toolbar .section-kicker { margin-bottom: 5px; }
.wanted-subtitle, .wanted-note { margin: 5px 0 0; color: var(--muted, #887f96); font-size: 12px; }
.wanted-toolbar-actions, .wanted-row-actions, .wanted-detection-actions, .wanted-modal-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.wanted-connection { padding: 9px 12px; border: 1px solid #dfd9ee; border-radius: 8px; background: #fbfaff; color: #6e657b; font-size: 12px; font-weight: 800; }
.wanted-connection::before { content: ""; display: inline-block; width: 7px; height: 7px; margin: 0 8px 1px 0; border-radius: 50%; background: #aaa2ba; }
.wanted-connection.is-online::before { background: var(--green, #51a480); box-shadow: 0 0 0 3px rgba(81,164,128,.14); }
.wanted-connection.is-warning { border-color: #ead9b8; background: #fffaf1; color: #926d31; }
.wanted-connection.is-warning::before { background: var(--amber, #c98b43); box-shadow: 0 0 0 3px rgba(201,139,67,.14); }
.wanted-connection.is-offline { border-color: #ecced4; background: #fff7f8; color: #9e4d5a; }
.wanted-connection.is-offline::before { background: var(--red, #c46170); box-shadow: 0 0 0 3px rgba(196,97,112,.14); }
.wanted-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.wanted-metrics article { min-height: 112px; display: flex; flex-direction: column; justify-content: space-between; padding: 15px 17px; border: 1px solid var(--line, #e4dfed); border-radius: 10px; background: var(--surface, #fff); }
.wanted-metrics article:last-child { border-color: #ecd5d9; background: linear-gradient(135deg, #fff, #fff6f7); }
.wanted-metrics span { color: var(--muted, #887f96); font-size: 12px; font-weight: 800; }
.wanted-metrics strong { color: #4b3b55; font-size: 28px; letter-spacing: -.9px; }
.wanted-metrics small { color: #948a9d; font-size: 11px; }
.wanted-tabs { display: flex; gap: 3px; overflow-x: auto; padding-bottom: 1px; border-bottom: 1px solid var(--line, #e4dfed); }
.wanted-tab, .wanted-import-tab { flex: 0 0 auto; padding: 10px 12px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #786d84; font-size: 12px; font-weight: 900; }
.wanted-tab:hover, .wanted-import-tab:hover { color: var(--primary, #663399); }
.wanted-tab.is-active, .wanted-import-tab.is-active { border-color: var(--primary, #663399); color: var(--primary, #663399); }
.wanted-section { display: grid; gap: 13px; }
.wanted-toolbar h3 { color: #50435d; font-size: 19px; }
.wanted-filter { display: grid; grid-template-columns: minmax(160px, 1.1fr) minmax(160px, .85fr) auto; gap: 11px; align-items: end; padding: 14px; border: 1px solid var(--line, #e4dfed); border-radius: 10px; background: var(--surface, #fff); }
.wanted-filter-detections { grid-template-columns: repeat(4, minmax(132px, 1fr)); }
.wanted-field { min-width: 0; display: grid; gap: 5px; color: #655a70; font-size: 11px; font-weight: 800; }
.wanted-field-label { display: block; }
.wanted-field small, .wanted-form-help { color: #948a9d; font-size: 10px; font-weight: 600; line-height: 1.4; }
.wanted-filter-actions { display: flex; gap: 7px; align-items: center; min-height: 36px; }
.wanted-list-area { min-height: 1px; }
.wanted-table-panel { overflow: hidden; border: 1px solid var(--line, #e4dfed); border-radius: 10px; background: var(--surface, #fff); }
.wanted-table-scroll { overflow-x: auto; }
.wanted-table { width: 100%; min-width: 720px; border-collapse: collapse; text-align: left; }
.wanted-table th { padding: 10px 13px; border-bottom: 1px solid var(--line, #e4dfed); color: #867b92; font-size: 10px; font-weight: 900; letter-spacing: .6px; text-transform: uppercase; white-space: nowrap; }
.wanted-table td { padding: 11px 13px; border-bottom: 1px solid #f0edf5; color: #5a5065; font-size: 12px; vertical-align: middle; }
.wanted-table tbody tr:last-child td { border-bottom: 0; }
.wanted-table tbody tr:hover { background: #fcfbfe; }
.wanted-entries-table td:nth-child(4) { min-width: 190px; max-width: 300px; }
.wanted-cell-note { overflow: hidden; color: #554b60; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.wanted-table small { display: block; margin-top: 3px; color: #948a9d; font-size: 10px; }
.wanted-plate { display: inline-block; max-width: 100%; overflow: hidden; padding: 3px 6px; border: 1px solid #d4cddd; border-radius: 4px; background: #fff; color: #463950; font: 800 14px/1.25 var(--mono, ui-monospace, monospace); letter-spacing: .45px; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }
.wanted-plate-large { font-size: 18px; }
.wanted-plate-alert { padding: 5px 9px; border-color: rgba(255,255,255,.7); background: rgba(255,255,255,.95); color: #403246; font-size: 22px; }
.wanted-status, .wanted-priority, .wanted-severity, .wanted-unacked, .wanted-acknowledged { display: inline-flex; width: max-content; align-items: center; min-height: 22px; padding: 3px 8px; border-radius: 14px; font-size: 10px; font-weight: 900; white-space: nowrap; }
.wanted-status-active { background: #edf8f2; color: #3f8465; }
.wanted-status-suspended, .wanted-status-expired { background: #f0eef4; color: #756b80; }
.wanted-status-deleted { background: #f5edf0; color: #9a5d69; }
.wanted-priority-normal { background: #eeebf7; color: #65568d; }
.wanted-priority-urgent, .wanted-severity-exact, .wanted-unacked { background: #fff0f2; color: #ae4556; }
.wanted-severity-review { background: #fff7e6; color: #9b7028; }
.wanted-acknowledged { background: #edf8f2; color: #3f8465; }
.button-danger-quiet { border-color: transparent; background: transparent; color: #af5665; }
.button-danger-quiet:hover:not(:disabled) { border-color: #ecced4; background: #fff7f8; }
.wanted-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 13px; border-top: 1px solid var(--line, #e4dfed); color: #756b81; font-size: 12px; }
.wanted-pagination > div { display: flex; gap: 4px; }
.wanted-empty { min-height: 180px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; border: 1px dashed #d4cae3; border-radius: 10px; background: rgba(255,255,255,.5); color: #746a7f; text-align: center; }
.wanted-empty-mark { display: grid; place-items: center; width: 31px; height: 31px; margin-bottom: 8px; border: 1px solid #cfc5df; border-radius: 50%; color: var(--accent, #7569b3); font-size: 16px; }
.wanted-empty h3 { color: #54485f; font-size: 14px; }
.wanted-empty p { max-width: 400px; margin: 5px 0 0; font-size: 12px; }
.wanted-message { margin: 0; padding: 10px 12px; border-radius: 7px; font-size: 12px; }
.wanted-message-error { border: 1px solid #ecced4; background: #fff7f8; color: #9e4d5a; }
.wanted-toast { position: fixed; z-index: 95; right: 22px; bottom: 22px; max-width: min(420px, calc(100vw - 44px)); margin: 0; padding: 11px 14px; border: 1px solid #d6cfeb; border-radius: 8px; background: #fff; box-shadow: 0 14px 36px rgba(44,28,58,.18); color: #554a62; font-size: 12px; font-weight: 800; }

.wanted-detection-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(315px, 1fr)); gap: 13px; }
.wanted-detection-card { min-width: 0; overflow: hidden; border: 1px solid var(--line, #e4dfed); border-left: 4px solid var(--red, #c46170); border-radius: 10px; background: var(--surface, #fff); }
.wanted-detection-card.wanted-detection-review { border-left-color: var(--amber, #c98b43); }
.wanted-detection-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px 8px; border-bottom: 1px solid #f0edf5; }
.wanted-detection-title { margin: 0; color: #aa4051; font-size: 10px; font-weight: 950; letter-spacing: .6px; }
.wanted-detection-review .wanted-detection-title { color: #9b7028; }
.wanted-detection-main { display: grid; grid-template-columns: 108px 1fr; gap: 11px; padding: 12px; }
.wanted-detection-image, .wanted-detail-image, .wanted-alert-image { display: grid; place-items: center; overflow: hidden; border-radius: 6px; background: #efedf4; color: #8e849c; font-size: 10px; }
.wanted-detection-image { width: 108px; height: 81px; }
.wanted-detection-image img, .wanted-detail-image img, .wanted-alert-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wanted-detection-info { min-width: 0; display: grid; align-content: start; gap: 3px; }
.wanted-detection-info strong { overflow: hidden; color: #554a60; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.wanted-muted { color: #93899d; font-size: 11px; }
.wanted-detection-comment { display: -webkit-box; overflow: hidden; margin: 4px 0 0; color: #655a70; font-size: 11px; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.wanted-responsible, .wanted-confidence { margin: 0; color: #81768c; font-size: 10px; font-weight: 700; }
.wanted-detection-actions { min-height: 45px; padding: 8px 12px; border-top: 1px solid #f0edf5; }
.wanted-detection-actions .wanted-unacked, .wanted-detection-actions .wanted-acknowledged { margin-left: auto; }

.wanted-modal-backdrop, .wanted-alert-backdrop { position: fixed; z-index: 90; inset: 0; display: grid; place-items: center; padding: 20px; overflow-y: auto; background: rgba(50,42,66,.62); backdrop-filter: blur(3px); }
.wanted-alert-backdrop { z-index: 96; }
.wanted-modal { width: min(100%, 830px); max-height: calc(100vh - 40px); display: flex; flex-direction: column; overflow: hidden; border: 1px solid #ded7ea; border-radius: 12px; background: #fff; box-shadow: 0 24px 70px rgba(24,17,39,.27); }
.wanted-modal > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 17px 20px 14px; border-bottom: 1px solid #eeeaf4; }
.wanted-modal > header h2 { font-size: 20px; }
.wanted-modal > header .icon-button { color: #776d83; font-size: 25px; }
.wanted-modal-body { overflow-y: auto; padding: 20px; }
.wanted-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 13px; }
.wanted-field-wide { grid-column: 1 / -1; }
.wanted-field textarea { min-height: 100px; }
.wanted-check { display: flex; align-items: center; gap: 8px; align-self: end; min-height: 36px; color: #5f546b; font-size: 12px; font-weight: 800; }
.wanted-check input { width: auto; height: auto; }
.wanted-form-help { margin: 11px 0 0; }
.wanted-entry-form .wanted-message { margin-top: 11px; }
.wanted-modal-actions { margin-top: 15px; }
.wanted-entry-detail { display: grid; gap: 16px; }
.wanted-detail-summary { padding: 14px; border: 1px solid #ebe6f1; border-radius: 9px; background: #fbfaff; }
.wanted-detail-summary > .wanted-status, .wanted-detail-summary > .wanted-priority { margin-left: 6px; }
.wanted-detail-summary > p { margin: 10px 0; color: #62576c; }
.wanted-detail-summary dl, .wanted-detection-detail dl { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; margin: 0; }
.wanted-detail-summary dl div, .wanted-detection-detail dl div { min-width: 0; }
.wanted-detail-summary dt, .wanted-detection-detail dt { color: #93899d; font-size: 10px; font-weight: 800; }
.wanted-detail-summary dd, .wanted-detection-detail dd { margin: 2px 0 0; overflow-wrap: anywhere; color: #594e64; font-size: 11px; font-weight: 800; }
.wanted-entry-detail h3 { font-size: 15px; }
.wanted-mini-detections { display: grid; gap: 6px; }
.wanted-mini-detection { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; padding: 9px 10px; border: 1px solid #eae5f1; border-radius: 6px; background: #fff; color: #5b5066; text-align: left; }
.wanted-mini-detection:hover { border-color: #cbbfde; background: #fcfbfe; }
.wanted-mini-detection span { color: #93899d; font-size: 10px; }
.wanted-audit-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.wanted-audit-list li { display: grid; grid-template-columns: 155px minmax(160px,1fr) 150px; gap: 9px; padding: 8px 0; border-bottom: 1px solid #f0edf5; color: #766b80; font-size: 11px; }
.wanted-audit-list time { color: #93899d; }
.wanted-audit-list strong { color: #5a4f65; }
.wanted-detection-detail { display: grid; grid-template-columns: minmax(230px,.9fr) minmax(260px,1.1fr); gap: 20px; }
.wanted-detail-image { min-height: 190px; }
.wanted-detection-detail > div:last-child { display: grid; align-content: start; gap: 9px; }
.wanted-detection-detail > div:last-child > p { margin: 0; color: #62576c; font-size: 12px; }
.wanted-detection-detail dl { grid-template-columns: 1fr; gap: 8px; padding-top: 5px; }
.wanted-video-state { min-height: 145px; display: grid; align-content: center; gap: 7px; text-align: center; }
.wanted-video-state h3, .wanted-video-state p { margin: 0; }
.wanted-video-state p { color: #766b80; }
.wanted-video { display: block; width: 100%; max-height: min(58vh, 560px); border-radius: 8px; background: #201a28; }

.wanted-import { display: grid; gap: 14px; }
.wanted-import-tabs { display: flex; gap: 4px; border-bottom: 1px solid #e9e4ef; }
.wanted-import-tab { padding: 7px 9px; }
.wanted-import-result { min-height: 1px; }
.wanted-import-summary { display: grid; gap: 3px; padding: 11px 12px; border: 1px solid #dfd9ee; border-radius: 7px; background: #fbfaff; color: #655a70; font-size: 11px; }
.wanted-import-summary strong { color: #554a61; font-size: 12px; }
.wanted-import-details { margin-top: 8px; padding: 8px 10px; border: 1px solid #ece8f1; border-radius: 7px; color: #6c6177; font-size: 11px; }
.wanted-import-details summary { cursor: pointer; color: #5c5070; font-weight: 900; }
.wanted-import-details ol { max-height: 180px; margin: 8px 0 0; padding-left: 22px; overflow-y: auto; }
.wanted-import-details li { padding: 2px 0; }

.wanted-camera-red, .wanted-camera-yellow { position: relative; }
.wanted-camera-red { box-shadow: inset 0 0 0 3px #c43e50 !important; }
.wanted-camera-yellow { box-shadow: inset 0 0 0 3px #d59a35 !important; }
.wanted-camera-marker { position: absolute; z-index: 8; right: 7px; bottom: 7px; max-width: calc(100% - 14px); overflow: hidden; padding: 4px 6px; border-radius: 4px; background: #ae4051; box-shadow: 0 2px 8px rgba(0,0,0,.24); color: #fff; font: 900 9px/1.2 var(--mono, ui-monospace, monospace); text-overflow: ellipsis; white-space: nowrap; pointer-events: none; }
.wanted-camera-marker-yellow { background: #a97622; }
.wanted-alert-panel { width: min(100%, 760px); overflow: hidden; border: 1px solid #efb8c0; border-radius: 13px; background: #fff; box-shadow: 0 28px 90px rgba(32,18,34,.43); }
.wanted-alert-review .wanted-alert-panel { border-color: #ead29e; }
.wanted-alert-test .wanted-alert-panel { border-color: #b9a7dc; }
.wanted-alert-queue { padding: 7px 16px; background: #b73f51; color: #fff; font: 900 10px/1.2 var(--mono, ui-monospace, monospace); letter-spacing: .5px; }
.wanted-alert-review .wanted-alert-queue { background: #a97622; }
.wanted-alert-test .wanted-alert-queue { background: #b73f51; }
.wanted-alert-title { margin: 0; padding: 16px 18px 8px; color: #a93f50; font-size: 14px; font-weight: 950; letter-spacing: .7px; }
.wanted-alert-review .wanted-alert-title { color: #9c7028; }
.wanted-alert-test .wanted-alert-title { color: #604295; }
.wanted-alert-content { display: grid; grid-template-columns: minmax(220px,.85fr) minmax(250px,1.15fr); gap: 17px; padding: 10px 18px 16px; }
.wanted-alert-image { min-height: 170px; background: #ece8ee; }
.wanted-alert-test-image { background: linear-gradient(135deg, #44326c, #7b5cb2); color: #fff; }
.wanted-alert-test-image span { padding: 8px 10px; border: 1px solid rgba(255,255,255,.6); border-radius: 5px; font: 900 16px/1 var(--mono, ui-monospace, monospace); letter-spacing: 2px; }
.wanted-alert-content > div:last-child { display: grid; align-content: start; gap: 8px; color: #5b5066; }
.wanted-alert-content p { margin: 0; }
.wanted-alert-content strong { color: #483c53; }
.wanted-alert-comment { padding: 9px 10px; border-left: 3px solid #c15b68; background: #fff7f8; color: #6a5260; font-size: 12px; }
.wanted-alert-review .wanted-alert-comment { border-left-color: #c78c32; background: #fffaf0; }
.wanted-alert-actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 18px; border-top: 1px solid #eeeaf4; background: #fdfcff; }
.button-alert { background: #b73f51; color: #fff; }
.button-alert:hover:not(:disabled) { background: #983142; box-shadow: 0 4px 12px rgba(156,48,66,.26); }
.wanted-alert-note { margin: 0; padding: 0 18px 15px; color: #897e92; font-size: 10px; }
.wanted-global-controls { display: inline-flex; align-items: center; justify-content: flex-end; gap: 3px; max-width: min(480px, 58vw); min-width: 0; overflow-x: auto; scrollbar-width: thin; }
.wanted-global-controls .button { min-height: 28px; padding: 5px 7px; font-size: 10px; white-space: nowrap; }

@media (max-width: 1050px) { .wanted-filter-detections { grid-template-columns: repeat(3, minmax(150px,1fr)); } .wanted-metrics { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 760px) { .wanted-heading, .wanted-toolbar { display: grid; } .wanted-global-controls { max-width: calc(100vw - 124px); } .wanted-metrics { grid-template-columns: 1fr; gap: 8px; } .wanted-metrics article { min-height: 88px; } .wanted-filter, .wanted-filter-detections { grid-template-columns: 1fr 1fr; } .wanted-filter-actions { grid-column: 1 / -1; } .wanted-detection-detail, .wanted-alert-content { grid-template-columns: 1fr; } .wanted-alert-image { min-height: 190px; } .wanted-detail-summary dl { grid-template-columns: 1fr; } .wanted-audit-list li { grid-template-columns: 1fr; gap: 2px; } .wanted-modal-backdrop, .wanted-alert-backdrop { padding: 10px; } .wanted-modal-body { padding: 15px; } }
@media (max-width: 480px) { .wanted-filter, .wanted-filter-detections, .wanted-form-grid { grid-template-columns: 1fr; } .wanted-field-wide { grid-column: auto; } .wanted-detection-main { grid-template-columns: 87px 1fr; } .wanted-detection-image { width: 87px; height: 68px; } .wanted-pagination { align-items: flex-start; flex-direction: column; } .wanted-alert-actions .button { flex: 1 1 auto; } }

/* Keep date controls inside the scrollable modal without clipping the calendar. */
.wanted-modal .warnax-calendar-panel { position: relative; top: auto; right: auto; left: auto; width: min(318px, 100%); box-sizing: border-box; margin-top: 6px; }
@media (max-width: 480px) { .wanted-filter .warnax-calendar-panel { position: relative; top: auto; right: auto; left: auto; width: 100%; box-sizing: border-box; margin-top: 6px; } }