/* ====================================================== */
/* ATUALIZAÇÃO v_theme_11: Lógica de z-index (Sua Sugestão) */
/* ====================================================== */
/* O app (menus) fica atrás por padrão */
#app { 
    display: block; /* Sempre visível, mas atrás */
    z-index: 1; 
}
/* O login fica na frente por padrão, mas escondido */
#panel-login { 
    display: none; 
    z-index: 100; /* Fica na frente de tudo */
}

/* QUANDO o body tem 'login-view': */
body.login-view #app { 
    /* O app (menus) é forçado para trás */
    z-index: 1; 
} 
/* ATUALIZAÇÃO v_theme_11 (CORRIGIDO v11.1): Regras separadas do SASS */
body.login-view #app #navbar-main { 
    z-index: -1 !important; 
}
body.login-view #app aside.aside { 
    z-index: -1 !important; 
}
body.login-view #panel-login { 
    /* O login é mostrado e colocado na frente */
    display: flex; 
    z-index: 100; 
} 

/* QUANDO o body NÃO tem 'login-view': */
body:not(.login-view) #app { 
    /* O app (menus) volta para a frente */
    z-index: 5; 
} 
/* ATUALIZAÇÃO v_theme_11 (CORRIGIDO v11.1): Regras separadas do SASS */
body:not(.login-view) #app #navbar-main { 
    z-index: 30; /* Z-index padrão do Bulma */
}
body:not(.login-view) #app aside.aside { 
    z-index: 40; /* Z-index padrão do Bulma */
}
body:not(.login-view) #panel-login { 
    /* O login é escondido */
    display: none; 
} 
/* ====================================================== */


.menu-list a .icon i { vertical-align: middle; }

:root {
    /* Variáveis do Tema de Conteúdo */
    --theme-light-bg: #f8f9fa; 
    --theme-light-box-bg: rgba(255, 255, 255, 0.85); 
    --theme-light-text: #363636;
    --theme-dark-bg: #222222; 
    --theme-dark-box-bg: rgba(34, 34, 34, 0.85); 
    --theme-dark-text: #f5f5f5;
    
    /* Variáveis do Menu (Azul Estático) */
    --menu-bg: #2F4261;
    --menu-text: #E0E0E0;
    --menu-active-bg: #4A5E7A;
    --menu-active-border: #3B82F6; 
    --menu-header-border: #4A5E7A;
    --menu-header-text: #f5f5f5; 
}

/* ================================== */
/* APLICAÇÃO DO TEMA E MENU ESTÁTICO  */
/* ================================== */

/* 1. Menus Sempre Azuis (Navbar e Sidebar) */
.navbar { 
    background-color: var(--menu-bg) !important; 
    border-bottom: 1px solid var(--menu-header-border) !important;
}

/* (v_theme_02): Corrigido seletor de cor */
.navbar > .navbar-brand .navbar-item, 
.navbar > .navbar-menu > .navbar-end > .navbar-item > .navbar-link, 
.navbar-burger { 
    color: var(--menu-header-text) !important; 
}

aside.aside { 
    background-color: var(--menu-bg) !important; 
}
.menu-list a { color: var(--menu-text); }
.menu-list a:hover { background-color: var(--menu-active-bg); color: #fff; }
.menu-list a.is-active { 
    background-color: var(--menu-active-bg); 
    box-shadow: inset 3px 0 0 0 var(--menu-active-border); 
    color: #fff;
}
.menu-label { color: rgba(255, 255, 255, 0.5); }

/* FIX 2: Nome do cliente ("Reino das Encruzilhadas") SEMPRE BRANCO */
#header-client-name-text {
    color: var(--menu-header-text) !important; 
}

/* (v_theme_03): Fundo da APP (SEM IMAGEM) */
html, body { 
    background-color: var(--theme-light-bg); 
    color: var(--theme-light-text); 
    /* ATUALIZADO (v12.5): Removido '!important'. JS vai controlar */
    background-image: none;
}

/* (v12): Sombra, Borda e Transparência (Modo Claro) */
.box { 
    background-color: var(--theme-light-box-bg); 
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: var(--theme-light-text);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); 
    border: 1px solid rgba(255, 255, 255, 0.3); 
    border-radius: 6px;
}

/* (FIX 3): Corrigido o breadcrumb do tema claro */
.title, .subtitle, .label, .content { 
    color: var(--theme-light-text); 
}

/* 3. Tema Escuro (Fundo e Caixas de Conteúdo) */
html[data-theme="dark"] body { 
    background-color: var(--theme-dark-bg); 
    color: var(--theme-dark-text); 
    /* ATUALIZADO (v12.5): Removido '!important'. JS vai controlar */
    background-image: none;
}

/* (v12): Sombra, Borda e Transparência (Modo Escuro) */
html[data-theme="dark"] .box { 
    background-color: var(--theme-dark-box-bg); 
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: var(--theme-dark-text);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); 
    border: 1px solid rgba(255, 255, 255, 0.1); 
    border-radius: 6px;
}

/* (FIX 3): Corrigido o breadcrumb (li.is-active) do tema escuro */
html[data-theme="dark"] .title, 
html[data-theme="dark"] .subtitle, 
html[data-theme="dark"] .label, 
html[data-theme="dark"] .content { 
    color: var(--theme-dark-text); 
}

/* (v18) Correção do Breadcrumb (Removido no HTML) */
.section.is-title-bar {
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: none !important;
}


/* 4. FIX 4: Dropdown (Navbar) - (CORRIGIDO v_theme_02) */
html[data-theme="dark"] .navbar .navbar-item.has-dropdown.is-hoverable:hover > .navbar-link {
    background-color: var(--menu-active-bg) !important;
}
html[data-theme="light"] .navbar .navbar-item.has-dropdown.is-hoverable:hover > .navbar-link {
    background-color: rgba(0,0,0,0.05) !important;
    color: var(--theme-light-text) !important; 
}
html[data-theme="dark"] .navbar-item.has-dropdown > .navbar-dropdown {
    background-color: var(--theme-dark-box-bg) !important; 
    border-top-color: var(--menu-header-border);
    border-radius: 0 0 6px 6px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
html[data-theme="dark"] .navbar .navbar-dropdown .navbar-item {
      color: var(--theme-dark-text) !important;
}
html[data-theme="dark"] .navbar .navbar-dropdown .navbar-item:hover,
html[data-theme="dark"] .navbar .navbar-dropdown .navbar-item:focus {
    background-color: var(--menu-bg);
    color: #fff !important;
}
html[data-theme="dark"] .navbar-divider {
    background-color: var(--menu-header-border);
}
html[data-theme="light"] .navbar-item.has-dropdown > .navbar-dropdown {
    background-color: var(--theme-light-box-bg);
    border-top-color: #dbdbdb;
    border-radius: 0 0 6px 6px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
html[data-theme="light"] .navbar .navbar-dropdown .navbar-item {
      color: var(--theme-light-text) !important;
}
html[data-theme="light"] .navbar .navbar-dropdown .navbar-item:hover,
html[data-theme="light"] .navbar .navbar-dropdown .navbar-item:focus {
    background-color: #f5f5ff;
    color: var(--theme-light-text) !important; 
}
html[data-theme="light"] .navbar-divider {
    background-color: #dbdbdb;
}

/* 5. FIX 5: Modais */
html[data-theme="dark"] .modal-card-head,
html[data-theme="dark"] .modal-card-body,
html[data-theme="dark"] .modal-card-foot {
    background-color: var(--theme-dark-box-bg);
    border-color: var(--menu-header-border);
}
html[data-theme="dark"] .modal-card-head { border-radius: 6px 6px 0 0; }
html[data-theme="dark"] .modal-card-foot { border-radius: 0 0 6px 6px; }
html[data-theme="dark"] .modal-card-head .modal-card-title {
    color: var(--theme-dark-text);
}
html[data-theme="light"] .modal-card-head,
html[data-theme="light"] .modal-card-body,
html[data-theme="light"] .modal-card-foot {
    background-color: var(--theme-light-box-bg);
    border-color: #dbdbdb;
}
html[data-theme="light"] .modal-card-head { border-radius: 6px 6px 0 0; }
html[data-theme="light"] .modal-card-foot { border-radius: 0 0 6px 6px; }
html[data-theme="light"] .modal-card-head .modal-card-title {
    color: var(--theme-light-text);
}


/* --- O resto do CSS (inalterado) --- */
body { overflow: hidden; height: 100vh; }
#app { height: 100vh; } 
aside.aside { height: 100vh; }
section.section.is-main-section { 
    height: calc(100vh - 52px); 
    overflow-y: auto; 
}
.system-footer { padding: 8px; background-color: rgba(245, 245, 245, 0.8); backdrop-filter: blur(2px); font-size: 0.8rem; text-align: center; color: #7a7a7a; z-index: 20; }
[data-theme="dark"] .system-footer { background-color: rgba(34, 34, 34, 0.8); color: #999; }
body.login-view .system-footer { position: fixed; bottom: 0; left: 0; width: 100%; color: rgba(255, 255, 255, 0.7); }
#toast-container { position: fixed; top: 70px; right: 20px; z-index: 9999; }
#modal-root .modal-card-head .delete { display: none; }


/* ... (regras do PDV inalteradas) ... */
.modal .modal-card.modal-pdv {
    width: 1024px; max-width: 95vw;
}
.modal .modal-card.modal-pdv .modal-card-body {
    max-height: none; overflow: visible;
}
#modal-root .modal-card.modal-pdv .modal-card-head .delete {
    display: block;
}
.modal .modal-card.modal-pdv .columns {
    align-items: stretch;
}
.modal .modal-card.modal-pdv .columns .column .box {
    height: 100%; display: flex; flex-direction: column;
}
.pdv-product-list-item.media {
    width: 100%; margin-bottom: 8px; padding: 0.5rem; border-radius: 6px;
    background-color: transparent; border: 1px solid var(--menu-header-border);
    cursor: pointer; transition: background-color 0.2s, border-color 0.2s;
}
.pdv-product-list-item.media:hover:not(:disabled) {
    background-color: var(--menu-active-bg); color: #fff; border-color: var(--menu-active-bg);
}
.pdv-product-list-item.media[disabled] {
    opacity: 0.5; cursor: not-allowed;
}
.pdv-product-list-item.media .media-left figure { flex-shrink: 0; }
.pdv-product-list-item.media .media-left .image.is-64x64 img {
    height: 100%; width: 100%; object-fit: cover;
    border-radius: 6px; background-color: transparent;
}
.pdv-product-list-item.media .media-content {
    flex-grow: 1; min-width: 0; text-align: left;
}
.pdv-product-list-item.media .media-right {
    flex-shrink: 0; margin-left: 0.5rem; display: flex; align-items: center;
}
.pdv-product-list-item .pdv-product-price {
    font-size: 1.05em; font-weight: 600;
}
html[data-theme="dark"] .pdv-product-list-item.media:hover:not(:disabled) {
     background-color: var(--menu-active-bg) !important; 
     border-color: var(--menu-active-bg) !important;
     color: #fff !important;
}

#pdv-products-list,
#pdv-right-column-scrollable {
    max-height: 60vh; overflow-y: auto; padding-right: 5px;
    flex-grow: 1; flex-shrink: 1; min-height: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#pdv-products-list::-webkit-scrollbar,
#pdv-right-column-scrollable::-webkit-scrollbar {
    width: 0px; 
    background: transparent;
}

html[data-theme="dark"] .modal-card.modal-pdv #cart-items .table,
html[data-theme="dark"] .modal-card.modal-pdv #cart-items .table td {
    background-color: transparent !important;
    color: var(--theme-dark-text) !important;
    border-color: var(--menu-header-border) !important;
}
#pix-details figure.image { width: 128px; height: 128px; }
#pix-details.content {
    background-color: var(--theme-light-bg); border-radius: 6px;
    color: var(--theme-light-text); line-height: 1.3;
}
html[data-theme="dark"] #pix-details.content,
html[data-theme="dark"] #pix-details.content p {
    color: var(--theme-light-text) !important;
}
html[data-theme="dark"] .modal-card.modal-pdv .label,
html[data-theme="dark"] .modal-card.modal-pdv .input,
html[data-theme="dark"] .modal-card.modal-pdv .select select {
    font-size: 0.9rem;
}
html[data-theme="light"] .modal-card.modal-pdv .label,
html[data-theme="light"] .modal-card.modal-pdv .input,
html[data-theme="light"] .modal-card.modal-pdv .select select {
    font-size: 0.9rem;
}


/* ... (regras de formulário inalteradas) ... */
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
    background-color: #2a2a2a !important; 
    color: var(--theme-dark-text) !important;
    border-color: var(--menu-header-border) !important; 
}
html[data-theme="dark"] .select::after {
    border-color: var(--theme-dark-text) !important;
}
html[data-theme="dark"] ::-webkit-input-placeholder { color: #888; }
html[data-theme="dark"] ::-moz-placeholder { color: #888; }
html[data-theme="dark"] :-ms-input-placeholder { color: #888; }
html[data-theme="dark"] ::placeholder { color: #888; }
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select {
    border-color: #dbdbdb;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04) inset; 
}
input:focus,
textarea:focus,
select:focus {
    border-color: var(--menu-active-border) !important; 
    box-shadow: 0 0 0 0.2em rgba(59, 130, 246, 0.2) !important;
}
html[data-theme="dark"] .file-name {
    background-color: #2a2a2a !important;
    color: #888 !important; 
    border-color: var(--menu-header-border) !important;
}


/* ... (regras de tabela e botões inalteradas) ... */
html[data-theme="dark"] #content.box .table {
    background-color: transparent !important;
    color: var(--theme-dark-text) !important;
}
html[data-theme="dark"] #content.box .table td,
html[data-theme="dark"] #content.box .table th {
    background-color: transparent !important; 
    color: var(--theme-dark-text) !important;
    border-color: var(--menu-header-border) !important;
    border-width: 1px;
}
html[data-theme="dark"] #content.box .table thead th,
html[data-theme="dark"] #content.box .table thead td {
    color: #f5f5f5 !important; 
    background-color: transparent !important;
}
html[data-theme="dark"] #content.box .table.is-hoverable tbody tr:hover td,
html[data-theme="dark"] #content.box .table.is-hoverable tbody tr:hover th {
    background-color: var(--menu-bg) !important; 
    color: #fff !important;
}
html[data-theme="light"] #content.box .table {
    background-color: transparent !important; 
    border-radius: 6px; 
    box-shadow: none;
    border: none;
}
html[data-theme="light"] #content.box .table td,
html[data-theme="light"] #content.box .table th {
    border-color: var(--menu-header-border) !important; 
    border-width: 1px;
    background-color: transparent !important;
    color: var(--theme-light-text) !important;
}
html[data-theme="light"] #content.box .table.is-hoverable tbody tr:hover td,
html[data-theme="light"] #content.box .table.is-hoverable tbody tr:hover th {
     background-color: rgba(0, 0, 0, 0.05) !important; 
}
html[data-theme="dark"] #content .button.is-light,
html[data-theme="dark"] #content .button.is-white,
html[data-theme="dark"] #content .button:not(.is-primary):not(.is-link):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger) {
    background-color: transparent !important;
    border-color: var(--menu-header-border) !important;
    color: var(--theme-dark-text) !important;
}
html[data-theme="dark"] #content .button.is-light .icon,
html[data-theme="dark"] #content .button.is-white .icon,
html[data-theme="dark"] #content .button:not(.is-primary):not(.is-link):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger) .icon {
     color: var(--theme-dark-text) !important;
}
html[data-theme="dark"] #content .button.is-light:hover,
html[data-theme="dark"] #content .button.is-white:hover,
html[data-theme="dark"] #content .button:not(.is-primary):not(.is-link):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):hover {
    background-color: var(--menu-active-bg) !important; 
    border-color: var(--menu-active-bg) !important;
    color: #fff !important;
}
html[data-theme="dark"] #content .button.is-light:hover .icon,
html[data-theme="dark"] #content .button.is-white:hover .icon,
html[data-theme="dark"] #content .button:not(.is-primary):not(.is-link):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):hover .icon {
     color: #fff !important;
}
html[data-theme="dark"] .modal-card .button.is-light,
html[data-theme="dark"] .modal-card .button.is-white,
html[data-theme="dark"] .modal-card .button:not(.is-primary):not(.is-link):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger) {
    background-color: transparent !important;
    border-color: var(--menu-header-border) !important;
    color: var(--theme-dark-text) !important;
}
html[data-theme="dark"] .modal-card .button.is-light .icon,
html[data-theme="dark"] .modal-card .button.is-white .icon,
html[data-theme="dark"] .modal-card .button:not(.is-primary):not(.is-link):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger) .icon {
     color: var(--theme-dark-text) !important;
}
html[data-theme="dark"] .modal-card .button.is-light:hover,
html[data-theme="dark"] .modal-card .button.is-white:hover,
html[data-theme="dark"] .modal-card .button:not(.is-primary):not(.is-link):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):hover {
    background-color: var(--menu-active-bg) !important; 
    border-color: var(--menu-active-bg) !important;
    color: #fff !important;
}
html[data-theme="dark"] .modal-card .button.is-light:hover .icon,
html[data-theme="dark"] .modal-card .button.is-white:hover .icon,
html[data-theme="dark"] .modal-card .button:not(.is-primary):not(.is-link):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):hover .icon {
     color: #fff !important;
}
html[data-theme="dark"] #content .table .button.is-danger .icon,
html[data-theme="dark"] #content .table .button.is-info .icon,
html[data-theme="dark"] #content .table .button.is-success .icon,
html[data-theme="dark"] #content .table .button.is-primary .icon {
    color: #fff !important;
}
html[data-theme="dark"] #content .table .button:not(.is-primary):not(.is-link):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger) .icon {
    color: var(--theme-dark-text) !important;
}
html[data-theme="dark"] #content.box .table,
html[data-theme="dark"] #content.box .table td,
html[data-theme="dark"] #content.box .table th,
html[data-theme="dark"] .box #content .table,
html[data-theme="dark"] .box #content .table td,
html[data-theme="dark"] .box #content .table th {
  background-color: #222 !important;
  color: var(--theme-dark-text) !important;
  border-color: #333 !important;
}
html .section.is-title-bar .breadcrumb a,
html .section.is-title-bar .breadcrumb li.is-active a,
html[data-theme="dark"] .section.is-title-bar .breadcrumb a,
html[data-theme="light"] .section.is-title-bar .breadcrumb a {
  color: #000 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html .section.is-title-bar .breadcrumb li + li::before,
html[data-theme="dark"] .section.is-title-bar .breadcrumb li + li::before,
html[data-theme="light"] .section.is-title-bar .breadcrumb li + li::before {
  content: "" !important;
  display: none !important;
}
.section.is-title-bar .breadcrumb li + li::before {
  content: "" !important;
  display: none !important;
}
#import-ui-wrapper .has-background-light {
  background-color: var(--theme-light-box-bg) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.4);
  transition: background-color 0.3s ease;
}
html[data-theme="dark"] #import-ui-wrapper .has-background-light {
  background-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
}


/* ======================================================== */
/* ATUALIZAÇÃO v_theme_11: Correção Z-Index e Fundo Fixo    */
/* ======================================================== */

/* Aplica a imagem de fundo e o overlay *apenas* na tela de login */
#panel-login.hero {
    background-image: none;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-color: var(--theme-dark-bg); /* Fundo preto/escuro */
}

/* ======================================================== */
/* ATUALIZAÇÃO v12.1: Estilo Login Preto Transparente       */
/* ======================================================== */

/* (Modo Claro) */
html[data-theme="light"] #panel-login .box.login-box {
    background-color: rgba(0, 0, 0, 0.5) !important; /* Preto Transparente */
    backdrop-filter: blur(5px); /* Efeito "vidro" */
    -webkit-backdrop-filter: blur(5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); 
    border: 1px solid rgba(255, 255, 255, 0.2); /* Borda branca sutil */
}
html[data-theme="light"] #panel-login .box.login-box .title {
    color: #FFFFFF; /* Título branco */
}

/* (Modo Escuro) */
html[data-theme="dark"] #panel-login .box.login-box {
    background-color: rgba(0, 0, 0, 0.5) !important; /* Preto Transparente */
    backdrop-filter: blur(5px); /* Efeito "vidro" */
    -webkit-backdrop-filter: blur(5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2); /* Borda branca sutil */
}
html[data-theme="dark"] #panel-login .box.login-box .title {
    color: var(--theme-dark-text); /* Título branco */
}


/* ======================================================== */
/* ATUALIZAÇÃO v30.1: Estilização do Título do Modal        */
/* ======================================================== */
.modal-card-title .modal-title-prefix {
    font-size: 0.9em; /* Um pouco menor */
    font-weight: 400; /* Normal */
    opacity: 0.7;     /* Levemente apagado */
}
.modal-card-title .modal-title-main {
    font-size: 1.1em; /* Um pouco maior */
    font-weight: 600; /* Negrito */
}

/* ======================================================== */
/* ATUALIZAÇÃO v30.1: Correção Bug Input Senha (Tema Escuro) */
/* ======================================================== */
html[data-theme="dark"] input[type="password"] {
    background-color: #2a2a2a !important; 
    color: var(--theme-dark-text) !important;
    border-color: var(--menu-header-border) !important; 
}

/* ======================================================== */
/* ATUALIZAÇÃO v30.1: Novos Tamanhos de Modal               */
/* ======================================================== */
.modal-card.modal-xlarge {
    width: 90vw; /* 90% da largura da tela */
    max-width: 1100px; /* Limite máximo */
}

/* ======================================================== */
/* ATUALIZAÇÃO v30.2: Correção Fundo Branco (Tema Escuro)   */
/* ======================================================== */

/* Corrige inputs/selects gerais dentro de modais no tema escuro */
html[data-theme="dark"] .modal-card-body input,
html[data-theme="dark"] .modal-card-body textarea,
html[data-theme="dark"] .modal-card-body select {
    background-color: #2a2a2a !important; 
    color: var(--theme-dark-text) !important;
    border-color: var(--menu-header-border) !important; 
}

/* Corrige o fundo de 'box' internos (ex: "Adicionar Item" em Compras) */
html[data-theme="dark"] .modal-card-body .box.has-background-light {
     background-color: var(--theme-dark-box-bg) !important;
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(10px);
}

/* ======================================================== */
/* ATUALIZAÇÃO v12.8 (v67.0): Correção de Altura (Modal Grande) */
/* ======================================================== */

/* Define uma altura máxima para modais grandes */
.modal-card.modal-large {
    max-height: 90vh; /* Ocupa 90% da altura da tela */
    display: flex;
    flex-direction: column;
}

/* Faz o CORPO do modal rolar internamente */
.modal-card.modal-large .modal-card-body {
    flex-grow: 1;
    overflow-y: auto; /* Adiciona rolagem SÓ no corpo */
    max-height: none; /* Remove qualquer limite de altura anterior */
}


/* --- ATUALIZAÇÃO v12.8 (v67.0) --- 10 de Novembro de 2025, 18:25 (GMT-03:00) ---
 *
 * O QUE FOI ATUALIZADO (MODIFICADO):
 * * LINHAS 905-917: Adicionadas novas regras CSS
 * * para `.modal-card.modal-large` e
 * * `.modal-card.modal-large .modal-card-body`.
 *
 * O QUE FOI CORRIGIDO:
 * * Os modais grandes (como "Nova Compra")
 * * agora terão uma altura máxima de 90% da tela,
 * * e o corpo do modal rolará internamente,
 * * impedindo a barra de rolagem externa.
 *
 * O QUE FOI EXCLUÍDO: N/A
 *
 * --- FIM DA ATUALIZAÇÃO v12.8 (v67.0) ---
 */