/* Extensión a pantalla completa: la barra con el mismo Liquid Glass del menú del teléfono (drawer.css). */
html.cb-full body .shell nav.rail {
  margin: 8px; border-radius: 30px; padding: 14px 12px 14px; border: 0 !important; box-sizing: border-box; overflow: hidden;
  background: linear-gradient(180deg, rgba(40, 36, 80, .62), rgba(14, 14, 26, .78)) !important;
  -webkit-backdrop-filter: blur(40px) saturate(190%); backdrop-filter: blur(40px) saturate(190%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 0 0 .5px rgba(255,255,255,.12), 0 30px 80px rgba(0,0,0,.6) !important;
  height: calc(100% - 16px);
}
html.cb-full .rail .rail-btn { min-height: 44px; padding: 0 10px; gap: 14px; border: 0; border-radius: 14px; background: none; color: #f5f5f7; transition: background .2s, transform .2s; }
html.cb-full .rail .rail-btn:hover { background: rgba(255,255,255,.08); }
html.cb-full .rail .rail-btn:active { background: rgba(255,255,255,.12); transform: scale(.98); }
html.cb-full .rail .rail-btn[aria-current="true"], html.cb-full .rail .rail-btn.on { background: rgba(255,255,255,.12); }
html.cb-full .rail .rail-btn .rl { font: 500 15px -apple-system, Inter, system-ui, sans-serif; }
html.cb-full .rail .rail-btn .ri { opacity: .85; }
html.cb-full .rail input[type="search"], html.cb-full .rail input { border-radius: 999px !important; background: rgba(255,255,255,.08) !important; border: 0 !important; box-shadow: inset 0 0 0 .5px rgba(255,255,255,.12); }
/* Caja de escribir y botones de modo: el mismo vidrio que en el teléfono. */
html body form.composer#chat-form {
  background: linear-gradient(180deg, rgba(40, 36, 80, .5), rgba(14, 14, 26, .7)) !important;
  -webkit-backdrop-filter: blur(30px) saturate(180%); backdrop-filter: blur(30px) saturate(180%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 0 0 .5px rgba(255,255,255,.12), 0 20px 50px rgba(0,0,0,.45) !important;
  border: 0 !important; border-radius: 28px !important;
}
/* Aviso de error en el chat: legible y con su botón */
html body .note.err { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 16px; border-radius: 16px; font-size: 13.5px; line-height: 1.45; color: #fecaca; background: rgba(239, 68, 68, .1); border: 1px solid rgba(239, 68, 68, .25); }
html body .note.err .note-cta { margin-left: auto; }
html body .note.err .note-cta { background: linear-gradient(135deg, #7c3aed, #4f46e5) !important; color: #fff !important; border: 0 !important; padding: 7px 14px !important; border-radius: 999px !important; font-weight: 600; }