/* NORRIS UTILITIES BRAND CSS — Supplemental Design System
   Line Card Design Language | April 10, 2026
   SUPPLEMENTAL: Does not replace inline styles in existing HTML */

:root {
  --nu-dark:     #0a0e5c;
  --nu-blue:     #0033cc;
  --nu-mid:      #0066ee;
  --nu-light:    #00aaff;
  --nu-cyan:     #06D0FF;
  --nu-navy:     #000033;
  --nu-doc-blue: #0000FF;
  --nu-doc-cyan: #06D0FF;
  --nu-white:    #FFFFFF;
  --nu-body:     #1a1a1a;
  --nu-lgray:    #f5f5f5;
  --nu-mgray:    #e0e0e0;
  --font-main:   'Lato', Arial, sans-serif;
  --font-tag:    'Playfair Display', Georgia, serif;
  --grad-header: linear-gradient(135deg,#0a0e5c 0%,#0033cc 30%,#0066ee 55%,#00aaff 80%,#06D0FF 100%);
  --card-radius: 14px;
  --card-shadow: 0 3px 14px rgba(0,0,0,0.05);
}

.pill           { display:inline-block; padding:2px 10px; border-radius:12px; font-size:11px; font-weight:700; }
.pill-ready     { background:#d4edda; color:#155724; }
.pill-blocked   { background:#f8d7da; color:#721c24; }
.pill-invoiced  { background:#cce5ff; color:#004085; }
.pill-pending   { background:#fff3cd; color:#856404; }
.pill-overdue   { background:#f8d7da; color:#721c24; }
.pill-cc        { background:#fff0cc; color:#7a5000; }
.pill-live      { background:#d4edda; color:#155724; }
.pill-critical  { background:#f8d7da; color:#721c24; font-size:10px; }

.nu-order-card          { background:#fff; border-radius:8px; border-left:4px solid var(--nu-blue); padding:16px 20px; margin-bottom:12px; box-shadow:0 2px 8px rgba(0,0,0,0.07); }
.nu-order-card.blocked  { border-left-color:#dc3545; }
.nu-order-card.ready    { border-left-color:#28a745; }
.nu-order-card.invoiced { border-left-color:#0033cc; }

.nu-stat-card       { background:#fff; border-radius:var(--card-radius); border-left:4px solid var(--nu-blue); padding:20px; box-shadow:var(--card-shadow); transition:transform .2s,box-shadow .2s; }
.nu-stat-card:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,0.1); }
.nu-stat-value      { font-size:2rem; font-weight:900; color:var(--nu-blue); }
.nu-stat-label      { font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:#888; margin-top:4px; }

.nu-section-header       { font-family:var(--font-main); font-weight:900; font-size:1.3rem; margin:24px 0 12px; }
.nu-section-header .blue { color:var(--nu-blue); }
.nu-section-header .dark { color:var(--nu-body); }

.nu-quick-link       { display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(--nu-mgray); border-radius:8px; padding:12px 16px; text-decoration:none; color:var(--nu-body); font-weight:600; font-size:.9rem; transition:border-color .2s,box-shadow .2s; }
.nu-quick-link:hover { border-color:var(--nu-blue); box-shadow:0 2px 8px rgba(0,51,204,0.12); }

.nu-table                          { width:100%; border-collapse:collapse; font-size:.92rem; }
.nu-table thead tr                  { background:var(--nu-dark); color:#fff; }
.nu-table thead th                  { padding:10px 14px; text-align:left; font-weight:700; font-size:.8rem; text-transform:uppercase; letter-spacing:.03em; }
.nu-table tbody tr:nth-child(even)  { background:var(--nu-lgray); }
.nu-table tbody td                  { padding:9px 14px; border-bottom:1px solid var(--nu-mgray); }

.nu-notes-panel          { margin-top:28px; border-top:2px solid #ececec; padding-top:16px; }
.nu-notes-toggle         { background:none; border:none; cursor:pointer; font-size:.8rem; color:#999; font-weight:700; padding:0; font-family:Arial; letter-spacing:.04em; text-transform:uppercase; }
.nu-notes-toggle:hover   { color:#0033cc; }
.nu-notes-body           { margin-top:12px; }
.nu-notes-list           { max-height:160px; overflow-y:auto; display:flex; flex-direction:column; gap:6px; margin-bottom:10px; }
.nu-note                 { padding:9px 13px; border-radius:6px; font-size:.86rem; line-height:1.5; }
.nu-note.aaron           { background:#e8f0ff; border-left:3px solid #0033cc; }
.nu-note.cb              { background:#e8f7ee; border-left:3px solid #28a745; }
.nu-note-meta            { font-size:.71rem; color:#bbb; margin-top:2px; }
.nu-notes-row            { display:flex; gap:8px; }
.nu-notes-row textarea   { flex:1; border:1px solid #e0e0e0; border-radius:6px; padding:8px; font-size:.86rem; font-family:Arial; resize:none; height:50px; }
.nu-notes-row button     { background:#0033cc; color:#fff; border:none; border-radius:6px; padding:8px 14px; cursor:pointer; font-size:.83rem; font-weight:700; }
.nu-notes-export-btn     { font-size:.74rem; color:#0033cc; cursor:pointer; text-decoration:underline; display:inline-block; margin-top:5px; }

.nu-footer         { background:linear-gradient(135deg,#000033 0%,#000066 100%); color:rgba(255,255,255,.85); padding:32px 40px; text-align:center; border-top:3px solid var(--nu-blue); }
.nu-footer-tagline { font-family:var(--font-tag); font-style:italic; color:var(--nu-cyan); font-size:1.1rem; margin-bottom:8px; }

@media print {
  .no-print,.aaron-only,.nu-notes-panel,nav,.nav-bar { display:none !important; }
  body { background:#fff !important; }
  .nu-sd-header { background:#0000FF !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}