/* @overa/ui-kit 0.12.0 · una consola de la suite montada con `OveraSuiteShell.mountConsole` (js/suite-console.js):
   `body.ov-console`, que se pone fuera de un iframe. Lo que atlas inyectaba en su menu.js y Helios tenía en su
   suite-nav.css, igual en las dos (U3). */

/* la cabecera mide lo del kit (barra 70 + pestaña 46 + migas 40): `--cfg-alto` es de donde sale el hueco de arriba */
body.ov-console {
  --cfg-alto: var(--ov-sh-head);
  /* lo que flota (modales, avisos) va por encima de la barra y del menú */
  --capa-modal: 1200;
  --capa-encima: 1250;
  --capa-aviso: 1300;
}
/* el contenido, a la derecha del menú de la suite */
@media (min-width: 901px) {
  body.ov-console.ov-shell-side .layout,
  body.ov-console .layout { padding-left: calc(var(--ov-sh-side) + 24px); transition: padding-left .15s ease; }
}
/* LAS MIGAS SON LA FRANJA DEL KIT: #crumb lleva `.ov-sh-crumbs` (la coloca el kit) */
body.ov-console .crumb.ov-sh-crumbs {
  position: fixed; top: calc(var(--ov-sh-bar-h) + var(--ov-sh-tabs-h)); left: var(--ov-sh-side); right: 0;
  height: var(--ov-sh-crumbs-h); margin: 0; padding: 0 24px; box-shadow: none; background: var(--ov-sh-bg);
  border: 0; border-bottom: 1px solid var(--ov-sh-rule); z-index: 998; display: flex; align-items: center;
}
@media (max-width: 900px) { body.ov-console .crumb.ov-sh-crumbs { left: 0; } }
body.ov-console .crumb.ov-sh-crumbs span.sep { margin: 0 10px; color: var(--ov-sh-ink3); }
body.ov-console .crumb.ov-sh-crumbs .croot,
body.ov-console .crumb.ov-sh-crumbs .cfijo { color: var(--ov-sh-ink3); }
body.ov-console .crumb.ov-sh-crumbs .croot:hover { color: var(--ov-sh-ink); }
/* sin el engranaje en la barra: el menú está en el lateral (dentro de un iframe sí, y no lleva esta clase) */
body.ov-console #ajustes, body.ov-console .cfg, body.ov-console .cfgpanel { display: none !important; }

/* lo de la derecha de la barra: el despacho */
body.ov-console .ov-console-extra { display: flex; align-items: center; gap: 6px; }
body.ov-console .ov-console-extra .desp-btn { color: var(--ov-sh-bar-ink); border-color: var(--ov-sh-bar-line); height: 32px; }
body.ov-console .ov-console-extra .desp-btn:hover,
body.ov-console .ov-console-extra .desp-btn[aria-expanded="true"] { background: var(--ov-sh-bar-control); border-color: var(--ov-sh-bar-muted); }
@media (max-width: 700px) { body.ov-console .ov-console-extra .desp-btn .desp-nm { display: none; } }