/* A client's Working hours (Rami, 3 November 2026; public/clienthours.js), on the client's About tab. Hallmark: Cadence tokens only, so
   light and dark follow by themselves; every rule scoped to .wh. Fits a phone at 390px with no sideways scroll. */
html body .wh:not(#_){min-width:0}
html body .wh .wh-head:not(#_){display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 10px}
html body .wh .wh-head h2:not(#_){margin:0}
html body .wh .wh-btns:not(#_){display:inline-flex;gap:8px}
html body .wh .wh-now:not(#_){display:flex;align-items:center;flex-wrap:wrap;gap:0 4px;margin:0 0 12px;padding:8px 12px;border-radius:999px;background:var(--surface-sunken);font-size:13.5px;color:var(--c-ink);width:fit-content;max-width:100%;box-sizing:border-box}
html body .wh .wh-now i:not(#_){width:8px;height:8px;border-radius:50%;flex:none;margin-inline-end:6px;background:var(--ink-subtle)}
html body .wh .wh-now.on i:not(#_){background:var(--accent-green)}
html body .wh .wh-now.off i:not(#_){background:var(--status-stuck-fg)}
html body .wh .wh-now b:not(#_){font-weight:600}
html body .wh .wh-h:not(#_){margin:14px 0 6px;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--ink-muted)}
html body .wh .wh-h:first-of-type:not(#_){margin-top:4px}
html body .wh .wh-week:not(#_){margin:0;display:grid;gap:0}
html body .wh .wh-d:not(#_){display:grid;grid-template-columns:minmax(84px,auto) minmax(0,1fr);gap:12px;padding:5px 8px;border-radius:var(--radius-md);font-size:13.5px}
html body .wh .wh-d:nth-child(odd):not(#_){background:var(--surface-sunken)}
html body .wh .wh-d dt:not(#_){color:var(--ink-muted)}
html body .wh .wh-d dd:not(#_){margin:0;text-align:end;font-variant-numeric:tabular-nums;color:var(--c-ink);overflow-wrap:anywhere}
html body .wh .wh-d.wh-today :is(dt,dd):not(#_){font-weight:600;color:var(--c-ink)}
html body .wh .wh-season:not(#_){border-radius:var(--radius-md);background:var(--surface-sunken);padding:8px 10px;margin:0 0 6px}
html body .wh .wh-season>summary:not(#_){display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap;cursor:pointer;font-size:13.5px}
html body .wh .wh-season>summary small:not(#_),html body .wh .wh-special small:not(#_){color:var(--ink-muted);font-size:12.5px}
html body .wh .wh-season .wh-week:not(#_){margin-top:6px}
html body .wh .wh-season .wh-d:nth-child(odd):not(#_){background:var(--surface)}
html body .wh .wh-tag:not(#_){font-style:normal;font-size:11.5px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--accent-green);color:var(--surface)}
html body .wh .wh-special:not(#_){list-style:none;margin:0;padding:0;display:grid;gap:4px}
html body .wh .wh-special li:not(#_){display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-md);font-size:13.5px}
html body .wh .wh-special li:nth-child(odd):not(#_){background:var(--surface-sunken)}
html body .wh .wh-special li.wh-today:not(#_){font-weight:600}
html body .wh .wh-special li>span:first-child:not(#_){display:flex;flex-direction:column;min-width:0}
html body .wh .wh-sv:not(#_){text-align:end;font-variant-numeric:tabular-nums;flex:none;max-width:55%}
html body .wh :is(.wh-none,.wh-ro):not(#_){margin:6px 0 0}
/* editing */
html body .wh .wh-ed:not(#_){display:grid;gap:6px;min-width:0}
html body .wh .wh-hint:not(#_){margin:0 0 4px;font-size:12.5px}
html body .wh .wh-ed-d:not(#_){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);min-width:0}
html body .wh .wh-dn:not(#_){font-weight:600;font-size:13.5px}
html body .wh .wh-ranges:not(#_){grid-column:1/-1;display:grid;gap:6px;min-width:0}
html body .wh .wh-ranges:empty:not(#_){display:none}
html body .wh .wh-link:not(#_){border:0;background:none;padding:2px 0;font:inherit;font-size:12.5px;font-weight:600;color:var(--ink-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
html body .wh .wh-link:hover:not(#_){color:var(--c-ink)}
/* a wide card: each day on one line (the day, its kind, its hours) */
@media (min-width:900px){html body .pf-main .wh .wh-ed-d:not(#_){grid-template-columns:110px 170px minmax(0,1fr);align-items:start}html body .pf-main .wh .wh-ed-d>:is(.wh-dn,.wh-mode):not(#_){align-self:center}html body .pf-main .wh .wh-ranges:not(#_){grid-column:auto}html body .pf-main .wh .wh-r:not(#_){max-width:420px}}
html body .wh .wh-mode:not(#_):not(#_){width:auto;min-width:0;max-width:100%;height:34px}
html body .wh .wh-r:not(#_){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 28px;align-items:center;gap:6px}
html body .wh .wh-t:not(#_):not(#_){width:100%;min-width:0;height:34px;font-variant-numeric:tabular-nums}
html body .wh .wh-x:not(#_){width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--ink-muted);font-size:18px;line-height:1;cursor:pointer}
html body .wh .wh-x:hover:not(#_){background:var(--surface-hover);color:var(--c-ink)}
html body .wh .wh-acts:not(#_){display:flex;flex-wrap:wrap;gap:4px 14px}
html body .wh .wh-box:not(#_){border:0;margin:0 0 6px;padding:10px;border-radius:var(--radius-md);background:var(--surface-sunken);min-width:0}
html body .wh .wh-row:not(#_){display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:6px;align-items:center}
html body .wh .wh-dates:not(#_){display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
html body .wh .wh-dates label:not(#_){display:grid;gap:4px;font-size:12.5px;color:var(--ink-muted);min-width:0}
html body .wh .wh-dates input:not(#_):not(#_){width:100%;min-width:0;height:34px}
html body .wh .wh-sw:not(#_){margin-top:8px}
html body .wh .wh-sw>summary:not(#_){cursor:pointer;font-size:13px;font-weight:600}
html body .wh .wh-box .wh-ed-d:last-child:not(#_){border-bottom:0}
html body .wh .wh-err:not(#_){margin:6px 0 0;color:var(--status-stuck-fg);font-size:13px}
html body .wh .sr-only:not(#_){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:420px){html body .wh .wh-dates:not(#_){grid-template-columns:1fr}}
/* Business info (Rami, 3 November 2026; public/clientbiz.js): the business's numbers, address, hours and branches */
html body .bi .bi-head:not(#_){display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 10px}
html body .bi .bi-head h2:not(#_){margin:0}
html body .bi .bi-h:not(#_){display:flex;align-items:baseline;justify-content:flex-start;gap:8px;margin:18px 0 8px;font-size:14px;font-weight:600;color:var(--c-ink)}
html body .bi .bi-h small:not(#_){font-size:12px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--surface-sunken);color:var(--ink-muted)}
html body .bi .bi-h4:not(#_){margin:12px 0 6px;font-size:12px;font-weight:600;color:var(--ink-muted)}
html body .bi .bi-list:not(#_){margin:0;display:grid}
html body .bi .bi-r:not(#_){display:grid;grid-template-columns:minmax(96px,150px) minmax(0,1fr);gap:4px 12px;align-items:center;padding:6px 8px;border-radius:var(--radius-md);font-size:13.5px}
html body .bi .bi-r:nth-child(odd):not(#_){background:var(--surface-sunken)}
html body .bi .bi-r dt:not(#_){color:var(--ink-muted)}
html body .bi .bi-r dd:not(#_){margin:0;display:flex;align-items:center;justify-content:space-between;gap:6px 10px;flex-wrap:wrap;min-width:0}
html body .bi .bi-v:not(#_){min-width:0;overflow-wrap:anywhere;color:var(--c-ink);font-variant-numeric:tabular-nums}
html body .bi .bi-acts:not(#_){display:inline-flex;gap:6px;flex-wrap:wrap}
html body .bi .bi-act:not(#_):not(#_){display:inline-flex;align-items:center;height:28px;padding:0 12px;border:0;border-radius:999px;background:var(--surface);color:var(--c-ink);font:inherit;font-size:12.5px;font-weight:600;text-decoration:none;cursor:pointer;box-shadow:inset 0 0 0 1px var(--border)}
html body .bi .bi-act:hover:not(#_):not(#_){background:var(--surface-hover)}
html body .bi .bi-about:not(#_){margin:10px 2px 0;font-size:13.5px;color:var(--c-ink);white-space:pre-line}
html body .bi .bi-brs:not(#_){display:grid;gap:8px}
html body .bi .bi-br:not(#_){border-radius:var(--radius-md);background:var(--surface-sunken);padding:10px 12px}
html body .bi .bi-br>summary:not(#_){display:flex;align-items:center;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;cursor:pointer;list-style:none}
html body .bi .bi-br>summary::-webkit-details-marker{display:none}
html body .bi .bi-brn:not(#_){display:flex;flex-direction:column;min-width:0}
html body .bi .bi-brn small:not(#_){color:var(--ink-muted);font-size:12.5px}
html body .bi .bi-br[open]>summary:not(#_){margin-bottom:8px}
html body .bi .bi-br .bi-r:nth-child(odd):not(#_),html body .bi .bi-br .wh-d:nth-child(odd):not(#_),html body .bi .bi-br .wh-special li:nth-child(odd):not(#_){background:var(--surface)}
html body .bi .wh-now.sm:not(#_){margin:0;padding:4px 10px;font-size:12.5px;background:var(--surface)}
html body .bi .bi-same:not(#_){margin:8px 2px 0}
/* editing */
html body .bi .bi-ed:not(#_){display:grid;gap:6px;min-width:0}
html body .bi .bi-fields:not(#_){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
html body .bi .bi-f:not(#_){min-width:0;margin:0}
html body .bi .bi-f.wide:not(#_){grid-column:1/-1}
html body .bi .bi-f .find:not(#_){width:100%;min-width:0;box-sizing:border-box}
html body .bi .bi-f .wh-row:not(#_){margin:0 0 6px}
html body .bi .bi-brbox:not(#_){border:0;margin:0 0 8px;padding:12px;border-radius:var(--radius-md);background:var(--surface-sunken);min-width:0}
html body .bi .bi-brtop:not(#_){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;margin:0 0 8px}
html body .bi .bi-brtop .find:not(#_){font-weight:600}
html body .bi .bi-mv:not(#_){display:inline-flex;gap:2px}
html body .bi .wh-x:disabled:not(#_){opacity:.3;cursor:default}
html body .bi .bi-samec:not(#_){display:flex;align-items:center;gap:8px;margin:8px 0 4px;font-size:13.5px}
html body .bi .bi-brbox .wh-ed:not(#_){margin-top:6px}
@media (max-width:560px){html body .bi .bi-fields:not(#_){grid-template-columns:1fr}html body .bi .bi-r:not(#_){grid-template-columns:1fr}}
html[dir=rtl] body .wh .wh-d dd[dir=ltr]:not(#_){text-align:left}