.safety-shell { width:min(1240px,calc(100% - 40px)); margin:44px auto 72px; }
.safety-heading,.safety-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.safety-heading { margin:0 0 20px; }
.safety-heading h1 { font-size:clamp(2.5rem,5vw,4rem); letter-spacing:-.05em; }
.safety-kicker { color:#78dfff; font-size:.875rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; margin-bottom:8px; }
.safety-heading p,.safety-panel p { color:var(--muted); line-height:1.65; margin:10px 0 18px; }
.safety-panel { min-width:0; border:1px solid var(--line-2); border-radius:22px; padding:28px; margin:20px 0; background:var(--panel-strong); }
.safety-panel h2 { font-size:1.5rem; letter-spacing:-.025em; }.safety-panel h3 { font-size:1.1rem; }
.safety-panel section { scroll-margin-top:100px; }.safety-shell section { scroll-margin-top:100px; }
.safety-onboarding { border-color:#5dc8eb; background:linear-gradient(130deg,rgba(26,72,107,.72),var(--panel-strong)); }
.safety-sections,.safety-actions,.safety-choices { display:flex; gap:10px; flex-wrap:wrap; }
.safety-sections a { padding:10px 14px; border-radius:100px; background:var(--panel); border:1px solid var(--line); font-size:.95rem; }
.safety-sections a:hover { border-color:var(--cyan); }.safety-sections span { color:var(--cyan); }
.safety-columns { display:grid; grid-template-columns:1fr 1fr; gap:24px; }.safety-columns > * { min-width:0; }.safety-columns .safety-panel { margin-top:0; }
.safety-button { display:inline-flex; justify-content:center; align-items:center; gap:8px; min-height:44px; padding:10px 15px; border:1px solid var(--line-2); border-radius:12px; font:600 .9rem/1.4 inherit; color:var(--text); background:var(--panel); cursor:pointer; text-decoration:none; }
.safety-button.primary { background:#206dd4; color:white; border-color:#52a8ff; }.safety-button:hover { border-color:var(--cyan); }.safety-button:disabled { opacity:.55; cursor:wait; }
.safety-button { font-family:inherit; font-size:.9rem; font-weight:600; line-height:1.4; }
.safety-shell :focus-visible,.safety-dialog :focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
.safety-form { display:grid; gap:16px; margin:18px 0; }.safety-form label { display:grid; gap:8px; font-size:.95rem; }.safety-shell input:not([type=checkbox]),.safety-shell select,.safety-shell textarea { width:100%; padding:12px; border:1px solid var(--line-2); border-radius:10px; background:var(--bg); color:var(--text); font:inherit; min-height:44px; }.safety-shell textarea { min-height:96px; resize:vertical; }.safety-form small { color:var(--muted); line-height:1.5; }
.safety-shell fieldset { border:0; padding:12px 0 20px; }.safety-shell legend { margin-bottom:8px; font-weight:650; }.safety-choices label { display:flex; gap:8px; align-items:center; border:1px solid var(--line-2); border-radius:12px; padding:12px; cursor:pointer; }.safety-choices input { accent-color:#42b9ee; width:18px; height:18px; }
.safety-list { list-style:none; padding:0; }.safety-row { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:17px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }.safety-row.unread { border-left:3px solid var(--cyan); padding-left:12px; }.safety-row p { margin:4px 0; }.safety-meta { display:block; font-size:.875rem; color:var(--muted); margin:6px 0; line-height:1.5; }
.safety-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr)); gap:16px; margin-top:20px; }.safety-report { padding:22px; border:1px solid var(--line-2); border-radius:16px; background:var(--panel); min-width:0; overflow-wrap:anywhere; }.safety-report p { font-size:.94rem; }.safety-report.selected { border-color:var(--cyan); box-shadow:0 0 0 2px rgba(71,215,255,.15); }.safety-tag { display:inline-block; padding:5px 9px; font-size:.82rem; border-radius:100px; background:rgba(71,215,255,.12); color:#95e9ff; margin-bottom:10px; }.safety-subheading { margin-top:30px; }.safety-timeline { border-left:2px solid var(--line-2); padding-left:16px; list-style:none; margin:16px 0; }.safety-timeline li { font-size:.875rem; line-height:1.6; margin:9px 0; color:var(--muted); }
.safety-empty { padding:24px 0; color:var(--muted); line-height:1.65; }.safety-status { min-height:24px; color:var(--muted); margin:12px 0; }.safety-status.error { color:#ffb6b6; }.safety-shell details { border-top:1px solid var(--line); margin-top:24px; padding-top:20px; }.safety-shell summary { cursor:pointer; font-weight:650; line-height:1.5; }.safety-request { padding:18px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.safety-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:16px; margin:24px 0; }.safety-metric { padding:18px; border:1px solid var(--line); border-radius:14px; }.safety-metric strong { display:block; font-size:2rem; color:var(--text); }.safety-metric span { display:block; color:var(--muted); font-size:.9rem; margin-top:8px; }.safety-score { font-size:3rem; color:var(--text); }.safety-dialog { width:min(850px,calc(100% - 32px)); max-height:90vh; overflow:auto; padding:26px; background:#07142b; color:#f6f8fb; border:1px solid #459ab8; border-radius:20px; margin:auto; }.safety-dialog::backdrop { background:rgba(0,0,0,.7); }.safety-dialog canvas { width:100%; height:auto; display:block; margin:18px 0; border-radius:12px; }.safety-dialog p { line-height:1.6; color:#b6c7db; }
body.aware-light .safety-kicker { color:#17679b; }body.aware-light .safety-tag { color:#135b7c; }body.aware-light .safety-onboarding { background:#eef7ff; }body.aware-light .safety-status.error { color:#a32b35; }
.safety-shell [hidden] { display:none !important; }
@media(max-width:800px) { .safety-columns { grid-template-columns:1fr; gap:0; }.safety-shell { width:calc(100% - 24px); margin-top:24px; }.safety-panel { padding:20px; }.safety-row { align-items:flex-start; }.safety-sections { gap:8px; }.safety-sections a { font-size:.875rem; padding:9px 11px; } }