/* css/notice.css — notices, and the unassigned-hours note.
   One of the files src/index.html links in order; see tokens.css for why. */

/* ==========================================================================
   Notices
   ==========================================================================
   Glyph + word + color. An error is never a bare red box, and the copy names
   the fix (WCAG 3.3.1).
   ========================================================================== */
.notice{
  display:flex;gap:.6rem;align-items:flex-start;
  border:1.5px solid var(--rule-strong);border-left-width:5px;
  border-radius:var(--r-sm);padding:.7rem .8rem;margin-bottom:var(--gap);
  background:var(--field);
}
.notice .glyph{font-family:var(--data);font-weight:600;flex:0 0 auto;line-height:1.5}
.notice .notice-body{flex:1 1 auto}
.notice strong{display:block}
.notice .notice-hint{font-family:var(--legible);font-size:.875rem;color:var(--ink-soft);margin-top:.2rem}
.notice--error{border-color:var(--rejected);color:var(--rejected);background:var(--rejected-wash)}
.notice--error .notice-hint{color:var(--rejected)}
.notice--warn{border-color:var(--pending);color:var(--pending);background:var(--pending-wash)}
.notice--warn .notice-hint{color:var(--pending)}
.notice--ok{border-color:var(--approved);color:var(--approved);background:var(--approved-wash)}
.notice--ok .notice-hint{color:var(--approved)}
.notice--info{border-color:var(--rule-strong);color:var(--ink)}

/* "Outside this renewal period", and "your licence is not on file yet" — real
   states, not zero, not hidden, and not errors. */
.unassigned-note{
  font-family:var(--legible);font-size:.875rem;color:var(--ink-soft);
}