/* AQcredix — incident reporting.
   Colours come from the site's theme tokens, so this follows light / dark / neon without
   a private palette. Severity tints are the one local set, because the classification
   ladder has fixed meaning — and severity is never colour alone, the label is always
   written out. */

.inc-sub{color:var(--fg-muted);font-size:.92rem;margin:4px 0 0;}
.inc-sub2{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;
  color:var(--fg-muted);margin:16px 0 8px;font-weight:600;}
.inc-empty{color:var(--fg-muted);max-width:62ch;}

.inc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
  flex-wrap:wrap;margin-bottom:18px;}
.inc-formhead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
  flex-wrap:wrap;margin-bottom:18px;}

/* ------------------------------- stats ------------------------------- */
.inc-stats{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  margin-bottom:14px;}
.inc-stat{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;
  padding:12px 14px;display:flex;flex-direction:column;gap:2px;}
.inc-stat .v{font-family:var(--font-display);font-size:1.5rem;font-weight:700;}
.inc-stat .l{font-size:.74rem;color:var(--fg-muted);}
.inc-stat.ok .v{color:var(--ok);} .inc-stat.warn .v{color:var(--warn);} .inc-stat.bad .v{color:var(--nc);}
.inc-insight{background:var(--warn-tint);border:1px solid var(--warn);color:var(--warn);
  border-radius:10px;padding:11px 14px;font-size:.88rem;margin:0 0 16px;}

/* ------------------------------ filters ------------------------------ */
.inc-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px;}
.inc-chip{border:1px solid var(--border);background:transparent;color:inherit;
  border-radius:20px;padding:5px 13px;font-size:.84rem;cursor:pointer;min-height:34px;}
.inc-chip.on{background:var(--accent-solid);border-color:var(--brand-2);color:var(--on-accent);}
#incQ{width:100%;max-width:360px;padding:8px 12px;border:1px solid var(--border);
  border-radius:8px;background:transparent;color:inherit;margin-bottom:14px;}

/* ------------------------------ register ----------------------------- */
.inc-tablewrap{overflow-x:auto;}
.inc-table{width:100%;border-collapse:collapse;font-size:.89rem;}
.inc-table th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;
  color:var(--fg-muted);border-bottom:1px solid var(--border);padding:8px 10px;white-space:nowrap;}
.inc-table td{padding:10px;border-bottom:1px solid var(--border);vertical-align:top;}
.inc-actions{display:flex;gap:4px;flex-wrap:wrap;}
.btn-sm{padding:4px 9px !important;font-size:.78rem !important;}
.inc-del:hover{color:var(--nc);border-color:var(--nc);}

/* Severity: tinted, but the label is always spelled out so colour is never the only cue. */
.inc-cls{display:inline-block;border-radius:5px;padding:2px 9px;font-size:.76rem;font-weight:600;
  white-space:nowrap;}
.inc-sev-1{background:var(--ok-tint);color:var(--ok);}
.inc-sev-2{background:var(--brand-tint);color:var(--accent-text);}
.inc-sev-3{background:var(--warn-tint);color:var(--warn);}
.inc-sev-4{background:var(--nc-tint);color:var(--nc);}
.inc-late{font-size:.68rem;background:var(--warn-tint);color:var(--warn);border-radius:4px;
  padding:1px 6px;font-weight:600;}
.inc-status{font-size:.76rem;border-radius:5px;padding:2px 9px;background:var(--border-soft);
  color:var(--fg-muted);white-space:nowrap;}
.inc-st-closed{background:var(--ok-tint);color:var(--ok);}
.inc-st-actions_open,.inc-st-under_review{background:var(--warn-tint);color:var(--warn);}

/* -------------------------------- form ------------------------------- */
.inc-block{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;
  padding:18px 20px;margin-bottom:14px;}
.inc-block h3{margin:0 0 6px;font-size:1rem;}
.inc-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-top:12px;}
.inc-grid.one{grid-template-columns:1fr;}
.inc-field{display:flex;flex-direction:column;gap:5px;}
.inc-field.wide{grid-column:1/-1;}
.inc-field > span{font-size:.78rem;font-weight:600;color:var(--fg-muted);}
.inc-field .req{font-style:normal;font-size:.68rem;color:var(--nc);text-transform:uppercase;
  letter-spacing:.04em;margin-left:5px;}
.inc-field .hint{font-style:normal;font-size:.78rem;color:var(--fg-faint);}
.inc-field input,.inc-field textarea{border:1px solid var(--border);border-radius:8px;
  padding:9px 11px;font:inherit;font-size:.92rem;background:var(--bg);color:inherit;
  min-height:42px;resize:vertical;}
.inc-field input:focus,.inc-field textarea:focus{outline:2px solid var(--accent-bright);outline-offset:-1px;}

.inc-checks{display:flex;gap:8px 18px;flex-wrap:wrap;}
.inc-check{display:flex;align-items:center;gap:8px;font-size:.9rem;cursor:pointer;min-height:38px;}

/* Classification: the definitions are shown with the options, not hidden behind a
   dropdown. Guessed classification is what turns an incident register into noise. */
.inc-classes{display:grid;gap:9px;margin-top:12px;}
.inc-classopt{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;
  border:1px solid var(--border);border-radius:10px;padding:12px 14px;cursor:pointer;}
.inc-classopt input{grid-row:1/3;margin-top:3px;}
.inc-classopt .t{font-weight:700;}
.inc-classopt .d{font-size:.84rem;color:var(--fg-muted);}
.inc-classopt.on{border-color:var(--brand-2);background:var(--accent-bright-tint);}

.inc-note{border-radius:10px;padding:11px 14px;margin:12px 0;font-size:.9rem;}
.inc-note ul{margin:6px 0 0;padding-left:20px;}
.inc-note.ok{background:var(--ok-tint);color:var(--ok);border:1px solid var(--ok);}
.inc-note.warn{background:var(--warn-tint);color:var(--warn);border:1px solid var(--warn);}
.inc-note.bad{background:var(--nc-tint);color:var(--nc);border:1px solid var(--nc);}

/* ------------------------------- detail ------------------------------ */
.inc-cards{display:grid;gap:14px;grid-template-columns:1.6fr 1fr;}
@media (max-width:820px){.inc-cards{grid-template-columns:1fr;}}
.inc-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;
  padding:18px 20px;margin-bottom:14px;}
.inc-card h3{margin:0 0 8px;font-size:1rem;}
.inc-card h4{margin:14px 0 4px;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;
  color:var(--fg-muted);}
.inc-card p{margin:0;white-space:pre-wrap;line-height:1.55;}
.inc-dl{display:grid;gap:8px 20px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0;}
.inc-dl dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);}
.inc-dl dd{margin:2px 0 0;font-size:.92rem;}

.inc-signs{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
.inc-sign{border:1px solid var(--border);border-radius:10px;padding:12px 14px;
  display:flex;flex-direction:column;gap:4px;}
.inc-sign.done{border-color:var(--ok);background:var(--ok-tint);}
.inc-sign .l{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);}
.inc-sign .n{font-weight:700;}
.inc-sign .t{font-size:.78rem;color:var(--fg-muted);}

.inc-statusrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.inc-statusrow select{border:1px solid var(--border);border-radius:8px;padding:9px 11px;
  font:inherit;background:var(--bg);color:inherit;min-height:42px;}

@media (max-width:640px){
  .inc-formhead,.inc-head{flex-direction:column;}
  .btn{min-height:44px;}
}
@media print{
  .no-print,#site-header,#site-footer,.ws-nav,.inc-actions{display:none !important;}
  .inc-card{break-inside:avoid;border-color:#ccc;}
}