@font-face{font-family:DawaeiSafetyTajawal;src:url('/fonts/Tajawal-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:DawaeiSafetyTajawal;src:url('/fonts/Tajawal-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
.safety-console{--case-bg:#f6f9f7;--case-surface:#fff;--case-text:#172e24;--case-muted:#52675c;--case-line:#d3dfd7;--case-accent:#216b4c;color:var(--case-text);font-family:DawaeiSafetyTajawal,sans-serif;line-height:1.65}
.safety-console *{font-family:inherit}
[data-theme=dark] .safety-console{--case-bg:#101d18;--case-surface:#192a21;--case-text:#f0f7f2;--case-muted:#adc1b3;--case-line:#385043;--case-accent:#76d7a0}
.safety-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.safety-heading h2{font-size:30px;margin:4px 0}.safety-heading p{margin:0;color:var(--case-muted)}.safety-owner{font-size:13px;color:var(--case-accent);font-weight:700}
.safety-console button,.safety-console select,.safety-console input,.safety-console textarea{font:inherit;box-sizing:border-box;min-height:48px;border:1px solid var(--case-line);border-radius:12px;background:var(--case-surface);color:var(--case-text);padding:10px 14px}.safety-console button{cursor:pointer}.safety-console button:disabled{cursor:wait;opacity:.65}.safety-console :focus-visible{outline:3px solid var(--case-accent);outline-offset:3px}.safety-console textarea{width:100%;resize:vertical;display:block;margin-top:8px;line-height:1.7}
.safety-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.safety-metrics>div{background:var(--case-bg);padding:16px 20px;border-radius:14px;border:1px solid var(--case-line)}.safety-metrics strong{font-size:28px;display:block}.safety-metrics span{color:var(--case-muted)}.safety-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.safety-toolbar input{flex:1;min-width:220px}.safety-toolbar small{color:var(--case-muted)}
.safety-workspace{display:grid;grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:20px;align-items:start}.safety-inbox{max-height:850px;overflow:auto;display:grid;gap:10px;padding:4px}.safety-case{display:flex;flex-direction:column;gap:7px;text-align:right;width:100%;background:var(--case-surface)!important}.safety-case.selected{border-color:var(--case-accent);box-shadow:inset -4px 0 var(--case-accent)}.safety-case small{color:var(--case-muted)}.safety-case-meta,.safety-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.safety-badge{font-size:12px;border:1px solid var(--case-line);border-radius:7px;padding:2px 8px;white-space:nowrap}.safety-urgent{color:#b84a24;font-weight:700;font-size:12px}[data-theme=dark] .safety-urgent{color:#ffc19c}.status-resolved{color:var(--case-accent)}
.safety-detail{background:var(--case-bg);border:1px solid var(--case-line);border-radius:18px;padding:24px;min-height:400px;overflow-wrap:anywhere}.safety-detail h3{font-size:22px;margin:0}.safety-detail h4{margin:22px 0 8px}.safety-reference{font-size:12px;color:var(--case-muted);direction:ltr;text-align:right}.safety-text{white-space:pre-wrap;word-break:break-word}.safety-action-form{display:grid;gap:16px;border-top:1px solid var(--case-line);margin-top:24px;padding-top:8px}.safety-hint{font-size:13px;color:var(--case-muted);margin:0}.safety-primary{background:#216b4c!important;color:#fff!important;border-color:#216b4c!important;font-weight:700!important}.safety-secondary{font-size:14px!important}.safety-feedback{color:var(--case-accent);min-height:24px}.safety-order,.safety-history{border-top:1px solid var(--case-line);padding-top:16px;margin-top:20px}.safety-console summary{cursor:pointer;font-weight:700;min-height:36px}.safety-event{border-right:3px solid var(--case-line);padding:8px 16px;margin:14px 0;background:var(--case-surface);border-radius:8px}.safety-event small{display:block;color:var(--case-muted)}.safety-empty{padding:24px;color:var(--case-muted)}
@media(max-width:900px){.safety-workspace{grid-template-columns:1fr}.safety-inbox{max-height:360px}.safety-metrics{grid-template-columns:repeat(2,1fr)}.safety-detail{padding:18px}.safety-heading{align-items:flex-start}}
/* The legacy portal forces global colors/fonts with !important. Keep this
   component readable without changing any other dashboard panel. */
html body .safety-console.safety-console{color:var(--case-text)!important;background:var(--case-surface)!important;font-family:DawaeiSafetyTajawal,sans-serif!important}
html body .safety-console.safety-console *{color:var(--case-text)!important;font-family:DawaeiSafetyTajawal,sans-serif!important}
html body .safety-console.safety-console :is(button,input,select,textarea){background:var(--case-surface)!important;border-color:var(--case-line)!important}
html body .safety-console.safety-console :is(input,textarea)::placeholder{color:var(--case-muted)!important;opacity:1}
html body .safety-console.safety-console :is(.safety-heading p,.safety-case small,.safety-metrics span,.safety-hint,.safety-reference,.safety-event small,.safety-toolbar small){color:var(--case-muted)!important}
html body .safety-console.safety-console :is(.safety-owner,.safety-feedback,.status-resolved){color:var(--case-accent)!important}
html body .safety-console.safety-console .safety-urgent{color:#b84a24!important}
html[data-theme=dark] body .safety-console.safety-console .safety-urgent{color:#ffc19c!important}
html body .safety-console.safety-console :is(.safety-detail,.safety-metrics>div){background:var(--case-bg)!important;border-color:var(--case-line)!important}
html body .safety-console.safety-console :is(.safety-event,.safety-case){background:var(--case-surface)!important}
html body .safety-console.safety-console .safety-primary{color:white!important;background:#216b4c!important;border-color:#216b4c!important}