/* Home page (quick actions + today's metrics). Split verbatim from public/styles.css. */

    /* ---------- Quick action cards ---------- */
    .quickgrid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    .qcard { text-align:left; background:var(--surf); border:1px solid var(--line); border-radius:var(--r14); padding:15px; box-shadow:var(--shadow); display:flex; flex-direction:column; gap:9px; min-height:0; position:relative; overflow:hidden; transition:transform .12s, box-shadow .12s, border-color .12s; }
    .qcard:hover { transform:translateY(-2px); box-shadow:var(--shadow2); border-color:var(--line2); }
    .qcard:active { transform:translateY(0); }
    .qcard .qicon { width:46px; height:46px; border-radius:13px; display:grid; place-items:center; font-size:23px; color:#fff; flex:0 0 auto; }
    .qcard h3 { font-size:15.5px; }
    .qcard p { font-size:12.5px; color:var(--ink3); line-height:1.4; }
    .qcard .cta { margin-top:auto; color:var(--jem2); font-weight:800; font-size:12.5px; display:inline-flex; align-items:center; gap:5px; }
    .qcard .cta .ico { font-size:15px; }

    /* ---------- Metric cards ---------- */
    .metricgrid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
    .metric { background:var(--surf); border:1px solid var(--line); border-radius:var(--r14); padding:13px; box-shadow:var(--shadow); display:flex; align-items:center; gap:12px; }
    .metric .mi { width:42px; height:42px; border-radius:12px; display:grid; place-items:center; font-size:21px; flex:0 0 auto; }
    .metric b { font-size:25px; line-height:1; color:var(--navy); display:block; }
    .metric span { font-size:11.5px; color:var(--ink3); font-weight:800; text-transform:uppercase; letter-spacing:.03em; }

@media (min-width:900px) {
  .quickgrid { grid-template-columns:repeat(3,1fr); }
  .metricgrid { grid-template-columns:repeat(3,1fr); }
}

/* hub theme override (from the v1 FAST text-on-light block) */
body[data-theme="fast"] .qcard .cta { color:#8A5E12; }

/* v2: quick-action cards are links. v1 rendered them as <button>, whose reset gave them the
   inherited colour and weight 700 that the description text relies on. */
a.qcard { text-decoration:none; color:inherit; font-weight:700; }