/* ══════════════════════════════════════════════════════════════════
   Waypoint Personnel Portal — plum accent layer
   ORD-0022 (his ruling 2026-09-04, option 1): the Personnel Portal wears
   the same generated shell as every segment portal, on its own page
   script. This sheet is the ACCENT layer and nothing more: it loads
   AFTER mcs_admin_portal.css and redefines only the accent — the
   --mc-gold pair the shipped reskin uses (the older --accent token is
   superseded by the reskin's !important rules, the Phase 2 lesson).

   PLUM, because every other signature is taken and every other hue
   near it already means something: gold is the Organization's own
   accent, Carolina blue is Claims, traditional blue is Underwriting,
   green is Producer (and "in force" / "compliant"), teal is Billing,
   red is danger and amber is "expiring soon" — both of which THIS
   portal paints on licences and training, so the accent must not be
   mistakable for either. A muted plum sits away from all of them.

   Untouched, deliberately: the navy foundation, the band, the cyan
   card banners, table headers. One design system, six signatures.
   ══════════════════════════════════════════════════════════════════ */

:root {
  /* the segment signature */
  --mc-gold:     #8B5CF6;   /* plum, in the accent's place */
  --mc-gold-dk:  #6D3FD6;
  --pp-plum:     #8B5CF6;
  --pp-plum-lt:  #C4B5FD;
  --accent:      #6D3FD6;
}

/* One reskin rule bakes the gold in as a literal rather than a token, so
   the token swap above cannot reach it. Same rule, plum value.
   ORD-0059 (2026-09-04): the plum logo tile is gone — the brand block is
   painted the way every other Waypoint portal paints it (a white tile
   holding the organization's logo, one tag under it), so there is no
   .sidebar-logo on this page to colour. */
.sidebar-section-label { color: rgba(196, 181, 253, .62) !important; }

/* Login banner: this portal's own front door, so a person knows at a
   glance which door opened. */
#login-screen .login-left {
  background: linear-gradient(160deg, #2E1065 0%, #6D3FD6 100%);
}

/* The brand tag under the sidebar logo names the segment. */
.sidebar-brand-tag { color: #C4B5FD !important; }

/* STANDING WORDS. The screen says "overdue", "expired", "expiring
   soon", "hours not stated" in the platform's existing danger red and
   amber — never in the accent, which says which portal you are in and
   nothing about how you are doing. */
.pp-bad  { color: #B32020; }
.pp-warn { color: #B3651A; }
.pp-ok   { color: #1F7A44; }

/* The staged-file chips and the document rows on the Documents page. */
.pp-doc { display: flex; align-items: center; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--border); font-size: 13px; }
.pp-doc:last-child { border-bottom: none; }
.pp-doc .ic { width: 38px; height: 38px; border-radius: 8px; background: #EEF2FF; color: #4338CA; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex: none; }
.pp-doc .meta { flex: 1; min-width: 0; }
.pp-doc .n { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pp-doc .s { font-size: 12px; color: var(--text-muted); }
.pp-doc .type { font-size: 11px; padding: 3px 8px; border-radius: 999px; background: #F3F4F6; color: #374151; }
.pp-pill { font-size: 11px; padding: 3px 9px; border-radius: 999px; font-weight: 600; }
.pp-pill.ok { background: #DCFCE7; color: #166534; }
.pp-pill.bad { background: #FEE2E2; color: #991B1B; }
.pp-pill.pend { background: #FEF3C7; color: #92400E; }
.pp-link { background: none; border: none; color: var(--accent); cursor: pointer; font-size: 12.5px; padding: 0; }
.pp-link.danger { color: #B32020; }

/* The review banner on My Profile. */
.pp-banner { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border-radius: 8px; margin-bottom: 14px; font-size: 13px; }
.pp-banner .i { font-size: 16px; line-height: 1; }
.pp-banner.pend { background: #FEF3C7; color: #92400E; }
.pp-banner.ok   { background: #DCFCE7; color: #166534; }
.pp-banner.bad  { background: #FEE2E2; color: #991B1B; }
.pp-banner b { font-weight: 700; }