/* Fluxus Pessoal — menu interno vertical da Fase 1. */
#content:has(.fx-pessoal-shell) { min-height: 420px; }
.fx-pessoal-shell { display: flex; align-items: stretch; min-height: 420px; background: #fff; border: 1px solid #d5dfe6; }
.fx-pessoal-menu { flex: 0 0 280px; width: 280px; background: #fff; border-right: 1px solid #d5dfe6; }
.fx-pessoal-menu-level { list-style: none; margin: 0; padding: 0; }
.fx-pessoal-menu-item { margin: 0; padding: 0; }
.fx-pessoal-menu-button { width: 100%; min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 12px; border: 0; border-bottom: 1px solid #e5ebef; background: #fff; color: #23445b; font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
.fx-pessoal-menu-button:hover { background: #eef5f9; }
.fx-pessoal-menu-item.is-open > .fx-pessoal-menu-button { background: #e7f0f6; color: #0f4569; font-weight: 600; }
.fx-pessoal-menu-chevron { flex: 0 0 auto; transition: transform .12s ease; color: #698293; }
.fx-pessoal-menu-item.is-open > .fx-pessoal-menu-button > .fx-pessoal-menu-chevron { transform: rotate(90deg); }
.fx-pessoal-submenu { margin: 0; padding: 0; border-left: 2px solid #d8e3ea; }
.fx-pessoal-submenu[data-depth="1"] > .fx-pessoal-menu-item > .fx-pessoal-menu-button { padding-left: 24px; background: #fbfcfd; }
.fx-pessoal-submenu[data-depth="2"] > .fx-pessoal-menu-item > .fx-pessoal-menu-button { padding-left: 38px; background: #f8fafb; }
.fx-pessoal-page { flex: 1 1 auto; min-width: 0; padding: 18px 20px; }
.fx-pessoal-page h1 { margin: 0 0 6px; color: #0f3b60; }
.fx-pessoal-page > p { margin: 0 0 16px; color: #60788a; }
.fx-pessoal-home-card, .fx-pessoal-placeholder { max-width: 760px; padding: 14px 16px; background: #fff; border: 1px solid #cfdae2; border-radius: 3px; }
.fx-pessoal-route { margin-top: 8px; font-size: 11px; color: #8295a3; }