@@ -1893,12 +1896,10 @@ onBeforeUnmount(() => {
to { opacity: 1; transform: scale(1); }
}
-/* ═══════ Page chrome em desktop — fica do mesmo tamanho dos outros ═══════ */
-@media (min-width: 1024px) {
- .mpa-page {
- right: max(6px, min(50%, calc(100% - 1006px)));
- }
-}
+/* Page chrome desktop: largura TOTAL (sem right:max). O prontuario tem
+ muito conteudo (KPIs grid + tabelas + timeline), full-width facilita
+ leitura. Diferente das outras Melissa Pages que tem painel flutuante
+ ou conteudo mais compacto. */
.mpa-page__head {
display: flex;
@@ -2010,6 +2011,7 @@ onBeforeUnmount(() => {
}
.mpa-close:hover { background: var(--m-bg-soft-hover); color: var(--m-text); }
+
.mpa-menu-btn {
display: none;
align-items: center;
@@ -2107,25 +2109,15 @@ onBeforeUnmount(() => {
background: var(--m-bg-soft-hover);
border-color: var(--m-border-strong);
}
-.mpa-cfg-btn.is-open {
- background: color-mix(in srgb, var(--p-primary-color) 14%, transparent);
- border-color: color-mix(in srgb, var(--p-primary-color) 38%, transparent);
- color: var(--p-primary-color);
+.mpa-cfg-btn--back:hover {
+ background: color-mix(in srgb, var(--p-primary-color) 8%, var(--m-bg-medium));
+ border-color: color-mix(in srgb, var(--p-primary-color) 30%, transparent);
}
.mpa-cfg-btn > i:first-child {
color: var(--p-primary-color);
font-size: 0.92rem;
}
.mpa-cfg-btn > span { flex: 1; }
-.mpa-cfg-btn__chev {
- color: var(--m-text-muted);
- font-size: 0.7rem;
-}
-.mpa-side__scroll--cfg {
- padding: 8px;
- gap: 0;
-}
-
.mpa-main {
flex: 1;
min-width: 0;