/* =====================================================================
   "SUGGEST SOMETHING" (L10, 2026-09-21): the corner button and its short
   form, on the job board pages and the dashboard. Drawn by suggest.js; the
   why is in lib/suggestions.js.

   EVERY COLOUR IS A TOKEN THE HOST PAGE MAPS. The board pages were taken
   outside brand.css on purpose (jobs.html, P2.1) and each page names its
   palette differently, so this file reads its own ten --ncw-* names and
   each page that loads it points them at its own tokens, light and dark,
   in a short block beside its palette:

     --ncw-card  --ncw-ink  --ncw-mute  --ncw-line  --ncw-field
     --ncw-accent (a fill)  --ncw-on-accent (type on it)
     --ncw-link (accent coloured type)  --ncw-shadow  --ncw-scrim

   Class names start ncw- so nothing collides.
   Inputs are 16px so iOS does not zoom the page into them.
   ===================================================================== */
.ncw-pill{position:fixed;left:16px;bottom:16px;z-index:60;display:inline-flex;align-items:center;gap:7px;
  min-height:40px;padding:0 14px;border:1px solid var(--ncw-line);border-radius:999px;background:var(--ncw-card);
  color:var(--ncw-ink);box-shadow:var(--ncw-shadow);font:600 13px/1 "DM Sans",system-ui,sans-serif;cursor:pointer}
.ncw-pill:hover{border-color:var(--ncw-accent)}
.ncw-pill svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:var(--ncw-link);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ncw-pill:focus-visible,.ncw-dlg button:focus-visible,.ncw-dlg textarea:focus-visible,.ncw-dlg input:focus-visible{
  outline:3px solid var(--ncw-accent);outline-offset:2px}
body.ncw-open .ncw-pill{visibility:hidden}

.ncw-bg{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:16px;
  background:var(--ncw-scrim)}
.ncw-dlg{width:min(460px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:20px;border:1px solid var(--ncw-line);
  border-radius:14px;background:var(--ncw-card);color:var(--ncw-ink);box-shadow:var(--ncw-shadow);
  font-family:"DM Sans",system-ui,sans-serif}
.ncw-dlg .ncw-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ncw-dlg h2{font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0}
.ncw-dlg .ncw-x{display:grid;place-items:center;width:44px;height:44px;margin:-12px -12px 0 0;border:0;border-radius:10px;
  background:transparent;color:var(--ncw-mute);font-size:22px;line-height:1;cursor:pointer}
.ncw-dlg p{margin:6px 0 0;color:var(--ncw-mute);font-size:14px;line-height:1.5}
.ncw-dlg label{display:block;margin-top:14px;font-size:13px;font-weight:700}
.ncw-dlg label span{font-weight:400;color:var(--ncw-mute)}
.ncw-dlg textarea,.ncw-dlg input[type=email]{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--ncw-line);
  border-radius:10px;background:var(--ncw-field);color:var(--ncw-ink);font:16px/1.45 "DM Sans",system-ui,sans-serif;box-sizing:border-box}
.ncw-dlg textarea{min-height:120px;resize:vertical}
.ncw-dlg .ncw-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ncw-dlg .ncw-from{margin-top:10px;font-size:12.5px;color:var(--ncw-mute);word-break:break-all}
.ncw-dlg .ncw-err{margin-top:10px;color:var(--ncw-ink);font-size:13.5px;font-weight:700}
.ncw-dlg .ncw-acts{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.ncw-dlg .ncw-btn{min-height:44px;padding:0 18px;border:1px solid var(--ncw-accent);border-radius:9px;background:var(--ncw-accent);
  color:var(--ncw-on-accent);font:800 14px/1 "DM Sans",system-ui,sans-serif;cursor:pointer}
.ncw-dlg .ncw-btn[disabled]{opacity:.55;cursor:default}
.ncw-dlg .ncw-btn.ncw-quiet{border-color:var(--ncw-line);background:transparent;color:var(--ncw-ink);font-weight:700}
.ncw-dlg .ncw-done{margin-top:14px;padding:14px;border:1px solid var(--ncw-line);border-radius:10px;font-size:14.5px;line-height:1.5}
@media (max-width:640px){
  .ncw-pill{left:12px;bottom:12px;min-height:38px;padding:0 12px}
  .ncw-bg{align-items:flex-end;padding:0}
  .ncw-dlg{width:100%;border-radius:16px 16px 0 0;padding:18px 16px calc(16px + env(safe-area-inset-bottom,0px))}
  .ncw-dlg .ncw-acts .ncw-btn{flex:1}
}
@media print{ .ncw-pill{display:none} }