/* ============================================================================
 * shell.css — v1.1.0
 * Shell-specific styles. Loaded on /index.html only.
 *
 * v1.1.0 changes vs v1.0.0:
 *  - Launcher card grid removed (launcher concept replaced by the menu +
 *    home module).
 *  - State panels (.platform-state-panel) added: they overlay .app-main
 *    when the iframe cannot be shown (unauth / no-access / error).
 *  - Iframe sizing is handled by the framework's .app-shell-frame variant
 *    (eas-ui-framework v1.3.0).
 * ========================================================================== */

/* State overlays: when shown, they cover the .app-main area; the iframe
   is hidden via [hidden]. They are scrollable on small screens.           */
.platform-state-panel{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:48px 24px;
  overflow-y:auto;
  background:var(--eas-bg);
}
.platform-state-panel > .panel{
  max-width:560px;
  width:100%;
  margin-top:8vh;
}

/* The .app-main area must be a positioning context so the state panels
   above can absolute-position to fill it. The framework leaves it
   unpositioned by default. */
#platform-shell.app-shell-frame > .app-main{
  position:relative;
}

/* Topbar user pill — preserved from v1.0.0 */
#platform-user-pill::before {
  content: "◉ ";
  color: var(--eas-success);
}

/* Tighten the launcher-era margins on the topbar action buttons */
#platform-account-link[hidden],
#platform-logout-link[hidden]{display:none}

/* On mobile, the topbar title can be long; truncate gracefully. */
@media (max-width: 680px){
  .app-topbar-title{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:60%;
  }
}