[hidden] { display:none!important; }
.outreach-entry { display:flex; align-items:center; justify-content:space-between; gap:24px; border:1px solid #365b78; background:linear-gradient(115deg,#102a3ddd,#081624); padding:23px 26px; margin:18px 0; }
.outreach-entry h2 { margin:0 0 8px; font-size:1.1rem; letter-spacing:.09em; text-transform:uppercase; }
.outreach-entry p { margin:0; color:#a7c4dd; line-height:1.6; font-size:.86rem; }
.outreach-entry a { flex-shrink:0; color:#d8ecff; padding:12px 17px; border:1px solid #6a96b9; text-decoration:none; }
.outreach-entry a:hover { background:#1b3c56; }
.outreach-entry a:focus-visible { outline:2px solid #b6dcff; outline-offset:3px; }
.privacy-details { color:#a6c3db; font-size:.85rem; line-height:1.65; max-width:900px; margin-bottom:16px; }
.privacy-details summary { cursor:pointer; }
.outreach-shell { max-width:1240px; }
.back-link { color:#badbfa; font-size:.85rem; text-underline-offset:4px; }
.outreach-intro { padding:32px 0 10px; max-width:900px; }
.outreach-intro h1 { font-size:clamp(1.8rem,4vw,2.7rem); }
.outreach-intro p { line-height:1.65; }
.privacy-note { border-left:2px solid #648db0; padding:12px 18px; background:#10283b88; font-size:.9rem; color:#b6cde0; }
.outreach-panel { border:1px solid #365b78; background:linear-gradient(125deg,#0c1d2ef2,#06111ef2); padding:24px; min-width:0; }
.outreach-panel h2 { color:#dcecff; margin:0 0 18px; font-size:1.2rem; letter-spacing:.04em; }
.outreach-panel h3 { font-size:.95rem; font-weight:500; margin-top:26px; }
.outreach-grid { display:grid; grid-template-columns:minmax(240px,.7fr) minmax(0,1.7fr); gap:18px; }
.outreach-toolbar,.button-row,.queue-controls,.page-controls { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.outreach-toolbar { justify-content:space-between; margin:12px 0 18px; color:#a8c8e5; }
.queue-controls { margin-bottom:18px; }
.queue-controls label { width:100%; }
.outreach-shell button,.action { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:10px 15px; border:1px solid #4b7293; background:#10273b; color:#dcecff; font:inherit; font-size:.85rem; cursor:pointer; text-decoration:none; }
.outreach-shell button:hover,.action:hover { background:#1a3d58; }
.outreach-shell .primary { background:#432036; border-color:#b9516b; color:#ffe9ef; }
.outreach-shell .primary:hover { background:#672c47; }
.outreach-shell button:disabled { opacity:.55; cursor:wait; }
.outreach-shell :is(button,a,input,select,textarea):focus-visible { outline:2px solid #b6dcff; outline-offset:3px; }
.outreach-shell label { display:grid; gap:8px; margin:0 0 18px; color:#b9d5ec; font-size:.9rem; }
.outreach-shell input:not([type=checkbox]),.outreach-shell select,.outreach-shell textarea { width:100%; min-width:0; border:1px solid #426687; background:#071321; color:#e2f0ff; font:inherit; padding:11px; border-radius:0; }
.outreach-shell textarea { resize:vertical; line-height:1.6; }
.outreach-shell input[type=file] { font-size:.8rem; }
.outreach-shell .check { display:flex; align-items:flex-start; gap:12px; line-height:1.6; }
.check input { width:20px; height:20px; flex-shrink:0; accent-color:#94c1e8; }
.small { color:#9fbcd4; font-size:.8rem; line-height:1.6; overflow-wrap:anywhere; }
#feedback { color:#baddfb; line-height:1.6; padding:0; white-space:pre-wrap; }
#feedback:not(:empty) { padding:12px 16px; border:1px solid #557f9e; background:#10283c; }
#feedback.error { border-color:#c45c74; color:#ffd1dc; }
.ticket-item { display:block!important; text-align:left; width:100%; margin-bottom:9px; padding:14px!important; overflow-wrap:anywhere; }
.ticket-item strong,.ticket-item span { display:block; }
.ticket-item span { font-size:.75rem; color:#9fbcd4; margin-top:7px; }
.ticket-item[aria-current=true] { border-color:#b5d7f1; background:#18374f; }
.detail-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
#ticket-subject { overflow-wrap:anywhere; }
.status-badge { font-size:.7rem; padding:6px 9px; border:1px solid #527492; color:#b6d9f7; white-space:nowrap; }
#officer-controls { border-block:1px solid #2c4c66; padding:18px 0; margin:20px 0; }
.message { border-bottom:1px solid #26465e; padding:18px 0; }
.message p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.65; margin:10px 0 0; }
.message header { color:#9dbdd7; font-size:.8rem; }
#attachments { display:grid; grid-template-columns:repeat(auto-fill,minmax(110px,1fr)); gap:10px; margin-bottom:20px; }
#attachments a { color:#bdddf6; font-size:.8rem; }
#attachments img { display:block; width:100%; height:100px; object-fit:cover; border:1px solid #446d8f; margin-bottom:5px; }
#image-form,#reply-form { margin:26px 0; }
#audit-panel { border-top:1px solid #294b67; padding-top:18px; }
#audit-panel summary { cursor:pointer; color:#9fbcd4; }
@media(max-width:800px) { .outreach-grid { grid-template-columns:1fr; } .outreach-panel { padding:20px; } }
@media(max-width:600px) { .outreach-entry { align-items:flex-start; flex-direction:column; padding:20px; gap:16px; } }
@media(max-width:450px) { .outreach-shell .terminal-header { flex-wrap:wrap; gap:16px; } .outreach-intro { padding-top:26px; } .outreach-panel { padding:17px; } .detail-heading { flex-wrap:wrap; } }