.af-inbox { min-width:0; }.af-filters { display:flex; align-items:end; gap:10px; flex-wrap:wrap; margin-bottom:12px; }.af-filters .admin-field { min-width:125px; flex:1; }.af-filters .af-search { flex:2.5; min-width:min(280px,100%); }.af-filters input,.af-filters select { width:100%; }.af-load-status { min-height:18px; color:var(--admin-muted); font-size:12px; }.af-table-wrap { max-height:610px; overflow:auto; border:1px solid var(--admin-line); border-radius:12px; }.af-table-wrap table { min-width:1190px; width:100%; border-collapse:collapse; }.af-table-wrap th,.af-table-wrap td { padding:13px 12px; text-align:left; border-bottom:1px solid var(--admin-line); vertical-align:middle; font-size:12px; }.af-table-wrap thead th { position:sticky; top:0; z-index:1; background:var(--admin-soft); color:var(--admin-muted); white-space:nowrap; font-size:11px; }.af-table-wrap tbody tr:hover { background:var(--admin-soft); }.af-table-wrap td:nth-child(2) { min-width:125px; }.af-table-wrap td:nth-child(3),.af-table-wrap td:nth-child(4) { max-width:220px; overflow-wrap:anywhere; }.af-reference { font-size:11px!important; white-space:nowrap; color:var(--admin-accent-strong); }.af-summary { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; max-width:240px; min-width:170px; line-height:1.6; overflow-wrap:anywhere; }.af-badge { display:inline-flex; align-items:center; justify-content:center; padding:5px 8px; border:1px solid var(--admin-line); border-radius:999px; background:var(--admin-soft); color:var(--admin-ink); white-space:nowrap; font-size:10px; font-weight:650; }.af-badge[data-priority=high] { background:#fff0ee; color:#a32620; border-color:#eec4bd; }.af-badge[data-priority=medium],.af-badge[data-status=pending] { background:#fff8e7; color:#795b08; border-color:#e7d7a8; }.af-badge[data-status=in_progress] { background:#eaf2ff; color:#245390; border-color:#b7ccea; }.af-badge[data-status=resolved] { background:#e6f4ec; color:#236648; border-color:#b9d9c8; }.af-pagination { display:flex; align-items:center; justify-content:flex-end; gap:9px; flex-wrap:wrap; margin-top:16px; }.af-pagination span { margin-right:auto; color:var(--admin-muted); font-size:12px; }.af-detail-dialog { width:min(900px,calc(100% - 28px)); max-height:90dvh; overflow:auto; overscroll-behavior:contain; }.af-dialog-top { display:flex; justify-content:space-between; gap:20px; align-items:start; margin-bottom:22px; }.af-dialog-top h2 { margin:0; font-size:22px; }.af-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:16px; background:var(--admin-soft); border:1px solid var(--admin-line); border-radius:12px; }.af-meta dt { color:var(--admin-muted); font-size:11px; margin-bottom:5px; }.af-meta dd { margin:0; overflow-wrap:anywhere; font-size:13px; font-weight:600; }.af-message { margin:24px 0; }.af-message h3,.af-notes h3,.af-history h3,.af-attachment h3 { font-size:14px; margin:0 0 12px; }.af-message p,.af-note p { white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.75; }.af-message p { padding:16px; border:1px solid var(--admin-line); border-radius:12px; }.af-attachment { margin:22px 0; }.af-image-button { display:block; padding:0; border:1px solid var(--admin-line); background:var(--admin-soft); border-radius:12px; cursor:zoom-in; overflow:hidden; max-width:100%; }.af-image-button img { display:block; max-width:min(100%,440px); max-height:220px; object-fit:contain; }.af-text-button { padding:0; background:none; border:0; color:var(--admin-accent-strong); font:inherit; text-decoration:underline; cursor:pointer; }.af-image-error { color:#a32620; font-size:12px; }.af-image-error[hidden] { display:none; }.af-update { display:grid; grid-template-columns:1fr 1fr auto; gap:12px; align-items:end; padding-top:20px; border-top:1px solid var(--admin-line); }.af-notes,.af-history { margin-top:25px; padding-top:22px; border-top:1px solid var(--admin-line); }.af-note-actions { display:flex; justify-content:flex-end; margin-top:10px; }.af-note { padding:14px 0; border-bottom:1px solid var(--admin-line); }.af-note header { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; font-size:11px; }.af-note time,.af-history time { font-size:11px; color:var(--admin-muted); }.af-history ol { margin:0; padding:0 0 0 19px; }.af-history li { padding:5px 0 14px 6px; font-size:12px; }.af-history li strong { display:block; margin-bottom:6px; }.af-history li span { margin-right:10px; }.af-history li p { font-size:12px; margin:7px 0 0; }.af-image-dialog { width:min(1200px,calc(100% - 28px)); max-height:95dvh; }.af-image-dialog img { display:block; margin:auto; max-width:100%; max-height:75dvh; object-fit:contain; }.af-sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }.af-inbox :focus-visible,.af-detail-dialog :focus-visible,.af-image-dialog :focus-visible { outline:2px solid var(--admin-accent); outline-offset:3px; }
@media(max-width:760px) { .af-update { grid-template-columns:1fr 1fr; }.af-update .af-resolution-field,.af-update button { grid-column:1/-1; }.af-filters .admin-field { min-width:140px; }.af-filters .af-search { flex-basis:100%; }.af-pagination { justify-content:start; }.af-pagination span { flex-basis:100%; }.af-dialog-top { gap:10px; }.af-detail-dialog { padding:19px; }.af-table-wrap { max-height:480px; } }
@media(max-width:480px) { .af-meta { grid-template-columns:1fr; }.af-filters .admin-field { min-width:100%; }.af-filters button { flex:1; }.af-dialog-top h2 { font-size:18px; }.af-update { grid-template-columns:1fr; }.af-update .af-resolution-field,.af-update button { grid-column:1; }.af-note-actions button { width:100%; } }