.notification-bell{position:relative}.notification-bell>b,.nav-count{position:absolute;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--red);color:#fff;font-size:10px;line-height:18px;text-align:center}.notification-bell>b{right:-5px;top:-5px}.nav-count{right:8px;top:4px}.notification-list,.my-report-list,.report-queue{display:grid;gap:12px}.notification-item{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.notification-item.unread{border-left:5px solid var(--red);box-shadow:var(--shadow)}.notification-item small,.notification-item p,.my-report-card small,.report-card small{color:var(--muted)}.notification-item strong{display:block;margin:3px 0}.notification-item p{margin:0}.notification-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--red) 12%,var(--surface));color:var(--red);font-size:22px;font-weight:800}.material-reporting{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.material-reporting h2{margin:4px 0}.material-reporting p{margin:0;color:var(--muted);max-width:680px}.material-reporting details{min-width:180px}.material-reporting summary{list-style:none;cursor:pointer;text-align:center}.report-form{display:grid;gap:12px;min-width:min(520px,calc(100vw - 72px));margin-top:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.report-form label,.report-manage-form label{display:grid;gap:6px;font-weight:700}.report-form select,.report-form textarea,.report-manage-form select,.report-manage-form textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}.report-form small{color:var(--muted)}.my-report-card,.report-card{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.my-report-card h3,.report-card h2{margin:10px 0 6px}.my-report-card>div:first-child,.report-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.status.report-status-new{background:#fff0cc;color:#755000}.status.report-status-in_progress{background:#e6f1ff;color:#175b8f}.status.report-status-resolved{background:#dcf5e8;color:#17643f}.status.report-status-rejected{background:#eceff2;color:#465466}.resolution-note{margin-top:12px;padding:12px;border-left:4px solid var(--green);border-radius:8px;background:color-mix(in srgb,var(--green) 9%,var(--surface))}.resolution-note p{margin:4px 0 0}.report-card .report-description{padding:14px;border-radius:10px;background:var(--soft)}.report-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:13px}.report-manage-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.report-manage-form .span-2{grid-column:1/-1}.report-dashboard-alert{display:flex;align-items:center;gap:14px;margin:16px 0;padding:15px 18px;border-radius:16px;background:#fff0cc;color:#533800}.report-dashboard-alert>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#d47a00;color:#fff;font-size:22px;font-weight:900}.report-dashboard-alert>div{display:grid;flex:1}.report-dashboard-alert small{margin-top:3px}.muted-copy{color:var(--muted)}.admin-nav a b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--red);color:#fff;font-size:11px}
@media(max-width:720px){.notification-item{grid-template-columns:40px 1fr}.notification-item form{grid-column:2}.material-reporting{display:grid;margin:14px}.material-reporting details,.material-reporting>a{width:100%}.report-form{min-width:0}.report-manage-form{grid-template-columns:1fr}.report-manage-form .span-2{grid-column:auto}.my-report-card>div:first-child,.report-card>header{align-items:flex-start}.report-card>header{display:grid}.report-meta{display:grid}.row-header>form{width:100%}.row-header>form .button{width:100%}}