/* ClinicAsp's own additions for the staff side. site.css stays a verbatim copy of the JSX's STYLES. */

/* The menu items are links here (the JSX used buttons), so they don't get a link's underline. */
a.navbtn, a.pb-btn, a.homebtn, a.mtile, a.ci { text-decoration: none; }

/* The top-bar clock's seconds and AM/PM (inline styles in the JSX's TopClock). */
.clock .s { font-size: 13px; opacity: .65; }
.clock .ap { font-size: 12px; margin-left: 4px; }

/* The phone's + and More sheets: closed until opened (impact.js), and never on a wider screen. */
.sheetwrap[hidden] { display: none; }
@media (min-width: 761px) { .sheetwrap { display: none !important; } }
.mprofile .avatar { width: 46px; height: 46px; font-size: 19px; } /* inline style in the JSX's MoreSheet */

/* A menu entry whose feature isn't built yet: greyed out, with the "Soon" tag (none in the narrow side nav). */
.ci:disabled, .mprofile:disabled, .mrow:disabled, .mtile:disabled { cursor: default; color: var(--muted); }
.ci:disabled .cic, .mrow:disabled .mi, .mprofile:disabled .avatar, .mtile:disabled .ic { opacity: .5; }
.navbtn.not-built { cursor: default; opacity: .4; }
.navbtn.not-built:hover { background: none; color: #cfd4c8; }
.navbtn.not-built:hover .ic { transform: none; }
.soon { flex: none; font-size: 11px; padding: 2px 8px; }