.patrol-categories {display:flex; flex-wrap:wrap; gap:8px; padding:20px 24px; border-bottom:1px solid var(--line, #e2e8df);}
.feature-tabs a.feature-tab {text-decoration:none;}
.patrol-category {display:inline-flex; padding:10px 14px; border:1px solid var(--line, #e2e8df); border-radius:8px; color:var(--text, #233b31); font-size:13px; background:#fff; text-decoration:none;}
.patrol-category:hover {background:#f1f5ee;}
.patrol-category.active {background:var(--green-dark, #123f3b); border-color:var(--green-dark, #123f3b); color:#fff;}
.patrol-unread-count {display:inline-flex; align-items:center; justify-content:center; min-width:20px; padding:2px 6px; margin-left:7px; border-radius:12px; background:#b63b30; color:#fff; font-size:11px; font-weight:600; line-height:1.5; white-space:nowrap;}
.patrol-unread-count[hidden], #patrol-unread-count[hidden] {display:none;}
.patrol-new-list {display:grid; gap:8px;}
.patrol-new-item {display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 14px; border:1px solid var(--line,#e2e8df); border-radius:8px;}
.patrol-new-item > div {min-width:0;}
.patrol-new-item strong {font-size:13px; overflow-wrap:anywhere;}
.patrol-new-item p {font-size:12px; line-height:1.5; margin:6px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.patrol-new-item small, .patrol-alert-back span {font-size:11px; color:var(--muted,#68766b);}
.patrol-new-item button {flex-shrink:0;}
.patrol-alert-back {display:flex; align-items:center; gap:12px; margin-top:10px; flex-wrap:wrap;}
.patrol-summary {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:14px; padding:20px 24px;}
.patrol-summary > div {padding:16px 18px; border-radius:10px; background:#f5f7f1; display:flex; flex-direction:column; gap:10px;}
.patrol-summary span {font-size:12px; color:var(--muted, #68766b);}
.patrol-summary strong {font-size:25px; font-weight:600;}
.patrol-section-title {display:flex; align-items:center; flex-wrap:wrap; gap:12px; justify-content:space-between; padding:0 24px 16px;}
.patrol-section-title h3 {font-size:16px; margin:0;}
.patrol-workspace .filters {flex-wrap:wrap;}
.patrol-help {margin:0; padding:0 24px 16px; font-size:12px; color:var(--muted, #68766b); line-height:1.7;}
.patrol-evidence {max-width:420px; min-width:160px; white-space:pre-wrap; overflow-wrap:anywhere;}
.patrol-directory-table td {vertical-align:top;}
.patrol-directory-table th:first-child {min-width:155px;}
.patrol-directory-table .patrol-store-details {min-width:270px; width:40%; white-space:normal;}
.patrol-store-list {list-style:none; margin:0; padding:0; display:grid; gap:12px;}
.patrol-store-list li {min-width:0; overflow-wrap:anywhere;}
.patrol-store-list li + li {padding-top:12px; border-top:1px solid var(--line, #e2e8df);}
dialog:has([data-patrol-detail-panel]) {width:calc(100vw - 24px); max-width:1720px; max-height:calc(100vh - 24px); border-radius:12px;}
dialog:has([data-patrol-detail-panel]) .modal-header {padding:12px 16px;}
dialog:has([data-patrol-detail-panel]) .modal-header h2 {font-size:16px; margin:0;}
dialog:has([data-patrol-detail-panel]) .modal-body {padding:10px 14px 12px;}
dialog:has([data-patrol-detail-panel]) .patrol-detail-meta {margin:0 0 8px; font-size:11px; line-height:1.4;}
.patrol-details-table {overflow:visible; border:1px solid var(--line, #e2e8df); border-radius:6px;}
.patrol-details-table table {width:100%; table-layout:fixed; min-width:0;}
.patrol-details-table th {background:#f3f6ed; white-space:normal; padding:7px 9px; font-size:11px;}
.patrol-details-table td {vertical-align:top; white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; line-height:1.45; padding:8px 9px;}
.patrol-details-table th:nth-child(1) {width:18%;}
.patrol-details-table th:nth-child(2) {width:22%;}
.patrol-details-table th:nth-child(3) {width:28%;}
.patrol-details-table th:nth-child(4) {width:32%;}
.patrol-compact-id {display:block; margin-bottom:5px; font-size:12px;}
.patrol-object-meta, .patrol-case-meta {display:grid; grid-template-columns:84px minmax(0,1fr); column-gap:7px; row-gap:3px; margin:0; font-size:11px; line-height:1.45; white-space:normal;}
.patrol-case-meta {grid-template-columns:96px minmax(0,1fr);}
.patrol-object-meta dt, .patrol-case-meta dt {color:var(--muted, #68766b);}
.patrol-object-meta dd, .patrol-case-meta dd {margin:0; white-space:pre-wrap; overflow-wrap:anywhere;}
.patrol-case-toolbar {display:flex; align-items:center; justify-content:space-between; gap:6px; margin-bottom:5px; font-size:11px; white-space:normal;}
.patrol-case-toolbar .link-button {font-size:11px; padding:2px 4px;}
.patrol-case-toolbar button:disabled {opacity:.4; cursor:default;}
.patrol-detail-footer {display:flex; gap:10px; justify-content:space-between; align-items:center; flex-wrap:wrap; margin-top:8px; font-size:11px; color:var(--muted, #68766b);}
.patrol-detail-footer .actions {margin-top:0;}
.patrol-new-item.patrol-detail-new, .patrol-details-table tbody tr.patrol-detail-new > td {background:#ffe0e0;}
.patrol-new-item.patrol-detail-new {border-color:#e35b5b;}
.patrol-details-table tbody tr.patrol-detail-new > td:first-child {box-shadow:inset 3px 0 #dc2626;}
.patrol-new-label {display:inline-block; padding:1px 5px; border-radius:4px; background:#c82333; color:#fff; font-size:11px; font-weight:600; vertical-align:middle;}
@media (max-width:700px) {.patrol-summary {grid-template-columns:repeat(2, minmax(0, 1fr));} .patrol-categories, .patrol-summary {padding:16px;} .patrol-section-title, .patrol-help {padding-left:16px; padding-right:16px;} .patrol-category {flex-grow:1; justify-content:center;}}