/* ============================================================
   PAGE · APP · GTD WEB APP (P5)
   The authenticated /app surface (dashboard + shell chrome).
   Composes the ported design system; adds ONLY the few things
   the vocabulary doesn't already provide:
     1. CSP-safe bucketed gauge fills (u-fill-N) — strict CSP
        forbids inline style="width:…", so the fill is driven by
        a utility class setting --gauge-value, exactly like the
        landing page's .site-gv-NN. The fill itself is rendered by
        06-components/_gauge.css (.c-gauge__fill width =
        calc(var(--gauge-value) * 100%)).
     2. The capture-bar layout (full-width input + button row).
        (The old placeholder nav-tab style was retired with the
        _nav strip in chunk 01 — nav is now shell-owned c-appnav.)
   ============================================================ */

/* 1. CSP-safe bucketed gauge fills (0..100 in steps of 5). Mirrors the
   .site-gv-NN mechanism in 08-pages/_landing.css: set --gauge-value (0..1)
   on the .c-gauge element; _gauge.css computes the fill width from it. */
.u-fill-0   { --gauge-value: 0; }
.u-fill-5   { --gauge-value: 0.05; }
.u-fill-10  { --gauge-value: 0.10; }
.u-fill-15  { --gauge-value: 0.15; }
.u-fill-20  { --gauge-value: 0.20; }
.u-fill-25  { --gauge-value: 0.25; }
.u-fill-30  { --gauge-value: 0.30; }
.u-fill-35  { --gauge-value: 0.35; }
.u-fill-40  { --gauge-value: 0.40; }
.u-fill-45  { --gauge-value: 0.45; }
.u-fill-50  { --gauge-value: 0.50; }
.u-fill-55  { --gauge-value: 0.55; }
.u-fill-60  { --gauge-value: 0.60; }
.u-fill-65  { --gauge-value: 0.65; }
.u-fill-70  { --gauge-value: 0.70; }
.u-fill-75  { --gauge-value: 0.75; }
.u-fill-80  { --gauge-value: 0.80; }
.u-fill-85  { --gauge-value: 0.85; }
.u-fill-90  { --gauge-value: 0.90; }
.u-fill-95  { --gauge-value: 0.95; }
.u-fill-100 { --gauge-value: 1; }

/* 2. Capture bar: the GTDFormBuilder .c-field group stacks (label, input,
   hint), the submit sits below; both span the full width. The trailing
   .c-field margin is trimmed so the bar stays compact. The capture control is
   now shell-owned (see 06-components/_capture.css); these are the inner form
   bits the c-capture chrome composes. (The dead placeholder nav-tab styles were
   deleted in chunk 01 — all sections are live and nav moved to the shell-owned
   c-appnav.) */
.app-capture { width: 100%; }
.app-capture .c-field { margin-bottom: var(--space-2); }
.app-capture__status:empty { display: none; }
.app-capture__status { margin-top: var(--space-2); }