/* Daily Life Doc: panel mode (js/panel/panel.js, wiki/extension.md). The web app shown in a frame inside Chrome's
   side panel, opened with ?panel=1: `html.panel`. Every rule here is under `html.panel`, so the full app is
   untouched. The side panel is narrow and has no phone frame: the app fills the frame's whole width and height. */
html.panel body { display: block; background: var(--bg); }
html.panel .phone { --sb: 0px; width: 100%; height: 100dvh; border-radius: 0; box-shadow: none; }
html.panel .sbar { display: none; }
/* css/frame.css fades the top of the scrolling layers under the drawn status bar on a wide window: there is none here. */
html.panel .phone .screen, html.panel .phone .full { -webkit-mask-image: none; mask-image: none; }

/* "Open app": one quiet text link at the right of the header of a tab, where the full app has the Call button. */
html.panel .pn-open { flex: none; padding: 8px 4px; border-radius: 8px; font-size: var(--t-xs); color: var(--ink2); text-decoration: underline; text-underline-offset: 3px;
  white-space: nowrap; background: none; }
html.panel .pn-open:active { color: var(--ink); }

/* Today shows today only: the week row is the full app's. */
html.panel [data-week] { display: none; }

/* The unseen copy the extension keeps while the panel is closed draws nothing anyone sees. */
html.panel-quiet body { visibility: hidden; }