/* Home to the design (design/DESIGN_GUIDE.md; audit design/previews/visit-redesign/audit/app-gaps.json).
   Desktop and the web only: every rule is scoped :root:not(.android):not(.ios) or wrapped in @media (min-width:768px); the phones keep their tiers.
   Colours through tokens.css only (rule I-3). Source lines refer to design/DocVoc-Visit-Handoff-2026-09-23/source/DocVoc Redesign.dc.html. */
@media (min-width:768px){
  /* The page (source 372–381, 499): the kicker sits in the header at 14px; the greeting starts 4px under it (32px from the top),
     the header’s 10px foot plus the content’s 18px top separate it from the cards, and the content ends 18px above the bottom. */
  :root:not(.android):not(.ios) #dashboard-page.screen{padding:32px 30px 18px}
  :root:not(.android):not(.ios) #dashboard-page>.page-heading{min-height:0;align-items:flex-start;padding-bottom:10px}
  /* Stat cards (source 503–512): a 16px icon in --ink3 beside the kicker, the detail on the body’s normal line-height. The card
     stays a button (DESIGN_GUIDE §6: a stat card only when it drives an action) and is labelled as one. */
  :root:not(.android):not(.ios) .home-metric-label .icon{width:16px;height:16px;color:var(--hint)}
  :root:not(.android):not(.ios) .home-metric>small{line-height:normal}
  /* The queue card (source 514–534) takes the room left on the page and shows as many whole rows as fit (clinical.js
     fitHomeRows); the rest stay behind See all N in Review. Title row 12px 19px; See all at weight 400 on a normal line-height. */
  :root:not(.android):not(.ios) .home-table{flex:1 1 auto;min-height:0}
  :root:not(.android):not(.ios) .home-table>.table-rows{flex:1;min-height:0;overflow:hidden}
  :root:not(.android):not(.ios) .home-table>.table-title{padding:12px 19px}
  :root:not(.android):not(.ios) .see-all{font-weight:400;line-height:normal}
  /* Rows (source 522): the design’s minimums for the two fluid columns; the status and action tracks are fixed (owner: no auto
     tracks), sized to the chip words (Needs review · Recording only · Transcript ready · Transcribing…) and Write note. Every row,
     the last included, ends with the design’s --line2 rule. */
  :root:not(.android):not(.ios) .home-table .table-row.home-columns{grid-template-columns:minmax(140px,1.4fr) minmax(112px,1.2fr) 150px 92px!important}
  :root:not(.android):not(.ios) .home-table .table-row.home-columns:last-child{border-bottom:1px solid var(--row-border)}
  /* The access-hold strip that heads Today while the practice’s access is held (not drawn in the design; owner: a way forward
     on every blocking screen) wears the same card as its neighbours, with the design’s 44px controls. */
  :root:not(.android):not(.ios) #dashboard-page>#approval-card{margin:0;padding:12px 19px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:var(--shadow-chip);color:var(--ink)}
  :root:not(.android):not(.ios) #dashboard-page>#approval-card .approval-actions button{height:44px;min-height:44px}
}