/* SPA shell additions (CRM-Web). Everything visual comes from the CRM's own styles.css. */
#maincontent[data-loading="1"] { opacity: 0.6; }
#route-error { padding: 2em; }
#route-error code { background: #eee; padding: 2px 4px; }
/* chrome "none" (login, the report pages): nothing the admin pages draw around the content - header, sidebar, footer,
   and the boxes util.js adds to <body> (follow-ups / notification bar in #div-followup, trouble tickets in #div-tts, RTC
   toasts), which a CF report page never had either. !important: util.js opens those boxes with jQuery .show(), an
   inline display that would otherwise win */
body[data-chrome="none"] #leftbar, body[data-chrome="none"] #chrome-top, body[data-chrome="none"] #footer,
body[data-chrome="none"] #div-followup, body[data-chrome="none"] #div-tts, body[data-chrome="none"] #rtc-toasts { display: none !important; }
#login-view { max-width: 480px; margin: 40px auto; }
#login-view .error { color: #990000; }
#nav-host ul.sf-menu li#nav-darkmode { float: right; width: auto; list-style: none; border-right: 0; background-color: #333333; margin-right: 14px; }
#nav-host ul.sf-menu li#nav-darkmode ul { left: auto; right: 0; }
@media (max-width: 1200px) { #nav-host ul.sf-menu > li { width: auto; } }