/* ============================================================================
   juribooks-applecraft-v2.css — Apple craft principles, Emerald & Brass identity.

   Borrows the *reflexes* that make Apple's surfaces feel considered — without
   importing Apple's look. NO Action Blue (emerald stays the single interactive
   colour), NO photo-tile marketing structure (this is a dense Operate tool, not
   a Persuade page), NO 17px global body (the app runs at 13px base by design).

   What is borrowed, translated to this brand:
     1. the system-wide press micro-interaction (scale on :active)
     2. the pill as the primary-action signal (emerald, not blue)
     3. "no shadow on buttons" — elevation is never faked on a control
     4. Apple-tight tracking on display headings (small-caps eyebrows stay wide)
     5. a genuine reading pace for prose blocks (the narrative), scoped so tables
        and forms keep their density
     6. a little more air around the page's opening title

   Deliberately NOT borrowed: Apple's flat cards. The dashboard's dimensional
   "3D shades" were a specific request, so card elevation is left intact.

   Emerald & Brass tokens only, theme-aware. Loaded LAST. Presentation only.
   ========================================================================== */

/* ---- 1. Press micro-interaction — Apple's one universal gesture ----
   Supersedes the base .btn translate; a subtle scale reads as "the control
   acknowledged you". Gated for reduced-motion. Kept at .97 (calmer than
   Apple's .95) because this is a tool used all day, not a landing page. */
@media (prefers-reduced-motion: no-preference){
  .btn:active,
  .btn.primary:active,
  #nav .jb2-item:active,
  .view .rtab:active,
  .rail-foot button:active,
  #railPosBtn:active,
  .seg button:active{
    transform:scale(.97) !important;
    transition:transform .04s ease !important;
  }
}

/* ---- 2 + 3. Primary action = emerald pill, no shadow ----
   The full pill is Apple's action signal; utility .btn keeps the 9px rect
   (Apple's own two-grammar system: pill action, rect utility). A control never
   carries a drop-shadow — elevation belongs to surfaces, not buttons. */
.btn.primary{
  border-radius:999px !important;
  box-shadow:none !important;
  padding:0 20px !important;         /* pills want a touch more horizontal room */
}
.btn.primary:focus-visible{
  outline:2px solid var(--navy); outline-offset:2px;
}

/* ---- 4. Apple-tight display headings (chrome only) ----
   Large headings tighten; the small-caps eyebrow keeps its wide tracking. */
.topbar h1, .exec-title, .exec-entity, .drill-title, #view-batch .sw-title .t{
  letter-spacing:-.022em !important;
}
/* statement/report titles are excluded on purpose — they follow the user's
   report-typography scope (characterisation typography test #5). */

/* ---- 5. Reading pace for the narrative prose ----
   The dashboard "numbers, read for you" block is meant to be READ, not scanned.
   Give it Apple's editorial leading — scoped to this box so tables/forms, which
   depend on the 13px density, are untouched. Not Apple's literal 17px: 15px is
   the reading step that fits this app's scale. */
#aiOvBox{
  font-size:15px !important;
  line-height:1.62 !important;
  letter-spacing:-.01em;
  color:var(--ink-soft);
  max-width:64ch;                    /* Apple's measure discipline: prose has a width */
}
#aiOvBox b, #aiOvBox strong{ color:var(--ink); font-weight:600; }

/* ---- 6. A little more air around the opening title ----
   Apple gives a headline room to land before anything else. Modest here so
   dense screens don't bloat. */
.topbar h1{ letter-spacing:-.022em; }
.view .eyebrow:first-child{ margin-top:2px; }

/* ---- single-accent discipline (adapted) ----
   Interactive = emerald; brass stays the decorative/selection highlight the
   brand defines. Ensure inline text links read as the one action colour. */
.view a:not(.btn){ color:var(--navy); text-underline-offset:2px; }
[data-theme="dark"] .view a:not(.btn){ color:var(--navy); }