/* Shared launcher skin; also served at the edge during runtime rollouts. */
@media screen {
  .modern-workspace { --background:#dde5ee; background:#dde5ee; }
  .modern-workspace .site-shell { background:linear-gradient(165deg,#e4eaf1 0%,#d7e1ec 100%); }
  .modern-workspace .site-shell > main { padding-bottom:calc(112px + env(safe-area-inset-bottom)); }
  .modern-workspace .app-launcher { width:100%; max-width:1040px; min-width:0; box-sizing:border-box; }
  .modern-workspace .launcher-overview { padding:22px 24px; margin-bottom:26px; border:1px solid #254754; border-radius:22px; background:linear-gradient(120deg,#173d45,#244d60); box-shadow:0 12px 30px #173d4517; }
  .modern-workspace .launcher-overview > div > span { color:#cfdee5; }
  .modern-workspace .launcher-overview h2 { color:#fff; font-size:1.5rem; letter-spacing:-.025em; }
  .modern-workspace .launcher-paid { border-color:#ffffff30; }
  .modern-workspace .launcher-paid > svg { color:#85dbba; }
  .modern-workspace .launcher-paid > span { color:#cfdee5; }
  .modern-workspace .launcher-paid strong { color:#fff; font-size:1.65rem; }
  .modern-workspace .launcher-group { margin-bottom:26px; }
  .modern-workspace .launcher-group > h2 { color:#42556c; font-size:1rem; font-weight:700; margin:0 0 12px 2px; }
  .modern-workspace .launcher-grid { width:100%; min-width:0; box-sizing:border-box; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
  .modern-workspace .launcher-tile { position:relative; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:12px; width:100%; max-width:100%; min-width:0; min-height:88px; box-sizing:border-box; overflow:hidden; padding:16px; border:1px solid #cbd6e3; border-radius:18px !important; background:#fff; box-shadow:0 3px 9px #20324c06; color:#20364d; text-align:left; }
  .modern-workspace .launcher-tile:hover { background:#f7faff; border-color:#8ca5c3; box-shadow:0 8px 20px #20324c10; }
  .modern-workspace .launcher-tile > strong { min-width:0; text-align:left; font-size:1rem; font-weight:650; line-height:1.35; overflow-wrap:anywhere; }
  .modern-workspace .launcher-icon { position:static; width:46px; height:46px; border-radius:14px; box-shadow:none; }
  .modern-workspace .launcher-icon svg { width:25px; height:25px; }
  .modern-workspace .launcher-badge { top:7px; right:9px; min-width:20px; min-height:20px; border:0; padding:2px 5px; background:#e9eff8; color:#315889; font-size:.75rem; font-weight:700; }
  .modern-workspace .launcher-group:first-of-type .launcher-tile:first-child { grid-column:span 2; background:#205dd6; border-color:#205dd6; color:#fff; }
  .modern-workspace .launcher-group:first-of-type .launcher-tile:first-child:hover { background:#1c52bd; }
  .modern-workspace .launcher-group:first-of-type .launcher-tile:first-child .launcher-icon { background:#ffffff20; }
  .modern-workspace .launcher-group:first-of-type .launcher-tile:first-child > strong { font-size:1.0625rem; }
  .modern-workspace .icon-blue { background:#e7efff; color:#2861cf; }
  .modern-workspace .icon-cyan { background:#e3f3f8; color:#127593; }
  .modern-workspace .icon-green { background:#e3f5ec; color:#16804e; }
  .modern-workspace .icon-orange { background:#fff0df; color:#b65c12; }
  .modern-workspace .icon-violet { background:#eee8fc; color:#724ac3; }
  .modern-workspace .icon-teal { background:#e2f3f0; color:#187e73; }
  .modern-workspace .icon-indigo { background:#e8edfc; color:#4c60bb; }
  .modern-workspace .icon-gold { background:#fcf2d9; color:#936916; }
  .modern-workspace .icon-slate { background:#e9eef4; color:#50657d; }
  @media (max-width:760px) {
    .modern-workspace .site-shell > main { padding:18px 16px calc(112px + env(safe-area-inset-bottom)); }
    .modern-workspace .launcher-overview { padding:20px; margin-bottom:22px; }
    .modern-workspace .launcher-overview h2 { font-size:1.3rem; }
    .modern-workspace .launcher-paid { margin-top:16px; padding-top:14px; }
    .modern-workspace .launcher-paid > span { font-size:.875rem; }
    .modern-workspace .launcher-grid { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .modern-workspace .launcher-tile { padding:14px 12px; gap:10px; min-height:86px; }
    .modern-workspace .launcher-tile > strong { font-size:.875rem; }
    .modern-workspace .launcher-icon { width:38px; height:38px; border-radius:12px; }
    .modern-workspace .launcher-icon svg { width:23px; height:23px; }
    .modern-workspace .launcher-group:first-of-type .launcher-tile:first-child { min-height:72px; }
    .modern-workspace .app-launcher::after { content:""; position:fixed; bottom:0; left:0; right:0; height:calc(76px + env(safe-area-inset-bottom)); z-index:35; border-top:1px solid #cbd6e3; background:rgba(245,248,252,.97); box-shadow:0 -4px 18px #20324c08; pointer-events:none; }
    body:has(.modern-workspace .app-launcher) .app-back-button { bottom:calc(14px + env(safe-area-inset-bottom)); left:16px; min-height:46px; padding:10px 16px; border-color:#cbd6e3; border-radius:14px; color:#344c65; box-shadow:none; font-size:.875rem; }
    .modern-workspace:has(.app-launcher) .supervisor-chat { bottom:calc(14px + env(safe-area-inset-bottom)); right:16px; }
    .modern-workspace:has(.app-launcher) .supervisor-chat-trigger { min-height:46px; padding:5px 10px 5px 5px; border-radius:14px; gap:8px; box-shadow:none; }
    .modern-workspace:has(.app-launcher) .supervisor-chat-trigger > span:first-child { width:34px; height:34px; border-radius:10px; }
    .modern-workspace:has(.app-launcher) .supervisor-chat-trigger > span:nth-child(2) { display:grid; }
    .modern-workspace:has(.app-launcher) .supervisor-chat-trigger small { display:none; }
  }
  @media (max-width:360px) {
    .modern-workspace .launcher-tile { flex-direction:column; align-items:flex-start; gap:9px; }
    .modern-workspace .launcher-group:first-of-type .launcher-tile:first-child { flex-direction:row; align-items:center; }
  }
}