/* =====================================================================
   UNLOOK dashboard: colour that points
   ---------------------------------------------------------------------
   Loaded after app.css. The owner's note of 7 October 2026: the dashboard
   is too colourless; colour should direct the attention and give peace
   of mind. He saw it first on the Customers screens and asked for the
   same rules everywhere, so they live here and not in crm.css.

   The dashboard's hues keep their one meaning each (the better-colors
   skill: one colour, one meaning; one filled action per view):
     PEACH     waiting for you. The only solid colour on a screen, so it
               is where the eye lands.
     LAVENDER  in hand: a conversation, a lead, a job being talked about.
     MINT      settled: booked, confirmed, done, paid, a customer.
     LIME      the one button to press (teal in the light theme).
     NO COLOUR history and housekeeping.

   app.css has a faint wash per hue (--you-bg, --ok-bg, --info-bg: about
   10% of the ink over the surface; on a dark card that measures as
   chroma 0.01, in effect grey) and no solid. Two roles were missing, so
   they are added rather than borrowing a token made for something else:
     --*-bg-strong  a fill that reads as its colour: chips, tiles,
                    badges, a calendar event. One lightness for all three
                    (OKLCH L 31 to 32 dark, L 92 light), each hue at a
                    chroma it can reach there. The hue's own ink goes on it.
     --you-solid    with --on-you-solid for the words on it.
   Measured, ink on fill (WCAG ratio, APCA Lc): dark 7.5 / 66 peach,
   7.7 / 69 mint, 7.1 / 61 lavender; light 4.9 / 64, 5.0 / 66, 4.9 / 65.
   Words on the solid: 10.8 / 72 dark, 4.7 / 78 light.

   The washes themselves are left as they are: banners and panels use
   them under ordinary text, and the second and third inks do not read on
   a strong fill (3.6:1 for the third on dark mint). Only small marks
   whose own ink sits on them are strengthened. Red is left too: the
   coral ink reaches only Lc 56 on any red fill dark enough to see.
   ===================================================================== */
/* Status colours (the owner, 21 October 2026: "all yes" to the status-dots design; before it, 14 October: "make different
   colours based on urgency"). FOUR hues and grey, one meaning each, drawn as a small dot with the state's word beside it
   (status.css, status.js; every state keeps the word the code writes):
     MINT   settled: Paid, Accepted, Booked, Done, Confirmed. --st-ok
     AMBER  waiting for you: a new lead, a booking to confirm, a reminder due, minutes running low. --st-you
     CORAL  late or failed: Overdue, Urgent, calls or chat stopped, a payment that did not go through. --st-err
     GREY   nothing asked of you: waiting on the customer (Contacted, Quoted, Good until), closed, history. --st-off
            A hollow grey ring: not sent yet (Draft, Made, not sent).
   Lime is never a state: it is the one button to press. Blue (--info-*) and teal (--book-*) are no longer a status;
   they stay as tokens only for the few places the design did not touch (the calendar's tiles, Money's Estimate chip).
   The .chip hues below are what those other places still use. The fills are the palette's own hues (#F59E0B, #22C55E,
   #EF4444 in spirit); the words and inks are a darker shade in light and a lighter one in dark, so they read. */
:root,:root[data-theme="dark"]{
  --you-bg-strong:#4A3712;--ok-bg-strong:#173D28;--info-bg-strong:#1D3354;--err-bg-strong:#3F1A18;
  --you-solid:#F5A524;--on-you-solid:#1A1200;
  --err-solid:#FF948A;--on-err-solid:#140303;
  --ink-quiet:#A8A8A8; /* a level under the second ink, for a date under a name */
  --book-ink:#5FD8CB;--book-bg-strong:#123C38;
  --field-line:#737373; /* the edge of a field you type in: 3:1 or more on the card, the page and a raised panel */
  --st-ok:#7EE2A2;--st-you:#F5A524;--st-err:#FF8A7E;--st-off:#7A7A80; /* the dot's four hues (mint, amber, coral, grey) and their washes */
  --st-you-wash:rgba(245,165,36,.13);--st-err-wash:rgba(255,138,126,.13);
  --st-track:rgba(255,255,255,.08);--st-bar:#C7C7CC;--st-bars:rgba(255,255,255,.16);--st-bars-now:#C7C7CC; /* a meter's track and fill; a week's seven bars and today's */
}
:root[data-theme="light"]{
  --you-bg-strong:#FDE8B4;--ok-bg-strong:#D4F7DF;--info-bg-strong:#DBE6FF;--err-bg-strong:#FCDADA;
  --you-solid:#F59E0B;--on-you-solid:#1F1300;
  --err-solid:#DC2626;--on-err-solid:#FFFFFF;
  --ink-quiet:#566964;
  --book-ink:#0F6B66;--book-bg-strong:#CFEFEA;
  --field-line:#7C8F89;
  --st-ok:#16A34A;--st-you:#D97706;--st-err:#DC2626;--st-off:#7C8F89;
  --st-you-wash:#FEF3C7;--st-err-wash:#FEE9E9;
  --st-track:#E2E8E6;--st-bar:#4B5F59;--st-bars:#CBD5D1;--st-bars-now:#4B5F59;
}

/* a chip: its hue says how urgent; the two that need the owner (amber today, red now) are solid, the rest a tile */
.chip.ok{background:var(--ok-bg-strong)}
.chip.info{background:var(--info-bg-strong)}
.chip.book{background:var(--book-bg-strong);color:var(--book-ink)}
.chip.err{background:var(--err-bg-strong)}
.chip.you{background:var(--you-solid);color:var(--on-you-solid)}
.chip.urgent{background:var(--err-solid);color:var(--on-err-solid)}

/* how many are waiting for you: in the menu, on a tab, in the phone bar */
.badge-dot,.tab-n{background:var(--you-solid);color:var(--on-you-solid)}

/* Home's "Needs you" rows (the owner's notes, 8 October 2026). Not colour, but it follows from it: with a solid
   chip the row's two lines stopped reading as one block. The tile now sits on the title's line (a 28px tile
   centred on a line of body text) and not half-way down the two lines; the chip sits a little below the title;
   the buttons at the end stay centred on the row. */
.nl-row{align-items:flex-start}
.nl-row>.nl-ic{margin-top:calc((1.5 * var(--fs-body) - 28px) / 2)}
.nl-row>.nl-a{align-self:center}
.nl-t small{margin-top:12px}

/* small marks that carry their own ink */
.nl-ic.you{background:var(--you-bg-strong)} /* a tile in a list where every row is waiting: the chip beside it is the solid */
.caught .c,.progress-steps li.done .c,.step3.done .num,.live-done .ok-ic{background:var(--ok-bg-strong)}

/* the calendar: a confirmed appointment is mint, one waiting for you is peach. Their words take the first ink,
   which reads on both fills (11:1 dark, 12:1 light); the third ink, which they had, does not (3.6:1). */
.ev:not(.past):not(.req){background:var(--book-bg-strong)}
.ev.req:not(.past){background:var(--you-bg-strong)}
.ev.urgent:not(.past){background:var(--err-bg-strong)}
.ev:not(.past) .ev-s{color:var(--ink)}