:root{--navy:#202729;--blue:#c94d00;--bg:#f5f4f1;--line:#e6e2dc;--muted:#687075}
body{color:#202729}
#login{background:linear-gradient(135deg,#faf9f7,#eeeae4)}
#login form{border-radius:14px;box-shadow:0 18px 55px #2027291a}
aside{background:#202729}
aside nav button{color:#d4d7d6}
aside nav button.active{background:#e65a00;color:#fff}
aside footer{border-color:#495153}
aside footer small,aside footer button{color:#c5cbc9}
main header{background:#fffdfb}
.title h1{color:#202729;letter-spacing:-.03em}
.stats article,.card,.grid article{border-color:var(--line);box-shadow:0 3px 14px #20272909}
.stats b{color:#202729}
.grid article{border-top:5px solid #30383a}
.grid article[data-store-card]{cursor:pointer}
.grid article[data-store-card]:hover{border-color:#d65a08;box-shadow:0 5px 18px #20272918}
.row{border-color:var(--line)}
.row:hover{background:#faf7f3}
.actions button,#bell,.audio-recorder button{background:#f1ede8;color:#30383a}
.actions button:hover{background:#e8e1d8}
.pill{background:#f1ede8;color:#454b4c}
.pill.urgent{background:#ffefee;color:#b52920}
.pill.resolved{background:#eaf8ef;color:#247b49}
.bottom button.active{color:#c94d00;font-weight:800}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #dc5a0a;outline-offset:2px}
.incident-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:transparent;border:0;box-shadow:none;overflow:visible;margin:16px 0 28px}
.incident-cards .row{width:100%;min-width:0;display:grid;grid-template-columns:1fr auto auto;gap:10px;text-align:left;align-items:center;border:1px solid var(--line);border-radius:10px;padding:18px;background:#fff;box-shadow:0 3px 14px #2027290b}
.incident-cards .row>span{min-width:0;grid-column:1/-1}
.incident-cards .row b{font-size:15px;overflow-wrap:anywhere}
.incident-cards .row small{font-size:11px;line-height:1.5;margin-top:6px}
.incident-cards .row .pill{font-size:11px;font-style:normal;font-weight:700;grid-row:2}
.incident-cards .row::after{content:'Ver incidencia →';grid-row:3;grid-column:1/-1;border:1px solid #c94d00;border-radius:7px;color:#a94300;text-align:center;padding:9px;font-size:12px;font-weight:700}
.incident-cards>p{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:10px;margin:0}
@media(max-width:750px){.incident-cards{grid-template-columns:1fr}.incident-cards .row>*:nth-child(2){display:block}.incident-cards .row{grid-template-columns:1fr auto auto}}
.incident-detail-modal{width:min(1050px,94%);max-width:1050px;padding:0;overflow:auto}
.incident-detail-modal>.modalhead{padding:20px 24px;background:#f7f6f3;border-bottom:1px solid var(--line);align-items:center}
.incident-detail-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:24px;padding:24px}
.incident-detail-info{min-width:0}
.incident-detail-info>p:first-child{font-weight:700;color:#a94300}
.incident-detail-info>.timestamps{margin:16px 0}
.incident-detail-info>.timestamps span{font-size:12px;background:#f5f3f0}
.incident-detail-info>.photos{margin:10px 0 20px}
.incident-detail-info>.photos img,.incident-detail-info>.photos video{width:150px;height:105px;object-fit:cover}
.incident-detail-info>form{background:#faf9f7;border:1px solid var(--line);border-radius:10px;padding:14px;margin-top:16px}
.incident-detail-activity{min-width:0;border-left:1px solid var(--line);padding-left:24px}
.incident-detail-activity .conversation{border:0;padding:0;margin:0}
.incident-detail-activity .conversation article span{font-size:13px}
.incident-detail-modal>.actions{border-top:1px solid var(--line);padding:16px 24px;margin:0;justify-content:flex-end}
.incident-detail-modal>.actions button{min-height:40px}
@media(max-width:750px){dialog.incident-detail-modal{width:100%;max-height:92dvh}.incident-detail-columns{grid-template-columns:1fr;gap:18px;padding:18px}.incident-detail-activity{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.incident-detail-modal>.actions{padding:14px 18px}.incident-detail-info>.photos img,.incident-detail-info>.photos video{width:110px;height:90px}}
.pill.incident-status.new{background:#e0edff;color:#064d9b}
.pill.incident-status.in_progress{background:#fff0c4;color:#805000}
.pill.incident-status.resolved{background:#dcf5e5;color:#17683a}
.pill.priority.normal{background:#eceff1;color:#42494e}
.pill.priority.high{background:#ffead7;color:#9d3d00}
.pill.priority.urgent{background:#ffe2e0;color:#a31818}
.user-badge{display:inline-flex;align-items:center;gap:5px;color:#30383a;font-weight:700}
.user-avatar{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:hsl(var(--user-hue) 60% 85%);color:hsl(var(--user-hue) 70% 20%);font-size:9px;font-weight:800}
.pwa-button{border:1px solid #d2ccc5;background:#fff;border-radius:8px;padding:10px 12px;color:#30383a;font-size:12px;font-weight:700;margin-right:8px}
@media(max-width:750px){.pwa-button{font-size:10px;padding:8px;margin-right:4px}#new{font-size:11px;padding:10px 8px}}
.incident-table{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.incident-table-header,.incident-table-row{display:grid;grid-template-columns:minmax(200px,2.5fr) minmax(70px,.6fr) minmax(125px,1fr) minmax(85px,.7fr) minmax(85px,.7fr) 55px;gap:12px;align-items:center}
.incident-table-header{background:#f3f1ee;padding:12px 16px;font-size:11px;font-weight:750;color:#52595b}
.incident-table-row{width:100%;text-align:left;border:0;border-top:1px solid var(--line);padding:14px 16px;background:#fff;color:#202729}
.incident-table-row:hover{background:#faf7f3}.incident-table-title{min-width:0}.incident-table-title b,.incident-table-title small{display:block}.incident-table-title b{font-size:13px;overflow-wrap:anywhere}.incident-table-title small{font-size:10px;color:var(--muted);margin-top:4px}.incident-table-row .pill{justify-self:start;font-style:normal;font-weight:700;font-size:11px}.incident-table-action{color:#b44700;font-weight:700;font-size:12px}.incident-table-empty{padding:18px;margin:0}
@media(max-width:750px){.incident-table-header{display:none}.incident-table-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.incident-table-title{grid-column:1/-1}.incident-table-store{font-size:12px;font-weight:700}.incident-table-row .user-badge{justify-self:end}.incident-table-action{justify-self:end}}