/* What the four modern looks share (Calm Clinic, Night Shift, Patient Record, Paper File): the mockup's shared section (designs.css, ".app …", nazeernajjar.com/mockups/clinic-modern/) put on the app's own markup and drawn in the tokens every look sets on :root[data-look=""] (look-.css): --bg --sf --ink --mut --line --ac --acs --on-ac --red the page, a surface, the words, the quiet words, the lines, the accent, its pale wash, the words on the accent, and red; --font --radius the look's type (its stack ends Tahoma, Arial, sans-serif) and the corners of its boxes; --list-visits … --list-pathology each list's colour (its dot). Here: the page, the boxes with their labels above them, the buttons, the notes and messages, the strip, the download screen, the save marks, the dialogs, the card's own pieces, the shared pieces of shell.js (the brand, the side panel with Find, the patient's header, the tabs as tiles with their counts, the bar), the lists as cards (and as a table where the window is wide), Settings as cards of rows, the sign-in panels and the scanner; and on the phone, every control 44 × 44 and the bar fixed at the foot. Where each piece goes on the page is the look's own (look-.css). Every selector starts with :root[data-modern], so nothing here can match in Classic (clinic.css), which this file never changes. Font sizes are a size times --ts, and a box or bar holding text has a min-height. The figures stay Latin; يحتاج مراجعة stays yellow with black words. Chromium 108 and Safari 15.4: no nesting, :has(), subgrid, text-wrap or color-mix(); icons drawn here are -webkit-mask pictures (data: URLs, which the pages' img-src allows) in the words' own colour. A long text box's whole value (long.js): its