*{box-sizing:border-box}body{margin:0;background:#f3f5f7;color:#202a35;font-family:Arial,Helvetica,sans-serif;font-size:15px;letter-spacing:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #478db0;outline-offset:2px}button{border:1px solid #ced6df;border-radius:5px;background:#fff;color:inherit;padding:10px 14px;min-height:40px}.primary{background:#17614d;color:white;border-color:#17614d}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}input,select,textarea{border:1px solid #b5c0ce;border-radius:5px;padding:10px;color:inherit;background:white;min-width:0;width:100%}textarea{resize:vertical}h1{font-size:27px;margin:0}h2{font-size:21px;margin:0}p{line-height:1.5}svg{width:20px;height:20px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;padding:9px}.portal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #d2dae2;background:white;padding:12px max(16px,calc((100% - 1050px)/2))}.brand{display:flex;align-items:center;gap:12px}.brand img{height:48px;width:48px;object-fit:contain}.brand strong{display:block;font-size:17px}.brand span{display:block;font-size:12px;color:#5f6e7b;margin-top:4px}.guard-user{display:flex;align-items:center;gap:16px;font-size:13px}.guard-user span{max-width:190px;overflow-wrap:anywhere}.inbox-main{max-width:1082px;margin:0 auto;padding:28px 16px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-title p{font-size:13px;color:#627081;margin:8px 0 0}.inbox-toolbar{display:flex;gap:12px;align-items:flex-end;border-bottom:1px solid #ced6df;padding:24px 0 16px}.inbox-toolbar label{width:170px}.inbox-toolbar>span{margin-left:auto;font-size:13px;padding-bottom:12px}.incident-list{margin-top:0}.incident{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #d5dce4}.incident-photo{height:76px;width:76px;object-fit:cover;background:#e3e9ee;border-radius:5px}.incident h2{font-size:17px}.incident p{margin:5px 0;color:#637184;font-size:13px}.incident .badge{display:inline-block;padding:3px 6px;border-radius:3px;background:#fff1ce;color:#694d0b;font-size:12px;margin-top:3px}.incident .badge.closed{background:#dcefe4;color:#22533f}.incident button{display:flex;align-items:center;gap:8px}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:22px;font-size:13px}.empty{padding:50px 0;text-align:center;color:#667583}.new-notice{padding:12px 16px;margin-top:20px;background:#fff2d2;border-left:4px solid #c09a29;cursor:pointer}dialog{width:min(750px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #b6c3cf;border-radius:8px;padding:22px;color:inherit}dialog::backdrop{background:rgba(16,25,34,.6)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.evidence{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:start}.evidence img{width:100%;max-height:340px;object-fit:contain;background:#e4e9ef;border-radius:5px}.evidence img[hidden]{display:none}.evidence:has(img[hidden]){grid-template-columns:minmax(0,1fr)}#detailMetadata,#detailAssignment{font-size:13px;color:#5e6d7e}.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.error{color:#ac2532;font-size:13px}.login-page{display:grid;place-items:center;min-height:100dvh;padding:24px}.login-main{width:min(380px,100%)}.login-main>.seal{width:76px;height:76px;object-fit:contain;margin-bottom:20px}.login-main>p{color:#637184}.login-main form{display:grid;gap:20px;margin-top:28px}@media(max-width:600px){.portal-header{padding:12px}.brand strong{font-size:15px}.brand img{height:40px;width:40px}.guard-user>span{display:none}.inbox-main{padding:22px 12px}.incident{grid-template-columns:60px minmax(0,1fr) 40px;gap:12px}.incident-photo{width:60px;height:70px}.incident button{padding:9px;width:40px}.incident button span{display:none}h1{font-size:24px}.evidence{grid-template-columns:80px minmax(0,1fr)}dialog{padding:16px}.incident h2{font-size:16px}}
.sound-controls{flex-shrink:0;text-align:right}.sound-actions{display:flex;gap:8px;align-items:center}#testSoundButton{display:inline-flex;align-items:center;gap:8px}#soundStatus{max-width:230px;overflow-wrap:break-word}@media(max-width:600px){.page-title{flex-wrap:wrap;align-items:flex-start}.sound-controls{text-align:left}}
.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;margin-top:16px;border-top:1px solid #d5dce4;border-bottom:1px solid #d5dce4}.notification-label{display:flex;gap:12px;align-items:center;min-width:0}.notification-label>svg{flex:none;color:#17614d}.notification-label strong{font-size:14px}.notification-label p{margin:5px 0 0;color:#627081;font-size:12px;overflow-wrap:anywhere}.notification-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.notification-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.notification-actions button[hidden]{display:none}.notification-actions button[aria-pressed="true"]{background:#17614d;color:white;border-color:#17614d}.icon-button{width:42px;height:42px;padding:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.install-steps{padding-left:22px;line-height:1.6}.install-steps li{margin-top:12px}@media(max-width:600px){.notification-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.notification-actions{width:100%;flex-wrap:wrap}.notification-actions button{padding:9px 10px;font-size:13px}.notification-actions .icon-button{padding:9px}}