.h360{--blue:#1565C0;--cyan:#00ACC1;--green:#2E7D32;--yellow:#F9A825;--red:#D32F2F;--bg:#F8FAFC;--card:#fff;--ink:#172033;--muted:#667085;font-family:Inter,Arial,sans-serif;color:var(--ink)}
.h360 h1,.h360 h2,.h360 h3{font-weight:700}.h360-kpis{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:16px;margin:18px 0}.h360-card,.h360-panel{background:var(--card);border:1px solid #e6e9ef;border-radius:16px;box-shadow:0 8px 24px rgba(16,24,40,.06);padding:18px}.h360-card span{display:block;color:var(--muted);font-size:13px}.h360-card strong{font-size:28px;display:block;margin-top:8px}.h360-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.h360-grid2{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}.h360-form label{display:block;font-weight:600;margin:10px 0 6px}.h360-form input,.h360-form select,.h360-form textarea,.h360-inline input,.h360-inline select{width:100%;max-width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:10px;background:#fff}.h360-form.compact input,.h360-form.compact select,.h360-form.compact textarea{padding:8px}.h360-inline{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:8px;align-items:end}.h360-table{overflow:auto}.h360-table table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:14px;overflow:hidden}.h360-table th{background:#eef6ff;text-align:left;font-weight:700;color:#1d3557}.h360-table th,.h360-table td{padding:12px;border-bottom:1px solid #eef0f4;vertical-align:top}.h360-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;background:#e5e7eb;text-transform:capitalize}.h360-badge.low{background:#e8f5e9;color:#1b5e20}.h360-badge.medium{background:#fff8e1;color:#8a5a00}.h360-badge.high{background:#ffebee;color:#b71c1c}.h360-badge.critical{background:#b71c1c;color:#fff}.h360-bar{display:grid;grid-template-columns:140px 1fr 45px;gap:10px;align-items:center;margin:10px 0}.h360-bar div{height:12px;background:#edf2f7;border-radius:999px;overflow:hidden}.h360-bar b{display:block;height:100%;background:var(--blue);border-radius:999px}.h360-alerts{margin:0;padding-left:18px}.h360-alerts li{margin:10px 0;color:#9b1c1c}.h360-timeline{border-left:3px solid #dbeafe;padding-left:18px}.h360-timeline li{margin:12px 0;padding:8px 0}.h360-timeline em{color:var(--muted);font-size:12px;margin-left:8px}.h360-public{max-width:1180px;margin:20px auto}.h360 a.button-primary,.h360 .button-primary{background:var(--blue)!important;border-color:var(--blue)!important;border-radius:10px}.h360 .button{border-radius:10px}.h360-panel h2{margin-top:0}@media(max-width:900px){.h360-kpis,.h360-grid,.h360-grid2,.h360-inline{grid-template-columns:1fr}.h360-card strong{font-size:24px}.h360-table table{min-width:760px}}

.h360-setup textarea{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;min-height:130px}
.h360-setup code{background:#eef2f7;padding:2px 5px;border-radius:5px}
.h360-logo-preview{margin-top:8px;padding:10px;border:1px dashed #cbd5e1;border-radius:10px;background:#f8fafc;min-height:40px}
.h360 .notice.inline{margin:10px 0 18px}

/* v0.3.0 streamlined staff reporting form */
.h360-report{max-width:760px}
.h360-report-hint{color:var(--muted);font-size:14px;margin:0 0 14px;line-height:1.5}
.h360-req{color:var(--red);font-weight:700}
.h360-muted{color:var(--muted);font-weight:400;font-size:12px}
.h360-report select,.h360-report input,.h360-report textarea{font-size:16px}/* 16px stops iOS zoom-on-focus */
.h360-report select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}
.h360-toggles{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.h360-toggle{display:flex!important;align-items:center;gap:9px;font-weight:600!important;margin:0!important;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;cursor:pointer;flex:1;min-width:200px}
.h360-toggle input{width:auto!important;accent-color:var(--red);transform:scale(1.25)}
.h360-report .button-hero{margin-top:16px;width:100%;padding:14px;font-size:16px;font-weight:700}
@media(max-width:640px){.h360-report .h360-grid2{grid-template-columns:1fr}.h360-toggle{min-width:100%}}