@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/LeafletForBlazor/LeafletForBlazor.037l07h7lk.bundle.scp.css';

/* _content/PrePostagem/Components/Layout/MainLayout.razor.rz.scp.css */
/* Layout geral, criando uma estrutura de flexbox */
.layout[b-m05o8uq6a1] {
    display: flex;
    height: 100vh; /* Garante que ocupe a tela inteira */
}

/* Menu lateral (sidebar) */
.Menu-Lateral[b-m05o8uq6a1] {
    width: 250px; /* Largura fixa do menu lateral */
    background-color: #247FAC;
    color: white;
    padding-top: 20px;
    position: fixed; /* Fixa o menu lateral */
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10; /* Garante que o menu fique acima do conte�do principal */
}

.sidebar h2[b-m05o8uq6a1] {
    text-align: center;
    color: white;
}

.sidebar ul[b-m05o8uq6a1] {
    list-style-type: none;
    padding-left: 0;
}

.sidebar li[b-m05o8uq6a1] {
    padding: 10px;
    cursor: pointer;
}

    .sidebar li:hover[b-m05o8uq6a1] {
        background-color: #555;
    }

    /* Classe para o item de menu selecionado */
    .sidebar li.selected[b-m05o8uq6a1] {
        background-color: #666; /* Cor de fundo cinza para o item selecionado */
    }


/* Conte�do principal (ajustando a �rea de visualiza��o dos cards) */
.Main-Content[b-m05o8uq6a1] {
    margin-left: 140px; /* Espa�o para o menu lateral */
    padding: 20px;
    flex-grow: 1; /* Faz com que ocupe o restante da tela */
    overflow-y: auto; /* Permite rolar o conte�do principal, se necess�rio */
}

/* Container dos cards */
.cards-container[b-m05o8uq6a1] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start; /* Alinha os cards no in�cio da linha */
}

/* Estilo do card que exibe as subse��es */
.card[b-m05o8uq6a1] {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    width: 170px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px; /* Espa�o entre os cards */
    cursor: pointer; /* Adicionando o cursor de pointer para indicar que � clic�vel */
    font-family: 'Open Sans';
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

    /* Efeito de hover para mudan�a de cor */
    .card:hover[b-m05o8uq6a1] {
        background-color: #288DC0; /* Cor de fundo ao passar o mouse */
        color: white;
    }

    /* Classe para indicar que o card foi clicado */
    .card.clicked[b-m05o8uq6a1] {
        background-color: #ddd; /* Cor de fundo quando o card foi clicado */
    }

    /* Estilo para os t�tulos dentro dos cards */
    .card h3[b-m05o8uq6a1] {
        margin-top: 10px; /* Adicionando espa�o entre a imagem e o t�tulo */
        font-size: 15px;
        text-align: center;
        font-weight: bold;
    }

    /* Estilo para a imagem dentro do card */
    .card img[b-m05o8uq6a1] {
        width: 100%;
        max-width: 30px; /* Limita o tamanho da imagem */
        height: auto; /* Mant�m a propor��o da imagem */
        margin-bottom: 5px; /* Espa�o entre a imagem e o t�tulo */
        object-fit: contain;
    }
/* _content/PrePostagem/Components/Layout/MainMenu.razor.rz.scp.css */
/* Layout geral, criando uma estrutura de flexbox */
.layout[b-dc38dpjk4p] {
    display: flex;
    height: 100vh; /* Garante que ocupe a tela inteira */
}

/* Menu lateral (sidebar) */
.Menu-Lateral[b-dc38dpjk4p] {
    width: 150px; /* Largura fixa do menu lateral */
    background-color: #247FAC;
    color: white;
    padding-top: 20px;
    position: fixed; /* Fixa o menu lateral */
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10; /* Garante que o menu fique acima do conteúdo principal */
}

.sidebar h2[b-dc38dpjk4p] {
    text-align: center;
    color: white;
}

.sidebar ul[b-dc38dpjk4p] {
    list-style-type: none;
    padding-left: 0;
    color: white;
}

.sidebar li[b-dc38dpjk4p] {
    padding: 10px;
    cursor: pointer;
    color: white;

}

    .sidebar li:hover[b-dc38dpjk4p] {
        background-color: #555;
    }

    /* Classe para o item de menu selecionado */
    .sidebar li.selected[b-dc38dpjk4p] {
        background-color: #666; /* Cor de fundo cinza para o item selecionado */
    }


/* Conteúdo principal (ajustando a área de visualização dos cards) */
.Main-Content[b-dc38dpjk4p] {
    margin-left: 140px; /* Espaço para o menu lateral */
    padding: 20px;
    flex-grow: 1; /* Faz com que ocupe o restante da tela */
    overflow-y: auto; /* Permite rolar o conteúdo principal, se necessário */
}

/* Container dos cards */
.cards-container[b-dc38dpjk4p] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start; /* Alinha os cards no início da linha */
}

/* Estilo do card que exibe as subseções */
.card[b-dc38dpjk4p] {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    width: 170px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px; /* Espaço entre os cards */
    cursor: pointer; /* Adicionando o cursor de pointer para indicar que é clicável */
    font-family: 'Open Sans';
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

    /* Efeito de hover para mudança de cor */
    .card:hover[b-dc38dpjk4p] {
        background-color: #288DC0; /* Cor de fundo ao passar o mouse */
        color: white;
    }

    /* Classe para indicar que o card foi clicado */
    .card.clicked[b-dc38dpjk4p] {
        background-color: #ddd; /* Cor de fundo quando o card foi clicado */
    }

    /* Estilo para os títulos dentro dos cards */
    .card h3[b-dc38dpjk4p] {
        margin-top: 10px; /* Adicionando espaço entre a imagem e o título */
        font-size: 15px;
        text-align: center;
        font-weight: bold;
    }

    /* Estilo para a imagem dentro do card */
    .card img[b-dc38dpjk4p] {
        width: 100%;
        max-width: 30px; /* Limita o tamanho da imagem */
        height: auto; /* Mantém a proporção da imagem */
        margin-bottom: 5px; /* Espaço entre a imagem e o título */
        object-fit: contain;
    }





/*.layout {
    display: flex;
    height: 100vh;*/ /* Garante que ocupe a tela inteira */
/*}*/

/* Menu lateral (sidebar) */
/*.Menu-Lateral {
    width: 150px;*/ /* Largura fixa do menu lateral */
/*background-color: #247FAC;
    color: white;
    padding-top: 20px;
    position: fixed;*/ /* Fixa o menu lateral */
/*height: 100%;
    top: 0;
    left: 0;
    z-index: 10;*/ /* Garante que o menu fique acima do conteúdo principal */
/*}

.sidebar h2 {
    text-align: center;
    color: white;
}

.sidebar ul {
    list-style-type: none;
    padding-left: 0;
}

.sidebar li {
    padding: 10px;
    cursor: pointer;
}

    .sidebar li:hover {
        background-color: #555;
    }*/

/* Classe para o item de menu selecionado */
/*.sidebar li.selected {
        background-color: #666;*/ /* Cor de fundo cinza para o item selecionado */
/*}

.selected {
    background-color: #0078D4;*/ /* Cor de fundo */
/*color: white;*/ /* Cor do texto */
/*font-weight: bold;*/ /* Torna o texto em negrito */
/*transition: all 0.3s ease;*/ /* Transição suave */
/*}

.Main-Content {
    margin-left: 140px;*/ /* Espaço para o menu lateral */
/*padding: 20px;
    flex-grow: 1;*/ /* Faz com que ocupe o restante da tela */
/*overflow-y: auto;*/ /* Permite rolar o conteúdo principal, se necessário */
/*}*/

/* Container dos cards principais */
/*.cards-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;*/ /* Alinha os cards no início da linha */
/*margin-bottom: 20px;*/ /* Espaçamento entre os cards e os subcards */
/*}*/

/* Estilo do card que exibe as subseções */
/*.card {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    width: 170px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;*/ /* Adicionando o cursor de pointer para indicar que é clicável */
/*font-family: 'Open Sans';
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

    .card:hover {
        background-color: #288DC0;*/ /* Cor de fundo ao passar o mouse */
/*color: white;
    }*/

/* Classe para indicar que o card foi clicado */
/*.card.clicked {
        background-color: #ddd;*/ /* Cor de fundo quando o card foi clicado */
/*}*/

/* Estilo para os títulos dentro dos cards */
/*.card h3 {
        margin-top: 10px;*/ /* Adicionando espaço entre a imagem e o título */
/*font-size: 15px;
        text-align: center;
        font-weight: bold;
    }*/

/* Estilo para a imagem dentro do card */
/*.card img {
        width: 100%;
        max-width: 30px;*/ /* Limita o tamanho da imagem */
/*height: auto;*/ /* Mantém a proporção da imagem */
/*margin-bottom: 5px;*/ /* Espaço entre a imagem e o título */
/*object-fit: contain;
    }*/
/* _content/PrePostagem/Components/Layout/NavMenu.razor.rz.scp.css */
.layout[b-kfn9b20lrp] {
    display: flex;
    height: 100vh; /* Garante que ocupe a tela inteira */
}

/* Menu lateral (sidebar) */
.Menu-Lateral[b-kfn9b20lrp] {
    width: 150px; /* Largura fixa do menu lateral */
    background-color: #247FAC;
    color: white;
    padding-top: 20px;
    position: fixed; /* Fixa o menu lateral */
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10; /* Garante que o menu fique acima do conte�do principal */
}

.sidebar h2[b-kfn9b20lrp] {
    text-align: center;
    color: white;
}

.sidebar ul[b-kfn9b20lrp] {
    list-style-type: none;
    padding-left: 0;
}

.sidebar li[b-kfn9b20lrp] {
    padding: 10px;
    cursor: pointer;
}

    .sidebar li:hover[b-kfn9b20lrp] {
        background-color: #555;
    }

    /* Classe para o item de menu selecionado */
    .sidebar li.selected[b-kfn9b20lrp] {
        background-color: #666; /* Cor de fundo cinza para o item selecionado */
    }

.selected[b-kfn9b20lrp] {
    background-color: #0078D4; /* Cor de fundo */
    color: white; /* Cor do texto */
    font-weight: bold; /* Torna o texto em negrito */
    transition: all 0.3s ease; /* Transi��o suave */
}

.Main-Content[b-kfn9b20lrp] {
    margin-left: 140px; /* Espa�o para o menu lateral */
    padding: 20px;
    flex-grow: 1; /* Faz com que ocupe o restante da tela */
    overflow-y: auto; /* Permite rolar o conte�do principal, se necess�rio */
}

/* Container dos cards principais */
.cards-container[b-kfn9b20lrp] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start; /* Alinha os cards no in�cio da linha */
    margin-bottom: 20px; /* Espa�amento entre os cards e os subcards */
}

/* Estilo do card que exibe as subse��es */
.card[b-kfn9b20lrp] {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    width: 170px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    cursor: pointer; /* Adicionando o cursor de pointer para indicar que � clic�vel */
    font-family: 'Open Sans';
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

    .card:hover[b-kfn9b20lrp] {
        background-color: #288DC0; /* Cor de fundo ao passar o mouse */
        color: white;
    }

    /* Classe para indicar que o card foi clicado */
    .card.clicked[b-kfn9b20lrp] {
        background-color: #ddd; /* Cor de fundo quando o card foi clicado */
    }

    /* Estilo para os t�tulos dentro dos cards */
    .card h3[b-kfn9b20lrp] {
        margin-top: 10px; /* Adicionando espa�o entre a imagem e o t�tulo */
        font-size: 15px;
        text-align: center;
        font-weight: bold;
    }

    /* Estilo para a imagem dentro do card */
    .card img[b-kfn9b20lrp] {
        width: 100%;
        max-width: 30px; /* Limita o tamanho da imagem */
        height: auto; /* Mant�m a propor��o da imagem */
        margin-bottom: 5px; /* Espa�o entre a imagem e o t�tulo */
        object-fit: contain;
    }
/* _content/PrePostagem/Components/Pages/AlterarSenhaUsu.razor.rz.scp.css */
.Fundo-Container[b-z9z0wkg3pr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-z9z0wkg3pr] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-z9z0wkg3pr] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-z9z0wkg3pr] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-z9z0wkg3pr] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-z9z0wkg3pr] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-z9z0wkg3pr] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-z9z0wkg3pr] {
        flex: 1;
    }



.Button-Container[b-z9z0wkg3pr] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-z9z0wkg3pr], .button-Menu[b-z9z0wkg3pr], .Button[b-z9z0wkg3pr] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-z9z0wkg3pr] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-z9z0wkg3pr] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-z9z0wkg3pr] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-z9z0wkg3pr], .button-Menu img[b-z9z0wkg3pr], .Button img[b-z9z0wkg3pr] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-z9z0wkg3pr] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-z9z0wkg3pr] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-z9z0wkg3pr] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-z9z0wkg3pr],
input[type="email"][b-z9z0wkg3pr] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-z9z0wkg3pr] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-z9z0wkg3pr] {
    flex: 2;
}

.SubCard-Title[b-z9z0wkg3pr] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-z9z0wkg3pr] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/ArquivosEnviadosArDigital.razor.rz.scp.css */
.Fundo-Container[b-mcoz6nl9sp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-mcoz6nl9sp] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-mcoz6nl9sp] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-mcoz6nl9sp] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-mcoz6nl9sp] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-mcoz6nl9sp] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-mcoz6nl9sp] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-mcoz6nl9sp] {
        flex: 1;
    }



.Button-Container[b-mcoz6nl9sp] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-mcoz6nl9sp], .button-Menu[b-mcoz6nl9sp], .Button[b-mcoz6nl9sp] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-mcoz6nl9sp] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-mcoz6nl9sp] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-mcoz6nl9sp] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-mcoz6nl9sp], .button-Menu img[b-mcoz6nl9sp], .Button img[b-mcoz6nl9sp] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-mcoz6nl9sp] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-mcoz6nl9sp] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-mcoz6nl9sp] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-mcoz6nl9sp],
input[type="email"][b-mcoz6nl9sp] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-mcoz6nl9sp] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-mcoz6nl9sp] {
    flex: 2;
}

.SubCard-Title[b-mcoz6nl9sp] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-mcoz6nl9sp] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/AssociarUsuarioGrupo.razor.rz.scp.css */
.Fundo-Container[b-ozrjnzj17x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-ozrjnzj17x] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-ozrjnzj17x] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-ozrjnzj17x] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-ozrjnzj17x] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-ozrjnzj17x] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-ozrjnzj17x] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-ozrjnzj17x] {
        flex: 1;
    }



.Button-Container[b-ozrjnzj17x] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-ozrjnzj17x], .button-Menu[b-ozrjnzj17x], .Button[b-ozrjnzj17x] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-ozrjnzj17x] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-ozrjnzj17x] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-ozrjnzj17x] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-ozrjnzj17x], .button-Menu img[b-ozrjnzj17x], .Button img[b-ozrjnzj17x] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-ozrjnzj17x] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-ozrjnzj17x] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-ozrjnzj17x] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-ozrjnzj17x],
input[type="email"][b-ozrjnzj17x] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-ozrjnzj17x] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-ozrjnzj17x] {
    flex: 2;
}

.SubCard-Title[b-ozrjnzj17x] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-ozrjnzj17x] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}


.icons-container[b-ozrjnzj17x] {
    margin-top: 10px;
    display: flex;
    gap: 10px;
}

.icon-button[b-ozrjnzj17x] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: white;
    transition: color 0.3s ease;
}

    .icon-button:hover[b-ozrjnzj17x] {
        color: #007bff;
    }
/* _content/PrePostagem/Components/Pages/BalcaoAtendimento.razor.rz.scp.css */
.Fundo-Container[b-y9o6d9cbcl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-y9o6d9cbcl] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background: rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: black;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - mesmo ajuste aplicado em PrePostar.razor.css e
       nas demais telas de cadastro/consulta (2026-09-01). */
    overflow-x: visible;
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
    font-size: 1.1em;
    font-weight: bold;
}

.title[b-y9o6d9cbcl] {
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 20px;
    color: black;
}

.Img-fundo[b-y9o6d9cbcl] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-y9o6d9cbcl] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-y9o6d9cbcl] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-y9o6d9cbcl] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-y9o6d9cbcl] {
        flex: 1 1 0;
        /* min-width:0 é necessário aqui - o padrão de flex item é min-width:auto, que deixa o item
           crescer além da fração "flex:1" quando o conteúdo (ex: texto do nome do pacote em #pacoteCli)
           não cabe no espaço dividido igualmente com o campo vizinho. Sem isso, dois .form-group com o
           mesmo "flex: 1" na mesma linha podem renderizar com larguras diferentes dependendo do texto de
           cada um - mesmo fix já aplicado em PrePostar.razor.css (2026-08-26). */
        min-width: 0;
    }



.Button-Container[b-y9o6d9cbcl] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-y9o6d9cbcl], .button-Menu[b-y9o6d9cbcl], .Button[b-y9o6d9cbcl] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-y9o6d9cbcl] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-y9o6d9cbcl] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-y9o6d9cbcl] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-y9o6d9cbcl], .button-Menu img[b-y9o6d9cbcl], .Button img[b-y9o6d9cbcl] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-y9o6d9cbcl] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-y9o6d9cbcl] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-y9o6d9cbcl] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-y9o6d9cbcl],
input[type="email"][b-y9o6d9cbcl] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: black;
}

/* Estilização para os SubCards */
.SubCard[b-y9o6d9cbcl] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
    
}

}

.SubCard-Large[b-y9o6d9cbcl] {
    flex: 2;
}

.SubCard-Title[b-y9o6d9cbcl] {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-y9o6d9cbcl] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}


.embalagem-container[b-y9o6d9cbcl]{
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}


.embalagem-card[b-y9o6d9cbcl]{
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    color: black;
}

.embalagem-card:hover[b-y9o6d9cbcl]{
    border-color: #007bff;
    box-shadow:  0 0 10px rgba(0, 123, 255, 0.2);
    color: black;
}

.embalagem-card.selected[b-y9o6d9cbcl] {
   border: 5px solid #007bff;
   background-color: #f0f8ff;
}

.embalagem-icon img[b-y9o6d9cbcl] {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.embalagem-title[b-y9o6d9cbcl]{
    font-weight: bold;
    margin: 10px 0 5px;
}

.embalagem-desc[b-y9o6d9cbcl] {
    font-size: 0.8rem;
    color: #666;
}


.disable-tab-headers[b-y9o6d9cbcl] {
    display: none !important;
}

.mud-snackbar-content[b-y9o6d9cbcl] {
    font-size: 14px;
}

.mud-alert-filled-error[b-y9o6d9cbcl] {
    background-color: #d32f2f !important;
}


.Button-Container-Orca[b-y9o6d9cbcl] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 20px; /* Espaço abaixo do botão */
}



.modal-header[b-y9o6d9cbcl] {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title[b-y9o6d9cbcl] {
    margin: 0;
}

.modal-body[b-y9o6d9cbcl] {
    padding: 1rem;
}

.modal-footer[b-y9o6d9cbcl] {
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.close[b-y9o6d9cbcl] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
}

.custom-dialog .mud-dialog-container[b-y9o6d9cbcl] {
    width: 90vw;
    max-width: 1200px;
    height: 80vh;
}

.custom-dialog .mud-dialog-content[b-y9o6d9cbcl] {
    max-height: calc(80vh - 150px);
    overflow-y: auto;
}



.input-with-loader[b-y9o6d9cbcl] {
    position: relative;
}

.loader-cep[b-y9o6d9cbcl] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    animation: spin-b-y9o6d9cbcl 1s linear infinite;
}

@keyframes spin-b-y9o6d9cbcl {
    0% {
        transform: translateY(-50%) rotate(0deg);
    }

    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}

.text-danger.small[b-y9o6d9cbcl] {
    font-size: 0.8rem;
    100% {transform: translateY(-50) rotate(360deg);}

}


input[readonly][b-y9o6d9cbcl]{
    background-color:#e9ecef;
    opacity: 1;
}

/* Barra de ações acima da grade "Postagens do Atendimento" - troca o MudSpacer (que só empurrava os
   botões pra direita numa linha única, sem quebra) por flex-wrap de verdade nos dois níveis: o título e o
   grupo de botões podem cair em linhas separadas, e os botões entre si também quebram (2026-09-01,
   reportado: "os botões em cima da grade estão... cortando e mal posicionados"). */
.postagens-toolbar[b-y9o6d9cbcl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 8px 0;
}

.postagens-toolbar-acoes[b-y9o6d9cbcl] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Rodapé da grade (contador/"Limpar Seleção" à esquerda, "Valor Total do Atendimento" à direita) - mesmo
   problema do cabeçalho: sem flex-wrap, o bloco da direita espremia o botão "Limpar Seleção" contra a
   borda em telas estreitas (2026-09-01, reportado: "o campo selecionar está cortando o botão limpar"). */
.postagens-footer[b-y9o6d9cbcl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px;
    width: 100%;
}

.postagens-footer-selecao[b-y9o6d9cbcl],
.postagens-footer-valor[b-y9o6d9cbcl] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 480px) {
    .postagens-footer[b-y9o6d9cbcl] {
        flex-direction: column;
        align-items: stretch;
    }

    .postagens-footer-valor[b-y9o6d9cbcl] {
        justify-content: flex-end;
    }
}

/* Coluna de seleção (checkbox) da grade em modo "card" mobile (MudTable com Breakpoint="Breakpoint.Sm" -
   abaixo de 960px o MudBlazor empilha cada MudTd como uma linha própria dentro do card). O CSS do
   MudBlazor usa "justify-content:space-between" em toda ".mud-table-cell" nesse modo, pra separar o
   rótulo (pseudo-elemento ":before" com o "data-label") do valor - mas a célula de seleção não tem
   data-label (é a coluna interna do MultiSelection, sempre inserida como a primeira, antes de "Seq."), e
   o rótulo vazio empurrava o checkbox pro lado direito da própria linha em vez de ficar à esquerda, no
   início do card, acima de "Seq." (2026-09-01, pedido explícito). "::deep" alcança essas classes internas
   do MudTable, fora do isolamento de CSS deste arquivo. */
[b-y9o6d9cbcl] .mud-sm-table .mud-table-row .mud-table-cell:first-child,
[b-y9o6d9cbcl] .mud-sm-table .mud-table-row .mud-table-cell:has(.mud-table-cell-checkbox) {
    justify-content: flex-start;
}

/* Espaço entre a barra de ações (postagens-toolbar) e o corpo da tabela em modo card - o alvo de toque
   do MudCheckbox usa margem negativa pra ficar maior que o ícone visível (padrão Material, pra facilitar
   o toque no celular); isso já vazava um pouco pra fora da célula antes deste ajuste, só que encostado na
   DIREITA (empurrado pelo "space-between" antigo) caía em área em branco e não aparecia. Ao alinhar o
   checkbox à esquerda (regra acima), esse vazamento passou a cair em cima do botão "SELECIONAR TODOS"
   (2026-09-01, reportado com print: "esta ocupando a mesma area que o botao selecionar todos"). Margem no
   corpo da tabela dá clareza suficiente pra absorver essa margem negativa sem sobrepor a barra acima. */
[b-y9o6d9cbcl] .mud-sm-table .mud-table-body {
    margin-top: 14px;
}

@media (max-width: 600px) {
    .postagens-toolbar[b-y9o6d9cbcl] {
        flex-direction: column;
        align-items: stretch;
    }

    /* Sem isso os botões (renderizados por dentro do componente MudButton) continuavam encolhendo até
       ficar ilegíveis nessa faixa - "::deep" alcança o <button> nativo gerado por um componente filho,
       mesmo padrão já usado em OrcamentoBalcaoModal.razor.css (2026-09-01). */
    .postagens-toolbar-acoes[b-y9o6d9cbcl]  button {
        flex: 1 1 auto;
        min-width: 140px;
    }
}

/* Faixa de tablet - antes só ajustava .BotoesContainer; faltavam Card/SubCards, mesmas faixas usadas nas
   demais telas de cadastro/PrePostar.razor (2026-09-01). */
@media (max-width: 768px) {
    .Fundo-Container[b-y9o6d9cbcl] {
        padding: 12px;
    }

    .Card[b-y9o6d9cbcl] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-y9o6d9cbcl] {
        font-size: 1.3em;
        margin-bottom: 14px;
    }

    .SubCard[b-y9o6d9cbcl], .SubCard-Large[b-y9o6d9cbcl] {
        min-width: 100%;
        flex-basis: 100%;
        padding: 16px;
    }

    .SubCards-Container[b-y9o6d9cbcl] {
        gap: 14px;
        margin-top: 14px;
    }

    input[type="text"][b-y9o6d9cbcl],
    input[type="email"][b-y9o6d9cbcl] {
        padding: 12px;
        font-size: 1em;
    }

    .BotoesContainer[b-y9o6d9cbcl] {
        gap: 10px;
    }

        .BotoesContainer .btn[b-y9o6d9cbcl] {
            padding: 8px 16px;
            font-size: 14px;
            flex: 1;
            min-width: 120px;
        }
}

@media (max-width: 480px) {
    /* Empilha um campo por linha em celular - faltava aqui (mesma regra já usada em
       PrePostar.razor.css/CadCliente.razor.css/CadContrato.razor.css/CadDepartamento.razor.css/
       CadUsuario.razor.css). Sem isso, as duas linhas de "Informações" (CEP Origem/Cartão de Postagem,
       Pacote/Integração Correios) dividem espaço só com min-width:0/flex-wrap e ficam espremidas em telas
       estreitas (2026-09-01). */
    .form-group-row[b-y9o6d9cbcl] {
        flex-direction: column;
    }

        .form-group-row .form-group[b-y9o6d9cbcl] {
            width: 100%;
        }

    .BotoesContainer[b-y9o6d9cbcl] {
        flex-direction: column;
    }

        .BotoesContainer .btn[b-y9o6d9cbcl] {
            width: 100%;
        }
}
/* _content/PrePostagem/Components/Pages/CadCalculo.razor.rz.scp.css */
.Fundo-Container[b-03fg16s7dy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-03fg16s7dy] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-03fg16s7dy] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-03fg16s7dy] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-03fg16s7dy] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-03fg16s7dy] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-03fg16s7dy] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-03fg16s7dy] {
        flex: 1;
    }



.Button-Container[b-03fg16s7dy] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-03fg16s7dy], .button-Menu[b-03fg16s7dy], .Button[b-03fg16s7dy] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-03fg16s7dy] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-03fg16s7dy] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-03fg16s7dy] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-03fg16s7dy], .button-Menu img[b-03fg16s7dy], .Button img[b-03fg16s7dy] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-03fg16s7dy] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-03fg16s7dy] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-03fg16s7dy] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-03fg16s7dy],
input[type="email"][b-03fg16s7dy] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-03fg16s7dy] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-03fg16s7dy] {
    flex: 2;
}

.SubCard-Title[b-03fg16s7dy] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-03fg16s7dy] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.input-group[b-03fg16s7dy] {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.input-group-append[b-03fg16s7dy] {
    margin-left: -1px; /* Remove a margem entre o input e o ícone */
}

.input-group-text[b-03fg16s7dy] {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0 0.25rem 0.25rem 0;
    cursor: pointer;
}

    .input-group-text img[b-03fg16s7dy] {
        width: 20px;
        height: 20px;
    }

.icons-container[b-03fg16s7dy] {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.icon-button[b-03fg16s7dy] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: white;
    transition: color 0.3s ease;
}

    .icon-button:hover[b-03fg16s7dy] {
        color: #007bff;
    }


.grid-container[b-03fg16s7dy] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding: 10px;
}

.grid-header[b-03fg16s7dy] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-03fg16s7dy] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-03fg16s7dy] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-03fg16s7dy] {
        background-color: #e1f2f4;
    }


.grid-item[b-03fg16s7dy] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}
/* _content/PrePostagem/Components/Pages/CadCartao.razor.rz.scp.css */
.Fundo-Container[b-wdy90eidnh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-wdy90eidnh] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    /* Mesmo tom "vidro" azul-petróleo usado em CadContrato.razor.css/CadCliente.razor.css - antes era
       um overlay preto (rgba(0,0,0,0.3)), destoando do resto do sistema. */
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - o .Card virava um segundo scroll horizontal
       escondido, competindo com o .table-responsive. Mesmo ajuste já aplicado em
       ConsultaCartao.razor.css/CadContrato.razor.css/CadCliente.razor.css (2026-09-01). */
    overflow-x: visible;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
}

.title[b-wdy90eidnh] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.Img-fundo[b-wdy90eidnh] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-wdy90eidnh] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

    .form-group label[b-wdy90eidnh] {
        color: #ffffff;
    }

.form-container[b-wdy90eidnh] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-wdy90eidnh] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-wdy90eidnh] {
        flex: 1;
    }

    /* Trios/pares de campos que dividem a mesma linha (N° do Cartão + botão PPN; Sigla/Faixa Inicial/
       Faixa Final) - com flex:1 puro eles ficavam espremidos demais pra digitar em tablet/celular antes
       de existir uma media query específica; com min-width, quebram linha naturalmente via o
       flex-wrap:wrap já existente em .form-group-row, em vez de depender só do breakpoint de 480px.
       Mesmo padrão já usado em CadContrato.razor.css/CadCliente.razor.css (2026-09-01), aqui via classe
       "form-group-sm" adicionada nos form-group destes campos no .razor. */
    .form-group-sm[b-wdy90eidnh] {
        min-width: 140px;
    }

.Button-Container[b-wdy90eidnh] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
}

/* Estilo comum para todos os botões - menores e mais arredondados (era width:30%, quadrados,
   border-radius: 3px). Mesmo padrão do CadContrato.razor.css/CadCliente.razor.css. */
.Button-V[b-wdy90eidnh], .button-Menu[b-wdy90eidnh], .Button[b-wdy90eidnh] {
    width: auto;
    min-width: 130px;
    flex: 1 1 auto;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 8px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-wdy90eidnh] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-wdy90eidnh] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar"/"Buscar Serviços na PPN" */
.Button[b-wdy90eidnh] {
    background-color: #28a745;
}

/* Estilo para as imagens dentro dos botões */
.Button-V img[b-wdy90eidnh], .button-Menu img[b-wdy90eidnh], .Button img[b-wdy90eidnh] {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1); /* Transforma a imagem em branco */
}

/* Efeito hover para os botões */
.Button-V:hover[b-wdy90eidnh] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-wdy90eidnh] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-wdy90eidnh] {
    background-color: #218838; /* Cor mais escura para o hover */
}

/* Campos de formulário - antes só "input[type=text]"/"input[type=email]" tinham estilo aqui; o
   restante (InputNumber, InputSelect/select) ficava com a aparência padrão do Bootstrap, destoando
   do resto da tela. Mesmo seletor usado no CadContrato.razor.css/CadCliente.razor.css. */
.form-control[b-wdy90eidnh],
input[type="text"][b-wdy90eidnh],
input[type="email"][b-wdy90eidnh],
input[type="number"][b-wdy90eidnh],
select[b-wdy90eidnh] {
    width: 100%;
    height: 52px;
    line-height: 52px;
    padding: 0 15px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    font-size: 1.2em;
    color: #222;
    background-color: rgba(255, 255, 255, 0.96);
}

/* Tema do MudAutocomplete de Serviço - mesma classe/abordagem do CadContrato.razor.css: sem isso, o
   outline padrão do MudBlazor (claro) fica ilegível sobre o fundo escuro "vidro" do Card. */
[b-wdy90eidnh] .campo-mud .mud-input-outlined {
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 4px;
}

[b-wdy90eidnh] .campo-mud .mud-input-outlined-border {
    border-color: rgba(0, 0, 0, 0.15);
}

[b-wdy90eidnh] .campo-mud input,
[b-wdy90eidnh] .campo-mud .mud-input-slot {
    color: #222;
    font-size: 1.2em;
}

    .form-control:focus[b-wdy90eidnh],
    input[type="text"]:focus[b-wdy90eidnh],
    input[type="email"]:focus[b-wdy90eidnh],
    input[type="number"]:focus[b-wdy90eidnh],
    select:focus[b-wdy90eidnh] {
        outline: none;
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.28);
    }

    .form-control:disabled[b-wdy90eidnh],
    input:disabled[b-wdy90eidnh],
    .form-control[readonly][b-wdy90eidnh],
    input[readonly][b-wdy90eidnh] {
        background-color: rgba(255, 255, 255, 0.7);
        opacity: 1;
        cursor: default;
    }

/* Estilização para os SubCards - mesmo tom do .Card. */
.SubCard[b-wdy90eidnh] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.SubCard-Large[b-wdy90eidnh] {
    flex: 2;
}

.SubCard-Title[b-wdy90eidnh] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-wdy90eidnh] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.icons-container[b-wdy90eidnh] {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.icon-button[b-wdy90eidnh] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: white;
    transition: color 0.3s ease;
}

    .icon-button:hover[b-wdy90eidnh] {
        color: #007bff;
    }

/* Rolagem horizontal pra grade de serviços em telas estreitas - 6 colunas fixas ficam espremidas em
   mobile sem isso. Mesmo padrão do table-responsive usado em CadContrato.razor/ConsultaContrato.razor. */
.table-responsive[b-wdy90eidnh] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.grid-container[b-wdy90eidnh] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    min-width: 640px;
    padding: 10px;
}

.grid-header[b-wdy90eidnh] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-wdy90eidnh] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-wdy90eidnh] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-wdy90eidnh] {
        background-color: #e1f2f4;
    }

.grid-item[b-wdy90eidnh] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

button:disabled[b-wdy90eidnh] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Responsivo - mesmas faixas usadas no CadContrato.razor.css/CadCliente.razor.css/CadProduto.razor.css. */
@media (max-width: 900px) {
    .Button-V[b-wdy90eidnh], .button-Menu[b-wdy90eidnh], .Button[b-wdy90eidnh] {
        min-width: 0;
        font-size: 13px;
        padding: 9px 18px;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-wdy90eidnh] {
        padding: 12px;
    }

    .Card[b-wdy90eidnh] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-wdy90eidnh] {
        font-size: 1.4em;
        margin-bottom: 14px;
    }

    .SubCard[b-wdy90eidnh], .SubCard-Large[b-wdy90eidnh] {
        min-width: 100%;
        flex-basis: 100%;
        padding: 16px;
    }

    .SubCards-Container[b-wdy90eidnh] {
        gap: 14px;
        margin-top: 14px;
    }

    .form-control[b-wdy90eidnh],
    input[type="text"][b-wdy90eidnh],
    input[type="email"][b-wdy90eidnh],
    input[type="number"][b-wdy90eidnh],
    select[b-wdy90eidnh] {
        padding: 12px;
        font-size: 1em;
    }

    [b-wdy90eidnh] .campo-mud input,
    [b-wdy90eidnh] .campo-mud .mud-input-slot {
        font-size: 1em;
    }

    .Button-Container[b-wdy90eidnh] {
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .form-group-row[b-wdy90eidnh] {
        flex-direction: column;
    }

        .form-group-row .form-group[b-wdy90eidnh] {
            width: 100%;
        }

    .Button-Container[b-wdy90eidnh] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-wdy90eidnh],
        .Button-Container .Button[b-wdy90eidnh],
        .Button-Container .button-Menu[b-wdy90eidnh] {
            width: 100%;
            min-width: 0;
        }

    .icons-container[b-wdy90eidnh] {
        flex-direction: column;
        align-items: stretch;
    }

    /* Fallback "card empilhado" para a grade de Serviços Adicionados - rolagem horizontal é pouco
       confiável em navegador com emulação mobile (sem touch real). Mesmo padrão já aplicado em
       ConsultaCartao.razor.css/CadContrato.razor.css: esconde o cabeçalho e transforma cada linha num
       cartão, usando data-label (adicionado no .razor) pra rotular cada valor. */
    .table-responsive[b-wdy90eidnh] {
        overflow-x: visible;
    }

    .grid-container[b-wdy90eidnh] {
        display: block;
        min-width: 0;
        padding: 0;
    }

    .grid-header[b-wdy90eidnh] {
        display: none;
    }

    .grid-row[b-wdy90eidnh] {
        display: block;
        margin-bottom: 10px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 8px;
        overflow: hidden;
    }

    .grid-item[b-wdy90eidnh] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        text-align: right;
        border: none;
        border-bottom: 1px solid #ddd;
        padding: 8px 12px;
    }

        .grid-item:last-child[b-wdy90eidnh] {
            border-bottom: none;
        }

        .grid-item[b-wdy90eidnh]::before {
            content: attr(data-label);
            font-weight: bold;
            text-align: left;
            color: #247FAC;
        }
}
/* _content/PrePostagem/Components/Pages/CadChequeEmitido.razor.rz.scp.css */
.Fundo-Container[b-qwj9dr3e15] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-qwj9dr3e15] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

/*.title {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}*/

.Img-fundo[b-qwj9dr3e15] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-qwj9dr3e15] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-qwj9dr3e15] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-qwj9dr3e15] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-qwj9dr3e15] {
        flex: 1;
    }

.header-Container[b-qwj9dr3e15] {
    display: flex;
    justify-content: space-between; /* Título à esquerda, botão à direita */
    align-items: center; /* Centraliza verticalmente */
    width: 100%; /* Ocupa toda a largura do card */
    margin-bottom: 20px; /* Espaçamento opcional */
}

/* Título centralizado (ocupa o espaço disponível) */
.title[b-qwj9dr3e15] {
    flex-grow: 1; /* Ocupa todo o espaço restante */
    text-align: center; /* Centraliza o texto */
    font-size: 3.3em;
    margin: 0; /* Remove margens padrão */
}

/* Botão alinhado à direita */
.Cadastro[b-qwj9dr3e15] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
    background-color: green
}

    .Cadastro:hover[b-qwj9dr3e15] {
        background-color: darkgreen;
    }


.Button-Container[b-qwj9dr3e15] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-qwj9dr3e15], .button-Menu[b-qwj9dr3e15], .Button[b-qwj9dr3e15] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-qwj9dr3e15] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-qwj9dr3e15] {
    background-color: green;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-qwj9dr3e15] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-qwj9dr3e15], .Button img[b-qwj9dr3e15] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-qwj9dr3e15] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-qwj9dr3e15] {
    background-color: darkgreen; /* Cor mais escura para o hover */
}

.Button:hover[b-qwj9dr3e15] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-qwj9dr3e15],
input[type="email"][b-qwj9dr3e15] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-qwj9dr3e15] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-qwj9dr3e15] {
    flex: 2;
}

.SubCard-Title[b-qwj9dr3e15] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-qwj9dr3e15] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}


.grid-container[b-qwj9dr3e15] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 10px;
}

.grid-header[b-qwj9dr3e15] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-qwj9dr3e15] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-qwj9dr3e15] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-qwj9dr3e15] {
        background-color: #e1f2f4;
    }


.grid-item[b-qwj9dr3e15] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.btn-icon[b-qwj9dr3e15] {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    color: #007bff; /* Cor dos ícones */
    font-size: 16px;
}

    .btn-icon:hover[b-qwj9dr3e15] {
        color: #0056b3; /* Cor dos ícones ao passar o mouse */
    }

.modal[b-qwj9dr3e15] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
}

.modal-dialog[b-qwj9dr3e15] {
    max-width: 500px;
    margin: 1.75rem auto;
}

.modal-content[b-qwj9dr3e15] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.modal-header[b-qwj9dr3e15] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    color: black;
}

.modal-body[b-qwj9dr3e15] {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    color: black;
}

.modal-footer[b-qwj9dr3e15] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
}




.close[b-qwj9dr3e15] {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background: transparent;
    border: 0;
}

    .close:hover[b-qwj9dr3e15] {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }


.Confirmar[b-qwj9dr3e15] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
    background-color: red;
}

    .Confirmar:hover[b-qwj9dr3e15] {
        background-color: darkred;
    }
/* _content/PrePostagem/Components/Pages/CadCliente.razor.rz.scp.css */
.Fundo-Container[b-gcdkwejaij] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.Card[b-gcdkwejaij] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    /* Mesmo tom "vidro" azul-petróleo do CadProduto.razor.css (cor apenas - posição/tamanho do card
       continuam os mesmos de antes). */
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - mesmo ajuste de segurança já aplicado nas telas
       de Consulta desta sessão (2026-09-01). */
    overflow-x: visible;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
}

.title[b-gcdkwejaij] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.Img-fundo[b-gcdkwejaij] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-gcdkwejaij] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;

}

    .form-group label[b-gcdkwejaij] {
        color: #ffffff;
    }

.form-hint-small[b-gcdkwejaij] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.75);
    margin-top: 4px;
}

.form-container[b-gcdkwejaij] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

}

.form-group-row[b-gcdkwejaij] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap:wrap;

}

    .form-group-row .form-group[b-gcdkwejaij] {
        flex: 1;
    }

    /* Telefone/Celular (Contato) - com flex:1 puro, dentro do SubCard estreito de Contato e ainda
       dividindo linha com Nome Contato, o campo Celular ficava tão apertado que o texto digitado saía
       cortado (o cursor rolava o texto pra fora da área visível). Com min-width, se não couber os dois
       lado a lado eles quebram linha (a form-group-row já tem flex-wrap) em vez de espremer o campo. */
    .form-group-phone[b-gcdkwejaij] {
        min-width: 160px;
    }

    /* Mesmo motivo/ajuste do form-group-phone acima, aplicado aos outros trios de campos na mesma linha
       (CEP/Cidade/UF em Endereço; Numero/Complemento/Bairro) - com flex:1 puro, em tablet (768-900px) ou
       num SubCard mais estreito eles ficavam espremidos demais pra digitar antes de existir uma
       media query específica; com min-width, quebram linha naturalmente assim que não couberem, sem
       depender só do breakpoint de 480px (2026-09-01, pedido explícito: tela de Cadastro de Cliente não
       estava responsiva). As classes "col-md-4"/"col-md-6" do Bootstrap no markup não têm efeito aqui -
       o CSS isolado deste componente (.form-group{flex:1}) tem mais especificidade e sempre vence. */
    .form-group.col-md-4[b-gcdkwejaij] {
        min-width: 140px;
    }

    .form-group.col-md-6[b-gcdkwejaij] {
        min-width: 180px;
    }

    /* Tipo Pessoa (radios Física/Jurídica) - o rótulo "Tipo Pessoa" e cada radio ficam dentro de uma
       form-group-row aninhada; herdando flex:1 do seletor acima, cada um era espremido pra mesma largura
       e o texto "Pessoa Física" quebrava em duas linhas. Aqui eles usam só o espaço que precisam. */
    .form-group-row .form-group-row .form-group[b-gcdkwejaij] {
        flex: 0 0 auto;
    }

/* Informações Complementares - os checkboxes ficavam colados nas bordas (flex:1 esticando cada um pra
   metade da linha, texto alinhado à esquerda de cada metade), desalinhado com o título centralizado
   acima. Aqui o grupo de checkboxes fica compacto e centralizado, acompanhando o título. */
.form-group-row-center[b-gcdkwejaij] {
    justify-content: center;
}

    .form-group-row-center > .form-group[b-gcdkwejaij] {
        flex: 0 0 auto;
    }



.Button-Container[b-gcdkwejaij] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
}

/* Estilo comum para todos os botões - menores e mais arredondados (antes eram 30% da largura do card,
   quadrados, com border-radius: 3px e ícone de 40px). */
.Button-V[b-gcdkwejaij], .button-Menu[b-gcdkwejaij], .Button[b-gcdkwejaij] {
    width: auto;
    min-width: 130px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 8px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-gcdkwejaij] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-gcdkwejaij] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-gcdkwejaij] {
    background-color: #28a745;
}

/* Estilo para as imagens dentro dos botões */
.Button-V img[b-gcdkwejaij], .button-Menu img[b-gcdkwejaij], .Button img[b-gcdkwejaij] {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1); /* Transforma a imagem em branco */
}

/* Efeito hover para os botões */
.Button-V:hover[b-gcdkwejaij] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-gcdkwejaij] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-gcdkwejaij] {
    background-color: #218838; /* Cor mais escura para o hover */
}



.form-control[b-gcdkwejaij],
input[type="text"][b-gcdkwejaij],
input[type="email"][b-gcdkwejaij],
input[type="number"][b-gcdkwejaij],
select[b-gcdkwejaij] {
    width: 100%;
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    font-size: 1.2em;
    color: #222;
    background-color: rgba(255, 255, 255, 0.96);
}

    .form-control:focus[b-gcdkwejaij],
    input[type="text"]:focus[b-gcdkwejaij],
    input[type="email"]:focus[b-gcdkwejaij],
    input[type="number"]:focus[b-gcdkwejaij],
    select:focus[b-gcdkwejaij] {
        outline: none;
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.28);
    }

    .form-control:disabled[b-gcdkwejaij],
    input:disabled[b-gcdkwejaij],
    .form-control[readonly][b-gcdkwejaij],
    input[readonly][b-gcdkwejaij] {
        background-color: rgba(255, 255, 255, 0.7);
        opacity: 1;
        cursor: default;
    }

/* Estilização para os SubCards - mesmo tom do .Card (igual o CadProduto faz com seus painéis internos,
   .foto-produto-box/.dimensoes-panel, que usam a mesma cor do card em vez de um tom novo). */
.SubCard[b-gcdkwejaij] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.SubCard-Large[b-gcdkwejaij] {
    flex: 2;
}

.SubCard-Title[b-gcdkwejaij] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-gcdkwejaij] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

/* Linhas de upload de logotipo (Email/Etiqueta/Descrição) - miniatura de 50px + input de arquivo lado a
   lado (.d-flex .align-items-center do Bootstrap). O <input type="file"> nativo tem largura intrínseca
   própria (varia por navegador) que, somada aos 50px+10px da miniatura, podia estourar a largura do
   SubCard num celular estreito, empurrando a tela pros lados. Aqui o grupo quebra linha quando não
   couber, e o input nunca ultrapassa a largura disponível (2026-09-01, pedido explícito). */
.d-flex.align-items-center[b-gcdkwejaij] {
    flex-wrap: wrap;
    row-gap: 8px;
}

    .d-flex.align-items-center .form-control-file[b-gcdkwejaij] {
        max-width: 100%;
        flex: 1 1 180px;
    }

/* Ícone de "salvando..." no botão Salvar, mesmo padrão do CadProduto.razor.css */
@keyframes spin-b-gcdkwejaij {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Responsivo - a tela não tinha nenhum breakpoint antes, então em tablet/celular o Card ficava com o
   mesmo padding/fonte do desktop e os SubCards podiam ficar espremidos (min-width: 250px competindo
   por espaço). Faixas iguais às usadas nas outras telas (CadProduto/CadFilial/CadEmpresa). */
@media (max-width: 900px) {
    .Button-V[b-gcdkwejaij], .button-Menu[b-gcdkwejaij], .Button[b-gcdkwejaij] {
        min-width: 0;
        font-size: 13px;
        padding: 9px 18px;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-gcdkwejaij] {
        padding: 12px;
    }

    .Card[b-gcdkwejaij] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-gcdkwejaij] {
        font-size: 1.4em;
        margin-bottom: 14px;
    }

    .SubCard[b-gcdkwejaij], .SubCard-Large[b-gcdkwejaij] {
        min-width: 100%;
        flex-basis: 100%;
        padding: 16px;
    }

    .SubCards-Container[b-gcdkwejaij] {
        gap: 14px;
        margin-top: 14px;
    }

    .form-control[b-gcdkwejaij],
    input[type="text"][b-gcdkwejaij],
    input[type="email"][b-gcdkwejaij],
    input[type="number"][b-gcdkwejaij],
    select[b-gcdkwejaij] {
        padding: 12px;
        font-size: 1em;
    }

    .Button-Container[b-gcdkwejaij] {
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .form-group-row[b-gcdkwejaij] {
        flex-direction: column;
    }

        .form-group-row .form-group[b-gcdkwejaij],
        .form-group-row .form-group-row .form-group[b-gcdkwejaij],
        .form-group-row-center > .form-group[b-gcdkwejaij] {
            width: 100%;
        }

    .Button-Container[b-gcdkwejaij] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-gcdkwejaij],
        .Button-Container .Button[b-gcdkwejaij],
        .Button-Container .button-Menu[b-gcdkwejaij] {
            width: 100%;
            min-width: 0;
        }
}


/* _content/PrePostagem/Components/Pages/CadContasPagar.razor.rz.scp.css */
.Fundo-Container[b-ljgr0dk73t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-ljgr0dk73t] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-ljgr0dk73t] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-ljgr0dk73t] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-ljgr0dk73t] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-ljgr0dk73t] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-ljgr0dk73t] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-ljgr0dk73t] {
        flex: 1;
    }



.Button-Container[b-ljgr0dk73t] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-ljgr0dk73t], .button-Menu[b-ljgr0dk73t], .Button[b-ljgr0dk73t] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-ljgr0dk73t] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-ljgr0dk73t] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-ljgr0dk73t] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-ljgr0dk73t], .button-Menu img[b-ljgr0dk73t], .Button img[b-ljgr0dk73t] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-ljgr0dk73t] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-ljgr0dk73t] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-ljgr0dk73t] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-ljgr0dk73t],
input[type="email"][b-ljgr0dk73t] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-ljgr0dk73t] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-ljgr0dk73t] {
    flex: 2;
}

.SubCard-Title[b-ljgr0dk73t] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-ljgr0dk73t] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.input-group[b-ljgr0dk73t] {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.input-group-append[b-ljgr0dk73t] {
    margin-left: -1px; /* Remove a margem entre o input e o ícone */
}

.input-group-text[b-ljgr0dk73t] {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0 0.25rem 0.25rem 0;
    cursor: pointer;
}

    .input-group-text img[b-ljgr0dk73t] {
        width: 20px;
        height: 20px;
    }

.icons-container[b-ljgr0dk73t] {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.icon-button[b-ljgr0dk73t] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: white;
    transition: color 0.3s ease;
}

    .icon-button:hover[b-ljgr0dk73t] {
        color: #007bff;
    }


.grid-container[b-ljgr0dk73t] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    padding: 10px;
}

.grid-header[b-ljgr0dk73t] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-ljgr0dk73t] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-ljgr0dk73t] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-ljgr0dk73t] {
        background-color: #e1f2f4;
    }


.grid-item[b-ljgr0dk73t] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}
/* _content/PrePostagem/Components/Pages/CadContasReceber.razor.rz.scp.css */
.Fundo-Container[b-eip8e1y1ys] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-eip8e1y1ys] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

/*.title {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}*/

.Img-fundo[b-eip8e1y1ys] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-eip8e1y1ys] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-eip8e1y1ys] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-eip8e1y1ys] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-eip8e1y1ys] {
        flex: 1;
    }

.header-Container[b-eip8e1y1ys] {
    display: flex;
    justify-content: space-between; /* Título à esquerda, botão à direita */
    align-items: center; /* Centraliza verticalmente */
    width: 100%; /* Ocupa toda a largura do card */
    margin-bottom: 20px; /* Espaçamento opcional */
}

/* Título centralizado (ocupa o espaço disponível) */
.title[b-eip8e1y1ys] {
    flex-grow: 1; /* Ocupa todo o espaço restante */
    text-align: center; /* Centraliza o texto */
    font-size: 3.3em;
    margin: 0; /* Remove margens padrão */
}

/* Botão alinhado à direita */
.Cadastro[b-eip8e1y1ys] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
    background-color: green
}

    .Cadastro:hover[b-eip8e1y1ys] {
        background-color: darkgreen;
    }


.Button-Container[b-eip8e1y1ys] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-eip8e1y1ys], .button-Menu[b-eip8e1y1ys], .Button[b-eip8e1y1ys] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-eip8e1y1ys] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-eip8e1y1ys] {
    background-color: green;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-eip8e1y1ys] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-eip8e1y1ys], .Button img[b-eip8e1y1ys] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-eip8e1y1ys] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-eip8e1y1ys] {
    background-color: darkgreen; /* Cor mais escura para o hover */
}

.Button:hover[b-eip8e1y1ys] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-eip8e1y1ys],
input[type="email"][b-eip8e1y1ys] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-eip8e1y1ys] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-eip8e1y1ys] {
    flex: 2;
}

.SubCard-Title[b-eip8e1y1ys] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-eip8e1y1ys] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}


.grid-container[b-eip8e1y1ys] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 10px;
}

.grid-header[b-eip8e1y1ys] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-eip8e1y1ys] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-eip8e1y1ys] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-eip8e1y1ys] {
        background-color: #e1f2f4;
    }


.grid-item[b-eip8e1y1ys] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.btn-icon[b-eip8e1y1ys] {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    color: #007bff; /* Cor dos ícones */
    font-size: 16px;
}

    .btn-icon:hover[b-eip8e1y1ys] {
        color: #0056b3; /* Cor dos ícones ao passar o mouse */
    }

.modal[b-eip8e1y1ys] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
}

.modal-dialog[b-eip8e1y1ys] {
    max-width: 500px;
    margin: 1.75rem auto;
}

.modal-content[b-eip8e1y1ys] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.modal-header[b-eip8e1y1ys] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    color: black;
}

.modal-body[b-eip8e1y1ys] {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    color: black;
}

.modal-footer[b-eip8e1y1ys] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
}




.close[b-eip8e1y1ys] {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background: transparent;
    border: 0;
}

    .close:hover[b-eip8e1y1ys] {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }


.Confirmar[b-eip8e1y1ys] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
    background-color: red;
}

    .Confirmar:hover[b-eip8e1y1ys] {
        background-color: darkred;
    }
/* _content/PrePostagem/Components/Pages/CadContato.razor.rz.scp.css */
.Fundo-Container[b-iqyl4lrjwt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-iqyl4lrjwt] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-iqyl4lrjwt] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-iqyl4lrjwt] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-iqyl4lrjwt] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-iqyl4lrjwt] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-iqyl4lrjwt] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-iqyl4lrjwt] {
        flex: 1;
    }



.Button-Container[b-iqyl4lrjwt] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-iqyl4lrjwt], .button-Menu[b-iqyl4lrjwt], .Button[b-iqyl4lrjwt] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-iqyl4lrjwt] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-iqyl4lrjwt] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-iqyl4lrjwt] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-iqyl4lrjwt], .button-Menu img[b-iqyl4lrjwt], .Button img[b-iqyl4lrjwt] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-iqyl4lrjwt] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-iqyl4lrjwt] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-iqyl4lrjwt] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-iqyl4lrjwt],
input[type="email"][b-iqyl4lrjwt] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-iqyl4lrjwt] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-iqyl4lrjwt] {
    flex: 2;
}

.SubCard-Title[b-iqyl4lrjwt] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-iqyl4lrjwt] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/CadContrato.razor.rz.scp.css */
.Fundo-Container[b-f0u8rjr9er] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-f0u8rjr9er] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    /* Mesmo tom "vidro" azul-petróleo do CadCliente.razor.css (padrão das telas de cadastro). */
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - o .Card inteiro virava um container de scroll
       horizontal por baixo dos panos, brigando com o ".table-responsive" de dentro (mesmo ajuste já
       aplicado nas telas de Consulta desta sessão - 2026-09-01, pedido explícito: tela de Cadastro de
       Contrato não estava responsiva). */
    overflow-x: visible;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
}

.title[b-f0u8rjr9er] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.Img-fundo[b-f0u8rjr9er] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-f0u8rjr9er] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

    .form-group label[b-f0u8rjr9er] {
        color: #ffffff;
    }

.form-container[b-f0u8rjr9er] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-f0u8rjr9er] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-f0u8rjr9er] {
        flex: 1;
    }

    /* Trios/pares de campos na mesma linha (N° Contrato/Dados DR/Cód. Administrativo; Ano Contrato/Data
       Vencimento) - com flex:1 puro, em tablet ou num SubCard mais estreito ficavam espremidos demais
       pra digitar. Com min-width, quebram linha naturalmente assim que não couberem, sem depender só do
       breakpoint de 480px. As classes "col-md-4"/"col-md-6" do Bootstrap no markup não têm efeito aqui -
       o CSS isolado deste componente (.form-group{flex:1}) tem mais especificidade e sempre vence. Mesmo
       ajuste já aplicado em CadCliente.razor.css (2026-09-01, pedido explícito). */
    .form-group.col-md-4[b-f0u8rjr9er] {
        min-width: 160px;
    }

    .form-group.col-md-6[b-f0u8rjr9er] {
        min-width: 220px;
    }


.Button-Container[b-f0u8rjr9er] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
}

/* Estilo comum para todos os botões - menores e mais arredondados (antes eram 30% da largura do card,
   quadrados, com border-radius: 3px e ícone de 40px). Mesmo padrão do CadCliente.razor.css. */
.Button-V[b-f0u8rjr9er], .button-Menu[b-f0u8rjr9er], .Button[b-f0u8rjr9er] {
    width: auto;
    min-width: 130px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 8px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-f0u8rjr9er] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-f0u8rjr9er] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar"/"Buscar Serviços na PPN" */
.Button[b-f0u8rjr9er] {
    background-color: #28a745;
}

/* Estilo para as imagens dentro dos botões */
.Button-V img[b-f0u8rjr9er], .button-Menu img[b-f0u8rjr9er], .Button img[b-f0u8rjr9er] {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1); /* Transforma a imagem em branco */
}

/* Efeito hover para os botões */
.Button-V:hover[b-f0u8rjr9er] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-f0u8rjr9er] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-f0u8rjr9er] {
    background-color: #218838; /* Cor mais escura para o hover */
}


/* Campos de formulário - antes só "input[type=text]" e "input[type=email]" tinham estilo aqui; o
   restante (InputNumber, InputSelect/select) ficava só com a aparência padrão do Bootstrap, destoando
   do resto da tela. Mesmo seletor usado no CadCliente.razor.css/CadProduto.razor.css. Data e Senha não
   entram mais aqui - viraram MudDatePicker/MudTextField (mesmo padrão da Movimentação de Estoque e dos
   modais de autorização do Caixa, ver bloco ::deep .campo-mud abaixo); um <input type="date"/password">
   nativo tinha altura maior que os demais campos (calendário nativo, botão de "mostrar senha" do Edge),
   e isso já vem resolvido pelos componentes MudBlazor.
   Precisa do ".SubCard ::deep" além do seletor puro: o isolamento de CSS do Blazor só marca com o
   atributo de escopo os elementos escritos direto neste .razor - o <input>/<select> que o
   InputNumber/InputText/InputSelect geram por dentro pertence ao componente deles (framework), então o
   seletor sem ::deep nunca batia nesses campos, só no <input id="idFilial"> puro.
   Histórico de altura (2026-08-26): 1) height:52px fixo só no seletor puro -> Filial ficava 52px e o
   resto (sem ::deep) caía pro padrão do Bootstrap, ~38px medido (assim que ID Contrato/Cliente/etc
   passaram a existir no ::deep, herdaram a MESMA altura de Filial em vez do contrário) - "Filial mais
   alto" era, na real, os demais campos mais baixos. 2) Tentativa de trocar por "padding: 15px" sem
   height fixo (mesmo que CadCliente/CadProduto) pra ficar "igual as outras telas" - medido depois:
   ~54px, IGUAL ou pior que antes, porque com box-sizing:border-box e font-size:1.2em o padding de 15px
   em cima e embaixo já fecha praticamente o mesmo total. As outras telas parecem menores só porque a
   maioria dos campos delas são InputText/InputNumber/InputSelect sem ::deep - caem no Bootstrap puro
   (~38px) por acidente, não porque a regra delas realmente produza um campo menor. Solução final:
   height/line-height explícitos e MENORES (40px, abaixo dos 52px de antes) pra reproduzir de propósito
   esse mesmo tamanho compacto do Bootstrap, valendo por igual pra todo campo desta tela via ::deep.
   ".SubCard ::deep" (não "::deep" sozinho) mantém isso restrito a esta tela - "::deep .form-control" sem
   ancorar num seletor escopado vira regra global, afetando ".form-control" de QUALQUER outra tela do app. */
.form-control[b-f0u8rjr9er],
input[type="text"][b-f0u8rjr9er],
input[type="email"][b-f0u8rjr9er],
input[type="number"][b-f0u8rjr9er],
select[b-f0u8rjr9er],
.SubCard[b-f0u8rjr9er]  .form-control,
.SubCard[b-f0u8rjr9er]  input[type="text"],
.SubCard[b-f0u8rjr9er]  input[type="email"],
.SubCard[b-f0u8rjr9er]  input[type="number"],
.SubCard[b-f0u8rjr9er]  select {
    width: 100%;
    height: 40px;
    line-height: 38px;
    padding: 0 12px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    font-size: 1.2em;
    color: #222;
    background-color: rgba(255, 255, 255, 0.96);
}

/* Tema dos campos MudBlazor (MudDatePicker de Data Vencimento, MudTextField de Senha/Confirmar Senha) -
   mesma classe/abordagem do MovimentacaoEstoque.razor.css: sem isso, o outline padrão do MudBlazor (claro)
   fica ilegível sobre o fundo escuro "vidro" do Card. */
[b-f0u8rjr9er] .campo-mud .mud-input-outlined {
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 4px;
}

[b-f0u8rjr9er] .campo-mud .mud-input-outlined-border {
    border-color: rgba(0, 0, 0, 0.15);
}

[b-f0u8rjr9er] .campo-mud input,
[b-f0u8rjr9er] .campo-mud .mud-input-slot {
    color: #222;
    font-size: 1.2em;
}

    .form-control:focus[b-f0u8rjr9er],
    input[type="text"]:focus[b-f0u8rjr9er],
    input[type="email"]:focus[b-f0u8rjr9er],
    input[type="number"]:focus[b-f0u8rjr9er],
    select:focus[b-f0u8rjr9er],
    .SubCard[b-f0u8rjr9er]  .form-control:focus,
    .SubCard[b-f0u8rjr9er]  input[type="text"]:focus,
    .SubCard[b-f0u8rjr9er]  input[type="email"]:focus,
    .SubCard[b-f0u8rjr9er]  input[type="number"]:focus,
    .SubCard[b-f0u8rjr9er]  select:focus {
        outline: none;
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.28);
    }

    .form-control:disabled[b-f0u8rjr9er],
    input:disabled[b-f0u8rjr9er],
    .form-control[readonly][b-f0u8rjr9er],
    input[readonly][b-f0u8rjr9er],
    .SubCard[b-f0u8rjr9er]  .form-control:disabled,
    .SubCard[b-f0u8rjr9er]  input:disabled,
    .SubCard[b-f0u8rjr9er]  .form-control[readonly],
    .SubCard[b-f0u8rjr9er]  input[readonly] {
        background-color: rgba(255, 255, 255, 0.7);
        opacity: 1;
        cursor: default;
    }

/* Estilização para os SubCards - mesmo tom do .Card (igual o CadCliente faz). */
.SubCard[b-f0u8rjr9er] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.SubCard-Large[b-f0u8rjr9er] {
    flex: 2;
}

.SubCard-Title[b-f0u8rjr9er] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-f0u8rjr9er] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.icons-container[b-f0u8rjr9er] {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.icon-button[b-f0u8rjr9er] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: white;
    transition: color 0.3s ease;
}

    .icon-button:hover[b-f0u8rjr9er] {
        color: #007bff;
    }

/* Rolagem horizontal pra grade de serviços/etiquetas em telas estreitas - tem 6 colunas fixas
   (Selecionar, Codigo Serviço, Descrição, Sigla, Faixa Inicial, Faixa Final); sem isso, em mobile
   as colunas ficavam espremidas ilegíveis. Mesmo padrão do table-responsive usado nas telas de consulta. */
.table-responsive[b-f0u8rjr9er] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.grid-container[b-f0u8rjr9er] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    min-width: 640px;
    padding: 10px;
}

.grid-header[b-f0u8rjr9er] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-f0u8rjr9er] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-f0u8rjr9er] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-f0u8rjr9er] {
        background-color: #e1f2f4;
    }


.grid-item[b-f0u8rjr9er] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

button:disabled[b-f0u8rjr9er] {
    opacity: 0.6;
    cursor: not-allowed;
}

.Button.Continuar:disabled img[b-f0u8rjr9er] {
    filter: grayscale(100%);
}

/* Responsivo - a tela não tinha nenhum breakpoint antes; em tablet/celular o Card ficava com o mesmo
   padding/fonte do desktop e os SubCards podiam ficar espremidos (min-width: 250px competindo por
   espaço). Mesmas faixas usadas no CadCliente.razor.css/CadProduto.razor.css. */
@media (max-width: 900px) {
    .Button-V[b-f0u8rjr9er], .button-Menu[b-f0u8rjr9er], .Button[b-f0u8rjr9er] {
        min-width: 0;
        font-size: 13px;
        padding: 9px 18px;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-f0u8rjr9er] {
        padding: 12px;
    }

    .Card[b-f0u8rjr9er] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-f0u8rjr9er] {
        font-size: 1.4em;
        margin-bottom: 14px;
    }

    .SubCard[b-f0u8rjr9er], .SubCard-Large[b-f0u8rjr9er] {
        min-width: 100%;
        flex-basis: 100%;
        padding: 16px;
    }

    .SubCards-Container[b-f0u8rjr9er] {
        gap: 14px;
        margin-top: 14px;
    }

    .form-control[b-f0u8rjr9er],
    input[type="text"][b-f0u8rjr9er],
    input[type="email"][b-f0u8rjr9er],
    input[type="number"][b-f0u8rjr9er],
    select[b-f0u8rjr9er],
    .SubCard[b-f0u8rjr9er]  .form-control,
    .SubCard[b-f0u8rjr9er]  input[type="text"],
    .SubCard[b-f0u8rjr9er]  input[type="email"],
    .SubCard[b-f0u8rjr9er]  input[type="number"],
    .SubCard[b-f0u8rjr9er]  select {
        padding: 0 12px;
        font-size: 1em;
    }

    [b-f0u8rjr9er] .campo-mud input,
    [b-f0u8rjr9er] .campo-mud .mud-input-slot {
        font-size: 1em;
    }

    .Button-Container[b-f0u8rjr9er] {
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .form-group-row[b-f0u8rjr9er] {
        flex-direction: column;
    }

        .form-group-row .form-group[b-f0u8rjr9er] {
            width: 100%;
        }

    /* Grade "Serviços Adicionados" (Selecionar/Codigo Serviço/Descrição/Sigla/Faixa Inicial/Faixa Final) -
       em vez de rolagem horizontal (não dá pra arrastar em toda extensão/emulação de mobile), cada linha
       vira um card empilhado, com o nome da coluna aparecendo antes do valor. Mesma troca já feita nas
       telas de Consulta desta sessão (2026-09-01, pedido explícito). */
    .table-responsive[b-f0u8rjr9er] {
        overflow-x: visible;
    }

    .grid-container[b-f0u8rjr9er] {
        display: block;
        min-width: 0;
    }

    .grid-header[b-f0u8rjr9er] {
        display: none;
    }

    .grid-row[b-f0u8rjr9er] {
        display: block;
        margin-bottom: 10px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 8px;
        overflow: hidden;
    }

    .grid-item[b-f0u8rjr9er] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        text-align: right;
        padding: 8px 12px;
    }

        .grid-item[b-f0u8rjr9er]::before {
            content: attr(data-label);
            font-weight: bold;
            text-align: left;
            color: #247FAC;
        }

    .Button-Container[b-f0u8rjr9er] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-f0u8rjr9er],
        .Button-Container .Button[b-f0u8rjr9er],
        .Button-Container .button-Menu[b-f0u8rjr9er] {
            width: 100%;
            min-width: 0;
        }

    .icons-container[b-f0u8rjr9er] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* _content/PrePostagem/Components/Pages/CadDepartamento.razor.rz.scp.css */
.Fundo-Container[b-6o3e9h186b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-6o3e9h186b] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    /* Mesmo tom "vidro" azul-petróleo do CadContrato.razor.css/CadCartao.razor.css/CadCliente.razor.css
       (padrão das telas de cadastro) - antes era um overlay preto com uma pilha de backdrop-filter
       conflitantes (cada "backdrop-filter:" seguinte sobrescrevia o anterior, só o último - saturate -
       realmente valia). */
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - mesmo ajuste já aplicado em
       CadContrato.razor.css/CadCartao.razor.css/CadCliente.razor.css (2026-09-01). */
    overflow-x: visible;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
}

.title[b-6o3e9h186b] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.Img-fundo[b-6o3e9h186b] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-6o3e9h186b] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

    .form-group label[b-6o3e9h186b] {
        color: #ffffff;
    }

.form-container[b-6o3e9h186b] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-6o3e9h186b] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-6o3e9h186b] {
        flex: 1;
    }

    /* CEP/Cidade/UF (trio) e Endereço/Numero, Complemento/Bairro (pares) - com flex:1 puro eles ficavam
       espremidos demais pra digitar em tablet/celular antes de existir uma media query específica; com
       min-width, quebram linha naturalmente via o flex-wrap:wrap já existente em .form-group-row. As
       classes "col-md-4"/"col-md-6" do Bootstrap no markup não têm efeito próprio aqui - o CSS isolado
       deste componente (.form-group{flex:1}) tem mais especificidade e sempre vence; aqui elas só servem
       de gancho pra este min-width. Mesmo padrão já usado em CadCliente.razor.css/CadContrato.razor.css
       (2026-09-01). */
    .form-group.col-md-4[b-6o3e9h186b] {
        min-width: 140px;
    }

    .form-group.col-md-6[b-6o3e9h186b] {
        min-width: 180px;
    }

/* Informações Complementares (checkboxes) - com flex:1 puro (regra acima), cada checkbox esticava pra
   metade da linha, ficando um colado na borda esquerda e outro na direita, desalinhado com o título
   centralizado acima. Mesmo padrão do CadCliente.razor.css: aqui o grupo fica compacto (largura só do
   necessário) e centralizado. */
.form-group-row-center[b-6o3e9h186b] {
    justify-content: center;
}

    .form-group-row-center > .form-group[b-6o3e9h186b] {
        flex: 0 0 auto;
    }

.form-hint-small[b-6o3e9h186b] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.75);
    margin-top: 4px;
}

.Button-Container[b-6o3e9h186b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
}

/* Estilo comum para todos os botões - menores e mais arredondados (antes eram 30% da largura do card,
   quadrados, com border-radius: 3px e ícone de 40px). Mesmo padrão das demais telas de cadastro. */
.Button-V[b-6o3e9h186b], .button-Menu[b-6o3e9h186b], .Button[b-6o3e9h186b] {
    width: auto;
    min-width: 130px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 8px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-6o3e9h186b] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-6o3e9h186b] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-6o3e9h186b] {
    background-color: #28a745;
}

/* Estilo para as imagens dentro dos botões */
.Button-V img[b-6o3e9h186b], .button-Menu img[b-6o3e9h186b], .Button img[b-6o3e9h186b] {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1); /* Transforma a imagem em branco */
}

/* Efeito hover para os botões */
.Button-V:hover[b-6o3e9h186b] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-6o3e9h186b] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-6o3e9h186b] {
    background-color: #218838; /* Cor mais escura para o hover */
}

button:disabled[b-6o3e9h186b] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Campos de formulário - antes só "input[type=text]"/"input[type=email]" tinham estilo aqui; o restante
   (InputNumber, InputSelect/select) ficava com a aparência padrão do Bootstrap, destoando do resto da
   tela. Mesmo seletor usado nas demais telas de cadastro. */
.form-control[b-6o3e9h186b],
input[type="text"][b-6o3e9h186b],
input[type="email"][b-6o3e9h186b],
input[type="number"][b-6o3e9h186b],
select[b-6o3e9h186b] {
    width: 100%;
    height: 52px;
    line-height: 52px;
    padding: 0 15px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    font-size: 1.2em;
    color: #222;
    background-color: rgba(255, 255, 255, 0.96);
}

    .form-control:focus[b-6o3e9h186b],
    input[type="text"]:focus[b-6o3e9h186b],
    input[type="email"]:focus[b-6o3e9h186b],
    input[type="number"]:focus[b-6o3e9h186b],
    select:focus[b-6o3e9h186b] {
        outline: none;
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.28);
    }

    .form-control:disabled[b-6o3e9h186b],
    input:disabled[b-6o3e9h186b],
    .form-control[readonly][b-6o3e9h186b],
    input[readonly][b-6o3e9h186b] {
        background-color: rgba(255, 255, 255, 0.7);
        opacity: 1;
        cursor: default;
    }

/* Upload de logotipo da etiqueta - antes era um "d-flex" cru com estilo inline na miniatura, sem caixa
   nenhuma ao redor, colado direto no input de arquivo. Agora tem uma caixa com borda/fundo translúcido
   (mesmo tom dos demais campos), miniatura com moldura fixa e o input com uma dica de formato abaixo. */
.logo-upload-box[b-6o3e9h186b] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.12);
    flex-wrap: wrap;
}

.logo-upload-info[b-6o3e9h186b] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 200px;
}

/* InputFile não é pego pelos seletores de .form-control (não é input[type=text] nem tem
   class=form-control), então ficava com a aparência crua do navegador, destoando dos demais campos. */
.form-control-file[b-6o3e9h186b] {
    color: #ffffff;
}

.logo-preview[b-6o3e9h186b] {
    width: 64px;
    height: 64px;
    object-fit: contain;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.85);
}

.logo-preview-clickable[b-6o3e9h186b] {
    cursor: pointer;
}

/* Estilização para os SubCards - mesmo tom do .Card (igual as demais telas de cadastro fazem). */
.SubCard[b-6o3e9h186b] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.SubCard-Large[b-6o3e9h186b] {
    flex: 2;
}

.SubCard-Title[b-6o3e9h186b] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-6o3e9h186b] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

/* Responsivo - a tela não tinha nenhum breakpoint antes; em tablet/celular o Card ficava com o mesmo
   padding/fonte do desktop e os SubCards podiam ficar espremidos (min-width: 250px competindo por
   espaço). Mesmas faixas usadas nas demais telas de cadastro. */
@media (max-width: 900px) {
    .Button-V[b-6o3e9h186b], .button-Menu[b-6o3e9h186b], .Button[b-6o3e9h186b] {
        min-width: 0;
        font-size: 13px;
        padding: 9px 18px;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-6o3e9h186b] {
        padding: 12px;
    }

    .Card[b-6o3e9h186b] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-6o3e9h186b] {
        font-size: 1.4em;
        margin-bottom: 14px;
    }

    .SubCard[b-6o3e9h186b], .SubCard-Large[b-6o3e9h186b] {
        min-width: 100%;
        flex-basis: 100%;
        padding: 16px;
    }

    .SubCards-Container[b-6o3e9h186b] {
        gap: 14px;
        margin-top: 14px;
    }

    .form-control[b-6o3e9h186b],
    input[type="text"][b-6o3e9h186b],
    input[type="email"][b-6o3e9h186b],
    input[type="number"][b-6o3e9h186b],
    select[b-6o3e9h186b] {
        padding: 12px;
        font-size: 1em;
    }

    .Button-Container[b-6o3e9h186b] {
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .form-group-row[b-6o3e9h186b] {
        flex-direction: column;
    }

        .form-group-row .form-group[b-6o3e9h186b] {
            width: 100%;
        }

    .Button-Container[b-6o3e9h186b] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-6o3e9h186b],
        .Button-Container .Button[b-6o3e9h186b] {
            width: 100%;
            min-width: 0;
        }
}
/* _content/PrePostagem/Components/Pages/CadDestinatario.razor.rz.scp.css */
.Fundo-Container[b-x2vj37ktmw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.Card[b-x2vj37ktmw] {
    position: relative;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    margin: 20px auto;
    color: white;
    overflow-y: auto;
}

.title[b-x2vj37ktmw] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
}

.Img-fundo[b-x2vj37ktmw] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.form-group[b-x2vj37ktmw] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;

}

.form-container[b-x2vj37ktmw] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-x2vj37ktmw] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;

}

    .form-group-row .form-group[b-x2vj37ktmw] {
        flex: 1;
    }


.Button-Container[b-x2vj37ktmw] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.Button-V[b-x2vj37ktmw] {
    width: 30%;
    padding: 12px;
    background-color: #247FAC;
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.button-Menu[b-x2vj37ktmw] {
    width: 30%;
    padding: 12px;
    background-color: #247FAC;
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.Button[b-x2vj37ktmw] {
    width: 30%;
    padding: 12px;
    background-color: #28a745;
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .Button:hover[b-x2vj37ktmw] {
        background-color: #218838;
    }

.Button-V:hover[b-x2vj37ktmw] {
    background-color: #5a6268;
}
input[type="text"][b-x2vj37ktmw],
input[type="email"][b-x2vj37ktmw] {
    width: 100%;
    padding; 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}


.SubCard[b-x2vj37ktmw] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.SubCard-Large[b-x2vj37ktmw] {
    flex: 2;
}

.SubCard-title[b-x2vj37ktmw] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}


.SubCards-Container[b-x2vj37ktmw] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/CadEmpresa.razor.rz.scp.css */
.Fundo-Container[b-dtaoox4zk7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
    position: relative;
    box-sizing: border-box;
}

.Img-fundo[b-dtaoox4zk7] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

/* Mesmo padrão "vidro" azul-petróleo de card único + seções já usado em CadFilial.razor/CadProduto.razor
   (2026-08-17, redesenho pedido explícito) - antes eram 3 SubCards lado a lado, cada um com sua própria
   borda/sombra, sem hierarquia visual entre os grupos de campos. */
.Card.CadEmpresa-Card[b-dtaoox4zk7] {
    position: relative;
    z-index: 1;
    width: min(1200px, 100%);
    margin: 20px auto;
    padding: 24px;
    border-radius: 16px;
    color: white;
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
    overflow: hidden;
    box-sizing: border-box;
}

.title[b-dtaoox4zk7] {
    text-align: center;
    font-size: 1.7em;
    margin: 0 0 28px;
    color: #ffffff;
    font-weight: 800;
    letter-spacing: 0.2px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.form-hint[b-dtaoox4zk7] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    margin: 0 0 16px;
}

.form-section[b-dtaoox4zk7] {
    padding: 22px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

    .form-section:first-of-type[b-dtaoox4zk7] {
        padding-top: 0;
    }

.form-section-last[b-dtaoox4zk7] {
    border-bottom: none;
    padding-bottom: 4px;
}

.form-section-title[b-dtaoox4zk7] {
    font-size: 1.05em;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 18px;
    padding-left: 12px;
    border-left: 4px solid #247FAC;
    line-height: 1.2;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.form-grid[b-dtaoox4zk7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 18px 24px;
    align-items: start;
}

.form-span-full[b-dtaoox4zk7] {
    grid-column: 1 / -1;
}

.form-group[b-dtaoox4zk7] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

    .form-group label[b-dtaoox4zk7] {
        font-size: 0.85em;
        font-weight: 600;
        color: #ffffff;
        margin-bottom: 6px;
    }

.form-control[b-dtaoox4zk7],
input[type="text"][b-dtaoox4zk7],
input[type="email"][b-dtaoox4zk7] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    font-size: 0.95em;
    color: #222;
    background-color: rgba(255, 255, 255, 0.96);
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .form-control:focus[b-dtaoox4zk7],
    input[type="text"]:focus[b-dtaoox4zk7],
    input[type="email"]:focus[b-dtaoox4zk7] {
        outline: none;
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.28);
    }

.Button-Container[b-dtaoox4zk7] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 24px;
}

.Button-V[b-dtaoox4zk7], .Button[b-dtaoox4zk7] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

    .Button-V:disabled[b-dtaoox4zk7], .Button:disabled[b-dtaoox4zk7] {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .Button-V img[b-dtaoox4zk7], .Button img[b-dtaoox4zk7] {
        width: 32px;
        height: 32px;
        filter: brightness(0) invert(1);
    }

.Button-V[b-dtaoox4zk7] {
    background-color: #247FAC;
}

    .Button-V:hover:not(:disabled)[b-dtaoox4zk7] {
        background-color: #1c5f7d;
    }

.Button[b-dtaoox4zk7] {
    background-color: #28a745;
}

    .Button:hover:not(:disabled)[b-dtaoox4zk7] {
        background-color: #218838;
    }

.error-message[b-dtaoox4zk7] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
    background-color: rgba(220, 53, 69, 0.16);
    color: #fff;
}

@media (max-width: 900px) {
    .Button-V[b-dtaoox4zk7], .Button[b-dtaoox4zk7] {
        width: 45%;
        font-size: 13px;
        padding: 10px;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-dtaoox4zk7] {
        padding: 12px;
    }

    .Card.CadEmpresa-Card[b-dtaoox4zk7] {
        padding: 22px 16px;
        border-radius: 10px;
    }

    .Button-Container[b-dtaoox4zk7] {
        gap: 10px;
    }

    .Button-V[b-dtaoox4zk7], .Button[b-dtaoox4zk7] {
        padding: 8px 16px;
        font-size: 14px;
        flex: 1;
        min-width: 120px;
        width: auto;
    }

        .Button-V img[b-dtaoox4zk7], .Button img[b-dtaoox4zk7] {
            width: 24px;
            height: 24px;
        }
}

@media (max-width: 480px) {
    .Button-Container[b-dtaoox4zk7] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-dtaoox4zk7],
        .Button-Container .Button[b-dtaoox4zk7] {
            width: 100%;
        }
}
/* _content/PrePostagem/Components/Pages/CadFilial.razor.rz.scp.css */
.Fundo-Container[b-1po5vifkbx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
    position: relative;
    box-sizing: border-box;
}

.Img-fundo[b-1po5vifkbx] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

/* Card único com todas as seções, mesmo tom "vidro" azul-petróleo de CadProduto.razor/CadEmpresa.razor
   (2026-08-14) - antes cada bloco do formulário era um SubCard separado (rgba(0,0,0,0.1) por cima do
   Card rgba(0,0,0,0.3)), o empilhamento de vidros escurecia tudo e ainda tinha uma pilha de
   backdrop-filter conflitantes (só o último valia). Um card só, com divisórias entre seções, fica no
   mesmo tom das telas mais recentes e evita esse acúmulo. */
.Card.CadFilial-Card[b-1po5vifkbx] {
    position: relative;
    z-index: 1;
    width: min(1200px, 100%);
    margin: 20px auto;
    padding: 24px;
    border-radius: 16px;
    color: white;
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
    overflow: hidden;
    box-sizing: border-box;
}

.title[b-1po5vifkbx] {
    text-align: center;
    font-size: 1.7em;
    margin: 0 0 28px;
    color: #ffffff;
    font-weight: 800;
    letter-spacing: 0.2px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.form-section[b-1po5vifkbx] {
    padding: 22px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

    .form-section:first-of-type[b-1po5vifkbx] {
        padding-top: 0;
    }

.form-section-last[b-1po5vifkbx] {
    border-bottom: none;
    padding-bottom: 4px;
}

.form-section-title[b-1po5vifkbx] {
    font-size: 1.05em;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 18px;
    padding-left: 12px;
    border-left: 4px solid #247FAC;
    line-height: 1.2;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Grade real (antes eram linhas flex que quebravam feio e desalinhavam os campos entre si). */
.form-grid[b-1po5vifkbx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 18px 24px;
    align-items: start;
}

.form-span-full[b-1po5vifkbx] {
    grid-column: 1 / -1;
}

.identificacao-layout[b-1po5vifkbx] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(200px, 1fr);
    gap: 28px;
    align-items: start;
}

.form-group[b-1po5vifkbx] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

    .form-group label[b-1po5vifkbx] {
        font-size: 0.85em;
        font-weight: 600;
        color: #ffffff;
        margin-bottom: 6px;
    }

.form-control[b-1po5vifkbx],
input[type="text"][b-1po5vifkbx],
input[type="email"][b-1po5vifkbx],
input[type="number"][b-1po5vifkbx],
select[b-1po5vifkbx] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    font-size: 0.95em;
    color: #222;
    background-color: rgba(255, 255, 255, 0.96);
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .form-control:focus[b-1po5vifkbx],
    input[type="text"]:focus[b-1po5vifkbx],
    input[type="email"]:focus[b-1po5vifkbx],
    input[type="number"]:focus[b-1po5vifkbx],
    select:focus[b-1po5vifkbx] {
        outline: none;
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.28);
    }

    .form-control:disabled[b-1po5vifkbx],
    .form-control[readonly][b-1po5vifkbx] {
        background-color: rgba(255, 255, 255, 0.7);
        opacity: 1;
        cursor: default;
    }

.form-control-file[b-1po5vifkbx] {
    width: 100%;
    font-size: 0.85em;
    color: #ffffff;
    margin-top: 10px;
}

.form-hint[b-1po5vifkbx] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    margin: 0 0 16px;
}

.form-hint-small[b-1po5vifkbx] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.65);
    margin-top: 4px;
}

/* Checkbox (Habilita Criação de Clientes / Habilitar tratamento pela API) - antes usava classes
   Bootstrap (.form-check/.form-check-input/.form-check-label) sem nenhum CSS próprio no arquivo. */
.form-check[b-1po5vifkbx] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
}

.form-check-input[b-1po5vifkbx] {
    width: 18px;
    height: 18px;
    accent-color: #247FAC;
    cursor: pointer;
    flex-shrink: 0;
}

.form-check-label[b-1po5vifkbx] {
    color: #ffffff;
    font-size: 0.85em;
    font-weight: 600;
    cursor: pointer;
}

/* Logotipo da filial - mesmo tom dos painéis internos de CadProduto (.foto-produto-box), reaproveitando
   o mesmo azul-petróleo do card em vez de um tom novo. */
.logo-filial-box[b-1po5vifkbx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 16px;
    border-radius: 10px;
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.logo-filial-box-title[b-1po5vifkbx] {
    font-size: 0.78em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #ffffff;
}

.logo-preview[b-1po5vifkbx] {
    width: 84px;
    height: 84px;
    object-fit: contain;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(0, 0, 0, 0.12);
    cursor: pointer;
}

.Button-Container[b-1po5vifkbx] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 24px;
}

.Button-V[b-1po5vifkbx], .Button[b-1po5vifkbx] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

    .Button-V:disabled[b-1po5vifkbx], .Button:disabled[b-1po5vifkbx] {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .Button-V img[b-1po5vifkbx], .Button img[b-1po5vifkbx] {
        width: 32px;
        height: 32px;
        filter: brightness(0) invert(1);
    }

.Button-V[b-1po5vifkbx] {
    background-color: #247FAC;
}

    .Button-V:hover:not(:disabled)[b-1po5vifkbx] {
        background-color: #1c5f7d;
    }

.Button[b-1po5vifkbx] {
    background-color: #28a745;
}

    .Button:hover:not(:disabled)[b-1po5vifkbx] {
        background-color: #218838;
    }

/* Botão "Validar" (API Fornecedor Correios) - mesmo azul-outline de CadProduto.razor. */
.btn-outline-primary[b-1po5vifkbx] {
    background: #247FAC;
    border: 1.5px solid #247FAC;
    color: #ffffff;
    font-weight: 600;
    padding: 9px 18px;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: fit-content;
}

    .btn-outline-primary:hover:not(:disabled)[b-1po5vifkbx] {
        background-color: #1c5f7d;
        border-color: #1c5f7d;
    }

    .btn-outline-primary img[b-1po5vifkbx] {
        width: 20px;
        height: 20px;
        filter: brightness(0) invert(1);
    }

.alert-danger[b-1po5vifkbx] {
    margin-top: 10px;
    padding: 10px 14px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85em;
    background-color: rgba(220, 53, 69, 0.55);
    border: 1px solid rgba(220, 53, 69, 0.9);
    color: #fff;
}

.error-message[b-1po5vifkbx] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
    background-color: rgba(220, 53, 69, 0.16);
    color: #fff;
}

.sucesso-message[b-1po5vifkbx] {
    margin-top: 16px;
    padding: 18px 20px;
    border-radius: 10px;
    font-weight: 600;
    background-color: rgba(40, 167, 69, 0.18);
    border: 1px solid rgba(40, 167, 69, 0.4);
    color: #fff;
    white-space: pre-line;
}

@media (max-width: 900px) {
    .Button-V[b-1po5vifkbx], .Button[b-1po5vifkbx] {
        width: 45%;
        font-size: 13px;
        padding: 10px;
    }
}

@media (max-width: 820px) {
    .identificacao-layout[b-1po5vifkbx] {
        grid-template-columns: 1fr;
    }

    .logo-filial-box[b-1po5vifkbx] {
        flex-direction: row;
        text-align: left;
        justify-content: flex-start;
    }

    .logo-filial-box-title[b-1po5vifkbx] {
        display: none;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-1po5vifkbx] {
        padding: 12px;
    }

    .Card.CadFilial-Card[b-1po5vifkbx] {
        padding: 22px 16px;
        border-radius: 10px;
    }

    .Button-Container[b-1po5vifkbx] {
        gap: 10px;
    }

    .Button-V[b-1po5vifkbx], .Button[b-1po5vifkbx] {
        padding: 8px 16px;
        font-size: 14px;
        flex: 1;
        min-width: 120px;
        width: auto;
    }

        .Button-V img[b-1po5vifkbx], .Button img[b-1po5vifkbx] {
            width: 24px;
            height: 24px;
        }
}

@media (max-width: 480px) {
    .logo-filial-box[b-1po5vifkbx] {
        flex-direction: column;
        text-align: center;
    }

    .Button-Container[b-1po5vifkbx] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-1po5vifkbx],
        .Button-Container .Button[b-1po5vifkbx] {
            width: 100%;
        }
}
/* _content/PrePostagem/Components/Pages/CadFuncionario.razor.rz.scp.css */
.Fundo-Container[b-weiot7rvmu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-weiot7rvmu] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-weiot7rvmu] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-weiot7rvmu] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-weiot7rvmu] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-weiot7rvmu] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-weiot7rvmu] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-weiot7rvmu] {
        flex: 1;
    }



.Button-Container[b-weiot7rvmu] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-weiot7rvmu], .button-Menu[b-weiot7rvmu], .Button[b-weiot7rvmu] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-weiot7rvmu] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-weiot7rvmu] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-weiot7rvmu] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-weiot7rvmu], .button-Menu img[b-weiot7rvmu], .Button img[b-weiot7rvmu] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-weiot7rvmu] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-weiot7rvmu] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-weiot7rvmu] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-weiot7rvmu],
input[type="email"][b-weiot7rvmu] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-weiot7rvmu] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-weiot7rvmu] {
    flex: 2;
}

.SubCard-Title[b-weiot7rvmu] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-weiot7rvmu] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/CadGrupo.razor.rz.scp.css */
.Fundo-Container[b-6cpcjeqnx9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-6cpcjeqnx9] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    /* Mesmo tom "vidro" azul-petróleo das demais telas de cadastro (CadContrato.razor.css/
       CadCliente.razor.css) - antes era um overlay preto com uma pilha de backdrop-filter conflitantes
       (cada "backdrop-filter:" seguinte sobrescrevia o anterior). */
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
}

.title[b-6cpcjeqnx9] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.Img-fundo[b-6cpcjeqnx9] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-6cpcjeqnx9] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

    .form-group label[b-6cpcjeqnx9] {
        color: #ffffff;
    }

.form-group-row[b-6cpcjeqnx9] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-6cpcjeqnx9] {
        flex: 1;
    }

.Button-Container[b-6cpcjeqnx9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 20px;
}

/* Estilo comum para os botões - menores e mais arredondados. Mesmo padrão do CadContrato.razor.css. */
.Button-V[b-6cpcjeqnx9], .Button[b-6cpcjeqnx9] {
    width: auto;
    min-width: 130px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.Button-V[b-6cpcjeqnx9] {
    background-color: #247FAC;
}

.Button[b-6cpcjeqnx9] {
    background-color: #28a745;
}

.Button-V img[b-6cpcjeqnx9], .Button img[b-6cpcjeqnx9] {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1);
}

.Button-V:hover[b-6cpcjeqnx9] {
    background-color: #1c5f7d;
}

.Button:hover[b-6cpcjeqnx9] {
    background-color: #218838;
}

button:disabled[b-6cpcjeqnx9] {
    opacity: 0.6;
    cursor: not-allowed;
}

    button:disabled img[b-6cpcjeqnx9] {
        filter: brightness(0) invert(1) grayscale(100%);
    }

/* Campos de formulário (Descrição/Nível) - precisa do ".SubCard ::deep" além do seletor puro: o
   isolamento de CSS do Blazor só marca com o atributo de escopo os elementos escritos direto neste
   .razor - o <input> que InputText/InputNumber geram por dentro pertence ao componente deles (framework).
   Mesmo padrão/altura compacta do CadContrato.razor.css. */
.form-control[b-6cpcjeqnx9],
input[type="text"][b-6cpcjeqnx9],
input[type="number"][b-6cpcjeqnx9],
.SubCard[b-6cpcjeqnx9]  .form-control,
.SubCard[b-6cpcjeqnx9]  input[type="text"],
.SubCard[b-6cpcjeqnx9]  input[type="number"] {
    width: 100%;
    height: 40px;
    line-height: 38px;
    padding: 0 12px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    font-size: 1.2em;
    color: #222;
    background-color: rgba(255, 255, 255, 0.96);
}

    .form-control:focus[b-6cpcjeqnx9],
    input[type="text"]:focus[b-6cpcjeqnx9],
    input[type="number"]:focus[b-6cpcjeqnx9],
    .SubCard[b-6cpcjeqnx9]  .form-control:focus,
    .SubCard[b-6cpcjeqnx9]  input[type="text"]:focus,
    .SubCard[b-6cpcjeqnx9]  input[type="number"]:focus {
        outline: none;
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.28);
    }

/* Estilização do SubCard de Descrição/Nível - mesmo tom do .Card (igual o CadContrato faz). */
.SubCard[b-6cpcjeqnx9] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.SubCard-Large[b-6cpcjeqnx9] {
    flex: 2;
}

.SubCards-Container[b-6cpcjeqnx9] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.text-danger[b-6cpcjeqnx9] {
    color: #ff8a8a;
}

/* Bloco de Telas/Permissões - redesenhado (2026-09-01, pedido explícito: "do jeito que está em cards
   está confuso"). Antes eram dezenas de SubCards soltos, um por tela, sem nenhuma hierarquia visível
   entre eles. Agora: busca por nome de tela + contador de permissões selecionadas no topo, as ~58 telas
   agrupadas num acordeão por Categoria (Empresa/Filial/Financeiro/...) fechado por padrão - só abre o
   que a pessoa realmente quer mexer - e dentro de cada categoria os cards ficam lado a lado na horizontal
   (mesmo padrão do SubCards-Container/SubCard do resto do site), cada um com checkbox de verdade pra
   cada permissão (pedido explícito: "crie cards na horizontal com os checks para serem marcados"). */
.permissoes-header[b-6cpcjeqnx9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin: 24px 0 16px;
}

.permissoes-title[b-6cpcjeqnx9] {
    font-size: 1.3em;
    margin: 0;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.permissoes-busca[b-6cpcjeqnx9] {
    flex: 1;
    min-width: 200px;
    max-width: 320px;
}

    .permissoes-busca input[b-6cpcjeqnx9] {
        width: 100%;
        height: 38px;
        padding: 0 12px;
        box-sizing: border-box;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 20px;
        font-size: 0.95em;
        color: #222;
        background-color: rgba(255, 255, 255, 0.96);
    }

.permissoes-contador[b-6cpcjeqnx9] {
    color: #ffffff;
    font-size: 0.92em;
    white-space: nowrap;
}

.permissoes-vazio[b-6cpcjeqnx9] {
    color: rgba(255, 255, 255, 0.85);
    font-style: italic;
}

/* Grade horizontal de cards de tela - usada tanto na lista de busca quanto dentro de cada bloco de
   categoria do acordeão. Fixo em 2 colunas (2026-09-01, pedido explícito: "dentro destes blocos seja 2
   cards por linha") - antes era flex-wrap livre, que em telas largas encaixava 3-4 cards por linha. */
.telas-grid[b-6cpcjeqnx9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

/* Acordeão por Categoria (MudExpansionPanels) - o MudBlazor renderiza fora do escopo de CSS isolado
   deste componente (é um componente próprio), então precisa de "::deep" pra sobrescrever o tema claro
   padrão dele e casar com o "vidro" escuro do resto da tela. */
[b-6cpcjeqnx9] .permissoes-accordion .mud-expand-panel {
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    color: #ffffff;
}

[b-6cpcjeqnx9] .permissoes-accordion .mud-expand-panel-header {
    color: #ffffff;
    padding: 12px 16px;
}

[b-6cpcjeqnx9] .permissoes-accordion .mud-expand-panel-text {
    width: 100%;
}

[b-6cpcjeqnx9] .permissoes-accordion .mud-expand-panel .mud-icon-root {
    color: #ffffff;
}

[b-6cpcjeqnx9] .permissoes-accordion .mud-collapse-container {
    background: transparent;
}

[b-6cpcjeqnx9] .permissoes-accordion .mud-expand-panel-content .mud-expand-panel-contentcontainer {
    padding: 8px 16px 16px;
}

.categoria-header[b-6cpcjeqnx9] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    font-weight: bold;
    font-size: 1.05em;
}

.categoria-info[b-6cpcjeqnx9] {
    font-weight: normal;
    font-size: 0.85em;
    color: rgba(255, 255, 255, 0.75);
}

/* Card de uma Tela (dentro do acordeão ou da lista de busca) - lado a lado com os demais via .telas-grid,
   mesmo tom "vidro" do resto da tela. */
.tela-bloco[b-6cpcjeqnx9] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 14px 16px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.tela-cabecalho[b-6cpcjeqnx9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.tela-nome[b-6cpcjeqnx9] {
    font-weight: bold;
    color: #ffffff;
}

.tela-marcar-todas[b-6cpcjeqnx9] {
    background: none;
    border: none;
    color: #cfe9ff;
    font-size: 0.82em;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    white-space: nowrap;
}

    .tela-marcar-todas:hover[b-6cpcjeqnx9] {
        color: #ffffff;
    }

.tela-permissoes[b-6cpcjeqnx9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Checkbox de verdade pra cada permissão (pedido explícito: "com os checks para serem marcados") -
   InputCheckbox gera o <input> internamente (componente do framework), perde o atributo de escopo do
   isolamento de CSS igual InputText/InputNumber, por isso precisa do "::deep" pra alcançar. */
.form-check[b-6cpcjeqnx9] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .form-check-input[b-6cpcjeqnx9],
    [b-6cpcjeqnx9] .form-check-input {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        cursor: pointer;
    }

    .form-check-label[b-6cpcjeqnx9] {
        color: #ffffff;
        font-size: 0.9em;
        cursor: pointer;
    }

/* Responsivo - mesmas faixas usadas nas demais telas de cadastro (CadContrato.razor.css/
   CadCliente.razor.css). */
@media (max-width: 900px) {
    .Button-V[b-6cpcjeqnx9], .Button[b-6cpcjeqnx9] {
        min-width: 0;
        font-size: 13px;
        padding: 9px 18px;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-6cpcjeqnx9] {
        padding: 12px;
    }

    .Card[b-6cpcjeqnx9] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-6cpcjeqnx9] {
        font-size: 1.4em;
        margin-bottom: 14px;
    }

    .SubCard[b-6cpcjeqnx9], .SubCard-Large[b-6cpcjeqnx9] {
        min-width: 100%;
        flex-basis: 100%;
        padding: 16px;
    }

    .SubCards-Container[b-6cpcjeqnx9] {
        gap: 14px;
        margin-top: 14px;
    }

    .form-control[b-6cpcjeqnx9],
    input[type="text"][b-6cpcjeqnx9],
    input[type="number"][b-6cpcjeqnx9],
    .SubCard[b-6cpcjeqnx9]  .form-control,
    .SubCard[b-6cpcjeqnx9]  input[type="text"],
    .SubCard[b-6cpcjeqnx9]  input[type="number"] {
        padding: 0 12px;
        font-size: 1em;
    }

    .permissoes-header[b-6cpcjeqnx9] {
        flex-direction: column;
        align-items: stretch;
    }

    .permissoes-busca[b-6cpcjeqnx9] {
        max-width: none;
    }

    .Button-Container[b-6cpcjeqnx9] {
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .form-group-row[b-6cpcjeqnx9] {
        flex-direction: column;
    }

        .form-group-row .form-group[b-6cpcjeqnx9] {
            width: 100%;
        }

    /* 1 card de tela por linha em celular - nas telas maiores continua fixo em 2 (.telas-grid). */
    .telas-grid[b-6cpcjeqnx9] {
        grid-template-columns: 1fr;
    }

    .tela-cabecalho[b-6cpcjeqnx9] {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .Button-Container[b-6cpcjeqnx9] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-6cpcjeqnx9],
        .Button-Container .Button[b-6cpcjeqnx9] {
            width: 100%;
            min-width: 0;
        }
}
/* _content/PrePostagem/Components/Pages/CadMoedas.razor.rz.scp.css */
.Fundo-Container[b-guj6nv5zby] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-guj6nv5zby] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-guj6nv5zby] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-guj6nv5zby] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-guj6nv5zby] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-guj6nv5zby] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-guj6nv5zby] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-guj6nv5zby] {
        flex: 1;
    }



.Button-Container[b-guj6nv5zby] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-guj6nv5zby], .button-Menu[b-guj6nv5zby], .Button[b-guj6nv5zby] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-guj6nv5zby] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-guj6nv5zby] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-guj6nv5zby] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-guj6nv5zby], .button-Menu img[b-guj6nv5zby], .Button img[b-guj6nv5zby] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-guj6nv5zby] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-guj6nv5zby] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-guj6nv5zby] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-guj6nv5zby],
input[type="email"][b-guj6nv5zby] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-guj6nv5zby] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-guj6nv5zby] {
    flex: 2;
}

.SubCard-Title[b-guj6nv5zby] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-guj6nv5zby] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.input-group[b-guj6nv5zby] {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.input-group-append[b-guj6nv5zby] {
    margin-left: -1px; /* Remove a margem entre o input e o ícone */
}

.input-group-text[b-guj6nv5zby] {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0 0.25rem 0.25rem 0;
    cursor: pointer;
}

    .input-group-text img[b-guj6nv5zby] {
        width: 20px;
        height: 20px;
    }

.icons-container[b-guj6nv5zby] {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.icon-button[b-guj6nv5zby] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: white;
    transition: color 0.3s ease;
}

    .icon-button:hover[b-guj6nv5zby] {
        color: #007bff;
    }


.grid-container[b-guj6nv5zby] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 10px;
}

.grid-header[b-guj6nv5zby] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-guj6nv5zby] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-guj6nv5zby] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-guj6nv5zby] {
        background-color: #e1f2f4;
    }


.grid-item[b-guj6nv5zby] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}
/* _content/PrePostagem/Components/Pages/CadOperador.razor.rz.scp.css */
.Fundo-Container[b-05cdmy0voq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-05cdmy0voq] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-05cdmy0voq] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-05cdmy0voq] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-05cdmy0voq] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-05cdmy0voq] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-05cdmy0voq] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-05cdmy0voq] {
        flex: 1;
    }



.Button-Container[b-05cdmy0voq] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-05cdmy0voq], .button-Menu[b-05cdmy0voq], .Button[b-05cdmy0voq] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-05cdmy0voq] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-05cdmy0voq] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-05cdmy0voq] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-05cdmy0voq], .button-Menu img[b-05cdmy0voq], .Button img[b-05cdmy0voq] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-05cdmy0voq] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-05cdmy0voq] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-05cdmy0voq] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-05cdmy0voq],
input[type="email"][b-05cdmy0voq] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-05cdmy0voq] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-05cdmy0voq] {
    flex: 2;
}

.SubCard-Title[b-05cdmy0voq] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-05cdmy0voq] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/CadProduto.razor.rz.scp.css */
.Fundo-Container[b-3qef5b9i5d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
    position: relative;
    box-sizing: border-box;
}

.Img-fundo[b-3qef5b9i5d] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

/* Card único com todas as seções do cadastro */
.Card.CadProduto-Card[b-3qef5b9i5d] {
    position: relative;
    z-index: 1;
    width: min(1200px, 100%);
    margin: 20px auto;
    padding: 24px;
    border-radius: 16px;
    color: white;
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
    overflow: hidden;
    font-size: 1em;
    font-weight: normal;
    box-sizing: border-box;
}

.title[b-3qef5b9i5d] {
    text-align: center;
    font-size: 1.7em;
    margin-bottom: 8px;
    color: #ffffff;
    font-weight: 800;
    letter-spacing: 0.2px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.CadProduto-Card > .title[b-3qef5b9i5d] {
    margin-bottom: 28px;
}

.form-section[b-3qef5b9i5d] {
    padding: 22px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

    .form-section:first-of-type[b-3qef5b9i5d] {
        padding-top: 0;
    }

.form-section-last[b-3qef5b9i5d] {
    border-bottom: none;
    padding-bottom: 4px;
}

.form-section-title[b-3qef5b9i5d] {
    font-size: 1.05em;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 18px;
    padding-left: 12px;
    border-left: 4px solid #247FAC;
    line-height: 1.2;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.form-grid[b-3qef5b9i5d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 18px 24px;
    align-items: start;
}

.identificacao-layout[b-3qef5b9i5d] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(200px, 1fr);
    gap: 28px;
    align-items: start;
}

/* Painéis internos no mesmo tom dos SubCards antigos */
.dimensoes-panel[b-3qef5b9i5d] {
    margin-top: 18px;
    padding: 16px 18px;
    border-radius: 10px;
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    animation: dimensoes-fade-in-b-3qef5b9i5d 0.2s ease;
}

.dimensoes-panel-title[b-3qef5b9i5d] {
    display: block;
    font-size: 0.78em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #ffffff;
    margin-bottom: 12px;
}

.dimensoes-grid[b-3qef5b9i5d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 200px));
    gap: 16px;
}

@keyframes dimensoes-fade-in-b-3qef5b9i5d {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.form-group[b-3qef5b9i5d] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

    .form-group label[b-3qef5b9i5d] {
        font-size: 0.85em;
        font-weight: 600;
        color: #ffffff;
        margin-bottom: 6px;
    }

.form-span-full[b-3qef5b9i5d] {
    grid-column: 1 / -1;
}

.form-control[b-3qef5b9i5d],
input[type="text"][b-3qef5b9i5d],
input[type="email"][b-3qef5b9i5d],
input[type="number"][b-3qef5b9i5d],
select[b-3qef5b9i5d] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    font-size: 0.95em;
    color: #222;
    background-color: rgba(255, 255, 255, 0.96);
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .form-control:focus[b-3qef5b9i5d],
    input[type="text"]:focus[b-3qef5b9i5d],
    input[type="email"]:focus[b-3qef5b9i5d],
    input[type="number"]:focus[b-3qef5b9i5d],
    select:focus[b-3qef5b9i5d] {
        outline: none;
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.28);
    }

input[readonly][b-3qef5b9i5d] {
    background-color: rgba(255, 255, 255, 0.7);
    opacity: 1;
    cursor: default;
}

.form-control-file[b-3qef5b9i5d] {
    width: 100%;
    font-size: 0.9em;
    color: #ffffff;
}

.form-hint[b-3qef5b9i5d] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    margin: 0 0 12px;
}

.form-hint-success[b-3qef5b9i5d] {
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    margin-top: 10px;
    margin-bottom: 0;
}

.form-text-erro[b-3qef5b9i5d] {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background-color: rgba(220, 53, 69, 0.55);
    border: 1px solid rgba(220, 53, 69, 0.9);
    border-radius: 6px;
    padding: 4px 8px;
    margin-top: 4px;
    display: inline-block;
}

/* Foto do produto com mesmo tom dos cards internos */
.foto-produto-box[b-3qef5b9i5d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 16px;
    border-radius: 10px;
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.foto-produto-box-title[b-3qef5b9i5d] {
    font-size: 0.78em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #ffffff;
}

.foto-produto-box .form-control-file[b-3qef5b9i5d] {
    text-align: center;
}

.foto-produto-preview[b-3qef5b9i5d] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 140px;
    flex-shrink: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

.foto-produto-img[b-3qef5b9i5d] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    cursor: pointer;
}

.foto-produto-sugestao[b-3qef5b9i5d] {
    cursor: default;
    opacity: 0.85;
    padding: 14px;
}

.foto-produto-tag[b-3qef5b9i5d] {
    position: absolute;
    bottom: 4px;
    right: 4px;
    font-size: 10px;
    font-weight: bold;
    color: #333;
    background: rgba(255, 255, 255, 0.85);
    padding: 2px 6px;
    border-radius: 4px;
}

.foto-produto-hint[b-3qef5b9i5d] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    margin-top: 6px;
}

.foto-produto-overlay[b-3qef5b9i5d] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

    .foto-produto-overlay img[b-3qef5b9i5d] {
        max-width: 90%;
        max-height: 90%;
        border-radius: 6px;
    }

/* Botão gerar faixa */
.btn-outline-primary[b-3qef5b9i5d] {
    background: #247FAC;
    border: 1.5px solid #247FAC;
    color: #ffffff;
    font-weight: 600;
    padding: 9px 18px;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

    .btn-outline-primary:hover:not(:disabled)[b-3qef5b9i5d] {
        background-color: #28a745;
        border-color: #28a745;
        color: #fff;
    }

    .btn-outline-primary:disabled[b-3qef5b9i5d] {
        opacity: 0.6;
        cursor: default;
    }

.Button-Container[b-3qef5b9i5d] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 24px;
}

.Button-V[b-3qef5b9i5d], .Button[b-3qef5b9i5d] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.Button-V[b-3qef5b9i5d] {
    background-color: #247FAC;
}

.Button[b-3qef5b9i5d] {
    background-color: #28a745;
}

    .Button-V img[b-3qef5b9i5d], .Button img[b-3qef5b9i5d] {
        width: 32px;
        height: 32px;
        filter: brightness(0) invert(1);
    }

.Button-V:hover[b-3qef5b9i5d] {
    background-color: #1c5f7d;
}

.Button:hover[b-3qef5b9i5d] {
    background-color: #218838;
}

@keyframes spin-b-3qef5b9i5d {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 900px) {
    .Button-V[b-3qef5b9i5d], .Button[b-3qef5b9i5d] {
        width: 45%;
        font-size: 13px;
        padding: 10px;
    }
}

@media (max-width: 820px) {
    .identificacao-layout[b-3qef5b9i5d] {
        grid-template-columns: 1fr;
    }

    .foto-produto-box[b-3qef5b9i5d] {
        flex-direction: row;
        text-align: left;
        justify-content: flex-start;
    }

    .foto-produto-box-title[b-3qef5b9i5d] {
        display: none;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-3qef5b9i5d] {
        padding: 12px;
    }

    .Card.CadProduto-Card[b-3qef5b9i5d] {
        padding: 22px 16px;
        border-radius: 10px;
    }

    .Button-Container[b-3qef5b9i5d] {
        gap: 10px;
    }

    .Button-V[b-3qef5b9i5d], .Button[b-3qef5b9i5d] {
        padding: 8px 16px;
        font-size: 14px;
        flex: 1;
        min-width: 120px;
        width: auto;
    }

        .Button-V img[b-3qef5b9i5d], .Button img[b-3qef5b9i5d] {
            width: 24px;
            height: 24px;
        }
}

@media (max-width: 480px) {
    .foto-produto-box[b-3qef5b9i5d] {
        flex-direction: column;
        text-align: center;
    }

    .Button-Container[b-3qef5b9i5d] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-3qef5b9i5d],
        .Button-Container .Button[b-3qef5b9i5d] {
            width: 100%;
        }
}
/* _content/PrePostagem/Components/Pages/CadStatus.razor.rz.scp.css */
.Fundo-Container[b-1thz7a6eb2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-1thz7a6eb2] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-1thz7a6eb2] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-1thz7a6eb2] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-1thz7a6eb2] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-1thz7a6eb2] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-1thz7a6eb2] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-1thz7a6eb2] {
        flex: 1;
    }



.Button-Container[b-1thz7a6eb2] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-1thz7a6eb2], .button-Menu[b-1thz7a6eb2], .Button[b-1thz7a6eb2] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-1thz7a6eb2] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-1thz7a6eb2] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-1thz7a6eb2] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-1thz7a6eb2], .button-Menu img[b-1thz7a6eb2], .Button img[b-1thz7a6eb2] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-1thz7a6eb2] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-1thz7a6eb2] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-1thz7a6eb2] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-1thz7a6eb2],
input[type="email"][b-1thz7a6eb2] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-1thz7a6eb2] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-1thz7a6eb2] {
    flex: 2;
}

.SubCard-Title[b-1thz7a6eb2] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-1thz7a6eb2] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}



.icons-container[b-1thz7a6eb2] {
    margin-top: 10px;
    display: flex;
    gap: 10px;
}

.icon-button[b-1thz7a6eb2] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: white;
    transition: color 0.3s ease;
    background-color: #28a745;
}

    .icon-button:hover[b-1thz7a6eb2] {
        color: #007bff;
    }


.fixed-textarea[b-1thz7a6eb2] {
    width: 100%; /* Largura fixa */
    height: 200px; /* Altura fixa */
    resize: none; /* Impede o redimensionamento */
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Estilo para o container do campo de email e botão */
.email-container[b-1thz7a6eb2] {
    display: flex;
    align-items: flex-end; /* Alinha os itens na base */
    gap: 10px; /* Espaçamento entre os elementos */
}

.email-input[b-1thz7a6eb2] {
    flex: 1; /* Ocupa o espaço restante */
}

.email-button[b-1thz7a6eb2] {
    flex-shrink: 0; /* Impede que o botão diminua */
}

/* _content/PrePostagem/Components/Pages/CadUsuario.razor.rz.scp.css */
.Fundo-Container[b-6p5k6ue2pc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-6p5k6ue2pc] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    /* Mesmo tom "vidro" azul-petróleo das demais telas de cadastro (CadContrato.razor.css/
       CadCartao.razor.css/CadDepartamento.razor.css) - antes era um overlay preto com uma pilha de
       backdrop-filter conflitantes (cada "backdrop-filter:" seguinte sobrescrevia o anterior, só o
       último - saturate - realmente valia). */
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - mesmo ajuste já aplicado em
       CadDepartamento.razor.css/CadContrato.razor.css/CadCliente.razor.css (2026-09-01). */
    overflow-x: visible;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
}

.title[b-6p5k6ue2pc] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.Img-fundo[b-6p5k6ue2pc] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-6p5k6ue2pc] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

    .form-group label[b-6p5k6ue2pc] {
        color: #ffffff;
    }

.form-hint-small[b-6p5k6ue2pc] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.75);
    margin-top: 4px;
}

.form-container[b-6p5k6ue2pc] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-6p5k6ue2pc] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-6p5k6ue2pc] {
        flex: 1;
    }

    /* Linhas com 2-3 campos (Código/Filial; Cliente/Departamento; CEP/Cidade/UF; Numero/Complemento/
       Bairro; Senha/Confirma Senha) - com flex:1 puro eles ficavam espremidos demais pra digitar em
       tablet/celular antes de existir uma media query específica; com min-width, quebram linha
       naturalmente via o flex-wrap:wrap já existente em .form-group-row. As classes "col-md-4"/"col-md-6"/
       "col-6"/"col-4" do Bootstrap no markup não têm efeito próprio aqui - o CSS isolado deste componente
       (.form-group{flex:1}) tem mais especificidade e sempre vence; aqui elas só servem de gancho pra este
       min-width. Mesmo padrão já usado em CadCliente.razor.css/CadContrato.razor.css/
       CadDepartamento.razor.css (2026-09-01). */
    .form-group.col-md-4[b-6p5k6ue2pc],
    .form-group.col-4[b-6p5k6ue2pc] {
        min-width: 140px;
    }

    .form-group.col-md-6[b-6p5k6ue2pc],
    .form-group.col-6[b-6p5k6ue2pc] {
        min-width: 180px;
    }

    /* Telefone/Celular - mesmo motivo/ajuste acima, com o min-width já precedente no restante do
       codebase (CadCliente.razor.css/.form-group-phone) pra este par específico de campos. */
    .form-group-phone[b-6p5k6ue2pc] {
        min-width: 160px;
    }

.Button-Container[b-6p5k6ue2pc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
}

/* Estilo comum para todos os botões - menores e mais arredondados (antes eram 30% da largura do card,
   quadrados, com border-radius: 3px e ícone de 40px). Mesmo padrão das demais telas de cadastro. */
.Button-V[b-6p5k6ue2pc], .button-Menu[b-6p5k6ue2pc], .Button[b-6p5k6ue2pc] {
    width: auto;
    min-width: 130px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 8px; /* Espaço entre a imagem e o texto */
}

.Button-V[b-6p5k6ue2pc] {
    background-color: #247FAC;
}

.button-Menu[b-6p5k6ue2pc] {
    background-color: #247FAC;
}

.Button[b-6p5k6ue2pc] {
    background-color: #28a745;
}

.Button-V img[b-6p5k6ue2pc], .button-Menu img[b-6p5k6ue2pc], .Button img[b-6p5k6ue2pc] {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1);
}

.Button-V:hover[b-6p5k6ue2pc] {
    background-color: #1c5f7d;
}

.button-Menu:hover[b-6p5k6ue2pc] {
    background-color: #1c5f7d;
}

.Button:hover[b-6p5k6ue2pc] {
    background-color: #218838;
}

button:disabled[b-6p5k6ue2pc] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Campos de formulário - antes só "input[type=text]"/"input[type=email]" tinham estilo aqui; o restante
   (InputNumber, InputSelect/select, senha) ficava com a aparência padrão do Bootstrap, destoando do resto
   da tela. Mesmo seletor usado nas demais telas de cadastro. */
.form-control[b-6p5k6ue2pc],
input[type="text"][b-6p5k6ue2pc],
input[type="email"][b-6p5k6ue2pc],
input[type="password"][b-6p5k6ue2pc],
input[type="number"][b-6p5k6ue2pc],
select[b-6p5k6ue2pc] {
    width: 100%;
    height: 52px;
    line-height: 52px;
    padding: 0 15px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    font-size: 1.2em;
    color: #222;
    background-color: rgba(255, 255, 255, 0.96);
}

    .form-control:focus[b-6p5k6ue2pc],
    input[type="text"]:focus[b-6p5k6ue2pc],
    input[type="email"]:focus[b-6p5k6ue2pc],
    input[type="password"]:focus[b-6p5k6ue2pc],
    input[type="number"]:focus[b-6p5k6ue2pc],
    select:focus[b-6p5k6ue2pc] {
        outline: none;
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.28);
    }

    .form-control:disabled[b-6p5k6ue2pc],
    input:disabled[b-6p5k6ue2pc],
    .form-control[readonly][b-6p5k6ue2pc],
    input[readonly][b-6p5k6ue2pc] {
        background-color: rgba(255, 255, 255, 0.7);
        opacity: 1;
        cursor: default;
    }

/* Autocomplete do campo "Cliente" (MudAutocomplete) - sem isso fica com o cinza padrão do MudBlazor em vez
   do fundo branco/quase-branco dos outros campos da tela (mesmos valores de .form-control acima). Mesma
   abordagem já usada em CadContrato.razor.css/CadCartao.razor.css pro campo "Serviço" (2026-08-30,
   reportado: "o campo cliente esta ficando cinza, os campos da tela todos tem o fundo branco"). */
[b-6p5k6ue2pc] .campo-mud .mud-input-outlined {
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 4px;
}

[b-6p5k6ue2pc] .campo-mud .mud-input-outlined-border {
    border-color: rgba(0, 0, 0, 0.15);
}

[b-6p5k6ue2pc] .campo-mud input,
[b-6p5k6ue2pc] .campo-mud .mud-input-slot {
    color: #222;
    font-size: 1.2em;
}

/* Foto do Operador/Funcionário - antes era um "d-flex" cru com estilo inline na miniatura, sem caixa
   nenhuma ao redor, colada direto no input de arquivo. Mesmo padrão do CadDepartamento.razor.css. */
.logo-upload-box[b-6p5k6ue2pc] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.12);
    flex-wrap: wrap;
}

.logo-upload-info[b-6p5k6ue2pc] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 200px;
}

.form-control-file[b-6p5k6ue2pc] {
    color: #ffffff;
}

.logo-preview[b-6p5k6ue2pc] {
    width: 64px;
    height: 64px;
    object-fit: contain;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.85);
}

.logo-preview-clickable[b-6p5k6ue2pc] {
    cursor: pointer;
}

/* Estilização para os SubCards - mesmo tom do .Card (igual as demais telas de cadastro fazem). */
.SubCard[b-6p5k6ue2pc] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.SubCard-Large[b-6p5k6ue2pc] {
    flex: 2;
}

.SubCard-Title[b-6p5k6ue2pc] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-6p5k6ue2pc] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

/* Responsivo - a tela não tinha nenhum breakpoint antes; em tablet/celular o Card ficava com o mesmo
   padding/fonte do desktop e os SubCards podiam ficar espremidos (min-width: 250px competindo por
   espaço). Mesmas faixas usadas nas demais telas de cadastro. */
@media (max-width: 900px) {
    .Button-V[b-6p5k6ue2pc], .button-Menu[b-6p5k6ue2pc], .Button[b-6p5k6ue2pc] {
        min-width: 0;
        font-size: 13px;
        padding: 9px 18px;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-6p5k6ue2pc] {
        padding: 12px;
    }

    .Card[b-6p5k6ue2pc] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-6p5k6ue2pc] {
        font-size: 1.4em;
        margin-bottom: 14px;
    }

    .SubCard[b-6p5k6ue2pc], .SubCard-Large[b-6p5k6ue2pc] {
        min-width: 100%;
        flex-basis: 100%;
        padding: 16px;
    }

    .SubCards-Container[b-6p5k6ue2pc] {
        gap: 14px;
        margin-top: 14px;
    }

    .form-control[b-6p5k6ue2pc],
    input[type="text"][b-6p5k6ue2pc],
    input[type="email"][b-6p5k6ue2pc],
    input[type="password"][b-6p5k6ue2pc],
    input[type="number"][b-6p5k6ue2pc],
    select[b-6p5k6ue2pc] {
        padding: 12px;
        font-size: 1em;
    }

    .Button-Container[b-6p5k6ue2pc] {
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .form-group-row[b-6p5k6ue2pc] {
        flex-direction: column;
    }

        .form-group-row .form-group[b-6p5k6ue2pc] {
            width: 100%;
        }

    .Button-Container[b-6p5k6ue2pc] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-6p5k6ue2pc],
        .Button-Container .Button[b-6p5k6ue2pc] {
            width: 100%;
            min-width: 0;
        }
}
/* _content/PrePostagem/Components/Pages/Caixa.razor.rz.scp.css */
.Fundo-Container[b-nhsqrmi8zu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
    position: relative;
}

.Img-fundo[b-nhsqrmi8zu] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.Card[b-nhsqrmi8zu] {
    position: relative;
    z-index: 1;
    width: min(1100px, 100%);
    margin: 20px auto;
    padding: 24px;
    border-radius: 16px;
    color: white;
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px) saturate(120%);
    overflow: hidden;
}

.header-Container[b-nhsqrmi8zu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 20px;
    gap: 12px;
}

/* Título ocupa o espaço disponível e mantém o texto centralizado nele - o botão "Abrir Outro Caixa"
   (2026-08-17, pedido explícito: "ao lado do título Caixa, à direita") fica encostado na direita sem
   empurrar o título pra fora do centro. Quando o botão não está presente (sem caixa aberto ainda), o
   título ocupa a largura toda normalmente. */
.header-Container .title[b-nhsqrmi8zu] {
    flex: 1;
}

.btn-abrir-outro-caixa[b-nhsqrmi8zu] {
    flex-shrink: 0;
}

/* Cor e sombra explícitas (2026-08-17, bug relatado: "Caixas Abertos Agora não está totalmente na cor
   branca") - antes o título só herdava color:white do .Card/.SubCard, sem nenhum text-shadow. Sobre a
   imagem de fundo da tela, texto branco liso sem sombra se mistura com trechos claros da imagem e parece
   "sujo"/não totalmente branco, dependendo de onde o card cai na página - mesmo problema já resolvido
   nas telas mais recentes (CadFilial/CadEmpresa) com esta mesma sombra. */
.title[b-nhsqrmi8zu] {
    margin: 0;
    text-align: center;
    font-size: clamp(1.6rem, 4vw, 2.6rem);
    line-height: 1.1;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-nhsqrmi8zu] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 12px;
}

.SubCard[b-nhsqrmi8zu] {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.08);
    padding: 20px;
    color: white;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(6px);
}

.SubCard-Large[b-nhsqrmi8zu] {
    width: 100%;
}

.form-hint[b-nhsqrmi8zu] {
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 16px;
}

.form-group-row[b-nhsqrmi8zu] {
    display: flex;
    justify-content: flex-start;
    align-items: end;
    gap: 16px;
    flex-wrap: wrap;
}

.form-group[b-nhsqrmi8zu] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 220px;
}

    .form-group label[b-nhsqrmi8zu] {
        font-weight: 600;
        color: #ffffff;
    }

.form-control[b-nhsqrmi8zu] {
    width: 100%;
    min-height: 46px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.96);
    color: #222;
    font-size: 1rem;
    outline: none;
    box-sizing: border-box;
}

.Button[b-nhsqrmi8zu],
.Button-V[b-nhsqrmi8zu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 12px 18px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .Button:disabled[b-nhsqrmi8zu] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.Button[b-nhsqrmi8zu] {
    background-color: #28a745;
}

    .Button:hover[b-nhsqrmi8zu] {
        background-color: #218838;
    }

.Button-V[b-nhsqrmi8zu] {
    background-color: #247FAC;
}

    .Button-V:hover[b-nhsqrmi8zu] {
        background-color: #1d678d;
    }

.Button-V img[b-nhsqrmi8zu] {
    width: 22px;
    height: 22px;
}

.Button-Container[b-nhsqrmi8zu] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-top: 20px;
}

.BotoesContainer[b-nhsqrmi8zu] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
}

    .BotoesContainer button[b-nhsqrmi8zu] {
        min-width: 200px;
        padding: 12px 18px;
        border: none;
        border-radius: 8px;
        font-weight: 700;
        cursor: pointer;
        color: white;
    }

.btn-warning[b-nhsqrmi8zu] { background-color: #e0a800; }
.btn-info[b-nhsqrmi8zu] { background-color: #17a2b8; }
.btn-secondary[b-nhsqrmi8zu] { background-color: #6c757d; }
.btn-success[b-nhsqrmi8zu] { background-color: #28a745; }

.resumo-caixa[b-nhsqrmi8zu] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 16px 0;
}

.resumo-item[b-nhsqrmi8zu] {
    flex: 1 1 180px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 18px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.resumo-destaque[b-nhsqrmi8zu] {
    background-color: rgba(40, 167, 69, 0.2);
    border-color: rgba(40, 167, 69, 0.4);
}

.resumo-negativo .resumo-valor[b-nhsqrmi8zu] {
    color: #ff4d4d;
}

.resumo-positivo .resumo-valor[b-nhsqrmi8zu] {
    color: #9dffb0;
}

.resumo-label[b-nhsqrmi8zu] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.75);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.resumo-valor[b-nhsqrmi8zu] {
    font-size: 1.3rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.status-pill[b-nhsqrmi8zu] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 999px;
    background-color: rgba(40, 167, 69, 0.22);
    color: #b7f5c4;
    border: 1px solid rgba(40, 167, 69, 0.4);
}

.status-dot[b-nhsqrmi8zu] {
    font-size: 0.55rem;
    color: #4ce07a;
}

/* Grid única do turno (2026-08-17, pedido explícito: "ficar uma grid só e resumida") - junta Vendas +
   Sangrias/Suprimentos, substitui as duas grades separadas que existiam antes (.grid-container-mov +
   .grid-container-vendas-turno). */
.grid-container-turno[b-nhsqrmi8zu] {
    display: grid;
    grid-template-columns: 0.9fr 1fr 2.4fr 1fr 1.3fr;
    gap: 0;
    width: 100%;
    margin-top: 12px;
}

.grid-item.valor-positivo[b-nhsqrmi8zu] {
    color: #198754;
    font-weight: 700;
}

.grid-item.valor-negativo[b-nhsqrmi8zu] {
    color: #dc3545;
    font-weight: 700;
}

.lista-caixas-abertos[b-nhsqrmi8zu] {
    /* Uma coluna só (2026-08-17, pedido explícito: "preciso que apareçam um abaixo do outro e não
       dividindo o card no meio") - antes era um grid multi-coluna (repeat(auto-fit, minmax(340px, 1fr))),
       que colocava 2+ caixas lado a lado cortando o card ao meio quando a tela era larga o suficiente.
       display:flex + column empilha cada caixa aberto em sua própria linha, sempre, independente da
       largura da tela. */
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 8px;
}

.caixa-aberto-item[b-nhsqrmi8zu] {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

.caixa-aberto-header[b-nhsqrmi8zu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    padding: 12px 16px;
    border: none;
    background: transparent;
    color: white;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

    .caixa-aberto-header:hover[b-nhsqrmi8zu] {
        background-color: rgba(255, 255, 255, 0.06);
    }

.caixa-aberto-nome[b-nhsqrmi8zu] {
    font-weight: 700;
    font-size: 1.05rem;
    flex: 1 1 160px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.caixa-aberto-tag[b-nhsqrmi8zu] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 3px 8px;
    border-radius: 999px;
    background-color: rgba(36, 127, 172, 0.35);
    border: 1px solid rgba(36, 127, 172, 0.6);
    color: #bfe6ff;
}

.caixa-aberto-seta[b-nhsqrmi8zu] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
}

.caixa-aberto-detalhe[b-nhsqrmi8zu] {
    padding: 0 16px 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: 12px;
}

.grid-header[b-nhsqrmi8zu] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-nhsqrmi8zu] {
    display: contents;
}

.grid-item[b-nhsqrmi8zu] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    background-color: #fff;
    min-height: 44px;
}

.grid-row:nth-of-type(odd) .grid-item[b-nhsqrmi8zu] {
    background-color: #f5fbfb;
}

.grid-row:nth-of-type(even) .grid-item[b-nhsqrmi8zu] {
    background-color: #e1f2f4;
}

.no-results[b-nhsqrmi8zu] {
    grid-column: 1 / -1;
    padding: 12px;
    color: white;
    font-weight: bold;
}

.btn-estornar[b-nhsqrmi8zu] {
    background-color: rgba(220, 53, 69, 0.1);
    color: #dc3545;
    border: 1px solid rgba(220, 53, 69, 0.4);
    border-radius: 6px;
    padding: 4px 10px;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
}

    .btn-estornar:hover[b-nhsqrmi8zu] {
        background-color: rgba(220, 53, 69, 0.2);
    }

.situacao-badge[b-nhsqrmi8zu] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
}

.situacao-ativo[b-nhsqrmi8zu] {
    background-color: rgba(40, 167, 69, 0.15);
    color: #198754;
}

.situacao-inativo[b-nhsqrmi8zu] {
    background-color: rgba(220, 53, 69, 0.15);
    color: #dc3545;
}

.situacao-andamento[b-nhsqrmi8zu] {
    background-color: rgba(255, 193, 7, 0.18);
    color: #b8860b;
}

.loading-message[b-nhsqrmi8zu],
.error-message[b-nhsqrmi8zu] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
}

.loading-message[b-nhsqrmi8zu] {
    background-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.error-message[b-nhsqrmi8zu] {
    background-color: rgba(220, 53, 69, 0.16);
    color: #fff;
}

@media (max-width: 768px) {
    .Fundo-Container[b-nhsqrmi8zu] {
        padding: 16px;
    }

    .Card[b-nhsqrmi8zu] {
        padding: 16px;
    }

    /* Nome corrigido (2026-09-02) - a grade foi renomeada pra ".grid-container-turno" (ver comentário na
       definição, linha ~268), mas esta regra do breakpoint mobile ficou apontando pro nome antigo
       ".grid-container-mov", que não existe mais no HTML. Sem isso a grade nunca virava cartão no
       celular, ficava travada no grid de 5 colunas do desktop, ilegível numa tela estreita. */
    .grid-container-turno[b-nhsqrmi8zu] {
        grid-template-columns: 1fr;
    }

    .grid-header[b-nhsqrmi8zu] {
        display: none;
    }

    .grid-row[b-nhsqrmi8zu] {
        display: block;
        margin-bottom: 12px;
        background-color: rgba(255, 255, 255, 0.92);
        border-radius: 10px;
        overflow: hidden;
    }

    .grid-item[b-nhsqrmi8zu] {
        justify-content: space-between;
        text-align: left;
        border-radius: 0;
        border-bottom: 1px solid #e9ecef;
        padding: 12px;
    }

    .grid-row .grid-item:last-child[b-nhsqrmi8zu] {
        border-bottom: none;
    }

    .grid-item[b-nhsqrmi8zu]::before {
        content: attr(data-label);
        font-weight: 700;
        color: #247FAC;
        margin-right: 12px;
    }

    .BotoesContainer button[b-nhsqrmi8zu] {
        width: 100%;
        min-width: unset;
    }
}
/* _content/PrePostagem/Components/Pages/ClientesBloqueados.razor.rz.scp.css */
.Fundo-Container[b-ntnwlze1nu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-ntnwlze1nu] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-ntnwlze1nu] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-ntnwlze1nu] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-ntnwlze1nu] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-ntnwlze1nu] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-ntnwlze1nu] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-ntnwlze1nu] {
        flex: 1;
    }



.Button-Container[b-ntnwlze1nu] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-ntnwlze1nu], .button-Menu[b-ntnwlze1nu], .Button[b-ntnwlze1nu] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-ntnwlze1nu] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-ntnwlze1nu] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-ntnwlze1nu] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-ntnwlze1nu], .button-Menu img[b-ntnwlze1nu], .Button img[b-ntnwlze1nu] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-ntnwlze1nu] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-ntnwlze1nu] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-ntnwlze1nu] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-ntnwlze1nu],
input[type="email"][b-ntnwlze1nu] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-ntnwlze1nu] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-ntnwlze1nu] {
    flex: 2;
}

.SubCard-Title[b-ntnwlze1nu] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-ntnwlze1nu] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/ColetaMarketplaceModal.razor.rz.scp.css */
/* Layout Principal */
.SubCards-Container[b-ui0uj7ebks] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
    width: 100%;
}

.SubCard[b-ui0uj7ebks] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.2);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px) brightness(60%) contrast(40%);
}

.SubCard-Large[b-ui0uj7ebks] {
    flex: 2;
    min-width: 300px;
}

/* Seletor de Embalagem */
.embalagem-container[b-ui0uj7ebks] {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.embalagem-card[b-ui0uj7ebks] {
    flex: 1;
    min-width: 120px;
    max-width: 150px;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    color: black;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .embalagem-card:hover[b-ui0uj7ebks] {
        border-color: #007bff;
        box-shadow: 0 0 10px rgba(0, 123, 255, 0.2);
    }

    .embalagem-card.selected[b-ui0uj7ebks] {
        border: 3px solid #007bff;
        background-color: #f0f8ff;
        transform: scale(1.05);
    }

.embalagem-icon img[b-ui0uj7ebks] {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 10px;
}

/* Formulários */
.form-container[b-ui0uj7ebks] {
    width: 100%;
}

.form-section[b-ui0uj7ebks] {
    margin-bottom: 20px;
}

.form-group-row[b-ui0uj7ebks] {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.form-group[b-ui0uj7ebks] {
    flex: 1;
    min-width: calc(33% - 15px);
    margin-bottom: 10px;
}

    .form-group.full-width[b-ui0uj7ebks] {
        min-width: 100%;
    }

    .form-group.half-width[b-ui0uj7ebks] {
        min-width: calc(50% - 15px);
    }

.form-group-row.dimensions .form-group[b-ui0uj7ebks] {
    min-width: calc(33.333% - 15px);
}

.form-group-row.weights .form-group[b-ui0uj7ebks] {
    min-width: calc(50% - 15px);
}

.form-group label[b-ui0uj7ebks] {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: white;
}

.form-control[b-ui0uj7ebks] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1em;
    background: rgba(255, 255, 255, 0.9);
}


/* Responsividade */
@media (max-width: 768px) {
    .SubCard[b-ui0uj7ebks], .SubCard-Large[b-ui0uj7ebks] {
        min-width: 100%;
    }

    .form-group[b-ui0uj7ebks],
    .form-group-row.dimensions .form-group[b-ui0uj7ebks],
    .form-group-row.weights .form-group[b-ui0uj7ebks],
    .form-group.half-width[b-ui0uj7ebks] {
        min-width: 100%;
    }

    .embalagem-card[b-ui0uj7ebks] {
        min-width: calc(50% - 15px);
    }
}

.grid-container[b-ui0uj7ebks] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 10px;
    gap: 0; 
}

.title[b-ui0uj7ebks] {
    grid-column: 1 / -1; /* Faz o título ocupar todas as colunas */
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 10px;
    color: white; 
    background: transparent; 
    border: none; 
    padding: 10px 0;
}

.grid-header[b-ui0uj7ebks] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-ui0uj7ebks] {
    display: contents;
    cursor: pointer;
}

    .grid-row:nth-child(odd) .grid-item[b-ui0uj7ebks] {
        background-color: #f5fbfb;
        transition: all 0.2s ease;
    }

    .grid-row:nth-child(even) .grid-item[b-ui0uj7ebks] {
        background-color: #e1f2f4;
        transition: all 0.2s ease;
    }

   
    .grid-row:hover .grid-item[b-ui0uj7ebks] {
        background-color: #c0dfe3;
        filter: brightness(0.95); 
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

   
    .grid-row:active .grid-item[b-ui0uj7ebks] {
        background-color: #a8d1d6;
        transform: translateY(0);
    }

  
    .grid-row.selected .grid-item[b-ui0uj7ebks] {
        background-color: #8fc7ce;
        border-left: 3px solid #007bff;
        font-weight: bold;
    }

.grid-item[b-ui0uj7ebks] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.grid-item[b-ui0uj7ebks] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}


.servico-link[b-ui0uj7ebks] {
    color: #247FAC;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s ease;
}

    .servico-link:hover[b-ui0uj7ebks] {
        color: #1a5f80;
        text-decoration: underline;
    }

/* Ajuste para manter o alinhamento */
.grid-item a[b-ui0uj7ebks] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.servico-adicional[b-ui0uj7ebks]{
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 8px;

}

.checkboxes[b-ui0uj7ebks]{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 15px;
}

.checkboxes .mud-checkbox[b-ui0uj7ebks]{
    margin-right: 15px;
}



.arquivo-selecionado[b-ui0uj7ebks] {
    background-color: #e8f5e8;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
}

.modal-chave-nfe[b-ui0uj7ebks] {
    padding: 20px;
}

.upload-container[b-ui0uj7ebks] {
    border: 2px dashed #ccc;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}

    .upload-container:hover[b-ui0uj7ebks] {
        border-color: #1976d2;
        background-color: #f5f5f5;
    }




.disabled[b-ui0uj7ebks] {
    opacity: 0.6;
    pointer-events: none;
}

    .disabled input[b-ui0uj7ebks],
    .disabled select[b-ui0uj7ebks],
    .disabled button[b-ui0uj7ebks],
    .disabled .mud-checkbox[b-ui0uj7ebks] {
        pointer-events: none;
        opacity: 0.6;
    }


.valor-xml[b-ui0uj7ebks] {
    background-color: #e8f5e8;
    border-left: 4px solid #28a745;
}


/* Estilos para MudAutocomplete - Fundo Branco */
.mud-autocomplete .mud-input-control[b-ui0uj7ebks],
.mud-autocomplete .mud-input[b-ui0uj7ebks],
.mud-autocomplete .mud-input-outlined[b-ui0uj7ebks],
.mud-autocomplete .mud-input-slot[b-ui0uj7ebks],
.mud-autocomplete .mud-input-control-input-container[b-ui0uj7ebks],
.mud-autocomplete .mud-input-control .mud-input-label-outlined[b-ui0uj7ebks] {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

/* Remove fundo escuro/transparente do autocomplete */
.mud-autocomplete .mud-popover[b-ui0uj7ebks],
.mud-autocomplete .mud-list[b-ui0uj7ebks],
.mud-autocomplete .mud-list-item[b-ui0uj7ebks] {
    background-color: white !important;
    color: black !important;
}

    /* Hover nos itens da lista */
    .mud-autocomplete .mud-list-item:hover[b-ui0uj7ebks] {
        background-color: #f0f8ff !important;
    }

    /* Item selecionado na lista */
    .mud-autocomplete .mud-list-item.mud-selected-item[b-ui0uj7ebks] {
        background-color: #e1f2f4 !important;
    }

/* Ajusta a cor do texto dentro do campo */
.mud-autocomplete .mud-input-slot[b-ui0uj7ebks] {
    color: black !important;
}

/* Ajusta a label quando flutuando */
.mud-autocomplete .mud-input-label-outlined.mud-input-label-shrink[b-ui0uj7ebks] {
    color: white !important;
    background-color: transparent !important;
}

/* Ajusta a borda do campo */
.mud-autocomplete .mud-outlined-input[b-ui0uj7ebks] {
    border-color: rgba(255, 255, 255, 0.5) !important;
}

    /* Quando o campo está em foco */
    .mud-autocomplete .mud-outlined-input.mud-focused[b-ui0uj7ebks] {
        border-color: white !important;
    }

/* Ajusta o ícone de adornment (X) para ficar visível */
.mud-autocomplete .mud-input-adornment[b-ui0uj7ebks] {
    color: #dc3545 !important;
}
/* _content/PrePostagem/Components/Pages/ComparativoValores.razor.rz.scp.css */
.Fundo-Container[b-hidfreuhoq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-hidfreuhoq] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-hidfreuhoq] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-hidfreuhoq] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-hidfreuhoq] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-hidfreuhoq] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-hidfreuhoq] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-hidfreuhoq] {
        flex: 1;
    }



.Button-Container[b-hidfreuhoq] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-hidfreuhoq], .button-Menu[b-hidfreuhoq], .Button[b-hidfreuhoq] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-hidfreuhoq] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-hidfreuhoq] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-hidfreuhoq] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-hidfreuhoq], .button-Menu img[b-hidfreuhoq], .Button img[b-hidfreuhoq] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-hidfreuhoq] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-hidfreuhoq] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-hidfreuhoq] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-hidfreuhoq],
input[type="email"][b-hidfreuhoq] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-hidfreuhoq] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-hidfreuhoq] {
    flex: 2;
}

.SubCard-Title[b-hidfreuhoq] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-hidfreuhoq] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/ConfigStatusHabilitado.razor.rz.scp.css */
.Fundo-Container[b-zlnep2m3bu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-zlnep2m3bu] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-zlnep2m3bu] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-zlnep2m3bu] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-zlnep2m3bu] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-zlnep2m3bu] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-zlnep2m3bu] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-zlnep2m3bu] {
        flex: 1;
    }



.Button-Container[b-zlnep2m3bu] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-zlnep2m3bu], .button-Menu[b-zlnep2m3bu], .Button[b-zlnep2m3bu] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-zlnep2m3bu] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-zlnep2m3bu] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-zlnep2m3bu] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-zlnep2m3bu], .button-Menu img[b-zlnep2m3bu], .Button img[b-zlnep2m3bu] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-zlnep2m3bu] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-zlnep2m3bu] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-zlnep2m3bu] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-zlnep2m3bu],
input[type="email"][b-zlnep2m3bu] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-zlnep2m3bu] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-zlnep2m3bu] {
    flex: 2;
}

.SubCard-Title[b-zlnep2m3bu] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-zlnep2m3bu] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/ConfiguracaoBanco.razor.rz.scp.css */
/* Mesmo padrão visual de ConfiguracoesFilial.razor.css/CadFilial.razor.css - CSS isolado do Blazor é
   por COMPONENTE, então cada tela de formulário deste app mantém sua própria cópia dessas classes
   (Fundo-Container, Card, form-section, etc.) mesmo tendo os mesmos nomes (2026-08-26). */

.Fundo-Container[b-w1qo0ou8je] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
    position: relative;
    box-sizing: border-box;
}

.Img-fundo[b-w1qo0ou8je] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.Card.CadFilial-Card[b-w1qo0ou8je] {
    position: relative;
    z-index: 1;
    width: min(700px, 100%);
    margin: 20px auto;
    padding: 24px;
    border-radius: 16px;
    color: white;
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
    overflow: hidden;
    box-sizing: border-box;
}

.title[b-w1qo0ou8je] {
    text-align: center;
    font-size: 1.7em;
    margin: 0 0 28px;
    color: #ffffff;
    font-weight: 800;
    letter-spacing: 0.2px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.form-section[b-w1qo0ou8je] {
    padding: 22px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

    .form-section:first-of-type[b-w1qo0ou8je] {
        padding-top: 0;
    }

.form-section-last[b-w1qo0ou8je] {
    border-bottom: none;
    padding-bottom: 4px;
}

.form-section-title[b-w1qo0ou8je] {
    font-size: 1.05em;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 18px;
    padding-left: 12px;
    border-left: 4px solid #247FAC;
    line-height: 1.2;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.form-grid[b-w1qo0ou8je] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 18px 24px;
    align-items: start;
}

.form-group[b-w1qo0ou8je] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.form-hint[b-w1qo0ou8je] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    margin: 0 0 16px;
}

.form-hint-small[b-w1qo0ou8je] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.65);
    margin-top: 4px;
    display: block;
}

.form-check[b-w1qo0ou8je] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 32px;
}

.form-check-input[b-w1qo0ou8je] {
    width: 18px;
    height: 18px;
    accent-color: #247FAC;
    cursor: pointer;
    flex-shrink: 0;
}

.form-check-label[b-w1qo0ou8je] {
    color: #ffffff;
    font-size: 0.95em;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 0;
}

.Button-Container[b-w1qo0ou8je] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 24px;
}

.Button[b-w1qo0ou8je] {
    width: auto;
    min-width: 160px;
    padding: 12px 22px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s ease;
    background-color: #28a745;
}

    .Button:hover:not(:disabled)[b-w1qo0ou8je] {
        background-color: #218838;
    }

    .Button:disabled[b-w1qo0ou8je] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.error-message[b-w1qo0ou8je] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
    background-color: rgba(220, 53, 69, 0.16);
    color: #fff;
}

.sucesso-message[b-w1qo0ou8je] {
    margin-top: 16px;
    padding: 18px 20px;
    border-radius: 10px;
    font-weight: 600;
    background-color: rgba(40, 167, 69, 0.18);
    border: 1px solid rgba(40, 167, 69, 0.4);
    color: #fff;
    white-space: pre-line;
}

@media (max-width: 768px) {
    .Fundo-Container[b-w1qo0ou8je] {
        padding: 12px;
    }

    .Card.CadFilial-Card[b-w1qo0ou8je] {
        padding: 22px 16px;
        border-radius: 10px;
    }
}
/* _content/PrePostagem/Components/Pages/ConfiguracoesFilial.razor.rz.scp.css */
/* Mesmo padrão visual de CadFilial.razor.css (2026-08-18, bug relatado: "a tela está abrindo
   totalmente desconfigurada, preciso que ela seja exibida no mesmo padrão da tela de consulta dados da
   filial e cadastro") - CSS isolado do Blazor é por COMPONENTE, então as classes usadas aqui
   (Fundo-Container, Card, form-section, etc.) não herdam nada de CadFilial.razor.css mesmo tendo os
   mesmos nomes; cada tela de formulário deste app já mantém sua própria cópia (mesmo padrão de
   Caixa.razor.css e as demais). */

.Fundo-Container[b-3xsjhx749t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
    position: relative;
    box-sizing: border-box;
}

.Img-fundo[b-3xsjhx749t] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.Card.CadFilial-Card[b-3xsjhx749t] {
    position: relative;
    z-index: 1;
    width: min(1200px, 100%);
    margin: 20px auto;
    padding: 24px;
    border-radius: 16px;
    color: white;
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
    overflow: hidden;
    box-sizing: border-box;
}

.title[b-3xsjhx749t] {
    text-align: center;
    font-size: 1.7em;
    margin: 0 0 28px;
    color: #ffffff;
    font-weight: 800;
    letter-spacing: 0.2px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.form-section[b-3xsjhx749t] {
    padding: 22px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

    .form-section:first-of-type[b-3xsjhx749t] {
        padding-top: 0;
    }

.form-section-last[b-3xsjhx749t] {
    border-bottom: none;
    padding-bottom: 4px;
}

.form-section-title[b-3xsjhx749t] {
    font-size: 1.05em;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 18px;
    padding-left: 12px;
    border-left: 4px solid #247FAC;
    line-height: 1.2;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.form-grid[b-3xsjhx749t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 18px 24px;
    align-items: start;
}

.form-group[b-3xsjhx749t] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

    .form-group label[b-3xsjhx749t] {
        font-size: 0.85em;
        font-weight: 600;
        color: #ffffff;
        margin-bottom: 6px;
    }

.form-control[b-3xsjhx749t],
input[type="text"][b-3xsjhx749t],
input[type="number"][b-3xsjhx749t] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    font-size: 0.95em;
    color: #222;
    background-color: rgba(255, 255, 255, 0.96);
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .form-control:focus[b-3xsjhx749t],
    input[type="text"]:focus[b-3xsjhx749t],
    input[type="number"]:focus[b-3xsjhx749t] {
        outline: none;
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.28);
    }

.form-hint[b-3xsjhx749t] {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    margin: 0 0 16px;
}

.form-hint-small[b-3xsjhx749t] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.65);
    margin-top: 4px;
}

/* Checkbox (Vender somente produtos supridos para o operador) - mesmo padrão de CadFilial.razor.css. */
.form-check[b-3xsjhx749t] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 32px;
}

.form-check-input[b-3xsjhx749t] {
    width: 18px;
    height: 18px;
    accent-color: #247FAC;
    cursor: pointer;
    flex-shrink: 0;
}

.form-check-label[b-3xsjhx749t] {
    color: #ffffff;
    font-size: 0.85em;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 0;
}

.Button-Container[b-3xsjhx749t] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 24px;
}

.Button-V[b-3xsjhx749t], .Button[b-3xsjhx749t] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

    .Button-V:disabled[b-3xsjhx749t], .Button:disabled[b-3xsjhx749t] {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .Button-V img[b-3xsjhx749t], .Button img[b-3xsjhx749t] {
        width: 32px;
        height: 32px;
        filter: brightness(0) invert(1);
    }

.Button-V[b-3xsjhx749t] {
    background-color: #247FAC;
}

    .Button-V:hover:not(:disabled)[b-3xsjhx749t] {
        background-color: #1c5f7d;
    }

.Button[b-3xsjhx749t] {
    background-color: #28a745;
}

    .Button:hover:not(:disabled)[b-3xsjhx749t] {
        background-color: #218838;
    }

.error-message[b-3xsjhx749t] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
    background-color: rgba(220, 53, 69, 0.16);
    color: #fff;
}

.sucesso-message[b-3xsjhx749t] {
    margin-top: 16px;
    padding: 18px 20px;
    border-radius: 10px;
    font-weight: 600;
    background-color: rgba(40, 167, 69, 0.18);
    border: 1px solid rgba(40, 167, 69, 0.4);
    color: #fff;
    white-space: pre-line;
}

@media (max-width: 900px) {
    .Button-V[b-3xsjhx749t], .Button[b-3xsjhx749t] {
        width: 45%;
        font-size: 13px;
        padding: 10px;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-3xsjhx749t] {
        padding: 12px;
    }

    .Card.CadFilial-Card[b-3xsjhx749t] {
        padding: 22px 16px;
        border-radius: 10px;
    }

    .Button-Container[b-3xsjhx749t] {
        gap: 10px;
    }

    .Button-V[b-3xsjhx749t], .Button[b-3xsjhx749t] {
        padding: 8px 16px;
        font-size: 14px;
        flex: 1;
        min-width: 120px;
        width: auto;
    }

        .Button-V img[b-3xsjhx749t], .Button img[b-3xsjhx749t] {
            width: 24px;
            height: 24px;
        }
}

@media (max-width: 480px) {
    .Button-Container[b-3xsjhx749t] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-3xsjhx749t],
        .Button-Container .Button[b-3xsjhx749t] {
            width: 100%;
        }
}
/* _content/PrePostagem/Components/Pages/ConfirmacaoCepAlterado.razor.rz.scp.css */
/* _content/PrePostagem/Components/Pages/ConsultaCadCli.razor.rz.scp.css */
.Fundo-Container[b-847pew8c3l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-847pew8c3l] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    /* Mesmo tom "vidro" azul-petróleo do CadCliente.razor.css (cor apenas). */
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - o .Card inteiro virava um container de scroll
       horizontal por baixo dos panos, brigando com o ".table-responsive" de dentro e deixando a barra
       quase impossível de pegar em emulação de mobile sem touch de verdade (mesmo ajuste já aplicado em
       ConsultaCadGrupo.razor.css/ConsultaDadosFilial.razor.css/ConsultaEmpresa.razor.css). */
    overflow-x: visible;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
}
.Img-fundo[b-847pew8c3l] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-847pew8c3l] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

    .form-group label[b-847pew8c3l] {
        color: #ffffff;
    }

.form-container[b-847pew8c3l] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-847pew8c3l] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-847pew8c3l] {
        flex: 1;
    }

    /* Estilo do container do header (título + botão) */
.header-Container[b-847pew8c3l] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Título à esquerda, botão à direita */
    align-items: center; /* Centraliza verticalmente */
    width: 100%; /* Ocupa toda a largura do card */
    margin-bottom: 20px; /* Espaçamento opcional */
    gap: 12px;
}

/* Título centralizado (ocupa o espaço disponível) - mesmo tamanho/sombra de letra do CadCliente.razor.css
   (antes era 3.3em, bem maior que o padrão das outras telas). */
.title[b-847pew8c3l] {
    flex-grow: 1; /* Ocupa todo o espaço restante */
    text-align: center; /* Centraliza o texto */
    font-size: 1.8em;
    margin: 0; /* Remove margens padrão */
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Botão alinhado à direita - menor e mais arredondado (antes era 15% de largura fixa, quadrado). */
.Cadastro[b-847pew8c3l] {
    width: auto;
    min-width: 160px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 8px; /* Espaço entre a imagem e o texto */
    background-color: #28a745; /* mesmo verde do botão Salvar no CadCliente.razor.css */
}

    .Cadastro img[b-847pew8c3l] {
        width: 22px;
        height: 22px;
    }

    .Cadastro:hover[b-847pew8c3l] {
        background-color: #218838;
    }


.Button-Container[b-847pew8c3l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
}

/* Estilo comum para todos os botões - menores e mais arredondados (antes eram 30% da largura do card,
   quadrados, com border-radius: 3px e ícone de 40px). */
.Button-V[b-847pew8c3l], .button-Menu[b-847pew8c3l], .Button[b-847pew8c3l], .Button-Reativar[b-847pew8c3l] {
    width: auto;
    min-width: 130px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 8px; /* Espaço entre a imagem e o texto */

}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-847pew8c3l] {
    background-color: #247FAC;
}
.Button-Reativar[b-847pew8c3l] {
    background-color: #4C1DE0;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-847pew8c3l] {
    background-color: green;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-847pew8c3l] {
    background-color: #28a745;
}

/* Estilo para as imagens dentro dos botões */
.Button-V img[b-847pew8c3l], .Button img[b-847pew8c3l], .Button-Reativar img[b-847pew8c3l] {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1); /* Transforma a imagem em branco */
}



.button-Menu:hover[b-847pew8c3l] {
    background-color: darkgreen; /* Cor mais escura para o hover */
}

.Button:hover[b-847pew8c3l] {
    background-color: #218838; /* Cor mais escura para o hover */
}

.Button-Reativar:hover[b-847pew8c3l]{
    background-color: white;
}



.form-control[b-847pew8c3l],
input[type="text"][b-847pew8c3l],
input[type="email"][b-847pew8c3l],
input[type="number"][b-847pew8c3l],
select[b-847pew8c3l] {
    width: 100%;
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    font-size: 1.2em;
    color: #222;
    background-color: rgba(255, 255, 255, 0.96);
}

    .form-control:focus[b-847pew8c3l],
    input[type="text"]:focus[b-847pew8c3l],
    input[type="email"]:focus[b-847pew8c3l],
    input[type="number"]:focus[b-847pew8c3l],
    select:focus[b-847pew8c3l] {
        outline: none;
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.28);
    }

    .form-control:disabled[b-847pew8c3l],
    input:disabled[b-847pew8c3l] {
        background-color: rgba(255, 255, 255, 0.7);
        opacity: 1;
        cursor: default;
    }

/* Estilização para os SubCards - mesmo tom do .Card (igual o CadCliente.razor.css faz). */
.SubCard[b-847pew8c3l] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.SubCard-Large[b-847pew8c3l] {
    flex: 2;
}

.SubCard-Title[b-847pew8c3l] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-847pew8c3l] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}


/* Rolagem horizontal pra tabela em telas estreitas - a grade tem 5 colunas fixas (Nome, CPF/CNPJ,
   Telefone, E-mail, Ferramentas); sem isso, em mobile as colunas ficavam espremidas ilegíveis. Com o
   scroll, as colunas mantêm uma largura mínima legível e o usuário arrasta pra ver o resto. */
.table-responsive[b-847pew8c3l] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.grid-container[b-847pew8c3l] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    min-width: 700px;
    padding: 10px;
}

.grid-header[b-847pew8c3l] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

/* Cabeçalho clicável pra ordenar (é um <button>, herda .grid-header pra manter a aparência) - mesmo
   padrão do MovimentacaoEstoque.razor.css/ConsultaEstoque.razor.css. */
.grid-header-sortable[b-847pew8c3l] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    font-size: 1em;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .grid-header-sortable:hover[b-847pew8c3l] {
        background-color: #1d678d;
    }

.sort-indicator[b-847pew8c3l] {
    font-size: 0.75em;
    min-width: 0.9em;
}

/* Paginação (seletor de itens por página + navegação Anterior/Próxima) - mesmo padrão do
   MovimentacaoEstoque.razor.css. */
.paginacao-container[b-847pew8c3l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 14px;
}

.paginacao-nav[b-847pew8c3l] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.paginacao-info[b-847pew8c3l] {
    color: #ffffff;
    font-size: 0.95em;
}

[b-847pew8c3l] .campo-mud .mud-input-outlined {
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 4px;
}

[b-847pew8c3l] .campo-mud .mud-input-outlined-border {
    border-color: rgba(0, 0, 0, 0.15);
}

[b-847pew8c3l] .campo-mud input,
[b-847pew8c3l] .campo-mud .mud-input-slot {
    color: #222;
}

.grid-row[b-847pew8c3l] {
    display: contents; 
}

    .grid-row:nth-child(odd) .grid-item[b-847pew8c3l] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-847pew8c3l] {
        background-color: #e1f2f4;
    }

   
.grid-item[b-847pew8c3l] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

/* Botões de ação na linha da tabela (Editar/Detalhes/Ativar/Inativar) - não tinham nenhum estilo antes,
   ficavam com a aparência padrão do navegador. */
.btn-icon[b-847pew8c3l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Ativar/Reativar - mesmo símbolo (Reativar_2.png) de antes, só ganhou a cor verde no botão. */
.btn-icon-ativar[b-847pew8c3l] {
    background-color: rgba(40, 167, 69, 0.15);
    border-color: rgba(40, 167, 69, 0.5);
}

    .btn-icon-ativar:hover[b-847pew8c3l] {
        background-color: rgba(40, 167, 69, 0.3);
        border-color: #28a745;
    }

/* Inativar/Desativar - mesmo símbolo (remover.png) de antes, só ganhou a cor vermelha no botão. */
.btn-icon-inativar[b-847pew8c3l] {
    background-color: rgba(220, 53, 69, 0.15);
    border-color: rgba(220, 53, 69, 0.5);
}

    .btn-icon-inativar:hover[b-847pew8c3l] {
        background-color: rgba(220, 53, 69, 0.3);
        border-color: #dc3545;
    }



.modal[b-847pew8c3l] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-dialog[b-847pew8c3l] {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    color: black;
}

.modal-content[b-847pew8c3l] {
    background: white;
    border-radius: 5px;
    overflow: hidden;

}

.modal-header[b-847pew8c3l], .modal-footer[b-847pew8c3l] {
    padding: 15px;
}

.modal-body[b-847pew8c3l] {
    padding: 20px;
    max-height: 70vh;
    overflow-y: auto;
    color: black;
}

.modal-footer[b-847pew8c3l] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
}




.close[b-847pew8c3l] {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background: transparent;
    border: 0;
}

    .close:hover[b-847pew8c3l] {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }


.Confirmar[b-847pew8c3l] {
    width: auto;
    min-width: 110px;
    padding: 10px 20px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 8px; /* Espaço entre a imagem e o texto */
    background-color: red;
}

    .Confirmar:hover[b-847pew8c3l] {
        background-color: darkred;
    }

/* Responsivo - a tela não tinha nenhum breakpoint antes; em tablet/celular o Card ficava com o mesmo
   padding/fonte do desktop, o header (título + Cadastrar Cliente) podia colidir, e os botões
   (Voltar/Confirmar/Cancelar) tomavam 30% de largura fixa mesmo em telas bem estreitas. */
@media (max-width: 900px) {
    .Button-V[b-847pew8c3l], .button-Menu[b-847pew8c3l], .Button[b-847pew8c3l], .Button-Reativar[b-847pew8c3l], .Cadastro[b-847pew8c3l], .Confirmar[b-847pew8c3l] {
        min-width: 0;
        font-size: 13px;
        padding: 9px 16px;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-847pew8c3l] {
        padding: 12px;
    }

    .Card[b-847pew8c3l] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-847pew8c3l] {
        font-size: 2em;
    }

    .header-Container[b-847pew8c3l] {
        justify-content: center;
        text-align: center;
    }

    .SubCard[b-847pew8c3l], .SubCard-Large[b-847pew8c3l] {
        min-width: 100%;
        flex-basis: 100%;
        padding: 16px;
    }

    input[type="text"][b-847pew8c3l],
    input[type="email"][b-847pew8c3l] {
        padding: 12px;
        font-size: 1em;
    }
}

@media (max-width: 480px) {
    .header-Container[b-847pew8c3l] {
        flex-direction: column;
    }

        .header-Container .Cadastro[b-847pew8c3l] {
            width: 100%;
        }

    .form-group-row[b-847pew8c3l] {
        flex-direction: column;
    }

    /* Em vez de rolagem horizontal (não dá pra arrastar em toda extensão/emulação de mobile), cada linha
       vira um card empilhado, com o nome da coluna aparecendo antes do valor - não precisa mais rolar pro
       lado. Ordenação por clique no cabeçalho fica indisponível aqui (os botões de ordenar somem junto
       com o header), mesma troca já feita em ConsultaCadGrupo.razor.css/ConsultaDadosFilial.razor.css/
       ConsultaEmpresa.razor.css (2026-09-01, pedido explícito). */
    .table-responsive[b-847pew8c3l] {
        overflow-x: visible;
    }

    .grid-container[b-847pew8c3l] {
        display: block;
        min-width: 0;
    }

    .grid-header[b-847pew8c3l] {
        display: none;
    }

    .grid-row[b-847pew8c3l] {
        display: block;
        margin-bottom: 10px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 8px;
        overflow: hidden;
    }

    .grid-item[b-847pew8c3l] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        text-align: right;
        padding: 8px 12px;
    }

        .grid-item[b-847pew8c3l]::before {
            content: attr(data-label);
            font-weight: bold;
            text-align: left;
            color: #247FAC;
        }

    .paginacao-container[b-847pew8c3l] {
        flex-direction: column;
        align-items: stretch;
    }

    .paginacao-nav[b-847pew8c3l] {
        justify-content: center;
    }

    .Button-Container[b-847pew8c3l] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-847pew8c3l],
        .Button-Container .Button[b-847pew8c3l],
        .Button-Container .Button-Reativar[b-847pew8c3l] {
            width: 100%;
        }

    .modal-footer[b-847pew8c3l] {
        flex-wrap: wrap;
    }

        .modal-footer .Button-V[b-847pew8c3l],
        .modal-footer .Confirmar[b-847pew8c3l] {
            width: 100%;
        }
}
/* _content/PrePostagem/Components/Pages/ConsultaCadFun.razor.rz.scp.css */
.Fundo-Container[b-r4yicsprj4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-r4yicsprj4] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-r4yicsprj4] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-r4yicsprj4] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-r4yicsprj4] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-r4yicsprj4] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-r4yicsprj4] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-r4yicsprj4] {
        flex: 1;
    }



.Button-Container[b-r4yicsprj4] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-r4yicsprj4], .button-Menu[b-r4yicsprj4], .Button[b-r4yicsprj4] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-r4yicsprj4] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-r4yicsprj4] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-r4yicsprj4] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-r4yicsprj4], .button-Menu img[b-r4yicsprj4], .Button img[b-r4yicsprj4] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-r4yicsprj4] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-r4yicsprj4] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-r4yicsprj4] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-r4yicsprj4],
input[type="email"][b-r4yicsprj4] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-r4yicsprj4] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-r4yicsprj4] {
    flex: 2;
}

.SubCard-Title[b-r4yicsprj4] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-r4yicsprj4] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}


.grid-container[b-r4yicsprj4] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 10px;
}

.grid-header[b-r4yicsprj4] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-r4yicsprj4] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-r4yicsprj4] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-r4yicsprj4] {
        background-color: #e1f2f4;
    }


.grid-item[b-r4yicsprj4] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.btn-icon[b-r4yicsprj4] {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    color: #007bff; /* Cor dos ícones */
    font-size: 16px;
}

    .btn-icon:hover[b-r4yicsprj4] {
        color: #0056b3; /* Cor dos ícones ao passar o mouse */
    }
/* _content/PrePostagem/Components/Pages/ConsultaCadGrupo.razor.rz.scp.css */
.Fundo-Container[b-6f97rxss3l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-6f97rxss3l] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    /* Mesmo tom "vidro" azul-petróleo das demais telas de consulta (ConsultaDpto.razor.css/
       ConsultaContrato.razor.css/ConsultaCartao.razor.css) - antes era um overlay preto com uma pilha de
       backdrop-filter conflitantes (cada "backdrop-filter:" seguinte sobrescrevia o anterior). */
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - o .Card inteiro virava um container de scroll
       horizontal por baixo dos panos, brigando com o ".table-responsive" de dentro e deixando a barra
       quase impossível de pegar em emulação de mobile sem touch de verdade (2026-09-01, reportado: "a
       grade ficou cortando não consigo nem arrastar ela para o lado"). */
    overflow-x: visible;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
}

.Img-fundo[b-6f97rxss3l] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

/* Estilo do container do header (título + botão) - mesmo padrão do ConsultaDpto.razor.css. */
.header-Container[b-6f97rxss3l] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    gap: 12px;
}

/* Título centralizado - antes era 3.3em (bem maior que o padrão das outras telas de consulta). */
.title[b-6f97rxss3l] {
    flex-grow: 1;
    text-align: center;
    font-size: 1.8em;
    margin: 0;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Botão "Cadastrar Grupo" - menor e mais arredondado (antes era 15% de largura fixa, quadrado, verde
   puro sem hover consistente com as outras telas). */
.Cadastro[b-6f97rxss3l] {
    width: auto;
    min-width: 160px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #28a745;
}

    .Cadastro img[b-6f97rxss3l] {
        width: 22px;
        height: 22px;
    }

    .Cadastro:hover[b-6f97rxss3l] {
        background-color: #218838;
    }

.Button-Container[b-6f97rxss3l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 20px;
}

/* Estilo comum para todos os botões - menores e mais arredondados. Mesmo padrão das demais telas de
   consulta. */
.Button-V[b-6f97rxss3l] {
    width: auto;
    min-width: 130px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #247FAC;
}

    .Button-V img[b-6f97rxss3l] {
        width: 22px;
        height: 22px;
        filter: brightness(0) invert(1);
    }

    .Button-V:hover[b-6f97rxss3l] {
        background-color: #1c5f7d;
    }

/* Estilização para os SubCards - mesmo tom do .Card (igual as demais telas de consulta fazem). */
.SubCard[b-6f97rxss3l] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.SubCard-Large[b-6f97rxss3l] {
    flex: 2;
}

.SubCards-Container[b-6f97rxss3l] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

/* Rolagem horizontal pra tabela em telas estreitas - mesmo padrão do table-responsive usado nas demais
   telas de consulta. */
.table-responsive[b-6f97rxss3l] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.grid-container[b-6f97rxss3l] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    min-width: 480px;
    padding: 10px;
}

.grid-header[b-6f97rxss3l] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-6f97rxss3l] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-6f97rxss3l] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-6f97rxss3l] {
        background-color: #e1f2f4;
    }

.grid-item[b-6f97rxss3l] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.text-danger[b-6f97rxss3l] {
    color: #ff8a8a;
}

/* Responsivo - mesmas faixas usadas nas demais telas de consulta (ConsultaDpto.razor.css/
   CadContrato.razor.css). */
@media (max-width: 900px) {
    .Button-V[b-6f97rxss3l], .Cadastro[b-6f97rxss3l] {
        min-width: 0;
        font-size: 13px;
        padding: 9px 16px;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-6f97rxss3l] {
        padding: 12px;
    }

    .Card[b-6f97rxss3l] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-6f97rxss3l] {
        font-size: 1.6em;
    }

    .header-Container[b-6f97rxss3l] {
        justify-content: center;
        text-align: center;
    }

    .SubCard[b-6f97rxss3l], .SubCard-Large[b-6f97rxss3l] {
        min-width: 100%;
        flex-basis: 100%;
        padding: 16px;
    }

    .grid-container[b-6f97rxss3l] {
        min-width: 420px;
    }
}

@media (max-width: 480px) {
    .header-Container[b-6f97rxss3l] {
        flex-direction: column;
    }

        .header-Container .Cadastro[b-6f97rxss3l] {
            width: 100%;
        }

    /* Em vez de rolagem horizontal (não dá pra arrastar em toda extensão/emulação de mobile), cada linha
       vira um card empilhado, com o nome da coluna aparecendo antes do valor - não precisa mais rolar pro
       lado (2026-09-01, pedido explícito). */
    .table-responsive[b-6f97rxss3l] {
        overflow-x: visible;
    }

    .grid-container[b-6f97rxss3l] {
        display: block;
        min-width: 0;
    }

    .grid-header[b-6f97rxss3l] {
        display: none;
    }

    .grid-row[b-6f97rxss3l] {
        display: block;
        margin-bottom: 10px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 8px;
        overflow: hidden;
    }

    .grid-item[b-6f97rxss3l] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        text-align: right;
        padding: 8px 12px;
    }

        .grid-item[b-6f97rxss3l]::before {
            content: attr(data-label);
            font-weight: bold;
            text-align: left;
            color: #247FAC;
        }

    .Button-Container[b-6f97rxss3l] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-6f97rxss3l] {
            width: 100%;
            min-width: 0;
        }
}
/* _content/PrePostagem/Components/Pages/ConsultaCadProd.razor.rz.scp.css */
.Fundo-Container[b-31evze90xz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
    position: relative;
}

.Img-fundo[b-31evze90xz] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.Card[b-31evze90xz] {
    position: relative;
    z-index: 1;
    width: min(1200px, 100%);
    margin: 20px auto;
    padding: 24px;
    border-radius: 16px;
    color: white;
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px) saturate(120%);
    overflow: hidden;
}

.header-Container[b-31evze90xz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.title[b-31evze90xz] {
    flex: 1;
    margin: 0;
    text-align: center;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.1;
}

.Cadastro[b-31evze90xz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 220px;
    padding: 12px 18px;
    border: none;
    border-radius: 8px;
    background-color: #198754;
    color: white;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .Cadastro:hover[b-31evze90xz] {
        background-color: #157347;
        transform: translateY(-1px);
    }

    .Cadastro img[b-31evze90xz] {
        width: 22px;
        height: 22px;
    }

.SubCards-Container[b-31evze90xz] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

.SubCard[b-31evze90xz] {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.08);
    padding: 20px;
    color: white;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(6px);
}

.SubCard-Large[b-31evze90xz] {
    width: 100%;
}

.form-group-row[b-31evze90xz] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.form-group[b-31evze90xz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 220px;
    margin-bottom: 0;
}

    .form-group label[b-31evze90xz] {
        font-weight: 600;
        color: #ffffff;
    }

[b-31evze90xz] .campo-mud .mud-input-outlined {
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 8px;
}

[b-31evze90xz] .campo-mud .mud-input-outlined-border {
    border-color: rgba(255, 255, 255, 0.20);
}

[b-31evze90xz] .campo-mud input,
[b-31evze90xz] .campo-mud .mud-select-input,
[b-31evze90xz] .campo-mud .mud-input-slot {
    color: #222;
}

.form-control[b-31evze90xz],
input[type="text"][b-31evze90xz],
input[type="email"][b-31evze90xz],
select[b-31evze90xz] {
    width: 100%;
    min-height: 46px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.96);
    color: #222;
    font-size: 1rem;
    outline: none;
    box-sizing: border-box;
}

    .form-control:focus[b-31evze90xz],
    input[type="text"]:focus[b-31evze90xz],
    input[type="email"]:focus[b-31evze90xz],
    select:focus[b-31evze90xz] {
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.18);
    }

.Button-Container[b-31evze90xz] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.Button[b-31evze90xz],
.Button-V[b-31evze90xz],
.button-Menu[b-31evze90xz],
.Button-Reativar[b-31evze90xz],
.Confirmar[b-31evze90xz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 12px 18px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .Button:hover[b-31evze90xz],
    .Button-V:hover[b-31evze90xz],
    .button-Menu:hover[b-31evze90xz],
    .Button-Reativar:hover[b-31evze90xz],
    .Confirmar:hover[b-31evze90xz] {
        transform: translateY(-1px);
    }

.Button[b-31evze90xz] {
    background-color: #28a745;
}

    .Button:hover[b-31evze90xz] {
        background-color: #218838;
    }

.Button-V[b-31evze90xz] {
    background-color: #247FAC;
}

    .Button-V:hover[b-31evze90xz] {
        background-color: #1d678d;
    }

.button-Menu[b-31evze90xz] {
    background-color: green;
}

    .button-Menu:hover[b-31evze90xz] {
        background-color: darkgreen;
    }

.Button-Reativar[b-31evze90xz] {
    background-color: #4C1DE0;
}

    .Button-Reativar:hover[b-31evze90xz] {
        background-color: #3d17b8;
    }

.Confirmar[b-31evze90xz] {
    background-color: #dc3545;
}

    .Confirmar:hover[b-31evze90xz] {
        background-color: #b02a37;
    }

.Button img[b-31evze90xz],
.Button-V img[b-31evze90xz],
.Cadastro img[b-31evze90xz] {
    width: 22px;
    height: 22px;
}

.grid-container-produto[b-31evze90xz] {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 0;
    width: 100%;
    margin-top: 16px;
}

.grid-header[b-31evze90xz] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-header-sortable[b-31evze90xz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    font-size: 1em;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .grid-header-sortable:hover[b-31evze90xz] {
        background-color: #1d678d;
    }

.sort-indicator[b-31evze90xz] {
    font-size: 0.75em;
    min-width: 0.9em;
}

.grid-row[b-31evze90xz] {
    display: contents;
}

.grid-item[b-31evze90xz] {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    background-color: #fff;
    min-height: 52px;
}


grid-row:nth-of-type(odd) .grid-item[b-31evze90xz] {
    background-color: #f5fbfb;
}

.grid-row:nth-of-type(even) .grid-item[b-31evze90xz] {
    background-color: #e1f2f4;
}

.no-results[b-31evze90xz] {
    grid-column: 1 / -1;
    padding: 12px;
    color: white;
    font-weight: bold;
}
.btn-icon[b-31evze90xz] {
    background: transparent;
    border: none;
    padding: 4px;
    margin: 0 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .btn-icon img[b-31evze90xz] {
        width: 24px;
        height: 24px;
    }

.loading-message[b-31evze90xz],
.error-message[b-31evze90xz],
.no-results[b-31evze90xz] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
}

.loading-message[b-31evze90xz] {
    background-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.error-message[b-31evze90xz] {
    background-color: rgba(220, 53, 69, 0.16);
    color: #fff;
}

.no-results[b-31evze90xz] {
    grid-column: 1 / -1;
    background-color: rgba(255, 255, 255, 0.14);
    color: #fff;
    text-align: center;
}

.modal[b-31evze90xz] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-dialog[b-31evze90xz] {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.modal-content[b-31evze90xz] {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    color: #111;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

.modal-header[b-31evze90xz],
.modal-footer[b-31evze90xz] {
    padding: 16px 20px;
}

.modal-header[b-31evze90xz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e9ecef;
}

.modal-body[b-31evze90xz] {
    padding: 20px;
    max-height: 70vh;
    overflow-y: auto;
    color: #111;
}

.modal-footer[b-31evze90xz] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    border-top: 1px solid #dee2e6;
}

.close[b-31evze90xz] {
    background: transparent;
    border: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    opacity: 0.65;
    cursor: pointer;
}

    .close:hover[b-31evze90xz] {
        opacity: 1;
    }

@media (max-width: 992px) {
    .grid-container-produto[b-31evze90xz] {
        grid-template-columns: 1fr 3fr;
    }

    .title[b-31evze90xz] {
        text-align: left;
    }

    .header-Container[b-31evze90xz] {
        align-items: flex-start;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-31evze90xz] {
        padding: 16px;
    }

    .Card[b-31evze90xz] {
        padding: 16px;
    }

    .header-Container[b-31evze90xz] {
        flex-direction: column;
        align-items: stretch;
    }

    .Cadastro[b-31evze90xz] {
        width: 100%;
        min-width: unset;
    }

    .form-group-row[b-31evze90xz] {
        flex-direction: column;
        align-items: stretch;
    }

    /* "flex: 1 1 220px" (regra de desktop, não sobrescrita aqui) define 220px de BASE pro eixo principal
       do flex item - em ".form-group-row" na horizontal isso é largura (intencional, cada campo com uns
       220px), mas assim que ".form-group-row" vira "flex-direction:column" aqui embaixo, o eixo principal
       passa a ser a ALTURA - cada ".form-group" (tanto o do campo de busca quanto o que só tem o botão
       "Pesquisar") ficava esticado pra 220px de ALTURA, bem mais que o conteúdo real, deixando um vão
       enorme em branco abaixo do campo e abaixo do botão (2026-09-01, reportado com print: "veja como a
       tela esta carregando" - na visualização mobile, não era carregamento de verdade, era esse espaço
       vazio). "flex-basis: auto" reseta a base pro tamanho do conteúdo, independente do eixo. */
    .form-group[b-31evze90xz] {
        width: 100%;
        flex-basis: auto;
    }

    .Button[b-31evze90xz],
    .Button-V[b-31evze90xz],
    .button-Menu[b-31evze90xz],
    .Button-Reativar[b-31evze90xz],
    .Confirmar[b-31evze90xz] {
        width: 100%;
    }

    /* Sem função de reordenar no mobile (pedido explícito, 2026-09-02) - "grid-header" é um <button> de
       ordenação de verdade (AlternarOrdenacao), mas nesta faixa ele só é escondido mesmo, igual ao
       padrão de cabeçalho-rótulo usado em ImportarPrePost.razor.css. A ordenação escolhida antes de
       encolher a tela continua valendo (só não dá pra trocar por aqui). */
    .grid-container-produto[b-31evze90xz] {
        grid-template-columns: 1fr;
    }

    .grid-header[b-31evze90xz] {
        display: none;
    }

    .grid-row[b-31evze90xz] {
        display: block;
        margin-bottom: 12px;
        background-color: rgba(255, 255, 255, 0.92);
        border-radius: 10px;
        overflow: hidden;
    }

    .grid-item[b-31evze90xz] {
        justify-content: space-between;
        text-align: left;
        border-radius: 0;
        border-bottom: 1px solid #e9ecef;
        padding: 14px;
    }

    .grid-row .grid-item:last-child[b-31evze90xz] {
        border-bottom: none;
    }

    .grid-item[b-31evze90xz]::before {
        content: attr(data-label);
        font-weight: 700;
        color: #247FAC;
        margin-right: 12px;
    }

    .modal-footer[b-31evze90xz] {
        flex-direction: column;
    }
}
/* _content/PrePostagem/Components/Pages/ConsultaCadUsu.razor.rz.scp.css */
.Fundo-Container[b-f192bjmca1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-f192bjmca1] {
    position: relative;
    z-index: 1;
    /* Mesmo tom "vidro" azul-petróleo das demais telas de consulta - antes era um overlay preto com uma
       pilha de backdrop-filter conflitantes (cada "backdrop-filter:" seguinte sobrescrevia o anterior, só
       o último - saturate - realmente valia). */
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    margin: 20px auto;
    color: white;
    overflow-y: auto;
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - o .Card virava um segundo scroll horizontal
       escondido, competindo com o .table-responsive. Mesmo ajuste já aplicado em
       ConsultaDpto.razor.css/ConsultaContrato.razor.css/ConsultaCartao.razor.css (2026-09-01). */
    overflow-x: visible;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
}

.Img-fundo[b-f192bjmca1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.form-group[b-f192bjmca1] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

    .form-group label[b-f192bjmca1] {
        color: #ffffff;
    }

.form-container[b-f192bjmca1] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-f192bjmca1] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-f192bjmca1] {
        flex: 1;
    }

/* Estilo do container do header (título + botão) - mesmo padrão das demais telas de consulta. */
.header-Container[b-f192bjmca1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    gap: 12px;
}

/* Título centralizado - antes era 3.3em (bem maior que o padrão das outras telas de consulta). */
.title[b-f192bjmca1] {
    flex-grow: 1;
    text-align: center;
    font-size: 1.8em;
    margin: 0;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Botão "Cadastrar Usuário" - menor e mais arredondado (antes era 15% de largura fixa, quadrado). */
.Cadastro[b-f192bjmca1] {
    width: auto;
    min-width: 160px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #28a745;
}

    .Cadastro img[b-f192bjmca1] {
        width: 22px;
        height: 22px;
    }

    .Cadastro:hover[b-f192bjmca1] {
        background-color: #218838;
    }


.Button-Container[b-f192bjmca1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
}

/* Estilo comum para todos os botões - menores e mais arredondados (antes eram 30% da largura do card,
   quadrados). Mesmo padrão das demais telas de consulta. */
.Button-V[b-f192bjmca1], .button-Menu[b-f192bjmca1], .Button[b-f192bjmca1] {
    width: auto;
    min-width: 130px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.Button-V[b-f192bjmca1] {
    background-color: #247FAC;
}

.button-Menu[b-f192bjmca1] {
    background-color: #247FAC;
}

.Button[b-f192bjmca1] {
    background-color: #28a745;
}

.Button-V img[b-f192bjmca1], .button-Menu img[b-f192bjmca1], .Button img[b-f192bjmca1] {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1);
}

.Button-V:hover[b-f192bjmca1] {
    background-color: #1c5f7d;
}

.button-Menu:hover[b-f192bjmca1] {
    background-color: #1c5f7d;
}

.Button:hover[b-f192bjmca1] {
    background-color: #218838;
}


input[type="text"][b-f192bjmca1],
input[type="email"][b-f192bjmca1],
select[b-f192bjmca1],
.form-control[b-f192bjmca1] {
    width: 100%;
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    font-size: 1.2em;
    color: #222;
    background-color: rgba(255, 255, 255, 0.96);
}

    .form-control:focus[b-f192bjmca1],
    input[type="text"]:focus[b-f192bjmca1],
    input[type="email"]:focus[b-f192bjmca1],
    select:focus[b-f192bjmca1] {
        outline: none;
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.28);
    }

[b-f192bjmca1] .campo-mud .mud-input-outlined {
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 4px;
}

[b-f192bjmca1] .campo-mud .mud-input-outlined-border {
    border-color: rgba(0, 0, 0, 0.15);
}

[b-f192bjmca1] .campo-mud input,
[b-f192bjmca1] .campo-mud .mud-input-slot {
    color: #222;
}

/* Estilização para os SubCards - mesmo tom do .Card. */
.SubCard[b-f192bjmca1] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.SubCard-Large[b-f192bjmca1] {
    flex: 2;
}

.SubCard-Title[b-f192bjmca1] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-f192bjmca1] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

/* Rolagem horizontal pra tabela em telas estreitas - mesmo padrão das demais telas de consulta. */
.table-responsive[b-f192bjmca1] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.grid-container[b-f192bjmca1] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    min-width: 760px;
    padding: 10px;
}

.grid-header[b-f192bjmca1] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

/* Cabeçalho clicável pra ordenar (é um <button>, herda .grid-header pra manter a aparência) - mesmo
   padrão das demais telas de consulta. */
.grid-header-sortable[b-f192bjmca1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    font-size: 1em;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .grid-header-sortable:hover[b-f192bjmca1] {
        background-color: #1d678d;
    }

.sort-indicator[b-f192bjmca1] {
    font-size: 0.75em;
    min-width: 0.9em;
}

/* Paginação (seletor de itens por página + navegação Anterior/Próxima) - mesmo padrão das demais telas
   de consulta. */
.paginacao-container[b-f192bjmca1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 14px;
}

.paginacao-nav[b-f192bjmca1] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.paginacao-info[b-f192bjmca1] {
    color: #ffffff;
    font-size: 0.95em;
}

.grid-row[b-f192bjmca1] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-f192bjmca1] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-f192bjmca1] {
        background-color: #e1f2f4;
    }


.grid-item[b-f192bjmca1] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

/* Botões de ação na linha da tabela - mesmo padrão das demais telas de consulta (antes eram só ícones
   azuis sem nenhum destaque de cor pra Ativar/Inativar). */
.btn-icon[b-f192bjmca1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    margin: 0 3px;
}

.btn-icon-ativar[b-f192bjmca1] {
    background-color: rgba(40, 167, 69, 0.15);
    border-color: rgba(40, 167, 69, 0.5);
}

    .btn-icon-ativar:hover[b-f192bjmca1] {
        background-color: rgba(40, 167, 69, 0.3);
        border-color: #28a745;
    }

.btn-icon-inativar[b-f192bjmca1] {
    background-color: rgba(220, 53, 69, 0.15);
    border-color: rgba(220, 53, 69, 0.5);
}

    .btn-icon-inativar:hover[b-f192bjmca1] {
        background-color: rgba(220, 53, 69, 0.3);
        border-color: #dc3545;
    }


.modal[b-f192bjmca1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-dialog[b-f192bjmca1] {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    color: black;
}

.modal-content[b-f192bjmca1] {
    background: white;
    border-radius: 5px;
    overflow: hidden;
}

.modal-header[b-f192bjmca1], .modal-footer[b-f192bjmca1] {
    padding: 15px;
}

.modal-header[b-f192bjmca1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dee2e6;
    color: black;
}

.modal-body[b-f192bjmca1] {
    padding: 20px;
    max-height: 70vh;
    overflow-y: auto;
    color: black;
}

.modal-footer[b-f192bjmca1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
}

.close[b-f192bjmca1] {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background: transparent;
    border: 0;
}

    .close:hover[b-f192bjmca1] {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }


.Confirmar[b-f192bjmca1] {
    width: auto;
    min-width: 110px;
    padding: 10px 20px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: red;
}

    .Confirmar:hover[b-f192bjmca1] {
        background-color: darkred;
    }

/* Responsivo - a tela não tinha nenhum breakpoint antes; mesmas faixas usadas nas demais telas de
   consulta. */
@media (max-width: 900px) {
    .Button-V[b-f192bjmca1], .button-Menu[b-f192bjmca1], .Button[b-f192bjmca1], .Cadastro[b-f192bjmca1], .Confirmar[b-f192bjmca1] {
        min-width: 0;
        font-size: 13px;
        padding: 9px 16px;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-f192bjmca1] {
        padding: 12px;
    }

    .Card[b-f192bjmca1] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-f192bjmca1] {
        font-size: 1.6em;
    }

    .header-Container[b-f192bjmca1] {
        justify-content: center;
        text-align: center;
    }

    .SubCard[b-f192bjmca1], .SubCard-Large[b-f192bjmca1] {
        min-width: 100%;
        flex-basis: 100%;
        padding: 16px;
    }

    input[type="text"][b-f192bjmca1],
    input[type="email"][b-f192bjmca1] {
        padding: 12px;
        font-size: 1em;
    }
}

@media (max-width: 480px) {
    .header-Container[b-f192bjmca1] {
        flex-direction: column;
    }

        .header-Container .Cadastro[b-f192bjmca1] {
            width: 100%;
        }

    .form-group-row[b-f192bjmca1] {
        flex-direction: column;
    }

        .form-group-row .form-group[b-f192bjmca1] {
            width: 100%;
        }

    .Button-Container[b-f192bjmca1] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-f192bjmca1],
        .Button-Container .Button[b-f192bjmca1] {
            width: 100%;
        }

    .modal-footer[b-f192bjmca1] {
        flex-wrap: wrap;
    }

        .modal-footer .Button-V[b-f192bjmca1],
        .modal-footer .Confirmar[b-f192bjmca1] {
            width: 100%;
        }

    .paginacao-container[b-f192bjmca1] {
        flex-direction: column;
        align-items: stretch;
    }

    .paginacao-nav[b-f192bjmca1] {
        justify-content: center;
    }

    /* Fallback "card empilhado" - rolagem horizontal é pouco confiável em navegador com emulação mobile
       (sem touch real). Mesmo padrão já aplicado em ConsultaDpto.razor.css/ConsultaContrato.razor.css/
       ConsultaCartao.razor.css: esconde o cabeçalho da grade e transforma cada linha num cartão, usando
       data-label (adicionado no .razor) pra rotular cada valor. A ordenação por clique no cabeçalho fica
       indisponível neste modo, já que o cabeçalho não aparece. */
    .table-responsive[b-f192bjmca1] {
        overflow-x: visible;
    }

    .grid-container[b-f192bjmca1] {
        display: block;
        min-width: 0;
        padding: 0;
    }

    .grid-header[b-f192bjmca1] {
        display: none;
    }

    .grid-row[b-f192bjmca1] {
        display: block;
        margin-bottom: 10px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 8px;
        overflow: hidden;
    }

    .grid-item[b-f192bjmca1] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        text-align: right;
        border: none;
        border-bottom: 1px solid #ddd;
        padding: 8px 12px;
    }

        .grid-item:last-child[b-f192bjmca1] {
            border-bottom: none;
        }

        .grid-item[b-f192bjmca1]::before {
            content: attr(data-label);
            font-weight: bold;
            text-align: left;
            color: #247FAC;
        }
}
/* _content/PrePostagem/Components/Pages/ConsultaCalculos.razor.rz.scp.css */
.Fundo-Container[b-qivl5pra30] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-qivl5pra30] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

/*.title {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}*/

.Img-fundo[b-qivl5pra30] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-qivl5pra30] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-qivl5pra30] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-qivl5pra30] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-qivl5pra30] {
        flex: 1;
    }

.header-Container[b-qivl5pra30] {
    display: flex;
    justify-content: space-between; /* Título à esquerda, botão à direita */
    align-items: center; /* Centraliza verticalmente */
    width: 100%; /* Ocupa toda a largura do card */
    margin-bottom: 20px; /* Espaçamento opcional */
}

/* Título centralizado (ocupa o espaço disponível) */
.title[b-qivl5pra30] {
    flex-grow: 1; /* Ocupa todo o espaço restante */
    text-align: center; /* Centraliza o texto */
    font-size: 3.3em;
    margin: 0; /* Remove margens padrão */
}

/* Botão alinhado à direita */
.Cadastro[b-qivl5pra30] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
    background-color: green
}

    .Cadastro:hover[b-qivl5pra30] {
        background-color: darkgreen;
    }


.Button-Container[b-qivl5pra30] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-qivl5pra30], .button-Menu[b-qivl5pra30], .Button[b-qivl5pra30] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-qivl5pra30] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-qivl5pra30] {
    background-color: green;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-qivl5pra30] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-qivl5pra30], .Button img[b-qivl5pra30] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-qivl5pra30] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-qivl5pra30] {
    background-color: darkgreen; /* Cor mais escura para o hover */
}

.Button:hover[b-qivl5pra30] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-qivl5pra30],
input[type="email"][b-qivl5pra30] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-qivl5pra30] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-qivl5pra30] {
    flex: 2;
}

.SubCard-Title[b-qivl5pra30] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-qivl5pra30] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}


.grid-container[b-qivl5pra30] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 10px;
}

.grid-header[b-qivl5pra30] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-qivl5pra30] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-qivl5pra30] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-qivl5pra30] {
        background-color: #e1f2f4;
    }


.grid-item[b-qivl5pra30] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.btn-icon[b-qivl5pra30] {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    color: #007bff; /* Cor dos ícones */
    font-size: 16px;
}

    .btn-icon:hover[b-qivl5pra30] {
        color: #0056b3; /* Cor dos ícones ao passar o mouse */
    }

.modal[b-qivl5pra30] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
}

.modal-dialog[b-qivl5pra30] {
    max-width: 500px;
    margin: 1.75rem auto;
}

.modal-content[b-qivl5pra30] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.modal-header[b-qivl5pra30] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    color: black;
}

.modal-body[b-qivl5pra30] {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    color: black;
}

.modal-footer[b-qivl5pra30] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
}




.close[b-qivl5pra30] {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background: transparent;
    border: 0;
}

    .close:hover[b-qivl5pra30] {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }


.Confirmar[b-qivl5pra30] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
    background-color: red;
}

    .Confirmar:hover[b-qivl5pra30] {
        background-color: darkred;
    }
/* _content/PrePostagem/Components/Pages/ConsultaCartao.razor.rz.scp.css */
.Fundo-Container[b-xvmt93hisk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-xvmt93hisk] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    /* Mesmo tom "vidro" azul-petróleo usado em ConsultaContrato.razor.css/CadCliente.razor.css - antes
       era um overlay preto (rgba(0,0,0,0.3)), destoando do resto do sistema. */
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - o .Card virava um segundo scroll horizontal
       escondido, competindo com o .table-responsive e travando o arraste em navegador com emulação
       mobile sem touch real. Mesmo ajuste já aplicado em ConsultaContrato.razor.css/ConsultaCadCli.razor.css/
       CadCliente.razor.css (2026-09-01). */
    overflow-x: visible;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
}

.Img-fundo[b-xvmt93hisk] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-xvmt93hisk] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

    .form-group label[b-xvmt93hisk] {
        color: #ffffff;
    }

.form-container[b-xvmt93hisk] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-xvmt93hisk] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-xvmt93hisk] {
        flex: 1;
    }

.header-Container[b-xvmt93hisk] {
    display: flex;
    justify-content: space-between; /* Título à esquerda, botão à direita */
    align-items: center; /* Centraliza verticalmente */
    width: 100%; /* Ocupa toda a largura do card */
    margin-bottom: 20px; /* Espaçamento opcional */
    gap: 12px;
    flex-wrap: wrap;
}

/* Título - era 3.3em (gigante, cortava em telas menores mesmo no desktop) */
.title[b-xvmt93hisk] {
    flex-grow: 1; /* Ocupa todo o espaço restante */
    text-align: center; /* Centraliza o texto */
    font-size: 1.8em;
    margin: 0; /* Remove margens padrão */
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Botão "Cadastrar Cartao" - mesmo verde/pill do resto do sistema (era width:15% fixo, quadrado). */
.Cadastro[b-xvmt93hisk] {
    width: auto;
    min-width: 160px;
    flex: 0 1 auto;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #28a745;
}

    .Cadastro:hover[b-xvmt93hisk] {
        background-color: #218838;
    }

    /* Sem filter (diferente de .Button-V/.Button/.button-Menu img) - mesmo padrão do
       ConsultaContrato.razor.css, onde o ícone do "Cadastrar Contrato" fica na cor original. */
    .Cadastro img[b-xvmt93hisk] {
        width: 22px;
        height: 22px;
    }

.Button-Container[b-xvmt93hisk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
}

/* Estilo comum para os botões de navegação - menores e mais arredondados (era width:30%, quadrados). */
.Button-V[b-xvmt93hisk], .button-Menu[b-xvmt93hisk], .Button[b-xvmt93hisk] {
    width: auto;
    min-width: 130px;
    flex: 1 1 auto;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.Button-V[b-xvmt93hisk] {
    background-color: #247FAC;
}

.button-Menu[b-xvmt93hisk] {
    background-color: #247FAC;
}

.Button[b-xvmt93hisk] {
    background-color: #28a745;
}

.Button-V img[b-xvmt93hisk], .button-Menu img[b-xvmt93hisk], .Button img[b-xvmt93hisk] {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1);
}

.Button-V:hover[b-xvmt93hisk] {
    background-color: #1c5f7d;
}

.button-Menu:hover[b-xvmt93hisk] {
    background-color: #1c5f7d;
}

.Button:hover[b-xvmt93hisk] {
    background-color: #218838;
}

input[type="text"][b-xvmt93hisk],
input[type="email"][b-xvmt93hisk] {
    width: 100%;
    height: 52px;
    box-sizing: border-box;
    padding: 0 15px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    font-size: 1.2em;
    color: #222;
    background-color: rgba(255, 255, 255, 0.96);
}

    input[type="text"]:focus[b-xvmt93hisk],
    input[type="email"]:focus[b-xvmt93hisk] {
        outline: none;
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.28);
    }

/* Estilização para os SubCards - mesmo tom do .Card. */
.SubCard[b-xvmt93hisk] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.SubCard-Large[b-xvmt93hisk] {
    flex: 2;
}

.SubCard-Title[b-xvmt93hisk] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-xvmt93hisk] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

/* Rolagem horizontal pra grade em telas estreitas - 5 colunas fixas ficam espremidas em mobile sem
   isso. Mesmo padrão do table-responsive usado em CadContrato.razor/CadCartao.razor.css. */
.table-responsive[b-xvmt93hisk] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.grid-container[b-xvmt93hisk] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    min-width: 700px;
    padding: 10px;
}

.grid-header[b-xvmt93hisk] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

/* Cabeçalho clicável pra ordenar (é um <button>, herda .grid-header pra manter a aparência) - mesmo
   padrão do MovimentacaoEstoque.razor.css/ConsultaContrato.razor.css. */
.grid-header-sortable[b-xvmt93hisk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    font-size: 1em;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .grid-header-sortable:hover[b-xvmt93hisk] {
        background-color: #1d678d;
    }

.sort-indicator[b-xvmt93hisk] {
    font-size: 0.75em;
    min-width: 0.9em;
}

/* Paginação (seletor de itens por página + navegação Anterior/Próxima) - mesmo padrão do
   MovimentacaoEstoque.razor.css. */
.paginacao-container[b-xvmt93hisk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 14px;
}

.paginacao-nav[b-xvmt93hisk] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.paginacao-info[b-xvmt93hisk] {
    color: #ffffff;
    font-size: 0.95em;
}

[b-xvmt93hisk] .campo-mud .mud-input-outlined {
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 4px;
}

[b-xvmt93hisk] .campo-mud .mud-input-outlined-border {
    border-color: rgba(0, 0, 0, 0.15);
}

[b-xvmt93hisk] .campo-mud input,
[b-xvmt93hisk] .campo-mud .mud-input-slot {
    color: #222;
}

.grid-row[b-xvmt93hisk] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-xvmt93hisk] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-xvmt93hisk] {
        background-color: #e1f2f4;
    }

.grid-item[b-xvmt93hisk] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

/* Mensagem de "nenhum serviço vinculado" na coluna de Serviços - itálico/cinza pra diferenciar
   visualmente de um serviço real, sem parecer um erro. */
.sem-servico[b-xvmt93hisk] {
    font-style: italic;
    color: #666;
}

.btn-icon[b-xvmt93hisk] {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    color: #007bff; /* Cor dos ícones */
    font-size: 16px;
}

    .btn-icon:hover[b-xvmt93hisk] {
        color: #0056b3; /* Cor dos ícones ao passar o mouse */
    }

.modal[b-xvmt93hisk] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
}

.modal-dialog[b-xvmt93hisk] {
    max-width: 500px;
    margin: 1.75rem auto;
}

.modal-content[b-xvmt93hisk] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.modal-header[b-xvmt93hisk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    color: black;
}

.modal-body[b-xvmt93hisk] {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    color: black;
}

.modal-footer[b-xvmt93hisk] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    gap: 8px;
    flex-wrap: wrap;
}

.close[b-xvmt93hisk] {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background: transparent;
    border: 0;
}

    .close:hover[b-xvmt93hisk] {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }

/* Botão "Confirmar" dos modais - mesmo pill do resto do sistema (era width:30%, quadrado, vermelho puro). */
.Confirmar[b-xvmt93hisk] {
    width: auto;
    min-width: 130px;
    flex: 1 1 auto;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #dc3545;
}

    .Confirmar:hover[b-xvmt93hisk] {
        background-color: #b02a37;
    }

/* Responsivo - a tela não tinha nenhum breakpoint antes; o título gigante (3.3em) e os botões em %
   quebravam feio em tablet/celular. Mesmas faixas usadas no CadContrato.razor.css/CadCartao.razor.css. */
@media (max-width: 900px) {
    .Button-V[b-xvmt93hisk], .button-Menu[b-xvmt93hisk], .Button[b-xvmt93hisk], .Confirmar[b-xvmt93hisk] {
        min-width: 0;
        font-size: 13px;
        padding: 9px 18px;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-xvmt93hisk] {
        padding: 12px;
    }

    .Card[b-xvmt93hisk] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-xvmt93hisk] {
        font-size: 1.4em;
        margin-bottom: 14px;
    }

    .Cadastro[b-xvmt93hisk] {
        min-width: 0;
        font-size: 13px;
        padding: 9px 18px;
    }

    .SubCard[b-xvmt93hisk], .SubCard-Large[b-xvmt93hisk] {
        min-width: 100%;
        flex-basis: 100%;
        padding: 16px;
    }

    .SubCards-Container[b-xvmt93hisk] {
        gap: 14px;
        margin-top: 14px;
    }

    input[type="text"][b-xvmt93hisk],
    input[type="email"][b-xvmt93hisk] {
        padding: 0 12px;
        font-size: 1em;
    }

    .Button-Container[b-xvmt93hisk] {
        gap: 10px;
    }

    .modal-dialog[b-xvmt93hisk] {
        max-width: 92%;
        margin: 1.75rem auto;
    }
}

@media (max-width: 480px) {
    .header-Container[b-xvmt93hisk] {
        flex-direction: column;
        align-items: stretch;
    }

    .Cadastro[b-xvmt93hisk] {
        width: 100%;
    }

    .form-group-row[b-xvmt93hisk] {
        flex-direction: column;
    }

        .form-group-row .form-group[b-xvmt93hisk] {
            width: 100%;
        }

    .Button-Container[b-xvmt93hisk] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-xvmt93hisk],
        .Button-Container .Button[b-xvmt93hisk],
        .Button-Container .button-Menu[b-xvmt93hisk] {
            width: 100%;
            min-width: 0;
        }

    .modal-footer[b-xvmt93hisk] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

        .modal-footer .Button-V[b-xvmt93hisk],
        .modal-footer .Confirmar[b-xvmt93hisk] {
            width: 100%;
        }

    .paginacao-container[b-xvmt93hisk] {
        flex-direction: column;
        align-items: stretch;
    }

    .paginacao-nav[b-xvmt93hisk] {
        justify-content: center;
    }

    /* Fallback "card empilhado" - rolagem horizontal é pouco confiável em navegador com emulação mobile
       (sem touch real, mesmo bug relatado pelo usuário nas telas anteriores). Mesmo padrão já aplicado
       em ConsultaContrato.razor.css/ConsultaCadCli.razor.css/ConsultaCadGrupo.razor.css: esconde o
       cabeçalho da grade e transforma cada linha num cartão, usando data-label (adicionado no .razor)
       pra rotular cada valor. A ordenação por clique no cabeçalho fica indisponível neste modo, já que
       o cabeçalho não aparece. */
    .table-responsive[b-xvmt93hisk] {
        overflow-x: visible;
    }

    .grid-container[b-xvmt93hisk] {
        display: block;
        min-width: 0;
        padding: 0;
    }

    .grid-header[b-xvmt93hisk] {
        display: none;
    }

    .grid-row[b-xvmt93hisk] {
        display: block;
        margin-bottom: 10px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 8px;
        overflow: hidden;
    }

        .grid-row:nth-child(odd) .grid-item[b-xvmt93hisk],
        .grid-row:nth-child(even) .grid-item[b-xvmt93hisk] {
            background-color: rgba(255, 255, 255, 0.96);
        }

    .grid-item[b-xvmt93hisk] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        text-align: right;
        border: none;
        border-bottom: 1px solid #ddd;
        padding: 8px 12px;
    }

        .grid-item:last-child[b-xvmt93hisk] {
            border-bottom: none;
        }

        .grid-item[b-xvmt93hisk]::before {
            content: attr(data-label);
            font-weight: bold;
            text-align: left;
            color: #247FAC;
        }
}
/* _content/PrePostagem/Components/Pages/ConsultaChequesEmitidos.razor.rz.scp.css */
.Fundo-Container[b-gn7gfoq46j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-gn7gfoq46j] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

/*.title {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}*/

.Img-fundo[b-gn7gfoq46j] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-gn7gfoq46j] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-gn7gfoq46j] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-gn7gfoq46j] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-gn7gfoq46j] {
        flex: 1;
    }

.header-Container[b-gn7gfoq46j] {
    display: flex;
    justify-content: space-between; /* Título à esquerda, botão à direita */
    align-items: center; /* Centraliza verticalmente */
    width: 100%; /* Ocupa toda a largura do card */
    margin-bottom: 20px; /* Espaçamento opcional */
}

/* Título centralizado (ocupa o espaço disponível) */
.title[b-gn7gfoq46j] {
    flex-grow: 1; /* Ocupa todo o espaço restante */
    text-align: center; /* Centraliza o texto */
    font-size: 3.3em;
    margin: 0; /* Remove margens padrão */
}

/* Botão alinhado à direita */
.Cadastro[b-gn7gfoq46j] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
    background-color: green
}

    .Cadastro:hover[b-gn7gfoq46j] {
        background-color: darkgreen;
    }


.Button-Container[b-gn7gfoq46j] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-gn7gfoq46j], .button-Menu[b-gn7gfoq46j], .Button[b-gn7gfoq46j] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-gn7gfoq46j] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-gn7gfoq46j] {
    background-color: green;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-gn7gfoq46j] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-gn7gfoq46j], .Button img[b-gn7gfoq46j] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-gn7gfoq46j] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-gn7gfoq46j] {
    background-color: darkgreen; /* Cor mais escura para o hover */
}

.Button:hover[b-gn7gfoq46j] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-gn7gfoq46j],
input[type="email"][b-gn7gfoq46j] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-gn7gfoq46j] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-gn7gfoq46j] {
    flex: 2;
}

.SubCard-Title[b-gn7gfoq46j] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-gn7gfoq46j] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}


.grid-container[b-gn7gfoq46j] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 10px;
}

.grid-header[b-gn7gfoq46j] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-gn7gfoq46j] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-gn7gfoq46j] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-gn7gfoq46j] {
        background-color: #e1f2f4;
    }


.grid-item[b-gn7gfoq46j] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.btn-icon[b-gn7gfoq46j] {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    color: #007bff; /* Cor dos ícones */
    font-size: 16px;
}

    .btn-icon:hover[b-gn7gfoq46j] {
        color: #0056b3; /* Cor dos ícones ao passar o mouse */
    }

.modal[b-gn7gfoq46j] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
}

.modal-dialog[b-gn7gfoq46j] {
    max-width: 500px;
    margin: 1.75rem auto;
}

.modal-content[b-gn7gfoq46j] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.modal-header[b-gn7gfoq46j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    color: black;
}

.modal-body[b-gn7gfoq46j] {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    color: black;
}

.modal-footer[b-gn7gfoq46j] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
}




.close[b-gn7gfoq46j] {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background: transparent;
    border: 0;
}

    .close:hover[b-gn7gfoq46j] {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }


.Confirmar[b-gn7gfoq46j] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
    background-color: red;
}

    .Confirmar:hover[b-gn7gfoq46j] {
        background-color: darkred;
    }
/* _content/PrePostagem/Components/Pages/ConsultaContaPagar.razor.rz.scp.css */
.Fundo-Container[b-l253pmo5jo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-l253pmo5jo] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

/*.title {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}*/

.Img-fundo[b-l253pmo5jo] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-l253pmo5jo] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-l253pmo5jo] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-l253pmo5jo] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-l253pmo5jo] {
        flex: 1;
    }

.header-Container[b-l253pmo5jo] {
    display: flex;
    justify-content: space-between; /* Título à esquerda, botão à direita */
    align-items: center; /* Centraliza verticalmente */
    width: 100%; /* Ocupa toda a largura do card */
    margin-bottom: 20px; /* Espaçamento opcional */
}

/* Título centralizado (ocupa o espaço disponível) */
.title[b-l253pmo5jo] {
    flex-grow: 1; /* Ocupa todo o espaço restante */
    text-align: center; /* Centraliza o texto */
    font-size: 3.3em;
    margin: 0; /* Remove margens padrão */
}

/* Botão alinhado à direita */
.Cadastro[b-l253pmo5jo] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
    background-color: green
}

    .Cadastro:hover[b-l253pmo5jo] {
        background-color: darkgreen;
    }


.Button-Container[b-l253pmo5jo] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-l253pmo5jo], .button-Menu[b-l253pmo5jo], .Button[b-l253pmo5jo] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-l253pmo5jo] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-l253pmo5jo] {
    background-color: green;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-l253pmo5jo] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-l253pmo5jo], .Button img[b-l253pmo5jo] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-l253pmo5jo] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-l253pmo5jo] {
    background-color: darkgreen; /* Cor mais escura para o hover */
}

.Button:hover[b-l253pmo5jo] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-l253pmo5jo],
input[type="email"][b-l253pmo5jo] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-l253pmo5jo] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-l253pmo5jo] {
    flex: 2;
}

.SubCard-Title[b-l253pmo5jo] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-l253pmo5jo] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}


.grid-container[b-l253pmo5jo] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 10px;
}

.grid-header[b-l253pmo5jo] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-l253pmo5jo] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-l253pmo5jo] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-l253pmo5jo] {
        background-color: #e1f2f4;
    }


.grid-item[b-l253pmo5jo] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.btn-icon[b-l253pmo5jo] {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    color: #007bff; /* Cor dos ícones */
    font-size: 16px;
}

    .btn-icon:hover[b-l253pmo5jo] {
        color: #0056b3; /* Cor dos ícones ao passar o mouse */
    }

.modal[b-l253pmo5jo] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
}

.modal-dialog[b-l253pmo5jo] {
    max-width: 500px;
    margin: 1.75rem auto;
}

.modal-content[b-l253pmo5jo] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.modal-header[b-l253pmo5jo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    color: black;
}

.modal-body[b-l253pmo5jo] {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    color: black;
}

.modal-footer[b-l253pmo5jo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
}




.close[b-l253pmo5jo] {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background: transparent;
    border: 0;
}

    .close:hover[b-l253pmo5jo] {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }


.Confirmar[b-l253pmo5jo] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
    background-color: red;
}

    .Confirmar:hover[b-l253pmo5jo] {
        background-color: darkred;
    }
/* _content/PrePostagem/Components/Pages/ConsultaContato.razor.rz.scp.css */
.Fundo-Container[b-vss6pwj8t5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-vss6pwj8t5] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-vss6pwj8t5] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-vss6pwj8t5] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-vss6pwj8t5] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-vss6pwj8t5] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-vss6pwj8t5] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-vss6pwj8t5] {
        flex: 1;
    }



.Button-Container[b-vss6pwj8t5] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-vss6pwj8t5], .button-Menu[b-vss6pwj8t5], .Button[b-vss6pwj8t5] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-vss6pwj8t5] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-vss6pwj8t5] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-vss6pwj8t5] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-vss6pwj8t5], .button-Menu img[b-vss6pwj8t5], .Button img[b-vss6pwj8t5] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-vss6pwj8t5] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-vss6pwj8t5] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-vss6pwj8t5] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-vss6pwj8t5],
input[type="email"][b-vss6pwj8t5] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-vss6pwj8t5] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-vss6pwj8t5] {
    flex: 2;
}

.SubCard-Title[b-vss6pwj8t5] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-vss6pwj8t5] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}


.grid-container[b-vss6pwj8t5] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 10px;
}

.grid-header[b-vss6pwj8t5] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-vss6pwj8t5] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-vss6pwj8t5] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-vss6pwj8t5] {
        background-color: #e1f2f4;
    }


.grid-item[b-vss6pwj8t5] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.btn-icon[b-vss6pwj8t5] {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    color: #007bff; /* Cor dos ícones */
    font-size: 16px;
}

    .btn-icon:hover[b-vss6pwj8t5] {
        color: #0056b3; /* Cor dos ícones ao passar o mouse */
    }
/* _content/PrePostagem/Components/Pages/ConsultaContrato.razor.rz.scp.css */
.Fundo-Container[b-9bk5g9ot2g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-9bk5g9ot2g] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    /* Mesmo tom "vidro" azul-petróleo do ConsultaCadCli.razor.css (padrão das telas de consulta). */
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - o .Card inteiro virava um container de scroll
       horizontal por baixo dos panos, brigando com o ".table-responsive" de dentro e deixando a barra
       quase impossível de pegar em emulação de mobile sem touch de verdade (mesmo ajuste já aplicado em
       ConsultaCadCli.razor.css/ConsultaCadGrupo.razor.css/ConsultaDadosFilial.razor.css/
       ConsultaEmpresa.razor.css). */
    overflow-x: visible;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
}

.Img-fundo[b-9bk5g9ot2g] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-9bk5g9ot2g] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

    .form-group label[b-9bk5g9ot2g] {
        color: #ffffff;
    }

.form-container[b-9bk5g9ot2g] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-9bk5g9ot2g] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-9bk5g9ot2g] {
        flex: 1;
    }

/* Estilo do container do header (título + botão) */
.header-Container[b-9bk5g9ot2g] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Título à esquerda, botão à direita */
    align-items: center; /* Centraliza verticalmente */
    width: 100%; /* Ocupa toda a largura do card */
    margin-bottom: 20px; /* Espaçamento opcional */
    gap: 12px;
}

/* Título centralizado (ocupa o espaço disponível) - mesmo tamanho/sombra de letra do ConsultaCadCli.razor.css
   (antes era 3.3em, bem maior que o padrão das outras telas). */
.title[b-9bk5g9ot2g] {
    flex-grow: 1; /* Ocupa todo o espaço restante */
    text-align: center; /* Centraliza o texto */
    font-size: 1.8em;
    margin: 0; /* Remove margens padrão */
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Botão alinhado à direita - menor e mais arredondado (antes era 15% de largura fixa, quadrado). */
.Cadastro[b-9bk5g9ot2g] {
    width: auto;
    min-width: 160px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 8px; /* Espaço entre a imagem e o texto */
    background-color: #28a745; /* mesmo verde do botão Salvar/Cadastro nas outras telas */
}

    .Cadastro img[b-9bk5g9ot2g] {
        width: 22px;
        height: 22px;
    }

    .Cadastro:hover[b-9bk5g9ot2g] {
        background-color: #218838;
    }


.Button-Container[b-9bk5g9ot2g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
}

/* Estilo comum para todos os botões - menores e mais arredondados (antes eram 30% da largura do card,
   quadrados, com border-radius: 3px e ícone de 40px). */
.Button-V[b-9bk5g9ot2g], .button-Menu[b-9bk5g9ot2g], .Button[b-9bk5g9ot2g], .Button-Reativar[b-9bk5g9ot2g] {
    width: auto;
    min-width: 130px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 8px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-9bk5g9ot2g] {
    background-color: #247FAC;
}

.Button-Reativar[b-9bk5g9ot2g] {
    background-color: #4C1DE0;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-9bk5g9ot2g] {
    background-color: green;
}

/* Estilo específico para o botão "Pesquisar" */
.Button[b-9bk5g9ot2g] {
    background-color: #28a745;
}

/* Estilo para as imagens dentro dos botões */
.Button-V img[b-9bk5g9ot2g], .Button img[b-9bk5g9ot2g], .Button-Reativar img[b-9bk5g9ot2g] {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1); /* Transforma a imagem em branco */
}

.button-Menu:hover[b-9bk5g9ot2g] {
    background-color: darkgreen; /* Cor mais escura para o hover */
}

.Button:hover[b-9bk5g9ot2g] {
    background-color: #218838; /* Cor mais escura para o hover */
}

.Button-Reativar:hover[b-9bk5g9ot2g] {
    background-color: white;
}



.form-control[b-9bk5g9ot2g],
input[type="text"][b-9bk5g9ot2g],
input[type="email"][b-9bk5g9ot2g],
input[type="number"][b-9bk5g9ot2g],
select[b-9bk5g9ot2g] {
    width: 100%;
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    font-size: 1.2em;
    color: #222;
    background-color: rgba(255, 255, 255, 0.96);
}

    .form-control:focus[b-9bk5g9ot2g],
    input[type="text"]:focus[b-9bk5g9ot2g],
    input[type="email"]:focus[b-9bk5g9ot2g],
    input[type="number"]:focus[b-9bk5g9ot2g],
    select:focus[b-9bk5g9ot2g] {
        outline: none;
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.28);
    }

    .form-control:disabled[b-9bk5g9ot2g],
    input:disabled[b-9bk5g9ot2g] {
        background-color: rgba(255, 255, 255, 0.7);
        opacity: 1;
        cursor: default;
    }

/* Estilização para os SubCards - mesmo tom do .Card (igual o ConsultaCadCli.razor.css faz). */
.SubCard[b-9bk5g9ot2g] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.SubCard-Large[b-9bk5g9ot2g] {
    flex: 2;
}

.SubCard-Title[b-9bk5g9ot2g] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-9bk5g9ot2g] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}


/* Rolagem horizontal pra tabela em telas estreitas - a grade tem 8 colunas fixas (Nome, N° Contrato,
   Dados DR, Cod. Adm, Data Vencimento, Ano Contrato, Situação, Ações); sem isso, em mobile as colunas
   ficavam espremidas ilegíveis. Com o scroll, as colunas mantêm uma largura mínima legível e o usuário
   arrasta pra ver o resto. Mesmo padrão do table-responsive usado no ConsultaCadCli.razor.css. */
.table-responsive[b-9bk5g9ot2g] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.grid-container[b-9bk5g9ot2g] {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    min-width: 960px;
    padding: 10px;
}

.grid-header[b-9bk5g9ot2g] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

/* Cabeçalho clicável pra ordenar (é um <button>, herda .grid-header pra manter a aparência) - mesmo
   padrão do MovimentacaoEstoque.razor.css/ConsultaEstoque.razor.css. */
.grid-header-sortable[b-9bk5g9ot2g] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    font-size: 1em;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .grid-header-sortable:hover[b-9bk5g9ot2g] {
        background-color: #1d678d;
    }

.sort-indicator[b-9bk5g9ot2g] {
    font-size: 0.75em;
    min-width: 0.9em;
}

/* Paginação (seletor de itens por página + navegação Anterior/Próxima) - mesmo padrão do
   MovimentacaoEstoque.razor.css. */
.paginacao-container[b-9bk5g9ot2g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 14px;
}

.paginacao-nav[b-9bk5g9ot2g] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.paginacao-info[b-9bk5g9ot2g] {
    color: #ffffff;
    font-size: 0.95em;
}

[b-9bk5g9ot2g] .campo-mud .mud-input-outlined {
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 4px;
}

[b-9bk5g9ot2g] .campo-mud .mud-input-outlined-border {
    border-color: rgba(0, 0, 0, 0.15);
}

[b-9bk5g9ot2g] .campo-mud input,
[b-9bk5g9ot2g] .campo-mud .mud-input-slot {
    color: #222;
}

.grid-row[b-9bk5g9ot2g] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-9bk5g9ot2g] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-9bk5g9ot2g] {
        background-color: #e1f2f4;
    }

.grid-item[b-9bk5g9ot2g] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.grid-item.error-text[b-9bk5g9ot2g] {
    color: #dc3545;
    font-weight: bold;
}

.grid-item.acoes[b-9bk5g9ot2g] {
    gap: 6px;
}

/* Etiqueta de situação (Vigente/A Vencer/Vencido/Inativo) - a cor de fundo já vinha inline
   (GetCorFundo), mas sem essa classe o texto ficava sem respiro/arredondamento nenhum. */
.situacao-badge[b-9bk5g9ot2g] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-weight: bold;
    font-size: 0.85em;
    color: #1a1a1a;
}

/* Botões de ação na linha da tabela (Editar/Detalhes/Ativar/Inativar) - mesmo padrão do ConsultaCadCli.razor.css. */
.btn-icon[b-9bk5g9ot2g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Ativar/Reativar - mesmo símbolo (Reativar_2.png) de antes, só ganhou a cor verde no botão. */
.btn-icon-ativar[b-9bk5g9ot2g] {
    background-color: rgba(40, 167, 69, 0.15);
    border-color: rgba(40, 167, 69, 0.5);
}

    .btn-icon-ativar:hover[b-9bk5g9ot2g] {
        background-color: rgba(40, 167, 69, 0.3);
        border-color: #28a745;
    }

/* Inativar/Desativar - mesmo símbolo (remover.png) de antes, só ganhou a cor vermelha no botão. */
.btn-icon-inativar[b-9bk5g9ot2g] {
    background-color: rgba(220, 53, 69, 0.15);
    border-color: rgba(220, 53, 69, 0.5);
}

    .btn-icon-inativar:hover[b-9bk5g9ot2g] {
        background-color: rgba(220, 53, 69, 0.3);
        border-color: #dc3545;
    }


.list-container-contratos[b-9bk5g9ot2g] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
}

.list-item-contratos[b-9bk5g9ot2g] {
    padding: 0.8rem;
    border-radius: 0.5rem;
    display: flex;
    justify-content: space-between;
    font-weight: bold;
}

.situacao[b-9bk5g9ot2g] {
    font-size: 1rem;
    font-weight: 600;
    color: black;
}

.quantidade[b-9bk5g9ot2g] {
    font-size: 0.9rem;
    font-weight: 500;
    color: black;
}

.modal[b-9bk5g9ot2g] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-dialog[b-9bk5g9ot2g] {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    color: black;
}

.modal-content[b-9bk5g9ot2g] {
    background: white;
    border-radius: 5px;
    overflow: hidden;
}

.modal-header[b-9bk5g9ot2g], .modal-footer[b-9bk5g9ot2g] {
    padding: 15px;
}

.modal-body[b-9bk5g9ot2g] {
    padding: 20px;
    max-height: 70vh;
    overflow-y: auto;
    color: black;
}

.modal-footer[b-9bk5g9ot2g] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
}

.close[b-9bk5g9ot2g] {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background: transparent;
    border: 0;
}

    .close:hover[b-9bk5g9ot2g] {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }


.Confirmar[b-9bk5g9ot2g] {
    width: auto;
    min-width: 110px;
    padding: 10px 20px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 8px; /* Espaço entre a imagem e o texto */
    background-color: red;
}

    .Confirmar:hover[b-9bk5g9ot2g] {
        background-color: darkred;
    }


.clickable-filter[b-9bk5g9ot2g] {
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

    .clickable-filter:hover[b-9bk5g9ot2g] {
        filter: brightness(0.95);
        transform: scale(1.02);
    }

/* Responsivo - a tela não tinha nenhum breakpoint antes; em tablet/celular o Card ficava com o mesmo
   padding/fonte do desktop, o header (título + Cadastrar Contrato) podia colidir, e os botões
   (Voltar/Pesquisar/Confirmar/Cancelar) tomavam 30% de largura fixa mesmo em telas bem estreitas.
   Mesmas faixas usadas no ConsultaCadCli.razor.css. */
@media (max-width: 900px) {
    .Button-V[b-9bk5g9ot2g], .button-Menu[b-9bk5g9ot2g], .Button[b-9bk5g9ot2g], .Button-Reativar[b-9bk5g9ot2g], .Cadastro[b-9bk5g9ot2g], .Confirmar[b-9bk5g9ot2g] {
        min-width: 0;
        font-size: 13px;
        padding: 9px 16px;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-9bk5g9ot2g] {
        padding: 12px;
    }

    .Card[b-9bk5g9ot2g] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-9bk5g9ot2g] {
        font-size: 1.6em;
    }

    .header-Container[b-9bk5g9ot2g] {
        justify-content: center;
        text-align: center;
    }

    .SubCard[b-9bk5g9ot2g], .SubCard-Large[b-9bk5g9ot2g] {
        min-width: 100%;
        flex-basis: 100%;
        padding: 16px;
    }

    input[type="text"][b-9bk5g9ot2g],
    input[type="email"][b-9bk5g9ot2g] {
        padding: 12px;
        font-size: 1em;
    }

    .list-item-contratos[b-9bk5g9ot2g] {
        flex-direction: column;
        gap: 4px;
    }
}

@media (max-width: 480px) {
    .header-Container[b-9bk5g9ot2g] {
        flex-direction: column;
    }

        .header-Container .Cadastro[b-9bk5g9ot2g] {
            width: 100%;
        }

    .form-group-row[b-9bk5g9ot2g] {
        flex-direction: column;
    }

    /* Em vez de rolagem horizontal (não dá pra arrastar em toda extensão/emulação de mobile), cada linha
       vira um card empilhado, com o nome da coluna aparecendo antes do valor - não precisa mais rolar pro
       lado. Ordenação por clique no cabeçalho fica indisponível aqui (os botões de ordenar somem junto
       com o header), mesma troca já feita em ConsultaCadCli.razor.css/ConsultaCadGrupo.razor.css/
       ConsultaDadosFilial.razor.css/ConsultaEmpresa.razor.css (2026-09-01, pedido explícito). */
    .table-responsive[b-9bk5g9ot2g] {
        overflow-x: visible;
    }

    .grid-container[b-9bk5g9ot2g] {
        display: block;
        min-width: 0;
    }

    .grid-header[b-9bk5g9ot2g] {
        display: none;
    }

    .grid-row[b-9bk5g9ot2g] {
        display: block;
        margin-bottom: 10px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 8px;
        overflow: hidden;
    }

    .grid-item[b-9bk5g9ot2g] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        text-align: right;
        padding: 8px 12px;
    }

        .grid-item[b-9bk5g9ot2g]::before {
            content: attr(data-label);
            font-weight: bold;
            text-align: left;
            color: #247FAC;
        }

    .grid-item.acoes[b-9bk5g9ot2g] {
        justify-content: flex-end;
    }

    .paginacao-container[b-9bk5g9ot2g] {
        flex-direction: column;
        align-items: stretch;
    }

    .paginacao-nav[b-9bk5g9ot2g] {
        justify-content: center;
    }

    .Button-Container[b-9bk5g9ot2g] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-9bk5g9ot2g],
        .Button-Container .Button[b-9bk5g9ot2g],
        .Button-Container .Button-Reativar[b-9bk5g9ot2g] {
            width: 100%;
        }

    .modal-footer[b-9bk5g9ot2g] {
        flex-wrap: wrap;
    }

        .modal-footer .Button-V[b-9bk5g9ot2g],
        .modal-footer .Confirmar[b-9bk5g9ot2g] {
            width: 100%;
        }
}
/* _content/PrePostagem/Components/Pages/ConsultaDadosFilial.razor.rz.scp.css */
.Fundo-Container[b-r566483luh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-r566483luh] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    /* Mesmo tom "vidro" azul-petróleo das demais telas de consulta (ConsultaDpto.razor.css/
       ConsultaCadGrupo.razor.css) - antes era um overlay preto com uma pilha de backdrop-filter
       conflitantes (cada "backdrop-filter:" seguinte sobrescrevia o anterior). */
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - o .Card inteiro virava um container de scroll
       horizontal por baixo dos panos, brigando com o ".table-responsive" de dentro (2026-09-01, mesmo
       ajuste de ConsultaCadGrupo.razor.css - reportado: "a grade ficou cortando não consigo nem arrastar
       ela para o lado"). */
    overflow-x: visible;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
}

.title[b-r566483luh] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.header-Container[b-r566483luh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

    .header-Container .title[b-r566483luh] {
        flex: 1;
        margin-bottom: 0;
    }

/* Botão "Cadastrar Filial" - menor e mais arredondado, mesmo padrão do ConsultaCadGrupo.razor.css. */
.Cadastro[b-r566483luh] {
    width: auto;
    min-width: 160px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    background-color: #28a745;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .Cadastro:hover[b-r566483luh] {
        background-color: #218838;
    }

    .Cadastro img[b-r566483luh] {
        width: 22px;
        height: 22px;
        filter: brightness(0) invert(1);
    }

.Img-fundo[b-r566483luh] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-r566483luh] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

    .form-group label[b-r566483luh] {
        color: #ffffff;
    }

.form-group-row[b-r566483luh] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-r566483luh] {
        flex: 1;
    }

.Button-Container[b-r566483luh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 20px;
}

/* Estilo comum para os botões - menores e mais arredondados, mesmo padrão do ConsultaCadGrupo.razor.css. */
.Button-V[b-r566483luh], .Button[b-r566483luh] {
    width: auto;
    min-width: 130px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.Button-V[b-r566483luh] {
    background-color: #247FAC;
}

.Button[b-r566483luh] {
    background-color: #28a745;
}

.Button-V img[b-r566483luh], .Button img[b-r566483luh] {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1);
}

.Button-V:hover[b-r566483luh] {
    background-color: #1c5f7d;
}

.Button:hover[b-r566483luh] {
    background-color: #218838;
}

button:disabled[b-r566483luh] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Campo de busca (Nome) - precisa do ".SubCard ::deep" além do seletor puro: o isolamento de CSS do
   Blazor só marca com o atributo de escopo os elementos escritos direto neste .razor - o <input> que
   InputText gera por dentro pertence ao componente dele (framework). */
.form-control[b-r566483luh],
input[type="text"][b-r566483luh],
.SubCard[b-r566483luh]  .form-control,
.SubCard[b-r566483luh]  input[type="text"] {
    width: 100%;
    height: 40px;
    line-height: 38px;
    padding: 0 12px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    font-size: 1.2em;
    color: #222;
    background-color: rgba(255, 255, 255, 0.96);
}

    .form-control:focus[b-r566483luh],
    input[type="text"]:focus[b-r566483luh],
    .SubCard[b-r566483luh]  .form-control:focus,
    .SubCard[b-r566483luh]  input[type="text"]:focus {
        outline: none;
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.28);
    }

/* Estilização para os SubCards - mesmo tom do .Card (igual as demais telas de consulta fazem). */
.SubCard[b-r566483luh] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.SubCard-Large[b-r566483luh] {
    flex: 2;
}

.SubCards-Container[b-r566483luh] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

/* Rolagem horizontal pra tabela em telas estreitas (tablet) - mesmo padrão do table-responsive usado
   nas demais telas de consulta. Em celular (≤480px) a grade vira cards empilhados em vez de rolar
   (ver media query abaixo), então esse scroll só entra em ação na faixa intermediária. */
.table-responsive[b-r566483luh] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.grid-container[b-r566483luh] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    min-width: 560px;
    padding: 10px;
}

.grid-header[b-r566483luh] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-r566483luh] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-r566483luh] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-r566483luh] {
        background-color: #e1f2f4;
    }

.grid-item[b-r566483luh] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.no-results[b-r566483luh] {
    grid-column: 1 / -1;
    padding: 12px;
    color: white;
    font-weight: bold;
}

.loading-message[b-r566483luh],
.error-message[b-r566483luh] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
}

.loading-message[b-r566483luh] {
    background-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.error-message[b-r566483luh] {
    background-color: rgba(220, 53, 69, 0.16);
    color: #fff;
}

.btn-icon[b-r566483luh] {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    color: #007bff;
    font-size: 16px;
}

    .btn-icon:hover[b-r566483luh] {
        color: #0056b3;
    }

/* Responsivo - mesmas faixas usadas nas demais telas de consulta (ConsultaDpto.razor.css/
   ConsultaCadGrupo.razor.css). */
@media (max-width: 900px) {
    .Button-V[b-r566483luh], .Button[b-r566483luh], .Cadastro[b-r566483luh] {
        min-width: 0;
        font-size: 13px;
        padding: 9px 16px;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-r566483luh] {
        padding: 12px;
    }

    .Card[b-r566483luh] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-r566483luh] {
        font-size: 1.6em;
    }

    .header-Container[b-r566483luh] {
        justify-content: center;
        text-align: center;
    }

    .SubCard[b-r566483luh], .SubCard-Large[b-r566483luh] {
        min-width: 100%;
        flex-basis: 100%;
        padding: 16px;
    }

    .grid-container[b-r566483luh] {
        min-width: 480px;
    }
}

@media (max-width: 480px) {
    .header-Container[b-r566483luh] {
        flex-direction: column;
    }

        .header-Container .Cadastro[b-r566483luh] {
            width: 100%;
        }

    .form-group-row[b-r566483luh] {
        flex-direction: column;
    }

        .form-group-row .form-group[b-r566483luh] {
            width: 100%;
        }

    /* Em vez de rolagem horizontal (não dá pra arrastar em toda extensão/emulação de mobile), cada linha
       vira um card empilhado, com o nome da coluna aparecendo antes do valor - não precisa mais rolar
       pro lado (2026-09-01, pedido explícito). */
    .table-responsive[b-r566483luh] {
        overflow-x: visible;
    }

    .grid-container[b-r566483luh] {
        display: block;
        min-width: 0;
    }

    .grid-header[b-r566483luh] {
        display: none;
    }

    .grid-row[b-r566483luh] {
        display: block;
        margin-bottom: 10px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 8px;
        overflow: hidden;
    }

    .grid-item[b-r566483luh] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        text-align: right;
        padding: 8px 12px;
    }

        .grid-item[b-r566483luh]::before {
            content: attr(data-label);
            font-weight: bold;
            text-align: left;
            color: #247FAC;
        }

    .Button-Container[b-r566483luh] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-r566483luh] {
            width: 100%;
            min-width: 0;
        }
}
/* _content/PrePostagem/Components/Pages/ConsultaDetalhadaCadDpto.razor.rz.scp.css */
.Fundo-Container[b-j7yq59xwq3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-j7yq59xwq3] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-j7yq59xwq3] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-j7yq59xwq3] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-j7yq59xwq3] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-j7yq59xwq3] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-j7yq59xwq3] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-j7yq59xwq3] {
        flex: 1;
    }



.Button-Container[b-j7yq59xwq3] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-j7yq59xwq3], .button-Menu[b-j7yq59xwq3], .Button[b-j7yq59xwq3] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-j7yq59xwq3] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-j7yq59xwq3] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-j7yq59xwq3] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-j7yq59xwq3], .button-Menu img[b-j7yq59xwq3], .Button img[b-j7yq59xwq3] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-j7yq59xwq3] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-j7yq59xwq3] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-j7yq59xwq3] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-j7yq59xwq3],
input[type="email"][b-j7yq59xwq3] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-j7yq59xwq3] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-j7yq59xwq3] {
    flex: 2;
}

.SubCard-Title[b-j7yq59xwq3] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-j7yq59xwq3] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.input-group[b-j7yq59xwq3] {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.input-group-append[b-j7yq59xwq3] {
    margin-left: -1px; /* Remove a margem entre o input e o ícone */
}

.input-group-text[b-j7yq59xwq3] {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0 0.25rem 0.25rem 0;
    cursor: pointer;
}

    .input-group-text img[b-j7yq59xwq3] {
        width: 20px;
        height: 20px;
    }

.icons-container[b-j7yq59xwq3] {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.icon-button[b-j7yq59xwq3] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: white;
    transition: color 0.3s ease;
}

    .icon-button:hover[b-j7yq59xwq3] {
        color: #007bff;
    }


.grid-container[b-j7yq59xwq3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 10px;
}

.grid-header[b-j7yq59xwq3] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-j7yq59xwq3] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-j7yq59xwq3] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-j7yq59xwq3] {
        background-color: #e1f2f4;
    }


.grid-item[b-j7yq59xwq3] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}
/* _content/PrePostagem/Components/Pages/ConsultaDetalhadaCadUsu.razor.rz.scp.css */
.Fundo-Container[b-xqlvb2tazn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-xqlvb2tazn] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-xqlvb2tazn] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-xqlvb2tazn] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-xqlvb2tazn] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-xqlvb2tazn] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-xqlvb2tazn] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-xqlvb2tazn] {
        flex: 1;
    }



.Button-Container[b-xqlvb2tazn] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-xqlvb2tazn], .button-Menu[b-xqlvb2tazn], .Button[b-xqlvb2tazn] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-xqlvb2tazn] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-xqlvb2tazn] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-xqlvb2tazn] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-xqlvb2tazn], .button-Menu img[b-xqlvb2tazn], .Button img[b-xqlvb2tazn] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-xqlvb2tazn] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-xqlvb2tazn] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-xqlvb2tazn] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-xqlvb2tazn],
input[type="email"][b-xqlvb2tazn] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-xqlvb2tazn] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-xqlvb2tazn] {
    flex: 2;
}

.SubCard-Title[b-xqlvb2tazn] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-xqlvb2tazn] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.input-group[b-xqlvb2tazn] {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.input-group-append[b-xqlvb2tazn] {
    margin-left: -1px; /* Remove a margem entre o input e o ícone */
}

.input-group-text[b-xqlvb2tazn] {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0 0.25rem 0.25rem 0;
    cursor: pointer;
}

    .input-group-text img[b-xqlvb2tazn] {
        width: 20px;
        height: 20px;
    }

.icons-container[b-xqlvb2tazn] {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.icon-button[b-xqlvb2tazn] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: white;
    transition: color 0.3s ease;
}

    .icon-button:hover[b-xqlvb2tazn] {
        color: #007bff;
    }


.grid-container[b-xqlvb2tazn] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 10px;
}

.grid-header[b-xqlvb2tazn] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-xqlvb2tazn] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-xqlvb2tazn] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-xqlvb2tazn] {
        background-color: #e1f2f4;
    }


.grid-item[b-xqlvb2tazn] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}
/* _content/PrePostagem/Components/Pages/ConsultaDetalhadaCartao.razor.rz.scp.css */
.Fundo-Container[b-qd4b24m5sb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-qd4b24m5sb] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-qd4b24m5sb] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-qd4b24m5sb] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-qd4b24m5sb] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-qd4b24m5sb] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-qd4b24m5sb] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-qd4b24m5sb] {
        flex: 1;
    }



.Button-Container[b-qd4b24m5sb] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-qd4b24m5sb], .button-Menu[b-qd4b24m5sb], .Button[b-qd4b24m5sb] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-qd4b24m5sb] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-qd4b24m5sb] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-qd4b24m5sb] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-qd4b24m5sb], .button-Menu img[b-qd4b24m5sb], .Button img[b-qd4b24m5sb] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-qd4b24m5sb] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-qd4b24m5sb] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-qd4b24m5sb] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-qd4b24m5sb],
input[type="email"][b-qd4b24m5sb] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-qd4b24m5sb] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-qd4b24m5sb] {
    flex: 2;
}

.SubCard-Title[b-qd4b24m5sb] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-qd4b24m5sb] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.input-group[b-qd4b24m5sb] {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.input-group-append[b-qd4b24m5sb] {
    margin-left: -1px; /* Remove a margem entre o input e o ícone */
}

.input-group-text[b-qd4b24m5sb] {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0 0.25rem 0.25rem 0;
    cursor: pointer;
}

    .input-group-text img[b-qd4b24m5sb] {
        width: 20px;
        height: 20px;
    }

.icons-container[b-qd4b24m5sb] {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.icon-button[b-qd4b24m5sb] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: white;
    transition: color 0.3s ease;
}

    .icon-button:hover[b-qd4b24m5sb] {
        color: #007bff;
    }


.grid-container[b-qd4b24m5sb] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 10px;
}

.grid-header[b-qd4b24m5sb] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-qd4b24m5sb] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-qd4b24m5sb] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-qd4b24m5sb] {
        background-color: #e1f2f4;
    }


.grid-item[b-qd4b24m5sb] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}
/* _content/PrePostagem/Components/Pages/ConsultaDetalhadaCli.razor.rz.scp.css */
.Fundo-Container[b-ftmttc0cpt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-ftmttc0cpt] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-ftmttc0cpt] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-ftmttc0cpt] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-ftmttc0cpt] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-ftmttc0cpt] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-ftmttc0cpt] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-ftmttc0cpt] {
        flex: 1;
    }



.Button-Container[b-ftmttc0cpt] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-ftmttc0cpt], .button-Menu[b-ftmttc0cpt], .Button[b-ftmttc0cpt] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-ftmttc0cpt] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-ftmttc0cpt] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-ftmttc0cpt] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-ftmttc0cpt], .button-Menu img[b-ftmttc0cpt], .Button img[b-ftmttc0cpt] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-ftmttc0cpt] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-ftmttc0cpt] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-ftmttc0cpt] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-ftmttc0cpt],
input[type="email"][b-ftmttc0cpt] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-ftmttc0cpt] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-ftmttc0cpt] {
    flex: 2;
}

.SubCard-Title[b-ftmttc0cpt] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-ftmttc0cpt] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.input-group[b-ftmttc0cpt] {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.input-group-append[b-ftmttc0cpt] {
    margin-left: -1px; /* Remove a margem entre o input e o ícone */
}

.input-group-text[b-ftmttc0cpt] {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0 0.25rem 0.25rem 0;
    cursor: pointer;
}

    .input-group-text img[b-ftmttc0cpt] {
        width: 20px;
        height: 20px;
    }

.icons-container[b-ftmttc0cpt] {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.icon-button[b-ftmttc0cpt] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: white;
    transition: color 0.3s ease;
}

    .icon-button:hover[b-ftmttc0cpt] {
        color: #007bff;
    }


.grid-container[b-ftmttc0cpt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 10px;
}

.grid-header[b-ftmttc0cpt] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-ftmttc0cpt] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-ftmttc0cpt] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-ftmttc0cpt] {
        background-color: #e1f2f4;
    }


.grid-item[b-ftmttc0cpt] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}
/* _content/PrePostagem/Components/Pages/ConsultaDetalhadaContrato.razor.rz.scp.css */
.Fundo-Container[b-fmjq45gpvd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-fmjq45gpvd] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-fmjq45gpvd] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-fmjq45gpvd] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-fmjq45gpvd] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-fmjq45gpvd] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-fmjq45gpvd] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-fmjq45gpvd] {
        flex: 1;
    }



.Button-Container[b-fmjq45gpvd] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-fmjq45gpvd], .button-Menu[b-fmjq45gpvd], .Button[b-fmjq45gpvd] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-fmjq45gpvd] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-fmjq45gpvd] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-fmjq45gpvd] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-fmjq45gpvd], .button-Menu img[b-fmjq45gpvd], .Button img[b-fmjq45gpvd] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-fmjq45gpvd] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-fmjq45gpvd] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-fmjq45gpvd] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-fmjq45gpvd],
input[type="email"][b-fmjq45gpvd] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-fmjq45gpvd] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-fmjq45gpvd] {
    flex: 2;
}

.SubCard-Title[b-fmjq45gpvd] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-fmjq45gpvd] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.input-group[b-fmjq45gpvd] {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.input-group-append[b-fmjq45gpvd] {
    margin-left: -1px; /* Remove a margem entre o input e o ícone */
}

.input-group-text[b-fmjq45gpvd] {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0 0.25rem 0.25rem 0;
    cursor: pointer;
}

    .input-group-text img[b-fmjq45gpvd] {
        width: 20px;
        height: 20px;
    }

.icons-container[b-fmjq45gpvd] {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.icon-button[b-fmjq45gpvd] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: white;
    transition: color 0.3s ease;
}

    .icon-button:hover[b-fmjq45gpvd] {
        color: #007bff;
    }


.grid-container[b-fmjq45gpvd] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 10px;
}

.grid-header[b-fmjq45gpvd] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-fmjq45gpvd] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-fmjq45gpvd] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-fmjq45gpvd] {
        background-color: #e1f2f4;
    }


.grid-item[b-fmjq45gpvd] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}
/* _content/PrePostagem/Components/Pages/ConsultaDetalhadaEmpresas.razor.rz.scp.css */
.Fundo-Container[b-ty4fvj7o07] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-ty4fvj7o07] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-ty4fvj7o07] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-ty4fvj7o07] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-ty4fvj7o07] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-ty4fvj7o07] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-ty4fvj7o07] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-ty4fvj7o07] {
        flex: 1;
    }



.Button-Container[b-ty4fvj7o07] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-ty4fvj7o07], .button-Menu[b-ty4fvj7o07], .Button[b-ty4fvj7o07] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-ty4fvj7o07] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-ty4fvj7o07] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-ty4fvj7o07] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-ty4fvj7o07], .button-Menu img[b-ty4fvj7o07], .Button img[b-ty4fvj7o07] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-ty4fvj7o07] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-ty4fvj7o07] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-ty4fvj7o07] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-ty4fvj7o07],
input[type="email"][b-ty4fvj7o07] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-ty4fvj7o07] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-ty4fvj7o07] {
    flex: 2;
}

.SubCard-Title[b-ty4fvj7o07] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-ty4fvj7o07] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.input-group[b-ty4fvj7o07] {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.input-group-append[b-ty4fvj7o07] {
    margin-left: -1px; /* Remove a margem entre o input e o ícone */
}

.input-group-text[b-ty4fvj7o07] {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0 0.25rem 0.25rem 0;
    cursor: pointer;
}

    .input-group-text img[b-ty4fvj7o07] {
        width: 20px;
        height: 20px;
    }

.icons-container[b-ty4fvj7o07] {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.icon-button[b-ty4fvj7o07] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: white;
    transition: color 0.3s ease;
}

    .icon-button:hover[b-ty4fvj7o07] {
        color: #007bff;
    }


.grid-container[b-ty4fvj7o07] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 10px;
}

.grid-header[b-ty4fvj7o07] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-ty4fvj7o07] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-ty4fvj7o07] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-ty4fvj7o07] {
        background-color: #e1f2f4;
    }


.grid-item[b-ty4fvj7o07] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}
/* _content/PrePostagem/Components/Pages/ConsultaDetalhadaFilial.razor.rz.scp.css */
.Fundo-Container[b-vlr5ulpjv6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-vlr5ulpjv6] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-vlr5ulpjv6] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.loading-message[b-vlr5ulpjv6],
.error-message[b-vlr5ulpjv6] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
}

.loading-message[b-vlr5ulpjv6] {
    background-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.error-message[b-vlr5ulpjv6] {
    background-color: rgba(220, 53, 69, 0.16);
    color: #fff;
}

.Img-fundo[b-vlr5ulpjv6] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-vlr5ulpjv6] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-vlr5ulpjv6] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-vlr5ulpjv6] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-vlr5ulpjv6] {
        flex: 1;
    }



.Button-Container[b-vlr5ulpjv6] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-vlr5ulpjv6], .button-Menu[b-vlr5ulpjv6], .Button[b-vlr5ulpjv6] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-vlr5ulpjv6] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-vlr5ulpjv6] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-vlr5ulpjv6] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-vlr5ulpjv6], .button-Menu img[b-vlr5ulpjv6], .Button img[b-vlr5ulpjv6] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-vlr5ulpjv6] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-vlr5ulpjv6] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-vlr5ulpjv6] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-vlr5ulpjv6],
input[type="email"][b-vlr5ulpjv6] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-vlr5ulpjv6] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-vlr5ulpjv6] {
    flex: 2;
}

.SubCard-Title[b-vlr5ulpjv6] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-vlr5ulpjv6] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.input-group[b-vlr5ulpjv6] {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.input-group-append[b-vlr5ulpjv6] {
    margin-left: -1px; /* Remove a margem entre o input e o ícone */
}

.input-group-text[b-vlr5ulpjv6] {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0 0.25rem 0.25rem 0;
    cursor: pointer;
}

    .input-group-text img[b-vlr5ulpjv6] {
        width: 20px;
        height: 20px;
    }

.icons-container[b-vlr5ulpjv6] {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.icon-button[b-vlr5ulpjv6] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: white;
    transition: color 0.3s ease;
}

    .icon-button:hover[b-vlr5ulpjv6] {
        color: #007bff;
    }


.grid-container[b-vlr5ulpjv6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 10px;
}

.grid-header[b-vlr5ulpjv6] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-vlr5ulpjv6] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-vlr5ulpjv6] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-vlr5ulpjv6] {
        background-color: #e1f2f4;
    }


.grid-item[b-vlr5ulpjv6] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}
/* _content/PrePostagem/Components/Pages/ConsultaDpto.razor.rz.scp.css */
.Fundo-Container[b-d2tc5i4vaz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-d2tc5i4vaz] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    /* Mesmo tom "vidro" azul-petróleo das demais telas de consulta (ConsultaContrato.razor.css/
       ConsultaCartao.razor.css/ConsultaCadCli.razor.css) - antes era um overlay preto com uma pilha de
       backdrop-filter conflitantes (cada "backdrop-filter:" seguinte sobrescrevia o anterior, só o
       último - saturate - realmente valia). */
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - o .Card virava um segundo scroll horizontal
       escondido, competindo com o .table-responsive. Mesmo ajuste já aplicado em
       ConsultaContrato.razor.css/ConsultaCartao.razor.css/ConsultaCadCli.razor.css (2026-09-01). */
    overflow-x: visible;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
}

.Img-fundo[b-d2tc5i4vaz] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-d2tc5i4vaz] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

    .form-group label[b-d2tc5i4vaz] {
        color: #ffffff;
    }

.form-container[b-d2tc5i4vaz] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-d2tc5i4vaz] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-d2tc5i4vaz] {
        flex: 1;
    }

/* Estilo do container do header (título + botão) - mesmo padrão do ConsultaContrato.razor.css. */
.header-Container[b-d2tc5i4vaz] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    gap: 12px;
}

/* Título centralizado - antes era 3.3em (bem maior que o padrão das outras telas de consulta). */
.title[b-d2tc5i4vaz] {
    flex-grow: 1;
    text-align: center;
    font-size: 1.8em;
    margin: 0;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Botão "Cadastrar Departamento" - menor e mais arredondado (antes era 15% de largura fixa, quadrado,
   verde puro sem hover consistente com as outras telas). */
.Cadastro[b-d2tc5i4vaz] {
    width: auto;
    min-width: 160px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #28a745;
}

    .Cadastro img[b-d2tc5i4vaz] {
        width: 22px;
        height: 22px;
    }

    .Cadastro:hover[b-d2tc5i4vaz] {
        background-color: #218838;
    }


.Button-Container[b-d2tc5i4vaz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
}

/* Estilo comum para todos os botões - menores e mais arredondados (antes eram 30% da largura do card,
   quadrados, com border-radius: 3px e ícone de 40px). Mesmo padrão das demais telas de consulta. */
.Button-V[b-d2tc5i4vaz], .button-Menu[b-d2tc5i4vaz], .Button[b-d2tc5i4vaz] {
    width: auto;
    min-width: 130px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.Button-V[b-d2tc5i4vaz] {
    background-color: #247FAC;
}

.button-Menu[b-d2tc5i4vaz] {
    background-color: #247FAC;
}

.Button[b-d2tc5i4vaz] {
    background-color: #28a745;
}

.Button-V img[b-d2tc5i4vaz], .button-Menu img[b-d2tc5i4vaz], .Button img[b-d2tc5i4vaz] {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1);
}

.Button-V:hover[b-d2tc5i4vaz] {
    background-color: #1c5f7d;
}

.button-Menu:hover[b-d2tc5i4vaz] {
    background-color: #1c5f7d;
}

.Button:hover[b-d2tc5i4vaz] {
    background-color: #218838;
}


input[type="text"][b-d2tc5i4vaz],
input[type="email"][b-d2tc5i4vaz],
input[type="number"][b-d2tc5i4vaz],
select[b-d2tc5i4vaz],
.form-control[b-d2tc5i4vaz] {
    width: 100%;
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    font-size: 1.2em;
    color: #222;
    background-color: rgba(255, 255, 255, 0.96);
}

    .form-control:focus[b-d2tc5i4vaz],
    input[type="text"]:focus[b-d2tc5i4vaz],
    input[type="email"]:focus[b-d2tc5i4vaz],
    input[type="number"]:focus[b-d2tc5i4vaz],
    select:focus[b-d2tc5i4vaz] {
        outline: none;
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.28);
    }

    .form-control:disabled[b-d2tc5i4vaz],
    input:disabled[b-d2tc5i4vaz] {
        background-color: rgba(255, 255, 255, 0.7);
        opacity: 1;
        cursor: default;
    }

[b-d2tc5i4vaz] .campo-mud .mud-input-outlined {
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 4px;
}

[b-d2tc5i4vaz] .campo-mud .mud-input-outlined-border {
    border-color: rgba(0, 0, 0, 0.15);
}

[b-d2tc5i4vaz] .campo-mud input,
[b-d2tc5i4vaz] .campo-mud .mud-input-slot {
    color: #222;
}

/* Estilização para os SubCards - mesmo tom do .Card (igual as demais telas de consulta fazem). */
.SubCard[b-d2tc5i4vaz] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.SubCard-Large[b-d2tc5i4vaz] {
    flex: 2;
}

.SubCard-Title[b-d2tc5i4vaz] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-d2tc5i4vaz] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

/* Rolagem horizontal pra tabela em telas estreitas - mesmo padrão do table-responsive usado nas demais
   telas de consulta. */
.table-responsive[b-d2tc5i4vaz] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.grid-container[b-d2tc5i4vaz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    min-width: 560px;
    padding: 10px;
}

.grid-header[b-d2tc5i4vaz] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

/* Cabeçalho clicável pra ordenar (é um <button>, herda .grid-header pra manter a aparência) - mesmo
   padrão do ConsultaContrato.razor.css/ConsultaCartao.razor.css. */
.grid-header-sortable[b-d2tc5i4vaz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    font-size: 1em;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .grid-header-sortable:hover[b-d2tc5i4vaz] {
        background-color: #1d678d;
    }

.sort-indicator[b-d2tc5i4vaz] {
    font-size: 0.75em;
    min-width: 0.9em;
}

/* Paginação (seletor de itens por página + navegação Anterior/Próxima) - mesmo padrão das demais telas
   de consulta. */
.paginacao-container[b-d2tc5i4vaz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 14px;
}

.paginacao-nav[b-d2tc5i4vaz] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.paginacao-info[b-d2tc5i4vaz] {
    color: #ffffff;
    font-size: 0.95em;
}

.grid-row[b-d2tc5i4vaz] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-d2tc5i4vaz] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-d2tc5i4vaz] {
        background-color: #e1f2f4;
    }


.grid-item[b-d2tc5i4vaz] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

/* Botões de ação na linha da tabela (Editar/Detalhes/Ativar/Inativar) - mesmo padrão das demais telas de
   consulta (antes eram só ícones azuis sem nenhum destaque de cor pra Ativar/Inativar). */
.btn-icon[b-d2tc5i4vaz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    margin: 0 3px;
}

.btn-icon-ativar[b-d2tc5i4vaz] {
    background-color: rgba(40, 167, 69, 0.15);
    border-color: rgba(40, 167, 69, 0.5);
}

    .btn-icon-ativar:hover[b-d2tc5i4vaz] {
        background-color: rgba(40, 167, 69, 0.3);
        border-color: #28a745;
    }

.btn-icon-inativar[b-d2tc5i4vaz] {
    background-color: rgba(220, 53, 69, 0.15);
    border-color: rgba(220, 53, 69, 0.5);
}

    .btn-icon-inativar:hover[b-d2tc5i4vaz] {
        background-color: rgba(220, 53, 69, 0.3);
        border-color: #dc3545;
    }


.modal[b-d2tc5i4vaz] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-dialog[b-d2tc5i4vaz] {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    color: black;
}

.modal-content[b-d2tc5i4vaz] {
    background: white;
    border-radius: 5px;
    overflow: hidden;
}

.modal-header[b-d2tc5i4vaz], .modal-footer[b-d2tc5i4vaz] {
    padding: 15px;
}

.modal-header[b-d2tc5i4vaz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dee2e6;
    color: black;
}

.modal-body[b-d2tc5i4vaz] {
    padding: 20px;
    max-height: 70vh;
    overflow-y: auto;
    color: black;
}

.modal-footer[b-d2tc5i4vaz] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
}

.close[b-d2tc5i4vaz] {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background: transparent;
    border: 0;
}

    .close:hover[b-d2tc5i4vaz] {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }


.Confirmar[b-d2tc5i4vaz] {
    width: auto;
    min-width: 110px;
    padding: 10px 20px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: red;
}

    .Confirmar:hover[b-d2tc5i4vaz] {
        background-color: darkred;
    }

/* Responsivo - a tela não tinha nenhum breakpoint antes; mesmas faixas usadas nas demais telas de
   consulta. */
@media (max-width: 900px) {
    .Button-V[b-d2tc5i4vaz], .button-Menu[b-d2tc5i4vaz], .Button[b-d2tc5i4vaz], .Cadastro[b-d2tc5i4vaz], .Confirmar[b-d2tc5i4vaz] {
        min-width: 0;
        font-size: 13px;
        padding: 9px 16px;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-d2tc5i4vaz] {
        padding: 12px;
    }

    .Card[b-d2tc5i4vaz] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-d2tc5i4vaz] {
        font-size: 1.6em;
    }

    .header-Container[b-d2tc5i4vaz] {
        justify-content: center;
        text-align: center;
    }

    .SubCard[b-d2tc5i4vaz], .SubCard-Large[b-d2tc5i4vaz] {
        min-width: 100%;
        flex-basis: 100%;
        padding: 16px;
    }

    input[type="text"][b-d2tc5i4vaz],
    input[type="email"][b-d2tc5i4vaz] {
        padding: 12px;
        font-size: 1em;
    }
}

@media (max-width: 480px) {
    .header-Container[b-d2tc5i4vaz] {
        flex-direction: column;
    }

        .header-Container .Cadastro[b-d2tc5i4vaz] {
            width: 100%;
        }

    .form-group-row[b-d2tc5i4vaz] {
        flex-direction: column;
    }

        .form-group-row .form-group[b-d2tc5i4vaz] {
            width: 100%;
        }

    .Button-Container[b-d2tc5i4vaz] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-d2tc5i4vaz],
        .Button-Container .Button[b-d2tc5i4vaz] {
            width: 100%;
        }

    .modal-footer[b-d2tc5i4vaz] {
        flex-wrap: wrap;
    }

        .modal-footer .Button-V[b-d2tc5i4vaz],
        .modal-footer .Confirmar[b-d2tc5i4vaz] {
            width: 100%;
        }

    .paginacao-container[b-d2tc5i4vaz] {
        flex-direction: column;
        align-items: stretch;
    }

    .paginacao-nav[b-d2tc5i4vaz] {
        justify-content: center;
    }

    /* Fallback "card empilhado" - rolagem horizontal é pouco confiável em navegador com emulação mobile
       (sem touch real). Mesmo padrão já aplicado em ConsultaContrato.razor.css/ConsultaCartao.razor.css/
       ConsultaCadCli.razor.css: esconde o cabeçalho da grade e transforma cada linha num cartão, usando
       data-label (adicionado no .razor) pra rotular cada valor. A ordenação por clique no cabeçalho fica
       indisponível neste modo, já que o cabeçalho não aparece. */
    .table-responsive[b-d2tc5i4vaz] {
        overflow-x: visible;
    }

    .grid-container[b-d2tc5i4vaz] {
        display: block;
        min-width: 0;
        padding: 0;
    }

    .grid-header[b-d2tc5i4vaz] {
        display: none;
    }

    .grid-row[b-d2tc5i4vaz] {
        display: block;
        margin-bottom: 10px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 8px;
        overflow: hidden;
    }

    .grid-item[b-d2tc5i4vaz] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        text-align: right;
        border: none;
        border-bottom: 1px solid #ddd;
        padding: 8px 12px;
    }

        .grid-item:last-child[b-d2tc5i4vaz] {
            border-bottom: none;
        }

        .grid-item[b-d2tc5i4vaz]::before {
            content: attr(data-label);
            font-weight: bold;
            text-align: left;
            color: #247FAC;
        }
}
/* _content/PrePostagem/Components/Pages/ConsultaEmpresa.razor.rz.scp.css */
.Fundo-Container[b-c7gj5li8h8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-c7gj5li8h8] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    /* Mesmo tom "vidro" azul-petróleo das demais telas de consulta (ConsultaDpto.razor.css/
       ConsultaCadGrupo.razor.css/ConsultaDadosFilial.razor.css) - antes era um overlay preto com uma
       pilha de backdrop-filter conflitantes (cada "backdrop-filter:" seguinte sobrescrevia o anterior). */
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - o .Card inteiro virava um container de scroll
       horizontal por baixo dos panos, brigando com o ".table-responsive" de dentro (mesmo ajuste de
       ConsultaCadGrupo.razor.css/ConsultaDadosFilial.razor.css - reportado: "a grade ficou cortando não
       consigo nem arrastar ela para o lado"). */
    overflow-x: visible;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(2px) saturate(80%);
}

.title[b-c7gj5li8h8] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.header-Container[b-c7gj5li8h8] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    gap: 12px;
}

    .header-Container .title[b-c7gj5li8h8] {
        flex-grow: 1;
        margin-bottom: 0;
    }

.Img-fundo[b-c7gj5li8h8] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-c7gj5li8h8] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

    .form-group label[b-c7gj5li8h8] {
        color: #ffffff;
    }

.form-group-row[b-c7gj5li8h8] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-c7gj5li8h8] {
        flex: 1;
    }

.Button-Container[b-c7gj5li8h8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 20px;
}

/* Estilo comum para os botões - menores e mais arredondados, mesmo padrão das demais telas de consulta. */
.Button-V[b-c7gj5li8h8], .Button[b-c7gj5li8h8] {
    width: auto;
    min-width: 130px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.Button-V[b-c7gj5li8h8] {
    background-color: #247FAC;
}

.Button[b-c7gj5li8h8] {
    background-color: #28a745;
}

.Button-V img[b-c7gj5li8h8], .Button img[b-c7gj5li8h8] {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1);
}

.Button-V:hover[b-c7gj5li8h8] {
    background-color: #1c5f7d;
}

.Button:hover[b-c7gj5li8h8] {
    background-color: #218838;
}

button:disabled[b-c7gj5li8h8] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Campo de busca - precisa do ".SubCard ::deep" além do seletor puro: o isolamento de CSS do Blazor só
   marca com o atributo de escopo os elementos escritos direto neste .razor. Aqui o <input> já é puro
   (não é InputText do framework), mas mantém o seletor ::deep por consistência com as demais telas. */
.form-control[b-c7gj5li8h8],
input[type="text"][b-c7gj5li8h8],
.SubCard[b-c7gj5li8h8]  .form-control,
.SubCard[b-c7gj5li8h8]  input[type="text"] {
    width: 100%;
    height: 40px;
    line-height: 38px;
    padding: 0 12px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    font-size: 1.2em;
    color: #222;
    background-color: rgba(255, 255, 255, 0.96);
}

    .form-control:focus[b-c7gj5li8h8],
    input[type="text"]:focus[b-c7gj5li8h8],
    .SubCard[b-c7gj5li8h8]  .form-control:focus,
    .SubCard[b-c7gj5li8h8]  input[type="text"]:focus {
        outline: none;
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.28);
    }

/* Estilização para os SubCards - mesmo tom do .Card (igual as demais telas de consulta fazem). */
.SubCard[b-c7gj5li8h8] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.SubCard-Large[b-c7gj5li8h8] {
    flex: 2;
}

.SubCards-Container[b-c7gj5li8h8] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

/* Rolagem horizontal pra tabela em telas estreitas (tablet) - mesmo padrão do table-responsive usado
   nas demais telas de consulta. Em celular (≤480px) a grade vira cards empilhados em vez de rolar (ver
   media query abaixo), então esse scroll só entra em ação na faixa intermediária. */
.table-responsive[b-c7gj5li8h8] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.grid-container[b-c7gj5li8h8] {
    display: grid;
    grid-template-columns: 1fr 1.4fr 1fr 1fr 0.9fr;
    min-width: 640px;
    padding: 10px;
}

.grid-header[b-c7gj5li8h8] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-c7gj5li8h8] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-c7gj5li8h8] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-c7gj5li8h8] {
        background-color: #e1f2f4;
    }

.grid-item[b-c7gj5li8h8] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.no-results[b-c7gj5li8h8] {
    grid-column: 1 / -1;
    padding: 12px;
    color: white;
    font-weight: bold;
    text-align: center;
}

.loading-message[b-c7gj5li8h8],
.error-message[b-c7gj5li8h8] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
}

.loading-message[b-c7gj5li8h8] {
    background-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.error-message[b-c7gj5li8h8] {
    background-color: rgba(220, 53, 69, 0.16);
    color: #fff;
}

.btn-icon[b-c7gj5li8h8] {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    color: #007bff;
    font-size: 16px;
}

    .btn-icon:hover[b-c7gj5li8h8] {
        color: #0056b3;
    }

/* Responsivo - mesmas faixas usadas nas demais telas de consulta (ConsultaDpto.razor.css/
   ConsultaCadGrupo.razor.css/ConsultaDadosFilial.razor.css). Tela sem nenhum breakpoint antes
   (2026-09-01, pedido explícito: "a tela não está responsiva"). */
@media (max-width: 900px) {
    .Button-V[b-c7gj5li8h8], .Button[b-c7gj5li8h8] {
        min-width: 0;
        font-size: 13px;
        padding: 9px 16px;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-c7gj5li8h8] {
        padding: 12px;
    }

    .Card[b-c7gj5li8h8] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-c7gj5li8h8] {
        font-size: 1.6em;
    }

    .header-Container[b-c7gj5li8h8] {
        justify-content: center;
        text-align: center;
    }

    .SubCard[b-c7gj5li8h8], .SubCard-Large[b-c7gj5li8h8] {
        min-width: 100%;
        flex-basis: 100%;
        padding: 16px;
    }

    .grid-container[b-c7gj5li8h8] {
        min-width: 560px;
    }
}

@media (max-width: 480px) {
    .form-group-row[b-c7gj5li8h8] {
        flex-direction: column;
    }

        .form-group-row .form-group[b-c7gj5li8h8] {
            width: 100%;
        }

    /* Em vez de rolagem horizontal (não dá pra arrastar em toda extensão/emulação de mobile), cada linha
       vira um card empilhado, com o nome da coluna aparecendo antes do valor - não precisa mais rolar
       pro lado (2026-09-01, pedido explícito). */
    .table-responsive[b-c7gj5li8h8] {
        overflow-x: visible;
    }

    .grid-container[b-c7gj5li8h8] {
        display: block;
        min-width: 0;
    }

    .grid-header[b-c7gj5li8h8] {
        display: none;
    }

    .grid-row[b-c7gj5li8h8] {
        display: block;
        margin-bottom: 10px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 8px;
        overflow: hidden;
    }

    .grid-item[b-c7gj5li8h8] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        text-align: right;
        padding: 8px 12px;
    }

        .grid-item[b-c7gj5li8h8]::before {
            content: attr(data-label);
            font-weight: bold;
            text-align: left;
            color: #247FAC;
        }

    .Button-Container[b-c7gj5li8h8] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-c7gj5li8h8] {
            width: 100%;
            min-width: 0;
        }
}
/* _content/PrePostagem/Components/Pages/ConsultaEstoque.razor.rz.scp.css */
.Fundo-Container[b-los66fx0uh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
    position: relative;
}

.Img-fundo[b-los66fx0uh] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.Card[b-los66fx0uh] {
    position: relative;
    z-index: 1;
    width: min(1200px, 100%);
    margin: 20px auto;
    padding: 24px;
    border-radius: 16px;
    color: white;
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px) saturate(120%);
    overflow: hidden;
}

.header-Container[b-los66fx0uh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.title[b-los66fx0uh] {
    flex: 1;
    margin: 0;
    text-align: center;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.1;
}

.SubCards-Container[b-los66fx0uh] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

.SubCard[b-los66fx0uh] {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.08);
    padding: 20px;
    color: white;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(6px);
}

.SubCard-Large[b-los66fx0uh] {
    width: 100%;
}

.form-group-row[b-los66fx0uh] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.form-group[b-los66fx0uh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 220px;
    margin-bottom: 0;
}

    .form-group label[b-los66fx0uh] {
        font-weight: 600;
        color: #ffffff;
    }

[b-los66fx0uh] .campo-mud .mud-input-outlined {
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 8px;
}

[b-los66fx0uh] .campo-mud .mud-input-outlined-border {
    border-color: rgba(255, 255, 255, 0.20);
}

[b-los66fx0uh] .campo-mud input,
[b-los66fx0uh] .campo-mud .mud-select-input,
[b-los66fx0uh] .campo-mud .mud-input-slot {
    color: #222;
}

.form-control[b-los66fx0uh],
input[type="text"][b-los66fx0uh],
select[b-los66fx0uh] {
    width: 100%;
    min-height: 46px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.96);
    color: #222;
    font-size: 1rem;
    outline: none;
    box-sizing: border-box;
}

    .form-control:focus[b-los66fx0uh],
    input[type="text"]:focus[b-los66fx0uh],
    select:focus[b-los66fx0uh] {
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.18);
    }

.Button-Container[b-los66fx0uh] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.Button[b-los66fx0uh],
.Button-V[b-los66fx0uh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 12px 18px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .Button:hover[b-los66fx0uh],
    .Button-V:hover[b-los66fx0uh] {
        transform: translateY(-1px);
    }

    .Button:disabled[b-los66fx0uh] {
        opacity: 0.6;
        cursor: not-allowed;
        transform: none;
    }

.Button[b-los66fx0uh] {
    background-color: #28a745;
}

    .Button:hover[b-los66fx0uh] {
        background-color: #218838;
    }

.Button-V[b-los66fx0uh] {
    background-color: #247FAC;
}

    .Button-V:hover[b-los66fx0uh] {
        background-color: #1d678d;
    }

.Button img[b-los66fx0uh],
.Button-V img[b-los66fx0uh] {
    width: 22px;
    height: 22px;
}

.resumo-estoque[b-los66fx0uh] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
    margin-bottom: 8px;
}

.resumo-item[b-los66fx0uh] {
    flex: 1 1 220px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 18px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.resumo-label[b-los66fx0uh] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.75);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.resumo-valor[b-los66fx0uh] {
    font-size: 1.4rem;
    font-weight: 700;
}

.grid-container-estoque[b-los66fx0uh] {
    display: grid;
    grid-template-columns: 1fr 2.2fr 1fr 1fr 1fr 1fr 1fr;
    gap: 0;
    width: 100%;
    margin-top: 16px;
}

.btn-icon[b-los66fx0uh] {
    background: transparent;
    border: none;
    padding: 4px;
    margin: 0 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .btn-icon img[b-los66fx0uh] {
        width: 24px;
        height: 24px;
    }

.grid-header[b-los66fx0uh] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-header-sortable[b-los66fx0uh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    font-size: 1em;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .grid-header-sortable:hover[b-los66fx0uh] {
        background-color: #1d678d;
    }

.sort-indicator[b-los66fx0uh] {
    font-size: 0.75em;
    min-width: 0.9em;
}

.paginacao-container[b-los66fx0uh] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.paginacao-nav[b-los66fx0uh] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.paginacao-info[b-los66fx0uh] {
    font-weight: 600;
    color: #fff;
}

.paginacao-nav .Button-V[b-los66fx0uh] {
    min-height: 40px;
    padding: 8px 16px;
}

.grid-row[b-los66fx0uh] {
    display: contents;
}

.grid-item[b-los66fx0uh] {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    background-color: #fff;
    min-height: 52px;
}

.grid-row:nth-of-type(odd) .grid-item[b-los66fx0uh] {
    background-color: #f5fbfb;
}

.grid-row:nth-of-type(even) .grid-item[b-los66fx0uh] {
    background-color: #e1f2f4;
}

.situacao-badge[b-los66fx0uh] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
}

.situacao-ativo[b-los66fx0uh] {
    background-color: rgba(40, 167, 69, 0.15);
    color: #198754;
}

.situacao-inativo[b-los66fx0uh] {
    background-color: rgba(220, 53, 69, 0.15);
    color: #dc3545;
}

.btn-detalhamento[b-los66fx0uh] {
    background: transparent;
    border: none;
    margin-left: 6px;
    padding: 2px 6px;
    cursor: pointer;
    color: #247FAC;
    font-size: 0.75rem;
}

.detalhe-buckets[b-los66fx0uh] {
    grid-column: 1 / -1;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    background-color: #eef6f8;
}

.bucket-chip[b-los66fx0uh] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 600;
}

.bucket-geral[b-los66fx0uh] {
    background-color: rgba(36, 127, 172, 0.15);
    color: #247FAC;
}

.bucket-operador[b-los66fx0uh] {
    background-color: rgba(111, 66, 193, 0.15);
    color: #6f42c1;
}

.no-results[b-los66fx0uh] {
    grid-column: 1 / -1;
    padding: 12px;
    color: white;
    font-weight: bold;
}

.loading-message[b-los66fx0uh],
.info-message[b-los66fx0uh],
.error-message[b-los66fx0uh] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
}

.loading-message[b-los66fx0uh],
.info-message[b-los66fx0uh] {
    background-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.error-message[b-los66fx0uh] {
    background-color: rgba(220, 53, 69, 0.16);
    color: #fff;
}

.Confirmar[b-los66fx0uh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 12px 18px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    background-color: #dc3545;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .Confirmar:hover[b-los66fx0uh] {
        background-color: #b02a37;
        transform: translateY(-1px);
    }

.modal[b-los66fx0uh] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-dialog[b-los66fx0uh] {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.modal-content[b-los66fx0uh] {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    color: #111;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
}

.modal-header[b-los66fx0uh],
.modal-footer[b-los66fx0uh] {
    padding: 16px 20px;
}

.modal-header[b-los66fx0uh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e9ecef;
}

.modal-body[b-los66fx0uh] {
    padding: 20px;
    max-height: 70vh;
    overflow-y: auto;
    color: #111;
}

.modal-footer[b-los66fx0uh] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    border-top: 1px solid #dee2e6;
}

.close[b-los66fx0uh] {
    background: transparent;
    border: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    opacity: 0.65;
    cursor: pointer;
}

    .close:hover[b-los66fx0uh] {
        opacity: 1;
    }

@media (max-width: 992px) {
    .grid-container-estoque[b-los66fx0uh] {
        grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr 1fr;
    }

    .title[b-los66fx0uh] {
        text-align: left;
    }

    .header-Container[b-los66fx0uh] {
        align-items: flex-start;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-los66fx0uh] {
        padding: 16px;
    }

    .Card[b-los66fx0uh] {
        padding: 16px;
    }

    .form-group-row[b-los66fx0uh] {
        flex-direction: column;
        align-items: stretch;
    }

    /* "flex: 1 1 220px" (regra de desktop) define 220px de base pro eixo principal - na horizontal isso
       é largura, mas assim que ".form-group-row" vira "flex-direction:column" aqui, o eixo principal
       passa a ser a ALTURA, esticando cada ".form-group" pra 220px de altura em vez de largura (mesmo
       bug já corrigido em ConsultaCadProd.razor.css/EntradaProdutos.razor.css) (2026-09-02).
       "flex-basis:auto" reseta a base pro tamanho do conteúdo. */
    .form-group[b-los66fx0uh] {
        width: 100%;
        flex-basis: auto;
    }

    .Button[b-los66fx0uh],
    .Button-V[b-los66fx0uh] {
        width: 100%;
    }

    .paginacao-container[b-los66fx0uh] {
        flex-direction: column;
        align-items: stretch;
    }

    /* A regra geral ".Button,.Button-V{width:100%}" acima também alcançava "Anterior"/"Próxima" aqui
       dentro, que deveriam ficar compactos lado a lado com o texto de página, não 100% cada um dentro
       de uma linha de 3 itens (mesmo ajuste de EntradaProdutos.razor.css) (2026-09-02). */
    .paginacao-nav[b-los66fx0uh] {
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .paginacao-nav .Button-V[b-los66fx0uh] {
            width: auto;
            flex: 1 1 auto;
        }

    /* Sem função de reordenar no mobile (pedido explícito, 2026-09-02) - "grid-header" tem 6 cabeçalhos
       que são <button> de ordenação de verdade (AlternarOrdenacao) e 1 que é só rótulo ("Ferramentas"),
       mas nesta faixa eles só são escondidos mesmo. A ordenação escolhida antes de encolher a tela
       continua valendo (só não dá pra trocar por aqui). */
    .grid-container-estoque[b-los66fx0uh] {
        grid-template-columns: 1fr;
    }

    .grid-header[b-los66fx0uh] {
        display: none;
    }

    .grid-row[b-los66fx0uh] {
        display: block;
        margin-bottom: 12px;
        background-color: rgba(255, 255, 255, 0.92);
        border-radius: 10px;
        overflow: hidden;
    }

    .grid-item[b-los66fx0uh] {
        justify-content: space-between;
        text-align: left;
        border-radius: 0;
        border-bottom: 1px solid #e9ecef;
        padding: 14px;
    }

    .grid-row .grid-item:last-child[b-los66fx0uh] {
        border-bottom: none;
    }

    .grid-item[b-los66fx0uh]::before {
        content: attr(data-label);
        font-weight: 700;
        color: #247FAC;
        margin-right: 12px;
    }

    .modal-footer[b-los66fx0uh] {
        flex-direction: column;
    }
}
/* _content/PrePostagem/Components/Pages/ConsultaExportacoesPPN.razor.rz.scp.css */
.Fundo-Container[b-vatnfwnkv4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-vatnfwnkv4] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-vatnfwnkv4] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-vatnfwnkv4] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-vatnfwnkv4] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-vatnfwnkv4] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-vatnfwnkv4] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-vatnfwnkv4] {
        flex: 1;
    }



.Button-Container[b-vatnfwnkv4] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-vatnfwnkv4], .button-Menu[b-vatnfwnkv4], .Button[b-vatnfwnkv4] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-vatnfwnkv4] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-vatnfwnkv4] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-vatnfwnkv4] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-vatnfwnkv4], .button-Menu img[b-vatnfwnkv4], .Button img[b-vatnfwnkv4] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-vatnfwnkv4] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-vatnfwnkv4] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-vatnfwnkv4] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-vatnfwnkv4],
input[type="email"][b-vatnfwnkv4] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-vatnfwnkv4] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-vatnfwnkv4] {
    flex: 2;
}

.SubCard-Title[b-vatnfwnkv4] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-vatnfwnkv4] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/ConsultaFechamentosCaixa.razor.rz.scp.css */
.Fundo-Container[b-t33i2rmbdf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
    position: relative;
}

.Img-fundo[b-t33i2rmbdf] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.Card[b-t33i2rmbdf] {
    position: relative;
    z-index: 1;
    width: min(1200px, 100%);
    margin: 20px auto;
    padding: 24px;
    border-radius: 16px;
    color: white;
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px) saturate(120%);
    overflow: hidden;
}

.header-Container[b-t33i2rmbdf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
}

.title[b-t33i2rmbdf] {
    margin: 0;
    text-align: center;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    line-height: 1.1;
}

.SubCards-Container[b-t33i2rmbdf] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 12px;
}

.SubCard[b-t33i2rmbdf] {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.08);
    padding: 20px;
    color: white;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(6px);
}

.SubCard-Large[b-t33i2rmbdf] {
    width: 100%;
}

.form-group-row[b-t33i2rmbdf] {
    display: flex;
    justify-content: flex-start;
    align-items: end;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.form-group[b-t33i2rmbdf] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 220px;
    margin-bottom: 0;
}

.form-hint[b-t33i2rmbdf] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.85rem;
}

    .form-group label[b-t33i2rmbdf] {
        font-weight: 600;
        color: #ffffff;
    }

[b-t33i2rmbdf] .campo-mud .mud-input-outlined {
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 8px;
}

[b-t33i2rmbdf] .campo-mud .mud-input-outlined-border {
    border-color: rgba(255, 255, 255, 0.20);
}

[b-t33i2rmbdf] .campo-mud input,
[b-t33i2rmbdf] .campo-mud .mud-select-input,
[b-t33i2rmbdf] .campo-mud .mud-input-slot {
    color: #222;
}

.form-control[b-t33i2rmbdf],
select[b-t33i2rmbdf] {
    width: 100%;
    min-height: 46px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.96);
    color: #222;
    font-size: 1rem;
    outline: none;
    box-sizing: border-box;
}

    .form-control:focus[b-t33i2rmbdf],
    select:focus[b-t33i2rmbdf] {
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.18);
    }

.Button-Container[b-t33i2rmbdf] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-top: 20px;
}

.Button[b-t33i2rmbdf],
.Button-V[b-t33i2rmbdf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 12px 18px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .Button:hover[b-t33i2rmbdf],
    .Button-V:hover[b-t33i2rmbdf] {
        transform: translateY(-1px);
    }

    .Button:disabled[b-t33i2rmbdf] {
        opacity: 0.6;
        cursor: not-allowed;
        transform: none;
    }

.Button[b-t33i2rmbdf] {
    background-color: #28a745;
}

    .Button:hover[b-t33i2rmbdf] {
        background-color: #218838;
    }

.Button-V[b-t33i2rmbdf] {
    background-color: #247FAC;
}

    .Button-V:hover[b-t33i2rmbdf] {
        background-color: #1d678d;
    }

.Button img[b-t33i2rmbdf],
.Button-V img[b-t33i2rmbdf] {
    width: 22px;
    height: 22px;
}

.resumo-caixas[b-t33i2rmbdf] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
    margin-bottom: 8px;
}

.resumo-item[b-t33i2rmbdf] {
    flex: 1 1 220px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 18px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.resumo-label[b-t33i2rmbdf] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.75);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.resumo-valor[b-t33i2rmbdf] {
    font-size: 1.4rem;
    font-weight: 700;
}

.resumo-caption[b-t33i2rmbdf] {
    font-size: 0.75rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
}

/* Único gráfico da tela - card centralizado, não um grid de vários. Virou <button> (2026-08-17, pedido
   explícito: "deixe o dashboard clicável") pra abrir/fechar o resumo por operador + a grade "Caixas do
   Período" - reset de estilo de botão nativo por cima do visual de card que já existia. */
.chart-card-single[b-t33i2rmbdf] {
    display: block;
    width: 100%;
    max-width: 480px;
    margin: 16px auto 0;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.92);
    padding: 16px;
    color: #222;
    font-family: inherit;
}

.chart-card-clicavel[b-t33i2rmbdf] {
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

    .chart-card-clicavel:hover[b-t33i2rmbdf] {
        transform: translateY(-2px);
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
    }

.chart-clique-hint[b-t33i2rmbdf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #247FAC;
}

.chart-title[b-t33i2rmbdf] {
    margin: 0 0 12px 0;
    font-size: 1rem;
    font-weight: 700;
    color: #222;
    text-align: center;
}

.no-results-chart[b-t33i2rmbdf] {
    padding: 12px;
    text-align: center;
    color: #555;
    font-weight: bold;
}

.grid-container-caixas[b-t33i2rmbdf] {
    display: grid;
    grid-template-columns: 1.3fr 1.15fr 1fr 1.1fr 1fr 0.9fr;
    gap: 0;
    margin-top: 12px;
}

.grid-header[b-t33i2rmbdf] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-header-sortable[b-t33i2rmbdf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    font-size: 1em;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .grid-header-sortable:hover[b-t33i2rmbdf] {
        background-color: #1d678d;
    }

.sort-indicator[b-t33i2rmbdf] {
    font-size: 0.75em;
    min-width: 0.9em;
}

.grid-row[b-t33i2rmbdf] {
    display: contents;
}

.grid-item[b-t33i2rmbdf] {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    background-color: #fff;
    min-height: 52px;
}

.grid-row:nth-of-type(odd) .grid-item[b-t33i2rmbdf] {
    background-color: #f5fbfb;
}

.grid-row:nth-of-type(even) .grid-item[b-t33i2rmbdf] {
    background-color: #e1f2f4;
}

.btn-detalhe[b-t33i2rmbdf] {
    background-color: #247FAC;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 0.85rem;
    cursor: pointer;
    white-space: nowrap;
}

    .btn-detalhe:hover[b-t33i2rmbdf] {
        background-color: #1d678d;
    }

.situacao-badge[b-t33i2rmbdf] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
}

.situacao-ativo[b-t33i2rmbdf] {
    background-color: rgba(40, 167, 69, 0.15);
    color: #198754;
}

.situacao-inativo[b-t33i2rmbdf] {
    background-color: rgba(220, 53, 69, 0.15);
    color: #dc3545;
}

.no-results[b-t33i2rmbdf] {
    grid-column: 1 / -1;
    padding: 12px;
    color: white;
    font-weight: bold;
}

.paginacao-container[b-t33i2rmbdf] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.paginacao-nav[b-t33i2rmbdf] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.paginacao-info[b-t33i2rmbdf] {
    font-weight: 600;
    color: #fff;
}

.paginacao-nav .Button-V[b-t33i2rmbdf] {
    min-height: 40px;
    padding: 8px 16px;
}

.loading-message[b-t33i2rmbdf],
.info-message[b-t33i2rmbdf],
.error-message[b-t33i2rmbdf] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
}

.loading-message[b-t33i2rmbdf],
.info-message[b-t33i2rmbdf] {
    background-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.error-message[b-t33i2rmbdf] {
    background-color: rgba(220, 53, 69, 0.16);
    color: #fff;
}

@media (max-width: 768px) {
    .Fundo-Container[b-t33i2rmbdf] {
        padding: 16px;
    }

    .Card[b-t33i2rmbdf] {
        padding: 16px;
    }

    .form-group-row[b-t33i2rmbdf] {
        flex-direction: column;
        align-items: stretch;
    }

    /* "flex: 1 1 220px" (regra de desktop) define 220px de base pro eixo principal - na horizontal isso
       é largura, mas assim que ".form-group-row" vira "flex-direction:column" aqui, o eixo principal
       passa a ser a ALTURA, esticando cada ".form-group" pra 220px de altura em vez de largura (mesmo
       bug já corrigido nas demais telas de produto/caixa) (2026-09-02). "flex-basis:auto" reseta a base
       pro tamanho do conteúdo. */
    .form-group[b-t33i2rmbdf] {
        width: 100%;
        flex-basis: auto;
    }

    .Button[b-t33i2rmbdf],
    .Button-V[b-t33i2rmbdf] {
        width: 100%;
    }

    .paginacao-container[b-t33i2rmbdf] {
        flex-direction: column;
        align-items: stretch;
    }

    /* A regra geral acima também alcançava "Anterior"/"Próxima" aqui dentro, que deveriam ficar
       compactos lado a lado com o texto de página, não 100% cada um numa linha de 3 itens (mesmo ajuste
       das demais telas) (2026-09-02). */
    .paginacao-nav[b-t33i2rmbdf] {
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .paginacao-nav .Button-V[b-t33i2rmbdf] {
            width: auto;
            flex: 1 1 auto;
        }

    .grid-container-caixas[b-t33i2rmbdf] {
        grid-template-columns: 1fr;
    }

    .grid-header[b-t33i2rmbdf] {
        display: none;
    }

    .grid-row[b-t33i2rmbdf] {
        display: block;
        margin-bottom: 12px;
        background-color: rgba(255, 255, 255, 0.92);
        border-radius: 10px;
        overflow: hidden;
    }

    .grid-item[b-t33i2rmbdf] {
        justify-content: space-between;
        text-align: left;
        border-radius: 0;
        border-bottom: 1px solid #e9ecef;
        padding: 14px;
    }

    .grid-row .grid-item:last-child[b-t33i2rmbdf] {
        border-bottom: none;
    }

    .grid-item[b-t33i2rmbdf]::before {
        content: attr(data-label);
        font-weight: 700;
        color: #247FAC;
        margin-right: 12px;
    }
}
/* _content/PrePostagem/Components/Pages/ConsultaFuncCadastrados.razor.rz.scp.css */
.Fundo-Container[b-jn42z83w4s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-jn42z83w4s] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-jn42z83w4s] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-jn42z83w4s] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-jn42z83w4s] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-jn42z83w4s] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-jn42z83w4s] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-jn42z83w4s] {
        flex: 1;
    }



.Button-Container[b-jn42z83w4s] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-jn42z83w4s], .button-Menu[b-jn42z83w4s], .Button[b-jn42z83w4s] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-jn42z83w4s] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-jn42z83w4s] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-jn42z83w4s] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-jn42z83w4s], .button-Menu img[b-jn42z83w4s], .Button img[b-jn42z83w4s] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-jn42z83w4s] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-jn42z83w4s] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-jn42z83w4s] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-jn42z83w4s],
input[type="email"][b-jn42z83w4s] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-jn42z83w4s] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-jn42z83w4s] {
    flex: 2;
}

.SubCard-Title[b-jn42z83w4s] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-jn42z83w4s] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}


.grid-container[b-jn42z83w4s] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 10px;
}

.grid-header[b-jn42z83w4s] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-jn42z83w4s] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-jn42z83w4s] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-jn42z83w4s] {
        background-color: #e1f2f4;
    }


.grid-item[b-jn42z83w4s] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.btn-icon[b-jn42z83w4s] {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    color: #007bff; /* Cor dos ícones */
    font-size: 16px;
}

    .btn-icon:hover[b-jn42z83w4s] {
        color: #0056b3; /* Cor dos ícones ao passar o mouse */
    }
/* _content/PrePostagem/Components/Pages/ConsultaLogReversa.razor.rz.scp.css */
.Fundo-Container[b-s1skylsgaa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-s1skylsgaa] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-s1skylsgaa] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-s1skylsgaa] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-s1skylsgaa] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-s1skylsgaa] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-s1skylsgaa] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-s1skylsgaa] {
        flex: 1;
    }



.Button-Container[b-s1skylsgaa] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-s1skylsgaa], .button-Menu[b-s1skylsgaa], .Button[b-s1skylsgaa] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-s1skylsgaa] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-s1skylsgaa] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-s1skylsgaa] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-s1skylsgaa], .button-Menu img[b-s1skylsgaa], .Button img[b-s1skylsgaa] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-s1skylsgaa] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-s1skylsgaa] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-s1skylsgaa] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-s1skylsgaa],
input[type="email"][b-s1skylsgaa] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-s1skylsgaa] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-s1skylsgaa] {
    flex: 2;
}

.SubCard-Title[b-s1skylsgaa] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-s1skylsgaa] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/ConsultaMoeda.razor.rz.scp.css */
.Fundo-Container[b-pl9nogzkaz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-pl9nogzkaz] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

/*.title {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}*/

.Img-fundo[b-pl9nogzkaz] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-pl9nogzkaz] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-pl9nogzkaz] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-pl9nogzkaz] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-pl9nogzkaz] {
        flex: 1;
    }

.header-Container[b-pl9nogzkaz] {
    display: flex;
    justify-content: space-between; /* Título à esquerda, botão à direita */
    align-items: center; /* Centraliza verticalmente */
    width: 100%; /* Ocupa toda a largura do card */
    margin-bottom: 20px; /* Espaçamento opcional */
}

/* Título centralizado (ocupa o espaço disponível) */
.title[b-pl9nogzkaz] {
    flex-grow: 1; /* Ocupa todo o espaço restante */
    text-align: center; /* Centraliza o texto */
    font-size: 3.3em;
    margin: 0; /* Remove margens padrão */
}

/* Botão alinhado à direita */
.Cadastro[b-pl9nogzkaz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
    background-color: green
}

    .Cadastro:hover[b-pl9nogzkaz] {
        background-color: darkgreen;
    }


.Button-Container[b-pl9nogzkaz] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-pl9nogzkaz], .button-Menu[b-pl9nogzkaz], .Button[b-pl9nogzkaz] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-pl9nogzkaz] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-pl9nogzkaz] {
    background-color: green;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-pl9nogzkaz] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-pl9nogzkaz], .Button img[b-pl9nogzkaz] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-pl9nogzkaz] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-pl9nogzkaz] {
    background-color: darkgreen; /* Cor mais escura para o hover */
}

.Button:hover[b-pl9nogzkaz] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-pl9nogzkaz],
input[type="email"][b-pl9nogzkaz] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-pl9nogzkaz] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-pl9nogzkaz] {
    flex: 2;
}

.SubCard-Title[b-pl9nogzkaz] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-pl9nogzkaz] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}


.grid-container[b-pl9nogzkaz] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 10px;
}

.grid-header[b-pl9nogzkaz] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-pl9nogzkaz] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-pl9nogzkaz] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-pl9nogzkaz] {
        background-color: #e1f2f4;
    }


.grid-item[b-pl9nogzkaz] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.btn-icon[b-pl9nogzkaz] {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    color: #007bff; /* Cor dos ícones */
    font-size: 16px;
}

    .btn-icon:hover[b-pl9nogzkaz] {
        color: #0056b3; /* Cor dos ícones ao passar o mouse */
    }

.modal[b-pl9nogzkaz] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
}

.modal-dialog[b-pl9nogzkaz] {
    max-width: 500px;
    margin: 1.75rem auto;
}

.modal-content[b-pl9nogzkaz] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.modal-header[b-pl9nogzkaz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    color: black;
}

.modal-body[b-pl9nogzkaz] {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    color: black;
}

.modal-footer[b-pl9nogzkaz] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
}




.close[b-pl9nogzkaz] {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background: transparent;
    border: 0;
}

    .close:hover[b-pl9nogzkaz] {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }


.Confirmar[b-pl9nogzkaz] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
    background-color: red;
}

    .Confirmar:hover[b-pl9nogzkaz] {
        background-color: darkred;
    }
/* _content/PrePostagem/Components/Pages/ConsultaMovimentacoesCaixa.razor.rz.scp.css */
.Fundo-Container[b-kufa21snhd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
    position: relative;
}

.Img-fundo[b-kufa21snhd] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.Card[b-kufa21snhd] {
    position: relative;
    z-index: 1;
    width: min(1200px, 100%);
    margin: 20px auto;
    padding: 24px;
    border-radius: 16px;
    color: white;
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px) saturate(120%);
    overflow: hidden;
}

.header-Container[b-kufa21snhd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
}

.title[b-kufa21snhd] {
    margin: 0;
    text-align: center;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    line-height: 1.1;
}

.SubCards-Container[b-kufa21snhd] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 12px;
}

.SubCard[b-kufa21snhd] {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.08);
    padding: 20px;
    color: white;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(6px);
}

.SubCard-Large[b-kufa21snhd] {
    width: 100%;
}

.form-hint[b-kufa21snhd] {
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 16px;
}

.form-group-row[b-kufa21snhd] {
    display: flex;
    justify-content: flex-start;
    align-items: end;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.form-group[b-kufa21snhd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 220px;
    margin-bottom: 0;
}

    .form-group label[b-kufa21snhd] {
        font-weight: 600;
        color: #ffffff;
    }

[b-kufa21snhd] .campo-mud .mud-input-outlined {
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 8px;
}

[b-kufa21snhd] .campo-mud .mud-input-outlined-border {
    border-color: rgba(255, 255, 255, 0.20);
}

[b-kufa21snhd] .campo-mud input,
[b-kufa21snhd] .campo-mud .mud-select-input,
[b-kufa21snhd] .campo-mud .mud-input-slot {
    color: #222;
}

.Button-Container[b-kufa21snhd] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-top: 20px;
}

.Button[b-kufa21snhd],
.Button-V[b-kufa21snhd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 12px 18px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .Button:hover[b-kufa21snhd],
    .Button-V:hover[b-kufa21snhd] {
        transform: translateY(-1px);
    }

    .Button:disabled[b-kufa21snhd] {
        opacity: 0.6;
        cursor: not-allowed;
        transform: none;
    }

.Button[b-kufa21snhd] {
    background-color: #28a745;
}

    .Button:hover[b-kufa21snhd] {
        background-color: #218838;
    }

.Button-V[b-kufa21snhd] {
    background-color: #247FAC;
}

    .Button-V:hover[b-kufa21snhd] {
        background-color: #1d678d;
    }

.Button img[b-kufa21snhd],
.Button-V img[b-kufa21snhd] {
    width: 22px;
    height: 22px;
}

.resumo-mov[b-kufa21snhd] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
    margin-bottom: 8px;
}

.resumo-item[b-kufa21snhd] {
    flex: 1 1 220px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 18px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.resumo-destaque[b-kufa21snhd] {
    background-color: rgba(40, 167, 69, 0.2);
    border-color: rgba(40, 167, 69, 0.4);
}

.resumo-label[b-kufa21snhd] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.75);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.resumo-valor[b-kufa21snhd] {
    font-size: 1.4rem;
    font-weight: 700;
}

.grid-scroll-mov[b-kufa21snhd] {
    width: 100%;
    overflow-x: auto;
    margin-top: 16px;
}

.grid-container-mov[b-kufa21snhd] {
    display: grid;
    grid-template-columns: 1.2fr 1.3fr 1.3fr 1fr 1.2fr 0.9fr 1.7fr;
    gap: 0;
    min-width: 1150px;
}

.grid-header[b-kufa21snhd] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-header-sortable[b-kufa21snhd] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    font-size: 1em;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .grid-header-sortable:hover[b-kufa21snhd] {
        background-color: #1d678d;
    }

.sort-indicator[b-kufa21snhd] {
    font-size: 0.75em;
    min-width: 0.9em;
}

.paginacao-container[b-kufa21snhd] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.paginacao-nav[b-kufa21snhd] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.paginacao-info[b-kufa21snhd] {
    font-weight: 600;
    color: #fff;
}

.paginacao-nav .Button-V[b-kufa21snhd] {
    min-height: 40px;
    padding: 8px 16px;
}

.grid-row[b-kufa21snhd] {
    display: contents;
}

.grid-item[b-kufa21snhd] {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    background-color: #fff;
    min-height: 52px;
}

.grid-row:nth-of-type(odd) .grid-item[b-kufa21snhd] {
    background-color: #f5fbfb;
}

.grid-row:nth-of-type(even) .grid-item[b-kufa21snhd] {
    background-color: #e1f2f4;
}

.situacao-badge[b-kufa21snhd] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
}

.situacao-ativo[b-kufa21snhd] {
    background-color: rgba(40, 167, 69, 0.15);
    color: #198754;
}

.situacao-inativo[b-kufa21snhd] {
    background-color: rgba(220, 53, 69, 0.15);
    color: #dc3545;
}

.situacao-info[b-kufa21snhd] {
    background-color: rgba(36, 127, 172, 0.15);
    color: #247FAC;
}

.no-results[b-kufa21snhd] {
    grid-column: 1 / -1;
    padding: 12px;
    color: white;
    font-weight: bold;
}

.loading-message[b-kufa21snhd],
.info-message[b-kufa21snhd],
.error-message[b-kufa21snhd] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
}

.loading-message[b-kufa21snhd],
.info-message[b-kufa21snhd] {
    background-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.error-message[b-kufa21snhd] {
    background-color: rgba(220, 53, 69, 0.16);
    color: #fff;
}

@media (max-width: 768px) {
    .Fundo-Container[b-kufa21snhd] {
        padding: 16px;
    }

    .Card[b-kufa21snhd] {
        padding: 16px;
    }

    .form-group-row[b-kufa21snhd] {
        flex-direction: column;
        align-items: stretch;
    }

    /* "flex: 1 1 220px" (regra de desktop) define 220px de base pro eixo principal - na horizontal isso
       é largura, mas assim que ".form-group-row" vira "flex-direction:column" aqui, o eixo principal
       passa a ser a ALTURA, esticando cada ".form-group" pra 220px de altura em vez de largura (mesmo
       bug já corrigido nas demais telas de produto/caixa) (2026-09-02). "flex-basis:auto" reseta a base
       pro tamanho do conteúdo. */
    .form-group[b-kufa21snhd] {
        width: 100%;
        flex-basis: auto;
    }

    .Button[b-kufa21snhd],
    .Button-V[b-kufa21snhd] {
        width: 100%;
    }

    .paginacao-container[b-kufa21snhd] {
        flex-direction: column;
        align-items: stretch;
    }

    /* A regra geral acima também alcançava "Anterior"/"Próxima" aqui dentro, que deveriam ficar
       compactos lado a lado com o texto de página, não 100% cada um numa linha de 3 itens (mesmo ajuste
       das demais telas) (2026-09-02). */
    .paginacao-nav[b-kufa21snhd] {
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .paginacao-nav .Button-V[b-kufa21snhd] {
            width: auto;
            flex: 1 1 auto;
        }

    .grid-container-mov[b-kufa21snhd] {
        grid-template-columns: 1fr;
        min-width: unset;
    }

    .grid-header[b-kufa21snhd] {
        display: none;
    }

    .grid-row[b-kufa21snhd] {
        display: block;
        margin-bottom: 12px;
        background-color: rgba(255, 255, 255, 0.92);
        border-radius: 10px;
        overflow: hidden;
    }

    .grid-item[b-kufa21snhd] {
        justify-content: space-between;
        text-align: left;
        border-radius: 0;
        border-bottom: 1px solid #e9ecef;
        padding: 14px;
    }

    .grid-row .grid-item:last-child[b-kufa21snhd] {
        border-bottom: none;
    }

    .grid-item[b-kufa21snhd]::before {
        content: attr(data-label);
        font-weight: 700;
        color: #247FAC;
        margin-right: 12px;
    }
}
/* _content/PrePostagem/Components/Pages/ConsultaObj.razor.rz.scp.css */
.Fundo-Container[b-zo8gb2haah] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-zo8gb2haah] {
    position: relative; 
    z-index: 1;
    background: rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%; 
    margin: 20px auto; 
    color: black;
    overflow-y: auto;
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - mesmo ajuste aplicado nas demais telas
       (2026-09-02). */
    overflow-x: visible;
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
    font-size: 1.1em;
    font-weight: bold;
}

.title[b-zo8gb2haah] {
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 20px;
    color: black;
}

.Img-fundo[b-zo8gb2haah] {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; 
    z-index: -1; 
}

.form-group[b-zo8gb2haah] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-zo8gb2haah] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-zo8gb2haah] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-zo8gb2haah] {
        flex: 1;
    }



.Button-Container[b-zo8gb2haah] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.Button-V[b-zo8gb2haah], .button-Menu[b-zo8gb2haah], .Button[b-zo8gb2haah] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; 
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    gap: 10px; 
}


.button-Menu[b-zo8gb2haah] {
    background-color: #247FAC;
}
.Button[b-zo8gb2haah] {
    background-color: #28a745;
}

    .Button-V img[b-zo8gb2haah], .button-Menu img[b-zo8gb2haah], .Button img[b-zo8gb2haah] {
        width: 40px; 
        height: 40px;
        filter: brightness(0) invert(1); 
    }

}
.Button-V:hover[b-zo8gb2haah] {
    background-color: #1c5f7d; 
}

.button-Menu:hover[b-zo8gb2haah] {
    background-color: #1c5f7d; 
}

.Button:hover[b-zo8gb2haah] {
    background-color: #218838; 
}



input[type="text"][b-zo8gb2haah],
input[type="email"][b-zo8gb2haah] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: black;
}

.SubCard[b-zo8gb2haah] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-zo8gb2haah] {
    flex: 2;
}

.SubCard-Title[b-zo8gb2haah] {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-zo8gb2haah] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}


.embalagem-container[b-zo8gb2haah] {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}


.embalagem-card[b-zo8gb2haah] {
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    color: black;
}

    .embalagem-card:hover[b-zo8gb2haah] {
        border-color: #007bff;
        box-shadow: 0 0 10px rgba(0, 123, 255, 0.2);
        color: black;
    }

    .embalagem-card.selected[b-zo8gb2haah] {
        border: 5px solid #007bff;
        background-color: #f0f8ff;
    }

.embalagem-icon img[b-zo8gb2haah] {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.embalagem-title[b-zo8gb2haah] {
    font-weight: bold;
    margin: 10px 0 5px;
}

.embalagem-desc[b-zo8gb2haah] {
    font-size: 0.8rem;
    color: #666;
}


.disable-tab-headers[b-zo8gb2haah] {
    display: none !important;
}

.mud-snackbar-content[b-zo8gb2haah] {
    font-size: 14px;
}

.mud-alert-filled-error[b-zo8gb2haah] {
    background-color: #d32f2f !important;
}

.modal-header[b-zo8gb2haah] {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title[b-zo8gb2haah] {
    margin: 0;
}

.modal-body[b-zo8gb2haah] {
    padding: 1rem;
}

.modal-footer[b-zo8gb2haah] {
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.close[b-zo8gb2haah] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
}

.custom-dialog .mud-dialog-container[b-zo8gb2haah] {
    width: 90vw;
    max-width: 1200px;
    height: 80vh;
}

.custom-dialog .mud-dialog-content[b-zo8gb2haah] {
    max-height: calc(80vh - 150px);
    overflow-y: auto;
}

.input-with-loader[b-zo8gb2haah] {
    position: relative;
}

.loader-cep[b-zo8gb2haah] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    animation: spin-b-zo8gb2haah 1s linear infinite;
}

.modal-blur-background[b-zo8gb2haah] {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    background-color: rgba(0, 0, 0, 0.25) !important;
}

.Consultar:disabled[b-zo8gb2haah]{
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

@keyframes spin-b-zo8gb2haah {
    0% {
        transform: translateY(-50%) rotate(0deg);
    }

    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}

.text-danger.small[b-zo8gb2haah] {
    font-size: 0.8rem;
    100%

{
    transform: translateY(-50) rotate(360deg);
}

}


input[readonly][b-zo8gb2haah] {
    background-color: #e9ecef;
    opacity: 1;
}

.Button-Container[b-zo8gb2haah] {
    display: flex;
    justify-content: flex-end; /* Alinha os botões à direita */
    gap: 15px; /* Espaço entre os botões */
    width: 100%;
    margin-top: 20px;
    padding: 0 10px;
}

.Consultar[b-zo8gb2haah] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto; /* Largura automática */
    min-width: 140px; /* Largura mínima reduzida */
    padding: 10px 20px; /* Padding reduzido */
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 14px; /* Fonte um pouco menor */
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    gap: 8px; /* Espaço reduzido entre ícone e texto */
    background-color: #28a745;
    text-decoration: none;
}

    .Consultar:hover[b-zo8gb2haah] {
        background-color: #218838;
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .Consultar img[b-zo8gb2haah] {
        width: 18px; /* Ícone menor */
        height: 18px;
        filter: brightness(0) invert(1);
    }



.Limpar[b-zo8gb2haah] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto; /* Largura automática */
    min-width: 120px; /* Largura mínima */
    padding: 10px 20px; /* Mesmo padding do Consultar */
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    gap: 8px;
    background-color: #6c757d;
    text-decoration: none;
}

    .Limpar:hover[b-zo8gb2haah] {
        background-color: #5a6268;
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .Limpar img[b-zo8gb2haah] {
        width: 18px;
        height: 18px;
        filter: brightness(0) invert(1);
    }


    .Consultar:disabled[b-zo8gb2haah], .Limpar:disabled[b-zo8gb2haah] {
        opacity: 0.6;
        cursor: not-allowed;
        transform: none;
    }

        .Consultar:disabled:hover[b-zo8gb2haah], .Limpar:disabled:hover[b-zo8gb2haah] {
            transform: none;
            box-shadow: none;
        }



.progress-container[b-zo8gb2haah] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    margin: 1rem 0;
}


/* Cores customizadas para os status personalizados */
.status-azul[b-zo8gb2haah] {
    background-color: #007ACC !important;
    color: white !important;
}

.status-marrom[b-zo8gb2haah] {
    background-color: #8B4513 !important;
    color: white !important;
}

.status-verde[b-zo8gb2haah] {
    background-color: #28a745 !important;
    color: white !important;
}

.status-bege[b-zo8gb2haah] {
    background-color: #F5F5DC !important;
    color: #8B4513 !important;
    border: 1px solid #D2B48C !important;
}

.status-vermelho[b-zo8gb2haah] {
    background-color: #dc3545 !important;
    color: white !important;
}

/* Para as bolinhas na legenda */
.status-azul[b-zo8gb2haah], .status-marrom[b-zo8gb2haah], .status-verde[b-zo8gb2haah], .status-bege[b-zo8gb2haah], .status-vermelho[b-zo8gb2haah] {
    display: inline-block;
}

/* Rodapé da grade (contador de selecionados + "Limpar Seleção" à esquerda, botões Gerar PDF/Exportar
   CSV/Deletar à direita) - as classes utilitárias usadas no .razor (d-flex/justify-space-between) não
   tinham flex-wrap, ficava espremido em telas estreitas (mesmo problema já corrigido no rodapé de
   BalcaoAtendimento.razor.css) (2026-09-02). */
.objetos-footer[b-zo8gb2haah] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px;
    width: 100%;
}

.objetos-footer-selecao[b-zo8gb2haah],
.objetos-footer-acoes[b-zo8gb2haah] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

/* Legenda (Fluxo + Status) - duas fileiras de ~5 itens cada, sem flex-wrap nenhum antes; numa tela
   estreita isso forçava rolagem horizontal escondida (2026-09-02, ao ajustar a responsividade). */
.objetos-legenda[b-zo8gb2haah] {
    flex-wrap: wrap;
    row-gap: 10px;
}

    /* Cada grupo de ~5 ícones (Fluxo/Status) é, por sua vez, sua própria linha flex sem wrap - sem isso,
       mesmo com o container externo quebrando linha, UM grupo sozinho já era largo o bastante pra
       vazar horizontalmente numa tela estreita. ">" evita pegar os pares ícone+rótulo internos
       (.gap-1), que sempre têm só 2 itens e não precisam quebrar. */
    .objetos-legenda > .d-flex[b-zo8gb2haah] {
        flex-wrap: wrap;
    }

/* Faixa de tablet - tela não tinha NENHUMA media query antes (2026-09-02). */
@media (max-width: 768px) {
    .Fundo-Container[b-zo8gb2haah] {
        padding: 12px;
    }

    .Card[b-zo8gb2haah] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-zo8gb2haah] {
        font-size: 1.3em;
        margin-bottom: 14px;
    }

    .SubCard[b-zo8gb2haah], .SubCard-Large[b-zo8gb2haah] {
        min-width: 100%;
        flex-basis: 100%;
    }

    .SubCards-Container[b-zo8gb2haah] {
        gap: 14px;
        margin-top: 14px;
    }

    input[type="text"][b-zo8gb2haah],
    input[type="email"][b-zo8gb2haah] {
        padding: 12px;
        font-size: 1em;
    }
}

@media (max-width: 600px) {
    .form-group-row[b-zo8gb2haah] {
        flex-direction: column;
    }

        .form-group-row .form-group[b-zo8gb2haah] {
            width: 100%;
        }

    .Button-Container[b-zo8gb2haah] {
        flex-direction: column;
        padding: 0;
    }

        .Button-Container .Consultar[b-zo8gb2haah],
        .Button-Container .Limpar[b-zo8gb2haah] {
            width: 100%;
            min-width: unset;
        }
}
/* _content/PrePostagem/Components/Pages/ConsultaOperador.razor.rz.scp.css */
.Fundo-Container[b-gk0b1hjkfc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-gk0b1hjkfc] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

/*.title {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}*/

.Img-fundo[b-gk0b1hjkfc] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-gk0b1hjkfc] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-gk0b1hjkfc] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-gk0b1hjkfc] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-gk0b1hjkfc] {
        flex: 1;
    }

.header-Container[b-gk0b1hjkfc] {
    display: flex;
    justify-content: space-between; /* Título à esquerda, botão à direita */
    align-items: center; /* Centraliza verticalmente */
    width: 100%; /* Ocupa toda a largura do card */
    margin-bottom: 20px; /* Espaçamento opcional */
}

/* Título centralizado (ocupa o espaço disponível) */
.title[b-gk0b1hjkfc] {
    flex-grow: 1; /* Ocupa todo o espaço restante */
    text-align: center; /* Centraliza o texto */
    font-size: 3.3em;
    margin: 0; /* Remove margens padrão */
}

/* Botão alinhado à direita */
.Cadastro[b-gk0b1hjkfc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
    background-color: green
}

    .Cadastro:hover[b-gk0b1hjkfc] {
        background-color: darkgreen;
    }


.Button-Container[b-gk0b1hjkfc] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-gk0b1hjkfc], .button-Menu[b-gk0b1hjkfc], .Button[b-gk0b1hjkfc] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-gk0b1hjkfc] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-gk0b1hjkfc] {
    background-color: green;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-gk0b1hjkfc] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-gk0b1hjkfc], .Button img[b-gk0b1hjkfc] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-gk0b1hjkfc] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-gk0b1hjkfc] {
    background-color: darkgreen; /* Cor mais escura para o hover */
}

.Button:hover[b-gk0b1hjkfc] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-gk0b1hjkfc],
input[type="email"][b-gk0b1hjkfc] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-gk0b1hjkfc] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-gk0b1hjkfc] {
    flex: 2;
}

.SubCard-Title[b-gk0b1hjkfc] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-gk0b1hjkfc] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}


.grid-container[b-gk0b1hjkfc] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 10px;
}

.grid-header[b-gk0b1hjkfc] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-gk0b1hjkfc] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-gk0b1hjkfc] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-gk0b1hjkfc] {
        background-color: #e1f2f4;
    }


.grid-item[b-gk0b1hjkfc] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.btn-icon[b-gk0b1hjkfc] {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    color: #007bff; /* Cor dos ícones */
    font-size: 16px;
}

    .btn-icon:hover[b-gk0b1hjkfc] {
        color: #0056b3; /* Cor dos ícones ao passar o mouse */
    }

.modal[b-gk0b1hjkfc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
}

.modal-dialog[b-gk0b1hjkfc] {
    max-width: 500px;
    margin: 1.75rem auto;
}

.modal-content[b-gk0b1hjkfc] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.modal-header[b-gk0b1hjkfc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    color: black;
}

.modal-body[b-gk0b1hjkfc] {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    color: black;
}

.modal-footer[b-gk0b1hjkfc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
}




.close[b-gk0b1hjkfc] {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background: transparent;
    border: 0;
}

    .close:hover[b-gk0b1hjkfc] {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }


.Confirmar[b-gk0b1hjkfc] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
    background-color: red;
}

    .Confirmar:hover[b-gk0b1hjkfc] {
        background-color: darkred;
    }
/* _content/PrePostagem/Components/Pages/ConsultaPlp.razor.rz.scp.css */
.Fundo-Container[b-6a2opl32f5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-6a2opl32f5] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-6a2opl32f5] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-6a2opl32f5] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-6a2opl32f5] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-6a2opl32f5] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-6a2opl32f5] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-6a2opl32f5] {
        flex: 1;
    }



.Button-Container[b-6a2opl32f5] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-6a2opl32f5], .button-Menu[b-6a2opl32f5], .Button[b-6a2opl32f5] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-6a2opl32f5] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-6a2opl32f5] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-6a2opl32f5] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-6a2opl32f5], .button-Menu img[b-6a2opl32f5], .Button img[b-6a2opl32f5] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-6a2opl32f5] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-6a2opl32f5] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-6a2opl32f5] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-6a2opl32f5],
input[type="email"][b-6a2opl32f5] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-6a2opl32f5] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-6a2opl32f5] {
    flex: 2;
}

.SubCard-Title[b-6a2opl32f5] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-6a2opl32f5] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/ConsultaProdutosVendidos.razor.rz.scp.css */
.Fundo-Container[b-6ozeg8a745] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
    position: relative;
}

.Img-fundo[b-6ozeg8a745] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.Card[b-6ozeg8a745] {
    position: relative;
    z-index: 1;
    width: min(1300px, 100%);
    margin: 20px auto;
    padding: 24px;
    border-radius: 16px;
    color: white;
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px) saturate(120%);
    overflow: hidden;
}

.header-Container[b-6ozeg8a745] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.title[b-6ozeg8a745] {
    flex: 1;
    margin: 0;
    text-align: center;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.1;
}

.SubCards-Container[b-6ozeg8a745] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

.SubCard[b-6ozeg8a745] {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.08);
    padding: 20px;
    color: white;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(6px);
}

.SubCard-Large[b-6ozeg8a745] {
    width: 100%;
}

.form-group-row[b-6ozeg8a745] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.form-group[b-6ozeg8a745] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 220px;
    margin-bottom: 0;
}

    .form-group label[b-6ozeg8a745] {
        font-weight: 600;
        color: #ffffff;
    }

[b-6ozeg8a745] .campo-mud .mud-input-outlined {
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 8px;
}

[b-6ozeg8a745] .campo-mud .mud-input-outlined-border {
    border-color: rgba(255, 255, 255, 0.20);
}

[b-6ozeg8a745] .campo-mud input,
[b-6ozeg8a745] .campo-mud .mud-select-input,
[b-6ozeg8a745] .campo-mud .mud-input-slot {
    color: #222;
}

.form-control[b-6ozeg8a745],
input[type="text"][b-6ozeg8a745],
select[b-6ozeg8a745] {
    width: 100%;
    min-height: 46px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.96);
    color: #222;
    font-size: 1rem;
    outline: none;
    box-sizing: border-box;
}

    .form-control:focus[b-6ozeg8a745],
    input[type="text"]:focus[b-6ozeg8a745],
    select:focus[b-6ozeg8a745] {
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.18);
    }

.Button-Container[b-6ozeg8a745] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.Button[b-6ozeg8a745],
.Button-V[b-6ozeg8a745] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 12px 18px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .Button:hover[b-6ozeg8a745],
    .Button-V:hover[b-6ozeg8a745] {
        transform: translateY(-1px);
    }

    .Button:disabled[b-6ozeg8a745] {
        opacity: 0.6;
        cursor: not-allowed;
        transform: none;
    }

.Button[b-6ozeg8a745] {
    background-color: #28a745;
}

    .Button:hover[b-6ozeg8a745] {
        background-color: #218838;
    }

.Button-V[b-6ozeg8a745] {
    background-color: #247FAC;
}

    .Button-V:hover[b-6ozeg8a745] {
        background-color: #1d678d;
    }

.Button img[b-6ozeg8a745],
.Button-V img[b-6ozeg8a745] {
    width: 22px;
    height: 22px;
}

.resumo-vendas[b-6ozeg8a745] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
    margin-bottom: 8px;
}

.resumo-item[b-6ozeg8a745] {
    flex: 1 1 220px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 18px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.resumo-label[b-6ozeg8a745] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.75);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.resumo-valor[b-6ozeg8a745] {
    font-size: 1.4rem;
    font-weight: 700;
}

.chart-card[b-6ozeg8a745] {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.92);
    padding: 16px;
    color: #222;
    margin-top: 16px;
}

.chart-card-single[b-6ozeg8a745] {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.chart-title[b-6ozeg8a745] {
    margin: 0 0 12px 0;
    font-size: 1rem;
    font-weight: 700;
    color: #222;
    text-align: center;
}

/* Tabela "Quem vendeu" (MudSimpleTable, abre ao clicar numa fatia do gráfico) não tem overflow próprio -
   como ".Card" usa "overflow:hidden", conteúdo mais largo que a tela ficaria cortado sem aviso em vez de
   rolar (2026-09-02, ao revisar a responsividade). "::deep" alcança elementos internos do componente. */
[b-6ozeg8a745] .mud-simple-table {
    overflow-x: auto;
}

.grid-container-vendas[b-6ozeg8a745] {
    display: grid;
    grid-template-columns: 1.1fr 0.8fr 1.8fr 0.9fr 0.9fr 0.9fr 1fr 0.9fr;
    gap: 0;
    width: 100%;
    margin-top: 16px;
}

.grid-header[b-6ozeg8a745] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-header-sortable[b-6ozeg8a745] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    font-size: 1em;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .grid-header-sortable:hover[b-6ozeg8a745] {
        background-color: #1d678d;
    }

.sort-indicator[b-6ozeg8a745] {
    font-size: 0.75em;
    min-width: 0.9em;
}

.grid-row[b-6ozeg8a745] {
    display: contents;
}

.grid-item[b-6ozeg8a745] {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    background-color: #fff;
    min-height: 52px;
}

.grid-row:nth-of-type(odd) .grid-item[b-6ozeg8a745] {
    background-color: #f5fbfb;
}

.grid-row:nth-of-type(even) .grid-item[b-6ozeg8a745] {
    background-color: #e1f2f4;
}

.paginacao-container[b-6ozeg8a745] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.paginacao-nav[b-6ozeg8a745] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.paginacao-info[b-6ozeg8a745] {
    font-weight: 600;
    color: #fff;
}

.paginacao-nav .Button-V[b-6ozeg8a745] {
    min-height: 40px;
    padding: 8px 16px;
}

.situacao-badge[b-6ozeg8a745] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
}

.situacao-ativo[b-6ozeg8a745] {
    background-color: rgba(40, 167, 69, 0.15);
    color: #198754;
}

.situacao-inativo[b-6ozeg8a745] {
    background-color: rgba(220, 53, 69, 0.15);
    color: #dc3545;
}

.situacao-andamento[b-6ozeg8a745] {
    background-color: rgba(255, 193, 7, 0.18);
    color: #b8860b;
}

.no-results[b-6ozeg8a745] {
    grid-column: 1 / -1;
    padding: 12px;
    color: white;
    font-weight: bold;
}

.no-results-chart[b-6ozeg8a745] {
    padding: 12px;
    text-align: center;
    color: #555;
    font-weight: bold;
}

.loading-message[b-6ozeg8a745],
.info-message[b-6ozeg8a745],
.error-message[b-6ozeg8a745] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
}

.loading-message[b-6ozeg8a745],
.info-message[b-6ozeg8a745] {
    background-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.error-message[b-6ozeg8a745] {
    background-color: rgba(220, 53, 69, 0.16);
    color: #fff;
}

@media (max-width: 992px) {
    .title[b-6ozeg8a745] {
        text-align: left;
    }

    .header-Container[b-6ozeg8a745] {
        align-items: flex-start;
    }
}

@media (max-width: 768px) {
    .Fundo-Container[b-6ozeg8a745] {
        padding: 16px;
    }

    .Card[b-6ozeg8a745] {
        padding: 16px;
    }

    .form-group-row[b-6ozeg8a745] {
        flex-direction: column;
        align-items: stretch;
    }

    /* "flex: 1 1 220px" (regra de desktop) define 220px de base pro eixo principal - na horizontal isso
       é largura, mas assim que ".form-group-row" vira "flex-direction:column" aqui, o eixo principal
       passa a ser a ALTURA, esticando cada ".form-group" pra 220px de altura em vez de largura (mesmo
       bug já corrigido nas demais telas de produto) (2026-09-02). "flex-basis:auto" reseta a base pro
       tamanho do conteúdo. */
    .form-group[b-6ozeg8a745] {
        width: 100%;
        flex-basis: auto;
    }

    .Button[b-6ozeg8a745],
    .Button-V[b-6ozeg8a745] {
        width: 100%;
    }

    .chart-card-single[b-6ozeg8a745] {
        max-width: 100%;
    }

    .grid-container-vendas[b-6ozeg8a745] {
        grid-template-columns: 1fr;
    }

    .grid-header[b-6ozeg8a745] {
        display: none;
    }

    .grid-row[b-6ozeg8a745] {
        display: block;
        margin-bottom: 12px;
        background-color: rgba(255, 255, 255, 0.92);
        border-radius: 10px;
        overflow: hidden;
    }

    .grid-item[b-6ozeg8a745] {
        justify-content: space-between;
        text-align: left;
        border-radius: 0;
        border-bottom: 1px solid #e9ecef;
        padding: 14px;
    }

    .grid-row .grid-item:last-child[b-6ozeg8a745] {
        border-bottom: none;
    }

    .grid-item[b-6ozeg8a745]::before {
        content: attr(data-label);
        font-weight: 700;
        color: #247FAC;
        margin-right: 12px;
    }

    .paginacao-container[b-6ozeg8a745] {
        flex-direction: column;
        align-items: stretch;
    }

    /* A regra geral ".Button,.Button-V{width:100%}" acima também alcançava "Anterior"/"Próxima" aqui
       dentro, que deveriam ficar compactos lado a lado com o texto de página, não 100% cada um numa
       linha de 3 itens (mesmo ajuste das demais telas de produto) (2026-09-02). */
    .paginacao-nav[b-6ozeg8a745] {
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .paginacao-nav .Button-V[b-6ozeg8a745] {
            width: auto;
            flex: 1 1 auto;
        }
}
/* _content/PrePostagem/Components/Pages/ConsultaStatusPerso.razor.rz.scp.css */
.Fundo-Container[b-p0wrzb03no] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-p0wrzb03no] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-p0wrzb03no] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-p0wrzb03no] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-p0wrzb03no] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-p0wrzb03no] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-p0wrzb03no] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-p0wrzb03no] {
        flex: 1;
    }



.Button-Container[b-p0wrzb03no] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-p0wrzb03no], .button-Menu[b-p0wrzb03no], .Button[b-p0wrzb03no] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-p0wrzb03no] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-p0wrzb03no] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-p0wrzb03no] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-p0wrzb03no], .button-Menu img[b-p0wrzb03no], .Button img[b-p0wrzb03no] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-p0wrzb03no] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-p0wrzb03no] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-p0wrzb03no] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-p0wrzb03no],
input[type="email"][b-p0wrzb03no] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-p0wrzb03no] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-p0wrzb03no] {
    flex: 2;
}

.SubCard-Title[b-p0wrzb03no] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-p0wrzb03no] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}


.grid-container[b-p0wrzb03no] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 10px;
}

.grid-header[b-p0wrzb03no] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-p0wrzb03no] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-p0wrzb03no] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-p0wrzb03no] {
        background-color: #e1f2f4;
    }


.grid-item[b-p0wrzb03no] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.btn-icon[b-p0wrzb03no] {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    color: #007bff; /* Cor dos ícones */
    font-size: 16px;
}

    .btn-icon:hover[b-p0wrzb03no] {
        color: #0056b3; /* Cor dos ícones ao passar o mouse */
    }
/* _content/PrePostagem/Components/Pages/DashboardDialog.razor.rz.scp.css */
/* Layout dos gráficos lado a lado (Cliente/Departamento/Serviço/Status), com quebra de linha
   em telas menores. Antes deste arquivo (vazio) essas classes não tinham NENHUM CSS - a lista
   de clientes/status virava uma pilha vertical sem limite de altura, deixando o modal enorme
   quando havia muitos itens (2026-08-31, pedido explícito do usuário). */
[b-h5y5ndu7e8] .graficos-lado-a-lado {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-start;
}

[b-h5y5ndu7e8] .grafico-coluna {
    flex: 1 1 460px;
    min-width: 380px;
    max-width: 620px;
}

[b-h5y5ndu7e8] .grafico-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Gráfico de pizza + legenda lado a lado dentro do mesmo card */
[b-h5y5ndu7e8] .grafico-layout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-start;
}

[b-h5y5ndu7e8] .grafico-wrapper {
    flex: 1 1 300px;
    width: 100%;
    max-width: 320px;
}

[b-h5y5ndu7e8] .legenda-lateral {
    flex: 1 1 180px;
    min-width: 170px;
    display: flex;
    flex-direction: column;
}

/* Lista da legenda: altura fixa com rolagem, em vez de crescer sem limite com 15-20+ itens */
[b-h5y5ndu7e8] .legenda-container-vertical {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;
    scrollbar-width: thin;
}

[b-h5y5ndu7e8] .legenda-container-vertical::-webkit-scrollbar {
    width: 6px;
}

[b-h5y5ndu7e8] .legenda-container-vertical::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 4px;
}

[b-h5y5ndu7e8] .legenda-item {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 6px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

[b-h5y5ndu7e8] .legenda-item:hover {
    background-color: rgba(0, 0, 0, 0.06);
}

[b-h5y5ndu7e8] .legenda-color {
    flex: 0 0 auto;
    width: 12px;
    height: 12px;
    border-radius: 3px;
}

/* Nome truncado com "..." quando não cabe - o title="" no MudText mostra o nome completo
   no hover (tooltip nativo do navegador) */
[b-h5y5ndu7e8] .legenda-texto {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Card de "item único" (quando só existe 1 serviço/status/departamento/cliente no período) */
[b-h5y5ndu7e8] .circulo-unico-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px;
}

[b-h5y5ndu7e8] .circulo-unico {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

[b-h5y5ndu7e8] .circulo-unico-texto {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
}

[b-h5y5ndu7e8] .card-selecionavel {
    cursor: pointer;
}

/* Tablet: cards de gráfico ainda lado a lado quando cabem, mas sem o min-width de desktop
   forçando overflow horizontal */
@media (max-width: 960px) {
    [b-h5y5ndu7e8] .grafico-coluna {
        min-width: 300px;
        max-width: 100%;
    }

    [b-h5y5ndu7e8] .grafico-wrapper {
        max-width: 100%;
    }
}

/* Mobile: 1 card por linha, gráfico sempre em cima e legenda embaixo (mais previsível que
   depender só do wrap do flex), padding/fontes reduzidos pra caber na tela (2026-08-31, pedido
   explícito do usuário - dashboard e modais 100% responsivos). */
@media (max-width: 600px) {
    [b-h5y5ndu7e8] .graficos-lado-a-lado {
        gap: 12px;
    }

    [b-h5y5ndu7e8] .grafico-coluna {
        flex-basis: 100%;
        min-width: 0;
        max-width: 100%;
    }

    [b-h5y5ndu7e8] .grafico-layout {
        flex-direction: column;
        align-items: stretch;
    }

    [b-h5y5ndu7e8] .grafico-wrapper {
        max-width: 100%;
        margin: 0 auto;
    }

    [b-h5y5ndu7e8] .legenda-lateral {
        min-width: 0;
    }

    [b-h5y5ndu7e8] .legenda-container-vertical {
        max-height: 200px;
    }

    [b-h5y5ndu7e8] .circulo-unico {
        width: 110px;
        height: 110px;
    }

    [b-h5y5ndu7e8] .pa-4 {
        padding: 12px !important;
    }
}
/* _content/PrePostagem/Components/Pages/DashBoardLogReversa.razor.rz.scp.css */
.Fundo-Container[b-3isl84jsms] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-3isl84jsms] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-3isl84jsms] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-3isl84jsms] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-3isl84jsms] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-3isl84jsms] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-3isl84jsms] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-3isl84jsms] {
        flex: 1;
    }



.Button-Container[b-3isl84jsms] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-3isl84jsms], .button-Menu[b-3isl84jsms], .Button[b-3isl84jsms] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-3isl84jsms] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-3isl84jsms] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-3isl84jsms] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-3isl84jsms], .button-Menu img[b-3isl84jsms], .Button img[b-3isl84jsms] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-3isl84jsms] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-3isl84jsms] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-3isl84jsms] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-3isl84jsms],
input[type="email"][b-3isl84jsms] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-3isl84jsms] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-3isl84jsms] {
    flex: 2;
}

.SubCard-Title[b-3isl84jsms] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-3isl84jsms] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/DashBoardObj.razor.rz.scp.css */
.Fundo-Container[b-gxjf4sztia] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-gxjf4sztia] {
    position: relative;
    z-index: 1;
    background: rgba (255,255,255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    margin: 20px auto;
    color: black;
    overflow-y: auto;
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
    font-size: 1.1em;
    font-weight: bold;
}

.title[b-gxjf4sztia] {
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 20px;
    color: black;
}

.Img-fundo[b-gxjf4sztia] {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     z-index: -1;
}

.form-group[b-gxjf4sztia] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-gxjf4sztia] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0, 0.1);
}

.form-group-row[b-gxjf4sztia] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
    .form-group-row .form-group[b-gxjf4sztia] {
        flex: 1;
    }

.Button-Container[b-gxjf4sztia] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.Button-V[b-gxjf4sztia], .button-Menu[b-gxjf4sztia], .Button[b-gxjf4sztia] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    curson: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.button-Menu[b-gxjf4sztia]{
    background-color: #247FAC;
}

.Button[b-gxjf4sztia] {
    background-color: #28a745;
}

       .Button-V img[b-gxjf4sztia], .button-Menu img[b-gxjf4sztia], .Button img[b-gxjf4sztia] {
           width: 40px;
           height: 40px;
           filter: brightness(0) invert(1);
       }

.Button-V:hover[b-gxjf4sztia] {
    background-color: #1c5f7d;

}

.button-Menu:hover[b-gxjf4sztia] {
    background-color: #1c5f7d;
}

.Button:hover[b-gxjf4sztia] {
    background-color: #218838;
}

intpu[type="text"][b-gxjf4sztia],
input[type="email"][b-gxjf4sztia]{
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: black;
}

.SubCard[b-gxjf4sztia] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.SubCar-Large[b-gxjf4sztia] {
    flex: 2;
}

.SubCar-Title[b-gxjf4sztia] {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-gxjf4sztia] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.embalagem-container[b-gxjf4sztia] {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.embalagem-card[b-gxjf4sztia] {
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    color: black;
}

    .embalagem-card:hover[b-gxjf4sztia] {
        border-color: #007bff;
        box-shadow: 0 0 10px rgba(0, 123, 255, 0.2);
        color: black;
    }

    .embalagem-card.selected[b-gxjf4sztia] {
        border: 5px solid #007bff;
        background-color: #f0f8ff;
    }


.embalagem-icon img[b-gxjf4sztia] {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.embalagem-title[b-gxjf4sztia] {
    font-weight: bold;
    margin: 10px 0 5px;
}

.embalagem-desc[b-gxjf4sztia] {
    font-size: 0.8rem;
    color: #666;
}

.disable-tab-headers[b-gxjf4sztia] {
    display: none !important;
}

.mud-snackbar-content[b-gxjf4sztia] {
    font-size: 14px;
}

.mud-alert-filled-error[b-gxjf4sztia] {
    background-color: #d32f2f !important;
}

.modal-header[b-gxjf4sztia] {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title[b-gxjf4sztia] {
    margin: 0;
}

.modal-body[b-gxjf4sztia] {
    padding: 1rem;
}


.modal-footer[b-gxjf4sztia] {
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.close[b-gxjf4sztia] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
}


.custom-dialog .mud-dialog-container[b-gxjf4sztia] {
    width: 90vw;
    max-width: 1200px;
    height: 80vh;
}

.custom-dialog .mud-dialog-content[b-gxjf4sztia] {
    max-height: calc(80vh - 150px);
    overflow-y: auto;
}


.loader-cep[b-gxjf4sztia] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    animation: spin-b-gxjf4sztia 1s linear infinite;
}

.modal-blur-background[b-gxjf4sztia] {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    background-color: rgba(0, 0, 0, 0.25) !important;
}

@keyframes spin-b-gxjf4sztia {
    0% {
        transform: translateY(-50%) rotate(0deg);
    }

    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}

.text-danger.small[b-gxjf4sztia] {
    font-size: 0.8rem;

    100% {
        transform: translateY(-50) rotate(360deg);
    }
}


input[readonly][b-gxjf4sztia] {
    background-color: #e9ecef;
    opacity: 1;
}

.Button-Container[b-gxjf4sztia] {
    display: flex;
    justify-content: flex-end; /* Alinha os botões à direita */
    flex-wrap: wrap;
    gap: 15px; /* Espaço entre os botões */
    width: 100%;
    margin-top: 20px;
    padding: 0 10px;
}

.Consultar[b-gxjf4sztia] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto; /* Largura automática */
    min-width: 140px; /* Largura mínima reduzida */
    padding: 10px 20px; /* Padding reduzido */
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 14px; /* Fonte um pouco menor */
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    gap: 8px; /* Espaço reduzido entre ícone e texto */
    background-color: #28a745;
    text-decoration: none;
}

    .Consultar:hover[b-gxjf4sztia] {
        background-color: #218838;
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .Consultar img[b-gxjf4sztia] {
        width: 18px; /* Ícone menor */
        height: 18px;
        filter: brightness(0) invert(1);
    }



.Limpar[b-gxjf4sztia] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto; /* Largura automática */
    min-width: 120px; /* Largura mínima */
    padding: 10px 20px; /* Mesmo padding do Consultar */
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    gap: 8px;
    background-color: #6c757d;
    text-decoration: none;
}

    .Limpar:hover[b-gxjf4sztia] {
        background-color: #5a6268;
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }

    .Limpar img[b-gxjf4sztia] {
        width: 18px;
        height: 18px;
        filter: brightness(0) invert(1);
    }


    .Consultar:disabled[b-gxjf4sztia], .Limpar:disabled[b-gxjf4sztia] {
        opacity: 0.6;
        cursor: not-allowed;
        transform: none;
    }

        .Consultar:disabled:hover[b-gxjf4sztia], .Limpar:disabled:hover[b-gxjf4sztia] {
            transform: none;
            box-shadow: none;
        }



.progress-container[b-gxjf4sztia] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    margin: 1rem 0;
}



/* Cores customizadas para os status personalizados */
.status-azul[b-gxjf4sztia] {
    background-color: #007ACC !important;
    color: white !important;
}

.status-marrom[b-gxjf4sztia] {
    background-color: #8B4513 !important;
    color: white !important;
}

.status-verde[b-gxjf4sztia] {
    background-color: #28a745 !important;
    color: white !important;
}

.status-bege[b-gxjf4sztia] {
    background-color: #F5F5DC !important;
    color: #8B4513 !important;
    border: 1px solid #D2B48C !important;
}

.status-vermelho[b-gxjf4sztia] {
    background-color: #dc3545 !important;
    color: white !important;
}

/* Para as bolinhas na legenda */
.status-azul[b-gxjf4sztia], .status-marrom[b-gxjf4sztia], .status-verde[b-gxjf4sztia], .status-bege[b-gxjf4sztia], .status-vermelho[b-gxjf4sztia] {
    display: inline-block;
}

/* Responsividade da tela de filtro do Dashboard - tablet e mobile (2026-08-31, pedido explícito
   do usuário). Sem isso o Card usava padding/fonte fixos pensados pra desktop e o SubCards-Container
   só quebrava linha por acaso (min-width:250px), sem nenhum ajuste dedicado pra telas pequenas. */
@media (max-width: 768px) {
    .Card[b-gxjf4sztia] {
        padding: 14px;
        font-size: 1em;
    }

    .SubCard[b-gxjf4sztia] {
        padding: 14px;
    }
}

@media (max-width: 480px) {
    .SubCard[b-gxjf4sztia] {
        min-width: 100%;
    }

    .Button-Container[b-gxjf4sztia] {
        justify-content: stretch;
    }

    .Consultar[b-gxjf4sztia], .Limpar[b-gxjf4sztia] {
        flex: 1 1 auto;
        min-width: 0;
    }
}
/* _content/PrePostagem/Components/Pages/DetalhesObjetoDialog.razor.rz.scp.css */
/* Layout Principal */
.SubCards-Container[b-epuwc0ofgw] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
    width: 100%;
}

.SubCard[b-epuwc0ofgw] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.dialog-title-center[b-epuwc0ofgw] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px;
    padding-top: 8px;
}

.dialog-title-text[b-epuwc0ofgw] {
    font-weight: 600;
    color: var(--mud-palette-primary);
}


.form-group-row[b-epuwc0ofgw] {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.form-group[b-epuwc0ofgw] {
    flex: 1;
    min-width: calc(25% - 12px); 
    margin-bottom: 10px;
}

    .form-group label[b-epuwc0ofgw] {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
        color: white;
    }

.form-control[b-epuwc0ofgw] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1em;
    background: rgba(255, 255, 255, 0.9);
}

.modal-blur-background[b-epuwc0ofgw] {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 0, 0.3) !important;
}



.adicionais-container[b-epuwc0ofgw] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
    background: white;
    border-radius: 6px;
    min-height: 60px;
    align-items: center;
    border: 1px solid #ccc;
}


.sigla-item[b-epuwc0ofgw] {
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
    min-width: 40px;
    background: #4CAF50;
    color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

@media (max-width: 768px) {
    .SubCard[b-epuwc0ofgw] {
        min-width: 100%;
    }

    .form-group[b-epuwc0ofgw] {
        min-width: calc(50% - 15px); /* 2 colunas em tablets */
    }
}

@media (max-width: 480px) {
    .form-group[b-epuwc0ofgw] {
        min-width: 100%; /* 1 coluna em mobile */
    }
}
/* _content/PrePostagem/Components/Pages/DialogCondicaoPagamentoBalcao.razor.rz.scp.css */
.modal-container[b-kfnbxgcnzq] {
    padding: 20px;
}

.modal-title[b-kfnbxgcnzq] {
    color: #1976d2;
    margin-bottom: 20px;
    text-align: center;
}

.dados-container[b-kfnbxgcnzq] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.dado-item[b-kfnbxgcnzq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
}

    .dado-item:last-child[b-kfnbxgcnzq] {
        border-bottom: none;
    }

.dado-label[b-kfnbxgcnzq] {
    font-weight: bold;
    color: #555;
}

.dado-valor[b-kfnbxgcnzq] {
    color: #333;
    font-size: 1.1em;
}

    .dado-valor.destacado[b-kfnbxgcnzq] {
        color: #d32f2f;
        font-weight: bold;
        font-size: 1.3em;
    }

    /* Troco (2026-08-18) - mesmo destaque de tamanho do .destacado (Falta), só que verde em vez de
       vermelho, pra reforçar "sobra dinheiro" em vez de "falta dinheiro". */
    .dado-valor.positivo[b-kfnbxgcnzq] {
        color: #2e7d32;
        font-weight: bold;
        font-size: 1.3em;
    }

.dados-medidas[b-kfnbxgcnzq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 8px;
    margin: 10px 0;
}

@media (max-width: 600px) {
    .dados-medidas[b-kfnbxgcnzq] {
        grid-template-columns: 1fr;
    }

    .dado-item[b-kfnbxgcnzq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
}
/* _content/PrePostagem/Components/Pages/DialogConfirmaExclusaoRetirada.razor.rz.scp.css */

.SubCards-Container[b-gbv9iepx7n] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
    width: 100%;
}

.SubCard[b-gbv9iepx7n] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.dialog-title-center[b-gbv9iepx7n] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px;
    padding-top: 8px;
}

.dialog-title-text[b-gbv9iepx7n] {
    font-weight: 600;
    color: var(--mud-palette-primary);
}


.form-group-row[b-gbv9iepx7n] {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.form-group[b-gbv9iepx7n] {
    flex: 1;
    min-width: calc(25% - 12px);
    margin-bottom: 10px;
}

    .form-group label[b-gbv9iepx7n] {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
        color: white;
    }

.form-control[b-gbv9iepx7n] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1em;
    background: rgba(255, 255, 255, 0.9);
}

.modal-blur-background[b-gbv9iepx7n] {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 0, 0.3) !important;
}



.adicionais-container[b-gbv9iepx7n] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
    background: white;
    border-radius: 6px;
    min-height: 60px;
    align-items: center;
    border: 1px solid #ccc;
}


.sigla-item[b-gbv9iepx7n] {
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
    min-width: 40px;
    background: #4CAF50;
    color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

@media (max-width: 768px) {
    .SubCard[b-gbv9iepx7n] {
        min-width: 100%;
    }

    .form-group[b-gbv9iepx7n] {
        min-width: calc(50% - 15px); /* 2 colunas em tablets */
    }
}

@media (max-width: 480px) {
    .form-group[b-gbv9iepx7n] {
        min-width: 100%; /* 1 coluna em mobile */
    }
}
/* _content/PrePostagem/Components/Pages/DialogConfirmarExclusao.razor.rz.scp.css */

.SubCards-Container[b-etatzcmx5z] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
    width: 100%;
}

.SubCard[b-etatzcmx5z] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.dialog-title-center[b-etatzcmx5z] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px;
    padding-top: 8px;
}

.dialog-title-text[b-etatzcmx5z] {
    font-weight: 600;
    color: var(--mud-palette-primary);
}


.form-group-row[b-etatzcmx5z] {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.form-group[b-etatzcmx5z] {
    flex: 1;
    min-width: calc(25% - 12px);
    margin-bottom: 10px;
}

    .form-group label[b-etatzcmx5z] {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
        color: white;
    }

.form-control[b-etatzcmx5z] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1em;
    background: rgba(255, 255, 255, 0.9);
}

.modal-blur-background[b-etatzcmx5z] {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 0, 0.3) !important;
}



.adicionais-container[b-etatzcmx5z] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
    background: white;
    border-radius: 6px;
    min-height: 60px;
    align-items: center;
    border: 1px solid #ccc;
}


.sigla-item[b-etatzcmx5z] {
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
    min-width: 40px;
    background: #4CAF50;
    color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

@media (max-width: 768px) {
    .SubCard[b-etatzcmx5z] {
        min-width: 100%;
    }

    .form-group[b-etatzcmx5z] {
        min-width: calc(50% - 15px); /* 2 colunas em tablets */
    }
}

@media (max-width: 480px) {
    .form-group[b-etatzcmx5z] {
        min-width: 100%; /* 1 coluna em mobile */
    }
}
/* _content/PrePostagem/Components/Pages/DialogDetalhesObjetoRetirado.razor.rz.scp.css */
.modal-container[b-xjrjgq2zki] {
    padding: 20px;
}

.modal-title[b-xjrjgq2zki] {
    color: #1976d2;
    margin-bottom: 20px;
    text-align: center;
}

.dados-container[b-xjrjgq2zki] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.dado-item[b-xjrjgq2zki] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
}

    .dado-item:last-child[b-xjrjgq2zki] {
        border-bottom: none;
    }

.dado-label[b-xjrjgq2zki] {
    font-weight: bold;
    color: #555;
}

.dado-valor[b-xjrjgq2zki] {
    color: #333;
}

    .dado-valor.destacado[b-xjrjgq2zki] {
        color: #d32f2f;
        font-weight: bold;
    }

.dados-medidas[b-xjrjgq2zki] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 8px;
    margin: 10px 0;
}

@media (max-width: 600px) {
    .dados-medidas[b-xjrjgq2zki] {
        grid-template-columns: 1fr;
    }

    .dado-item[b-xjrjgq2zki] {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
}
/* _content/PrePostagem/Components/Pages/DialogDetalhesRetirada.razor.rz.scp.css */
.modal-container[b-t14rj3ccwf] {
    padding: 20px;
}

.modal-title[b-t14rj3ccwf] {
    color: #1976d2;
    margin-bottom: 20px;
    text-align: center;
}

.dados-container[b-t14rj3ccwf] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.dado-item[b-t14rj3ccwf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
}

    .dado-item:last-child[b-t14rj3ccwf]{
        border-bottom: none;
    }

.dado-label[b-t14rj3ccwf] {
    color: #333;
}
/* _content/PrePostagem/Components/Pages/DialogImpressao.razor.rz.scp.css */
.modal-container[b-qmmvzztom6] {
    padding: 20px;
}

.modal-title[b-qmmvzztom6] {
    color: #1976d2;
    margin-bottom: 20px;
    text-align: center;
}

.dados-container[b-qmmvzztom6] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.dado-item[b-qmmvzztom6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
}

    .dado-item:last-child[b-qmmvzztom6] {
        border-bottom: none;
    }

.dado-label[b-qmmvzztom6] {
    font-weight: bold;
    color: #555;
}

.dado-valor[b-qmmvzztom6] {
    color: #333;
}

    .dado-valor.destacado[b-qmmvzztom6] {
        color: #d32f2f;
        font-weight: bold;
    }

.dados-medidas[b-qmmvzztom6] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 8px;
    margin: 10px 0;
}

@media (max-width: 600px) {
    .dados-medidas[b-qmmvzztom6] {
        grid-template-columns: 1fr;
    }

    .dado-item[b-qmmvzztom6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
}
/* _content/PrePostagem/Components/Pages/DialogImpressaoBalcao.razor.rz.scp.css */
.modal-container[b-s6dqakrjnz] {
    padding: 20px;
}

.modal-title[b-s6dqakrjnz] {
    color: #1976d2;
    margin-bottom: 20px;
    text-align: center;
}

.dados-container[b-s6dqakrjnz] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.dado-item[b-s6dqakrjnz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
}

    .dado-item:last-child[b-s6dqakrjnz] {
        border-bottom: none;
    }

.dado-label[b-s6dqakrjnz] {
    font-weight: bold;
    color: #555;
}

.dado-valor[b-s6dqakrjnz] {
    color: #333;
}

    .dado-valor.destacado[b-s6dqakrjnz] {
        color: #d32f2f;
        font-weight: bold;
    }

.dados-medidas[b-s6dqakrjnz] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 8px;
    margin: 10px 0;
}

@media (max-width: 600px) {
    .dados-medidas[b-s6dqakrjnz] {
        grid-template-columns: 1fr;
    }

    .dado-item[b-s6dqakrjnz] {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
}
/* _content/PrePostagem/Components/Pages/DialogRetirada.razor.rz.scp.css */
.modal-container[b-q3ujohbfl4] {
    padding: 20px;
}

.modal-title[b-q3ujohbfl4] {
    color: #1976d2;
    margin-bottom: 20px;
    text-align: center;
}

.dados-container[b-q3ujohbfl4] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.dado-item[b-q3ujohbfl4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
}

    .dado-item:last-child[b-q3ujohbfl4] {
        border-bottom: none;
    }

.dado-label[b-q3ujohbfl4] {
    font-weight: bold;
    color: #555;
}

.dado-valor[b-q3ujohbfl4] {
    color: #333;
}

    .dado-valor.destacado[b-q3ujohbfl4] {
        color: #d32f2f;
        font-weight: bold;
    }

.dados-medidas[b-q3ujohbfl4] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 8px;
    margin: 10px 0;
}

@media (max-width: 600px) {
    .dados-medidas[b-q3ujohbfl4] {
        grid-template-columns: 1fr;
    }

    .dado-item[b-q3ujohbfl4] {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
}

/* Rodapé da grade de objetos (contador + "Limpar Seleção") - sem flex-wrap, ficava espremido em telas
   estreitas (mesmo problema já corrigido no rodapé de BalcaoAtendimento.razor.css) (2026-09-01). */
.retirada-footer[b-q3ujohbfl4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px;
    width: 100%;
}

.retirada-footer-selecao[b-q3ujohbfl4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
/* _content/PrePostagem/Components/Pages/DialogTicket.razor.rz.scp.css */
.modal-container[b-zwlrwo6xve] {
    padding: 20px;
}

.modal-title[b-zwlrwo6xve] {
    color: #1976d2;
    margin-bottom: 20px;
    text-align: center;
}

.dados-container[b-zwlrwo6xve] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.dado-item[b-zwlrwo6xve] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
}

    .dado-item:last-child[b-zwlrwo6xve] {
        border-bottom: none;
    }

.dado-label[b-zwlrwo6xve] {
    font-weight: bold;
    color: #555;
}

.dado-valor[b-zwlrwo6xve] {
    color: #333;
}

    .dado-valor.destacado[b-zwlrwo6xve] {
        color: #d32f2f;
        font-weight: bold;
    }

.dados-medidas[b-zwlrwo6xve] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 8px;
    margin: 10px 0;
}

@media (max-width: 600px) {
    .dados-medidas[b-zwlrwo6xve] {
        grid-template-columns: 1fr;
    }

    .dado-item[b-zwlrwo6xve] {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
}
/* _content/PrePostagem/Components/Pages/Ecommerce.razor.rz.scp.css */
.Fundo-Container[b-4rkwx4qj7j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-4rkwx4qj7j] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-4rkwx4qj7j] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-4rkwx4qj7j] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-4rkwx4qj7j] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-4rkwx4qj7j] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-4rkwx4qj7j] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-4rkwx4qj7j] {
        flex: 1;
    }



.Button-Container[b-4rkwx4qj7j] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-4rkwx4qj7j], .button-Menu[b-4rkwx4qj7j], .Button[b-4rkwx4qj7j] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-4rkwx4qj7j] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-4rkwx4qj7j] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-4rkwx4qj7j] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-4rkwx4qj7j], .button-Menu img[b-4rkwx4qj7j], .Button img[b-4rkwx4qj7j] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-4rkwx4qj7j] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-4rkwx4qj7j] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-4rkwx4qj7j] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-4rkwx4qj7j],
input[type="email"][b-4rkwx4qj7j] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-4rkwx4qj7j] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-4rkwx4qj7j] {
    flex: 2;
}

.SubCard-Title[b-4rkwx4qj7j] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-4rkwx4qj7j] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/EditarObjeto.razor.rz.scp.css */

.SubCards-Container[b-m2haayvjom] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
    width: 100%;
}

.SubCard[b-m2haayvjom] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.dialog-title-center[b-m2haayvjom] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px;
    padding-top: 8px;
}

.dialog-title-text[b-m2haayvjom] {
    font-weight: 600;
    color: var(--mud-palette-primary);
}


.form-group-row[b-m2haayvjom] {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.form-group[b-m2haayvjom] {
    flex: 1;
    min-width: calc(25% - 12px);
    margin-bottom: 10px;
}

    .form-group label[b-m2haayvjom] {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
        color: white;
    }

.form-control[b-m2haayvjom] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1em;
    background: rgba(255, 255, 255, 0.9);
}

.modal-blur-background[b-m2haayvjom] {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 0, 0.3) !important;
}



.adicionais-container[b-m2haayvjom] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
    background: white;
    border-radius: 6px;
    min-height: 60px;
    align-items: center;
    border: 1px solid #ccc;
}


.sigla-item[b-m2haayvjom] {
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
    min-width: 40px;
    background: #4CAF50;
    color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

@media (max-width: 768px) {
    .SubCard[b-m2haayvjom] {
        min-width: 100%;
    }

    .form-group[b-m2haayvjom] {
        min-width: calc(50% - 15px); /* 2 colunas em tablets */
    }
}

@media (max-width: 480px) {
    .form-group[b-m2haayvjom] {
        min-width: 100%; /* 1 coluna em mobile */
    }
}
/* _content/PrePostagem/Components/Pages/EntradaProdutos.razor.rz.scp.css */
.Fundo-Container[b-1zlo9iw2cq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
    position: relative;
}

.Img-fundo[b-1zlo9iw2cq] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.Card[b-1zlo9iw2cq] {
    position: relative;
    z-index: 1;
    width: min(1200px, 100%);
    margin: 20px auto;
    padding: 24px;
    border-radius: 16px;
    color: white;
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px) saturate(120%);
    overflow: hidden;
}

.header-Container[b-1zlo9iw2cq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
}

.title[b-1zlo9iw2cq] {
    margin: 0;
    text-align: center;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    line-height: 1.1;
}

.SubCards-Container[b-1zlo9iw2cq] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 12px;
}

.SubCard[b-1zlo9iw2cq] {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.08);
    padding: 20px;
    color: white;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(6px);
}

/* backdrop-filter cria um contexto de empilhamento novo pra cada SubCard, então o z-index alto do
   dropdown de busca de produto (.produto-busca-lista) fica "preso" dentro do primeiro card e nunca
   consegue ficar por cima do card "Últimas Entradas" que vem depois no HTML - dava pra rolar a lista e
   os itens de baixo ficavam atrás do card seguinte, impossíveis de clicar. Eleva o card inteiro (o que
   contém o campo de busca) acima dos irmãos, não só o dropdown por dentro. */
.SubCard:first-of-type[b-1zlo9iw2cq] {
    position: relative;
    z-index: 5;
}

.SubCard-Large[b-1zlo9iw2cq] {
    width: 100%;
}

.form-hint[b-1zlo9iw2cq] {
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 16px;
}

.form-group-row[b-1zlo9iw2cq] {
    display: flex;
    justify-content: flex-start;
    align-items: end;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.form-group[b-1zlo9iw2cq] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 220px;
    margin-bottom: 0;
}

/* Nota Fiscal (EntradaProdutos.razor) precisa caber uma chave de acesso de NFe (44 dígitos) visível
   por inteiro enquanto o usuário digita - flex-basis 220px sozinho ainda deixa o campo estreito. */
.form-group-full[b-1zlo9iw2cq] {
    flex-basis: 100%;
}

/* MudDateRangePicker do filtro de período (2026-08-17) - sem isso, o campo renderiza com o estilo
   padrão do MudBlazor (fundo cinza), destoando dos demais campos da tela. Mesmo ajuste já usado em
   ConsultaEstoque.razor.css/ConsultaProdutosVendidos.razor.css. */
[b-1zlo9iw2cq] .campo-mud .mud-input-outlined {
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 8px;
}

[b-1zlo9iw2cq] .campo-mud .mud-input-outlined-border {
    border-color: rgba(255, 255, 255, 0.20);
}

[b-1zlo9iw2cq] .campo-mud input,
[b-1zlo9iw2cq] .campo-mud .mud-select-input,
[b-1zlo9iw2cq] .campo-mud .mud-input-slot {
    color: #222;
}

.form-hint-floating[b-1zlo9iw2cq] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 4px;
    font-size: 0.8rem;
}

/* Reserva espaço pra dica flutuante do valor unitário, que fica fora do fluxo (posicionada em
   relação ao .form-group) e não empurra a altura da linha - sem essa margem extra ela ficaria
   sobreposta ao conteúdo seguinte. */
.form-group-row-com-dica[b-1zlo9iw2cq] {
    margin-bottom: 30px;
}

    .form-group label[b-1zlo9iw2cq] {
        font-weight: 600;
        color: #ffffff;
    }

.form-control[b-1zlo9iw2cq],
select[b-1zlo9iw2cq] {
    width: 100%;
    min-height: 46px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.96);
    color: #222;
    font-size: 1rem;
    outline: none;
    box-sizing: border-box;
}

    .form-control:focus[b-1zlo9iw2cq],
    select:focus[b-1zlo9iw2cq] {
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.18);
    }

.produto-busca-group[b-1zlo9iw2cq] {
    position: relative;
}

.produto-busca-lista[b-1zlo9iw2cq] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 260px;
    overflow-y: auto;
    background-color: rgba(20, 40, 48, 0.97);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
    z-index: 20;
}

.produto-busca-item[b-1zlo9iw2cq] {
    padding: 10px 14px;
    cursor: pointer;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

    .produto-busca-item:last-child[b-1zlo9iw2cq] {
        border-bottom: none;
    }

    .produto-busca-item:hover[b-1zlo9iw2cq] {
        background-color: rgba(36, 127, 172, 0.35);
    }

.produto-busca-codigo[b-1zlo9iw2cq] {
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.85em;
    margin-left: 6px;
}

.produto-busca-vazio[b-1zlo9iw2cq] {
    cursor: default;
    color: rgba(255, 255, 255, 0.6);
}

    .produto-busca-vazio:hover[b-1zlo9iw2cq] {
        background-color: transparent;
    }

.Button-Container[b-1zlo9iw2cq] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-top: 20px;
}

.Button[b-1zlo9iw2cq],
.Button-V[b-1zlo9iw2cq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 12px 18px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .Button:hover[b-1zlo9iw2cq],
    .Button-V:hover[b-1zlo9iw2cq] {
        transform: translateY(-1px);
    }

    .Button:disabled[b-1zlo9iw2cq] {
        opacity: 0.6;
        cursor: not-allowed;
        transform: none;
    }

.Button[b-1zlo9iw2cq] {
    background-color: #28a745;
}

    .Button:hover[b-1zlo9iw2cq] {
        background-color: #218838;
    }

.Button-V[b-1zlo9iw2cq] {
    background-color: #247FAC;
}

    .Button-V:hover[b-1zlo9iw2cq] {
        background-color: #1d678d;
    }

.Button img[b-1zlo9iw2cq],
.Button-V img[b-1zlo9iw2cq] {
    width: 22px;
    height: 22px;
}

.grid-container-feed[b-1zlo9iw2cq] {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr 2fr 1fr 2.2fr;
    gap: 0;
    width: 100%;
    margin-top: 12px;
}

.grid-header[b-1zlo9iw2cq] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-header-sortable[b-1zlo9iw2cq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    font-size: 1em;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .grid-header-sortable:hover[b-1zlo9iw2cq] {
        background-color: #1d678d;
    }

.sort-indicator[b-1zlo9iw2cq] {
    font-size: 0.75em;
    min-width: 0.9em;
}

.paginacao-container[b-1zlo9iw2cq] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.paginacao-nav[b-1zlo9iw2cq] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.paginacao-info[b-1zlo9iw2cq] {
    font-weight: 600;
    color: #fff;
}

.paginacao-nav .Button-V[b-1zlo9iw2cq] {
    min-height: 40px;
    padding: 8px 16px;
}

.grid-row[b-1zlo9iw2cq] {
    display: contents;
}

.grid-item[b-1zlo9iw2cq] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    background-color: #fff;
    min-height: 44px;
}

.grid-row:nth-of-type(odd) .grid-item[b-1zlo9iw2cq] {
    background-color: #f5fbfb;
}

.grid-row:nth-of-type(even) .grid-item[b-1zlo9iw2cq] {
    background-color: #e1f2f4;
}

.btn-detalhe[b-1zlo9iw2cq] {
    background-color: #247FAC;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 0.85rem;
    cursor: pointer;
    white-space: nowrap;
}

    .btn-detalhe:hover[b-1zlo9iw2cq] {
        background-color: #1d678d;
    }

.no-results[b-1zlo9iw2cq] {
    grid-column: 1 / -1;
    padding: 12px;
    color: white;
    font-weight: bold;
}

.loading-message[b-1zlo9iw2cq],
.info-message[b-1zlo9iw2cq],
.error-message[b-1zlo9iw2cq] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
}

.loading-message[b-1zlo9iw2cq],
.info-message[b-1zlo9iw2cq] {
    background-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.error-message[b-1zlo9iw2cq] {
    background-color: rgba(220, 53, 69, 0.16);
    color: #fff;
}

@media (max-width: 768px) {
    .Fundo-Container[b-1zlo9iw2cq] {
        padding: 16px;
    }

    .Card[b-1zlo9iw2cq] {
        padding: 16px;
    }

    .form-group-row[b-1zlo9iw2cq] {
        flex-direction: column;
        align-items: stretch;
    }

    /* "flex: 1 1 220px" (regra de desktop) define 220px de base pro eixo principal - na horizontal isso
       é largura, mas assim que ".form-group-row" vira "flex-direction:column" aqui, o eixo principal
       passa a ser a ALTURA, e cada ".form-group" (inclusive os das linhas de Produto/Fornecedor,
       Quantidade/Valor/Observação/Botão e do filtro de Últimas Entradas) ficava esticado pra 220px de
       altura - mesmo bug já corrigido em ConsultaCadProd.razor.css (2026-09-02, achado ao revisar esta
       tela pelo mesmo motivo: "flex-basis" fixo em px sobrevivendo à troca de eixo). "flex-basis: auto"
       reseta a base pro tamanho do conteúdo; "width:100%" continua controlando a largura (eixo
       cruzado, não afetado pela troca de direção). */
    .form-group[b-1zlo9iw2cq] {
        width: 100%;
        flex-basis: auto;
    }

    /* No desktop a dica de "Valor unitário" fica "position:absolute" pra não desalinhar a altura da
       linha com os campos vizinhos (Quantidade/Observação/Botão, lado a lado). Empilhado em coluna no
       mobile, esse motivo desaparece - e a posição absoluta virava um problema novo: o texto (frase
       longa) quebra em 2-3 linhas numa tela estreita e, por estar fora do fluxo, não empurra o campo
       "Observação" que vem logo abaixo, sobrepondo os dois (2026-09-02). "position:static" volta a
       reservar espaço de verdade, como qualquer texto normal.  */
    .form-hint-floating[b-1zlo9iw2cq] {
        position: static;
        margin-top: 4px;
    }

    .form-group-row-com-dica[b-1zlo9iw2cq] {
        margin-bottom: 8px;
    }

    .Button[b-1zlo9iw2cq],
    .Button-V[b-1zlo9iw2cq] {
        width: 100%;
    }

    .paginacao-container[b-1zlo9iw2cq] {
        flex-direction: column;
        align-items: stretch;
    }

    /* A regra geral ".Button,.Button-V{width:100%}" logo acima também alcançava os botões
       "Anterior"/"Próxima" daqui dentro, que deveriam continuar compactos lado a lado com o texto de
       página no meio, não ocupar 100% cada um dentro de um flex row de 3 itens (2026-09-02). */
    .paginacao-nav[b-1zlo9iw2cq] {
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .paginacao-nav .Button-V[b-1zlo9iw2cq] {
            width: auto;
            flex: 1 1 auto;
        }

    /* Sem função de reordenar no mobile (pedido explícito, 2026-09-02) - "grid-header" tem 4 cabeçalhos
       que são <button> de ordenação de verdade (AlternarOrdenacao) e 1 que é só rótulo ("Detalhe"), mas
       nesta faixa eles só são escondidos mesmo. A ordenação escolhida antes de encolher a tela continua
       valendo (só não dá pra trocar por aqui). */
    .grid-container-feed[b-1zlo9iw2cq] {
        grid-template-columns: 1fr;
    }

    .grid-header[b-1zlo9iw2cq] {
        display: none;
    }

    .grid-row[b-1zlo9iw2cq] {
        display: block;
        margin-bottom: 12px;
        background-color: rgba(255, 255, 255, 0.92);
        border-radius: 10px;
        overflow: hidden;
    }

    .grid-item[b-1zlo9iw2cq] {
        justify-content: space-between;
        text-align: left;
        border-radius: 0;
        border-bottom: 1px solid #e9ecef;
        padding: 12px;
    }

    .grid-row .grid-item:last-child[b-1zlo9iw2cq] {
        border-bottom: none;
    }

    .grid-item[b-1zlo9iw2cq]::before {
        content: attr(data-label);
        font-weight: 700;
        color: #247FAC;
        margin-right: 12px;
    }
}
/* _content/PrePostagem/Components/Pages/EnviarArDigital.razor.rz.scp.css */
.Fundo-Container[b-gv3yfcbqvf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-gv3yfcbqvf] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-gv3yfcbqvf] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-gv3yfcbqvf] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-gv3yfcbqvf] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-gv3yfcbqvf] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-gv3yfcbqvf] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-gv3yfcbqvf] {
        flex: 1;
    }



.Button-Container[b-gv3yfcbqvf] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-gv3yfcbqvf], .button-Menu[b-gv3yfcbqvf], .Button[b-gv3yfcbqvf] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-gv3yfcbqvf] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-gv3yfcbqvf] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-gv3yfcbqvf] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-gv3yfcbqvf], .button-Menu img[b-gv3yfcbqvf], .Button img[b-gv3yfcbqvf] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-gv3yfcbqvf] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-gv3yfcbqvf] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-gv3yfcbqvf] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-gv3yfcbqvf],
input[type="email"][b-gv3yfcbqvf] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-gv3yfcbqvf] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-gv3yfcbqvf] {
    flex: 2;
}

.SubCard-Title[b-gv3yfcbqvf] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-gv3yfcbqvf] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/EtiquetaModal.razor.rz.scp.css */
/* Antes esse arquivo tinha regras (.modal-container/.dado-item/.dados-medidas...) que não
   correspondiam a nenhuma classe usada em EtiquetaModal.razor - resíduo de outro modal, então o
   ".success-dialog" renderizava sem nenhum estilo (fundo/cor padrão do MudDialog). Classes abaixo
   são as realmente usadas na marcação, com o mesmo tom "vidro" azul-petróleo mais claro já usado nas
   telas de cadastro (CadUsuario.razor.css/CadContrato.razor.css/...) (2026-08-24). */
.success-dialog[b-xgq4eu1ajp] {
    padding: 20px;
    text-align: center;
    background: rgba(72, 123, 142, 0.4);
    backdrop-filter: blur(2px) saturate(80%);
    border-radius: 10px;
    color: white;
}

    .success-dialog h3[b-xgq4eu1ajp] {
        margin: 12px 0 20px;
        color: white;
    }

.success-info[b-xgq4eu1ajp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: left;
    margin-top: 10px;
}

.info-item[b-xgq4eu1ajp] {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

    .info-item .label[b-xgq4eu1ajp] {
        font-weight: bold;
        color: white;
    }

    .info-item .value[b-xgq4eu1ajp] {
        color: white;
    }
/* _content/PrePostagem/Components/Pages/ExportarPpn.razor.rz.scp.css */
.Fundo-Container[b-weu2ow4why] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-weu2ow4why] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-weu2ow4why] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-weu2ow4why] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-weu2ow4why] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-weu2ow4why] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-weu2ow4why] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-weu2ow4why] {
        flex: 1;
    }



.Button-Container[b-weu2ow4why] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-weu2ow4why], .button-Menu[b-weu2ow4why], .Button[b-weu2ow4why] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-weu2ow4why] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-weu2ow4why] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-weu2ow4why] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-weu2ow4why], .button-Menu img[b-weu2ow4why], .Button img[b-weu2ow4why] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-weu2ow4why] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-weu2ow4why] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-weu2ow4why] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-weu2ow4why],
input[type="email"][b-weu2ow4why] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-weu2ow4why] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-weu2ow4why] {
    flex: 2;
}

.SubCard-Title[b-weu2ow4why] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-weu2ow4why] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/ExportarSara.razor.rz.scp.css */
.Fundo-Container[b-rvcbkl1nud] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-rvcbkl1nud] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-rvcbkl1nud] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-rvcbkl1nud] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-rvcbkl1nud] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-rvcbkl1nud] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-rvcbkl1nud] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-rvcbkl1nud] {
        flex: 1;
    }



.Button-Container[b-rvcbkl1nud] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-rvcbkl1nud], .button-Menu[b-rvcbkl1nud], .Button[b-rvcbkl1nud] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-rvcbkl1nud] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-rvcbkl1nud] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-rvcbkl1nud] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-rvcbkl1nud], .button-Menu img[b-rvcbkl1nud], .Button img[b-rvcbkl1nud] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-rvcbkl1nud] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-rvcbkl1nud] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-rvcbkl1nud] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-rvcbkl1nud],
input[type="email"][b-rvcbkl1nud] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-rvcbkl1nud] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-rvcbkl1nud] {
    flex: 2;
}

.SubCard-Title[b-rvcbkl1nud] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-rvcbkl1nud] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/Home.razor.rz.scp.css */
html[b-z8opoupwb1], body[b-z8opoupwb1] {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.header-nav[b-z8opoupwb1] {
    background: #008ec3;
    padding: 2%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    height: 110px;
}

    .header-nav .Logo[b-z8opoupwb1] {
        max-width: 350px;
        height: auto;
    }

    .header-nav ul[b-z8opoupwb1] {
        list-style: none;
        display: flex;
        gap: 20px;
    }

        .header-nav ul li a[b-z8opoupwb1] {
            text-decoration: none;
            color: white;
            font-weight: bold;
            font-size: 16px;
        }

/* Fundo com imagem */
.Fundo-Container[b-z8opoupwb1] {
    position: relative;
    height: 100vh;
    width: 100%;
    background: url('/imagens/PPW_LOGIN_5.png') no-repeat center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Centralização do card */
.Form-Card[b-z8opoupwb1] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 500px;
    background: rgba(72, 123, 142, 0.9);
    border-radius: 10px;
    padding: 40px;
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Estilização do formulário */
.Form[b-z8opoupwb1] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .Form label[b-z8opoupwb1] {
        margin-bottom: 5px;
    }

    .Form input[b-z8opoupwb1] {
        width: 100%;
        padding: 10px;
        margin-bottom: 15px;
        border: 1px solid #ccc;
        border-radius: 5px;
        font-size: 16px;
    }

        .Form input:focus[b-z8opoupwb1] {
            outline: none;
            border-color: #007bff;
        }

.Button[b-z8opoupwb1] {
    width: 100%;
    padding: 15px;
    border: none;
    border-radius: 5px;
    background-color: #28a745;
    color: white;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .Button:hover[b-z8opoupwb1] {
        background-color: #218838;
    }

.Esq_login[b-z8opoupwb1] {
    text-align: center;
    margin-bottom: 10px;
    color: white;
}

.Erro[b-z8opoupwb1] {
    color: red;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}
/* _content/PrePostagem/Components/Pages/ImportarPlp.razor.rz.scp.css */
.Fundo-Container[b-qaaf5m6v9s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-qaaf5m6v9s] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-qaaf5m6v9s] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-qaaf5m6v9s] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-qaaf5m6v9s] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-qaaf5m6v9s] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-qaaf5m6v9s] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-qaaf5m6v9s] {
        flex: 1;
    }



.Button-Container[b-qaaf5m6v9s] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-qaaf5m6v9s], .button-Menu[b-qaaf5m6v9s], .Button[b-qaaf5m6v9s] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-qaaf5m6v9s] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-qaaf5m6v9s] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-qaaf5m6v9s] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-qaaf5m6v9s], .button-Menu img[b-qaaf5m6v9s], .Button img[b-qaaf5m6v9s] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-qaaf5m6v9s] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-qaaf5m6v9s] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-qaaf5m6v9s] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-qaaf5m6v9s],
input[type="email"][b-qaaf5m6v9s] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-qaaf5m6v9s] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-qaaf5m6v9s] {
    flex: 2;
}

.SubCard-Title[b-qaaf5m6v9s] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-qaaf5m6v9s] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/ImportarPrePost.razor.rz.scp.css */
/* Mesmo padrão visual de PrePostar.razor.css (Card/title/Button/SubCard) - pedido explícito (2026-08-29):
   "Veja o layout da tela de prepostagem, siga o mesmo padrão". Only o essencial exclusivo desta tela
   (tabela de resultados da importação) fica fora desse espelhamento, por não existir em PrePostar. */

.Fundo-Container[b-6sny3i7srl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Img-fundo[b-6sny3i7srl] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.Card[b-6sny3i7srl] {
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    margin: 20px auto;
    color: black;
    overflow-y: auto;
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - mesmo ajuste aplicado em PrePostar.razor.css/
       BalcaoAtendimento.razor.css e nas demais telas de cadastro/consulta (2026-09-01). */
    overflow-x: visible;
    backdrop-filter: blur(2px) brightness(60%) contrast(40%) drop-shadow(4px 4px 10px blue) grayscale(30%) hue-rotate(120deg) invert(70%) opacity(20%) sepia(90%) saturate(80%);
    font-size: 1.1em;
    font-weight: bold;
}

.title[b-6sny3i7srl] {
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 20px;
    color: black;
}

.form-group[b-6sny3i7srl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 15px;
}

    .form-group label[b-6sny3i7srl] {
        font-weight: 600;
    }

.form-group-row[b-6sny3i7srl] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-6sny3i7srl] {
        flex: 1 1 0;
        min-width: 0;
    }

.form-control[b-6sny3i7srl],
select[b-6sny3i7srl] {
    width: 100%;
    min-height: 46px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.96);
    color: #222;
    font-size: 1rem;
    outline: none;
    box-sizing: border-box;
}

    .form-control:focus[b-6sny3i7srl],
    select:focus[b-6sny3i7srl] {
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.18);
    }

.form-hint[b-6sny3i7srl] {
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 16px;
}

/* Estilização dos SubCards - idêntica a PrePostar.razor.css (2026-08-25). */
.SubCard[b-6sny3i7srl] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px) brightness(60%) contrast(40%) drop-shadow(4px 4px 10px blue) grayscale(30%) hue-rotate(120deg) invert(70%) opacity(20%) sepia(90%) saturate(80%);
}

.SubCard-Large[b-6sny3i7srl] {
    flex: 2;
}

.SubCards-Container[b-6sny3i7srl] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.Button-Container[b-6sny3i7srl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 20px;
}

/* Botões menores e arredondados - mesmo padrão de PrePostar.razor.css/CadContrato.razor.css/
   CadCliente.razor.css (2026-08-26). */
.Button-V[b-6sny3i7srl],
.Button[b-6sny3i7srl] {
    width: auto;
    min-width: 130px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.Button-V[b-6sny3i7srl] {
    background-color: #247FAC;
}

.Button[b-6sny3i7srl] {
    background-color: #28a745;
}

.Button-V:hover[b-6sny3i7srl] {
    background-color: #1c5f7d;
}

.Button:hover[b-6sny3i7srl] {
    background-color: #218838;
}

button:disabled[b-6sny3i7srl] {
    opacity: 0.6;
    cursor: not-allowed;
}

.error-message[b-6sny3i7srl] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
    background-color: rgba(220, 53, 69, 0.16);
    color: #fff;
}

/* Tabela de resultados da importação - não existe em PrePostar.razor, mesmo padrão já usado em
   EntradaProdutos.razor/ConsultaProdutosVendidos.razor. */
.grid-container-feed[b-6sny3i7srl] {
    display: grid;
    gap: 0;
    width: 100%;
    margin-top: 12px;
}

.grid-header[b-6sny3i7srl] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-6sny3i7srl] {
    display: contents;
}

.grid-item[b-6sny3i7srl] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    background-color: #fff;
    min-height: 44px;
    word-break: break-word;
}

.grid-row:nth-of-type(odd) .grid-item[b-6sny3i7srl] {
    background-color: #f5fbfb;
}

.grid-row:nth-of-type(even) .grid-item[b-6sny3i7srl] {
    background-color: #e1f2f4;
}

/* Paginação da grade de resultados (2026-09-01, pedido explícito: "limite a 10 por pagina... coloque
   paginação"). Só afeta a exibição - "resultados" continua completo por baixo, é o que
   AbrirModalImpressao usa pra imprimir. */
.paginacao-resultados[b-6sny3i7srl] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 14px;
}

.paginacao-info[b-6sny3i7srl] {
    color: white;
    font-weight: 600;
    font-size: 0.95em;
}

@media (max-width: 900px) {
    .Button-V[b-6sny3i7srl], .Button[b-6sny3i7srl] {
        min-width: 0;
        font-size: 13px;
        padding: 9px 18px;
    }
}

@media (max-width: 768px) {
    /* Faixa de tablet - Card/SubCards não tinham ajuste nenhum aqui (só form-group-row/grid), mesmas
       faixas já usadas em PrePostar.razor.css/BalcaoAtendimento.razor.css (2026-09-01). */
    .Fundo-Container[b-6sny3i7srl] {
        padding: 12px;
    }

    .Card[b-6sny3i7srl] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-6sny3i7srl] {
        font-size: 1.3em;
        margin-bottom: 14px;
    }

    /* Sem isso, "SubCard" (flex:1) e "SubCard-Large" (flex:2) dividiam a linha em proporção 1:2 até não
       caberem mais (só aí quebravam via flex-wrap) - empilhar direto em 100% evita esse meio-termo
       espremido em telas de tablet (2026-09-01). */
    .SubCard[b-6sny3i7srl], .SubCard-Large[b-6sny3i7srl] {
        min-width: 100%;
        flex-basis: 100%;
    }

    .SubCards-Container[b-6sny3i7srl] {
        gap: 14px;
        margin-top: 14px;
    }

    .form-group-row[b-6sny3i7srl] {
        flex-direction: column;
        align-items: stretch;
    }

    .grid-container-feed[b-6sny3i7srl] {
        grid-template-columns: 1fr !important;
    }

    .grid-header[b-6sny3i7srl] {
        display: none;
    }

    .grid-row[b-6sny3i7srl] {
        display: block;
        margin-bottom: 12px;
        background-color: rgba(255, 255, 255, 0.92);
        border-radius: 10px;
        overflow: hidden;
    }

    .grid-item[b-6sny3i7srl] {
        justify-content: space-between;
        text-align: left;
        border-radius: 0;
        border-bottom: 1px solid #e9ecef;
        padding: 12px;
    }

    .grid-row .grid-item:last-child[b-6sny3i7srl] {
        border-bottom: none;
    }

    .grid-item[b-6sny3i7srl]::before {
        content: attr(data-label);
        font-weight: 700;
        color: #247FAC;
        margin-right: 12px;
    }
}

@media (max-width: 480px) {
    .Button-Container[b-6sny3i7srl] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-6sny3i7srl],
        .Button-Container .Button[b-6sny3i7srl] {
            width: 100%;
            min-width: 0;
        }
}
/* _content/PrePostagem/Components/Pages/Index.razor.rz.scp.css */
/* Layout geral, criando uma estrutura de flexbox */
.layout[b-6sbiabj89v] {
    display: flex;
    height: 100vh; /* Garante que ocupe a tela inteira */
}

/* Menu lateral (sidebar) */
.Menu-Lateral[b-6sbiabj89v] {
    width: 150px; /* Largura fixa do menu lateral */
    background-color: #247FAC;
    color: white;
    padding-top: 20px;
    position: fixed; /* Fixa o menu lateral */
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10; /* Garante que o menu fique acima do conteúdo principal */
}

.sidebar h2[b-6sbiabj89v] {
    text-align: center;
    color: white;
}

.sidebar ul[b-6sbiabj89v] {
    list-style-type: none;
    padding-left: 0;
}

.sidebar li[b-6sbiabj89v] {
    padding: 10px;
    cursor: pointer;
}

    .sidebar li:hover[b-6sbiabj89v] {
        background-color: #555;
    }

    /* Classe para o item de menu selecionado */
    .sidebar li.selected[b-6sbiabj89v] {
        background-color: #666; /* Cor de fundo cinza para o item selecionado */
    }


/* Conteúdo principal (ajustando a área de visualização dos cards) */
.Main-Content[b-6sbiabj89v] {
    margin-left: 140px; /* Espaço para o menu lateral */
    padding: 20px;
    flex-grow: 1; /* Faz com que ocupe o restante da tela */
    overflow-y: auto; /* Permite rolar o conteúdo principal, se necessário */
}

/* Container dos cards */
.cards-container[b-6sbiabj89v] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start; /* Alinha os cards no início da linha */
}

/* Estilo do card que exibe as subseções */
.card[b-6sbiabj89v] {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    width: 170px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px; /* Espaço entre os cards */
    cursor: pointer; /* Adicionando o cursor de pointer para indicar que é clicável */
    font-family: 'Open Sans';
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

    /* Efeito de hover para mudança de cor */
    .card:hover[b-6sbiabj89v] {
        background-color: #288DC0; /* Cor de fundo ao passar o mouse */
        color: white;
    }

    /* Classe para indicar que o card foi clicado */
    .card.clicked[b-6sbiabj89v] {
        background-color: #ddd; /* Cor de fundo quando o card foi clicado */
    }

    /* Estilo para os títulos dentro dos cards */
    .card h3[b-6sbiabj89v] {
        margin-top: 10px; /* Adicionando espaço entre a imagem e o título */
        font-size: 15px;
        text-align: center;
        font-weight: bold;
    }

    /* Estilo para a imagem dentro do card */
    .card img[b-6sbiabj89v] {
        width: 100%;
        max-width: 30px; /* Limita o tamanho da imagem */
        height: auto; /* Mantém a proporção da imagem */
        margin-bottom: 5px; /* Espaço entre a imagem e o título */
        object-fit: contain;
    }


/* _content/PrePostagem/Components/Pages/LogReversaEmissao.razor.rz.scp.css */
.Fundo-Container[b-2nglbxzx0s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-2nglbxzx0s] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-2nglbxzx0s] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-2nglbxzx0s] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-2nglbxzx0s] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-2nglbxzx0s] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-2nglbxzx0s] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-2nglbxzx0s] {
        flex: 1;
    }



.Button-Container[b-2nglbxzx0s] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-2nglbxzx0s], .button-Menu[b-2nglbxzx0s], .Button[b-2nglbxzx0s] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-2nglbxzx0s] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-2nglbxzx0s] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-2nglbxzx0s] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-2nglbxzx0s], .button-Menu img[b-2nglbxzx0s], .Button img[b-2nglbxzx0s] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-2nglbxzx0s] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-2nglbxzx0s] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-2nglbxzx0s] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-2nglbxzx0s],
input[type="email"][b-2nglbxzx0s] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-2nglbxzx0s] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-2nglbxzx0s] {
    flex: 2;
}

.SubCard-Title[b-2nglbxzx0s] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-2nglbxzx0s] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/MercadoLivre.razor.rz.scp.css */
.Fundo-Container[b-0pch0z6jr1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-0pch0z6jr1] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-0pch0z6jr1] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-0pch0z6jr1] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-0pch0z6jr1] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-0pch0z6jr1] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-0pch0z6jr1] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-0pch0z6jr1] {
        flex: 1;
    }



.Button-Container[b-0pch0z6jr1] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-0pch0z6jr1], .button-Menu[b-0pch0z6jr1], .Button[b-0pch0z6jr1] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-0pch0z6jr1] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-0pch0z6jr1] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-0pch0z6jr1] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-0pch0z6jr1], .button-Menu img[b-0pch0z6jr1], .Button img[b-0pch0z6jr1] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-0pch0z6jr1] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-0pch0z6jr1] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-0pch0z6jr1] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-0pch0z6jr1],
input[type="email"][b-0pch0z6jr1] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-0pch0z6jr1] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-0pch0z6jr1] {
    flex: 2;
}

.SubCard-Title[b-0pch0z6jr1] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-0pch0z6jr1] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/ModalTrataCarga.razor.rz.scp.css */
.modal-container[b-qlsa3sbefx] {
    padding: 0;
}

.modal-title[b-qlsa3sbefx] {
    color: #1976d2;
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    padding: 15px;
    background: linear-gradient(135deg, #247FAC, #1a5f80);
    color: white;
    border-radius: 8px 8px 0 0;
}

.section-title[b-qlsa3sbefx] {
    color: #247FAC;
    margin-bottom: 15px;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 2px solid #247FAC;
    padding-bottom: 5px;
}

/* Cards estilo SubCard */
.SubCard[b-qlsa3sbefx] {
    border: 1px solid rgba(36, 127, 172, 0.3);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.95);
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(2px);
}

/* Formulários */
.form-group-row[b-qlsa3sbefx] {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.form-group[b-qlsa3sbefx] {
    flex: 1;
    min-width: calc(33% - 15px);
    margin-bottom: 10px;
}

    .form-group.full-width[b-qlsa3sbefx] {
        min-width: 100%;
    }

    .form-group.half-width[b-qlsa3sbefx] {
        min-width: calc(50% - 15px);
    }

.form-group-row.weights .form-group[b-qlsa3sbefx] {
    min-width: calc(50% - 15px);
}

.form-group label[b-qlsa3sbefx] {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #247FAC;
}

/* Container para dimensões */
.dimensoes-container[b-qlsa3sbefx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dimensoes-linha[b-qlsa3sbefx] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.dimensao-campo[b-qlsa3sbefx] {
    flex: 1;
    min-width: 120px;
}

/* Campos readonly */
.campo-readonly .mud-input-root[b-qlsa3sbefx] {
    background-color: #f5f5f5;
}

.campo-readonly .mud-input-slot[b-qlsa3sbefx] {
    color: #666;
}

.valor-destacado .mud-input-root[b-qlsa3sbefx] {
    background-color: #e8f5e8;
    font-weight: bold;
}

/* Responsividade */
@media (max-width: 768px) {
    .form-group[b-qlsa3sbefx],
    .form-group.half-width[b-qlsa3sbefx],
    .form-group-row.weights .form-group[b-qlsa3sbefx] {
        min-width: 100%;
    }

    .dimensoes-linha[b-qlsa3sbefx] {
        flex-direction: column;
    }

    .dimensao-campo[b-qlsa3sbefx] {
        min-width: 100%;
    }
}
/* _content/PrePostagem/Components/Pages/MovimentacaoEstoque.razor.rz.scp.css */
.Fundo-Container[b-havgxmykqv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
    position: relative;
}

.Img-fundo[b-havgxmykqv] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.Card[b-havgxmykqv] {
    position: relative;
    z-index: 1;
    width: min(1300px, 100%);
    margin: 20px auto;
    padding: 24px;
    border-radius: 16px;
    color: white;
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px) saturate(120%);
    overflow: hidden;
}

.header-Container[b-havgxmykqv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
}

.title[b-havgxmykqv] {
    margin: 0;
    text-align: center;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    line-height: 1.1;
}

.SubCards-Container[b-havgxmykqv] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 12px;
}

.SubCard[b-havgxmykqv] {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.08);
    padding: 20px;
    color: white;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(6px);
}

.SubCard-Large[b-havgxmykqv] {
    width: 100%;
}

.form-hint[b-havgxmykqv] {
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 16px;
}

.form-group-row[b-havgxmykqv] {
    display: flex;
    justify-content: flex-start;
    align-items: end;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.form-group[b-havgxmykqv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 220px;
    margin-bottom: 0;
}

    .form-group label[b-havgxmykqv] {
        font-weight: 600;
        color: #ffffff;
    }

.BotoesContainer[b-havgxmykqv] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 10px;
}

    .BotoesContainer button[b-havgxmykqv] {
        min-width: 200px;
        padding: 12px 18px;
        border: none;
        border-radius: 8px;
        font-weight: 700;
        cursor: pointer;
        color: white;
    }

.btn-info[b-havgxmykqv] { background-color: #17a2b8; }
.btn-secondary[b-havgxmykqv] { background-color: #6c757d; }

[b-havgxmykqv] .campo-mud .mud-input-outlined {
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 8px;
}

[b-havgxmykqv] .campo-mud .mud-input-outlined-border {
    border-color: rgba(255, 255, 255, 0.20);
}

[b-havgxmykqv] .campo-mud input,
[b-havgxmykqv] .campo-mud .mud-select-input,
[b-havgxmykqv] .campo-mud .mud-input-slot {
    color: #222;
}

.form-control[b-havgxmykqv],
select[b-havgxmykqv] {
    width: 100%;
    min-height: 46px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.96);
    color: #222;
    font-size: 1rem;
    outline: none;
    box-sizing: border-box;
}

    .form-control:focus[b-havgxmykqv],
    select:focus[b-havgxmykqv] {
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.18);
    }

.Button-Container[b-havgxmykqv] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-top: 20px;
}

.Button[b-havgxmykqv],
.Button-V[b-havgxmykqv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 12px 18px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .Button:hover[b-havgxmykqv],
    .Button-V:hover[b-havgxmykqv] {
        transform: translateY(-1px);
    }

    .Button:disabled[b-havgxmykqv] {
        opacity: 0.6;
        cursor: not-allowed;
        transform: none;
    }

.Button[b-havgxmykqv] {
    background-color: #28a745;
}

    .Button:hover[b-havgxmykqv] {
        background-color: #218838;
    }

.Button-V[b-havgxmykqv] {
    background-color: #247FAC;
}

    .Button-V:hover[b-havgxmykqv] {
        background-color: #1d678d;
    }

.Button img[b-havgxmykqv],
.Button-V img[b-havgxmykqv] {
    width: 22px;
    height: 22px;
}

.resumo-movimentacao[b-havgxmykqv] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 16px;
    margin-bottom: 8px;
}

.resumo-item[b-havgxmykqv] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 18px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.resumo-label[b-havgxmykqv] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.75);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.resumo-valor[b-havgxmykqv] {
    font-size: 1.4rem;
    font-weight: 700;
}

/* Saldo + Valor movimentado - a resposta principal da tela ("quanto tem agora"),
   por isso maiores e num destaque próprio, separados dos cards de detalhe abaixo. */
.resumo-destaque[b-havgxmykqv] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.resumo-item-saldo[b-havgxmykqv] {
    flex: 2 1 320px;
    background-color: rgba(36, 127, 172, 0.35);
    border: 1px solid rgba(36, 127, 172, 0.6);
}

    .resumo-item-saldo .resumo-valor[b-havgxmykqv] {
        font-size: 2rem;
    }

.resumo-item-valor[b-havgxmykqv] {
    flex: 1 1 220px;
}

.resumo-formula[b-havgxmykqv] {
    font-size: 0.72rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
    color: rgba(255, 255, 255, 0.7);
}

/* Cards de detalhe - o "porquê" do Saldo, secundários (menores, sem fundo forte), com uma cor de
   identificação na borda esquerda que é a MESMA cor do badge "Tipo" da grade abaixo, pra reconhecer de
   relance qual card corresponde a qual tipo de movimentação sem precisar ler o texto. */
.resumo-detalhes[b-havgxmykqv] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.resumo-item-detalhe[b-havgxmykqv] {
    flex: 1 1 150px;
    padding: 8px 14px;
    border-left-width: 4px;
    border-left-style: solid;
}

    .resumo-item-detalhe .resumo-valor[b-havgxmykqv] {
        font-size: 1.1rem;
    }

.resumo-cor-entrada[b-havgxmykqv] {
    border-left-color: #198754;
}

.resumo-cor-recolhimento[b-havgxmykqv] {
    border-left-color: #6f42c1;
}

.resumo-cor-retirada[b-havgxmykqv] {
    border-left-color: #dc3545;
}

.resumo-cor-suprimento[b-havgxmykqv] {
    border-left-color: #0a58ca;
}

.resumo-cor-venda[b-havgxmykqv] {
    border-left-color: #b8860b;
}

.grid-container-movimentacao[b-havgxmykqv] {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr 0.8fr 1.8fr 1fr 1fr 1fr 1.1fr 1.1fr 1.1fr;
    gap: 0;
    width: 100%;
    margin-top: 16px;
}

/* Visão "Disponível para Venda" (2026-08-18) - Código, Descrição, Quantidade, Valor Unitário, Valor Total. */
.grid-container-disponivel[b-havgxmykqv] {
    display: grid;
    grid-template-columns: 1fr 2.2fr 1.3fr 1.1fr 1.1fr;
    gap: 0;
    width: 100%;
    margin-top: 16px;
}

.grid-header[b-havgxmykqv] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-header-sortable[b-havgxmykqv] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    font-size: 1em;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .grid-header-sortable:hover[b-havgxmykqv] {
        background-color: #1d678d;
    }

.sort-indicator[b-havgxmykqv] {
    font-size: 0.75em;
    min-width: 0.9em;
}

.paginacao-container[b-havgxmykqv] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.paginacao-nav[b-havgxmykqv] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.paginacao-info[b-havgxmykqv] {
    font-weight: 600;
    color: #fff;
}

.paginacao-nav .Button-V[b-havgxmykqv] {
    min-height: 40px;
    padding: 8px 16px;
}

.grid-row[b-havgxmykqv] {
    display: contents;
}

.grid-item[b-havgxmykqv] {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    background-color: #fff;
    min-height: 52px;
}

.grid-row:nth-of-type(odd) .grid-item[b-havgxmykqv] {
    background-color: #f5fbfb;
}

.grid-row:nth-of-type(even) .grid-item[b-havgxmykqv] {
    background-color: #e1f2f4;
}

.situacao-badge[b-havgxmykqv] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
}

.situacao-ativo[b-havgxmykqv] {
    background-color: rgba(40, 167, 69, 0.15);
    color: #198754;
}

.situacao-andamento[b-havgxmykqv] {
    background-color: rgba(255, 193, 7, 0.18);
    color: #b8860b;
}

.situacao-inativo[b-havgxmykqv] {
    background-color: rgba(220, 53, 69, 0.15);
    color: #dc3545;
}

.situacao-suprimento[b-havgxmykqv] {
    background-color: rgba(10, 88, 202, 0.15);
    color: #0a58ca;
}

.situacao-recolhimento[b-havgxmykqv] {
    background-color: rgba(111, 66, 193, 0.16);
    color: #6f42c1;
}

.situacao-transferencia[b-havgxmykqv] {
    background-color: rgba(15, 155, 142, 0.16);
    color: #0f9b8e;
}

.no-results[b-havgxmykqv] {
    grid-column: 1 / -1;
    padding: 12px;
    color: white;
    font-weight: bold;
}

.loading-message[b-havgxmykqv],
.info-message[b-havgxmykqv],
.error-message[b-havgxmykqv] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
}

.loading-message[b-havgxmykqv],
.info-message[b-havgxmykqv] {
    background-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.error-message[b-havgxmykqv] {
    background-color: rgba(220, 53, 69, 0.16);
    color: #fff;
}

@media (max-width: 768px) {
    .Fundo-Container[b-havgxmykqv] {
        padding: 16px;
    }

    .Card[b-havgxmykqv] {
        padding: 16px;
    }

    .form-group-row[b-havgxmykqv] {
        flex-direction: column;
        align-items: stretch;
    }

    /* "flex: 1 1 220px" (regra de desktop) define 220px de base pro eixo principal - na horizontal isso
       é largura, mas assim que ".form-group-row" vira "flex-direction:column" aqui, o eixo principal
       passa a ser a ALTURA, esticando cada ".form-group" pra 220px de altura em vez de largura (mesmo
       bug já corrigido em ConsultaCadProd.razor.css/EntradaProdutos.razor.css/ConsultaEstoque.razor.css)
       (2026-09-02). "flex-basis:auto" reseta a base pro tamanho do conteúdo. */
    .form-group[b-havgxmykqv] {
        width: 100%;
        flex-basis: auto;
    }

    .Button[b-havgxmykqv],
    .Button-V[b-havgxmykqv] {
        width: 100%;
    }

    /* A regra geral acima também alcançava "Anterior"/"Próxima" aqui dentro, que deveriam ficar
       compactos lado a lado com o texto de página, não 100% cada um numa linha de 3 itens (mesmo ajuste
       das demais telas de produto) (2026-09-02). */
    .paginacao-nav[b-havgxmykqv] {
        flex-wrap: wrap;
    }

        .paginacao-nav .Button-V[b-havgxmykqv] {
            width: auto;
            flex: 1 1 auto;
        }

    .grid-container-movimentacao[b-havgxmykqv],
    .grid-container-disponivel[b-havgxmykqv] {
        grid-template-columns: 1fr;
    }

    .grid-header[b-havgxmykqv] {
        display: none;
    }

    .grid-row[b-havgxmykqv] {
        display: block;
        margin-bottom: 12px;
        background-color: rgba(255, 255, 255, 0.92);
        border-radius: 10px;
        overflow: hidden;
    }

    .grid-item[b-havgxmykqv] {
        justify-content: space-between;
        text-align: left;
        border-radius: 0;
        border-bottom: 1px solid #e9ecef;
        padding: 14px;
    }

    .grid-row .grid-item:last-child[b-havgxmykqv] {
        border-bottom: none;
    }

    .grid-item[b-havgxmykqv]::before {
        content: attr(data-label);
        font-weight: 700;
        color: #247FAC;
        margin-right: 12px;
    }

    .paginacao-container[b-havgxmykqv] {
        flex-direction: column;
        align-items: stretch;
    }

    .paginacao-nav[b-havgxmykqv] {
        justify-content: space-between;
    }
}
/* _content/PrePostagem/Components/Pages/ObjetoParaRetirar.razor.rz.scp.css */
.Fundo-Container[b-qxyig0n8e8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-qxyig0n8e8] {
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    margin: 20px auto;
    color: black;
    overflow-y: auto;
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - mesmo ajuste aplicado nas demais telas
       (2026-09-01). */
    overflow-x: visible;
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
    font-size: 1.1em;
    font-weight: bold;
}

.title[b-qxyig0n8e8] {
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 20px;
    color: black;
}

.Img-fundo[b-qxyig0n8e8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.form-group[b-qxyig0n8e8] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-qxyig0n8e8] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-qxyig0n8e8] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-qxyig0n8e8] {
        flex: 1;
        min-width: 0;
    }



.Button-Container[b-qxyig0n8e8] {
    display: flex;
    justify-content: flex-end; /* Alinha os botões à direita */
    gap: 15px; /* Espaço entre os botões */
    width: 100%;
    margin-top: 20px;
    padding: 0 10px;
}

.Button[b-qxyig0n8e8],
.Button-V[b-qxyig0n8e8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 12px 18px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .Button:hover[b-qxyig0n8e8],
    .Button-V:hover[b-qxyig0n8e8] {
        transform: translateY(-1px);
    }

    .Button:disabled[b-qxyig0n8e8],
    .Button-V:disabled[b-qxyig0n8e8] {
        opacity: 0.6;
        cursor: not-allowed;
        transform: none;
    }

.Button[b-qxyig0n8e8] {
    background-color: #28a745;
}

    .Button:hover[b-qxyig0n8e8] {
        background-color: #218838;
    }

.Button-V[b-qxyig0n8e8] {
    background-color: #247FAC;
}

    .Button-V:hover[b-qxyig0n8e8] {
        background-color: #1d678d;
    }

.Button img[b-qxyig0n8e8],
.Button-V img[b-qxyig0n8e8] {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1);
}



input[type="text"][b-qxyig0n8e8],
input[type="email"][b-qxyig0n8e8] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: black;
}

.SubCard[b-qxyig0n8e8] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.SubCard-Large[b-qxyig0n8e8] {
    flex: 2;
}

.SubCard-Title[b-qxyig0n8e8] {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-qxyig0n8e8] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}


.embalagem-container[b-qxyig0n8e8] {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}


.embalagem-card[b-qxyig0n8e8] {
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    color: black;
}

    .embalagem-card:hover[b-qxyig0n8e8] {
        border-color: #007bff;
        box-shadow: 0 0 10px rgba(0, 123, 255, 0.2);
        color: black;
    }

    .embalagem-card.selected[b-qxyig0n8e8] {
        border: 5px solid #007bff;
        background-color: #f0f8ff;
    }

.embalagem-icon img[b-qxyig0n8e8] {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.embalagem-title[b-qxyig0n8e8] {
    font-weight: bold;
    margin: 10px 0 5px;
}

.embalagem-desc[b-qxyig0n8e8] {
    font-size: 0.8rem;
    color: #666;
}


.disable-tab-headers[b-qxyig0n8e8] {
    display: none !important;
}

.mud-snackbar-content[b-qxyig0n8e8] {
    font-size: 14px;
}

.mud-alert-filled-error[b-qxyig0n8e8] {
    background-color: #d32f2f !important;
}

.modal-header[b-qxyig0n8e8] {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title[b-qxyig0n8e8] {
    margin: 0;
}

.modal-body[b-qxyig0n8e8] {
    padding: 1rem;
}

.modal-footer[b-qxyig0n8e8] {
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.close[b-qxyig0n8e8] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
}

.custom-dialog .mud-dialog-container[b-qxyig0n8e8] {
    width: 90vw;
    max-width: 1200px;
    height: 80vh;
}

.custom-dialog .mud-dialog-content[b-qxyig0n8e8] {
    max-height: calc(80vh - 150px);
    overflow-y: auto;
}

.input-with-loader[b-qxyig0n8e8] {
    position: relative;
}

.loader-cep[b-qxyig0n8e8] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    animation: spin-b-qxyig0n8e8 1s linear infinite;
}

.modal-blur-background[b-qxyig0n8e8] {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    background-color: rgba(0, 0, 0, 0.25) !important;
}

@keyframes spin-b-qxyig0n8e8 {
    0% {
        transform: translateY(-50%) rotate(0deg);
    }

    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}

.text-danger.small[b-qxyig0n8e8] {
    font-size: 0.8rem;
}

input[readonly][b-qxyig0n8e8] {
    background-color: #e9ecef;
    opacity: 1;
}

.progress-container[b-qxyig0n8e8] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    margin: 1rem 0;
}


.servicos-container[b-qxyig0n8e8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.total-objetos[b-qxyig0n8e8] {
    font-weight: bold;
    color: var(--mud-palette-primary);
}

.servicos-detalhes[b-qxyig0n8e8] {
    font-size: 0.8rem;
    color: var(--mud-palette-text-secondary);
}

.ferramentas-container[b-qxyig0n8e8] {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* Faixa de tablet - tela não tinha NENHUMA media query antes, mesmas faixas já usadas em
   PrePostar.razor.css/BalcaoAtendimento.razor.css/ImportarPrePost.razor.css/TrataCarga.razor.css
   (2026-09-01). */
@media (max-width: 768px) {
    .Fundo-Container[b-qxyig0n8e8] {
        padding: 12px;
    }

    .Card[b-qxyig0n8e8] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-qxyig0n8e8] {
        font-size: 1.3em;
        margin-bottom: 14px;
    }

    .SubCard[b-qxyig0n8e8], .SubCard-Large[b-qxyig0n8e8] {
        min-width: 100%;
        flex-basis: 100%;
    }

    .SubCards-Container[b-qxyig0n8e8] {
        gap: 14px;
        margin-top: 14px;
    }

    input[type="text"][b-qxyig0n8e8],
    input[type="email"][b-qxyig0n8e8] {
        padding: 12px;
        font-size: 1em;
    }
}

@media (max-width: 600px) {
    /* Empilha um campo por linha (Data Inicial/Data Final, e o resto dos form-group-row) em vez de
       dividir a linha - mesmo padrão já usado nas demais telas (2026-09-01). */
    .form-group-row[b-qxyig0n8e8] {
        flex-direction: column;
    }

        .form-group-row .form-group[b-qxyig0n8e8] {
            width: 100%;
        }

    .Button-Container[b-qxyig0n8e8] {
        flex-direction: column;
        padding: 0;
    }

        .Button-Container .Button[b-qxyig0n8e8],
        .Button-Container .Button-V[b-qxyig0n8e8] {
            width: 100%;
        }
}
/* _content/PrePostagem/Components/Pages/OrcamentoBalcaoModal.razor.rz.scp.css */
/* Layout Principal */
.SubCards-Container[b-gdh8kyjs5g] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
    width: 100%;
}

.SubCard[b-gdh8kyjs5g] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    /* Mesmo tom "vidro" azul-petróleo mais claro já usado nas telas de cadastro (CadUsuario.razor.css/
       CadContrato.razor.css/...) e agora também no OrcamentoModal.razor.css do Pré Postar - antes era um
       branco escurecido via backdrop-filter (brightness/contrast reduzidos) (2026-08-24). */
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px) saturate(80%);
}

.SubCard-Large[b-gdh8kyjs5g] {
    flex: 2;
    min-width: 300px;
}

/* Seletor de Embalagem */
.embalagem-container[b-gdh8kyjs5g] {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.embalagem-card[b-gdh8kyjs5g] {
    flex: 1;
    min-width: 120px;
    max-width: 150px;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    color: black;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .embalagem-card:hover[b-gdh8kyjs5g] {
        border-color: #007bff;
        box-shadow: 0 0 10px rgba(0, 123, 255, 0.2);
    }

    .embalagem-card.selected[b-gdh8kyjs5g] {
        border: 3px solid #007bff;
        background-color: #f0f8ff;
        transform: scale(1.05);
    }

.embalagem-icon img[b-gdh8kyjs5g] {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 10px;
}

/* Formulários */
.form-container[b-gdh8kyjs5g] {
    width: 100%;
}

.form-section[b-gdh8kyjs5g] {
    margin-bottom: 20px;
}

.form-group-row[b-gdh8kyjs5g] {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.form-group[b-gdh8kyjs5g] {
    flex: 1;
    min-width: calc(33% - 15px);
    margin-bottom: 10px;
}

    .form-group.full-width[b-gdh8kyjs5g] {
        min-width: 100%;
    }

    .form-group.half-width[b-gdh8kyjs5g] {
        min-width: calc(50% - 15px);
    }

.form-group-row.dimensions .form-group[b-gdh8kyjs5g] {
    min-width: calc(33.333% - 15px);
}

.form-group-row.weights .form-group[b-gdh8kyjs5g] {
    min-width: calc(50% - 15px);
}

.form-group label[b-gdh8kyjs5g] {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: white;
}

/* ".SubCard ::deep" além do seletor puro: o isolamento de CSS do Blazor só marca com o atributo de
   escopo os elementos escritos direto neste .razor - o <input> que InputText/InputNumber geram por
   dentro pertence ao componente deles (framework), então "quantidade" e "valorDeclarado" (e qualquer
   outro campo assim nesta tela) nunca recebiam este "padding: 10px", caindo no tamanho padrão do
   navegador em vez do compacto usado no resto da tela - mesma causa e mesma correção já aplicadas em
   CadContrato.razor.css (altura 40px/line-height 38px, padrão já usado nas telas de pré-postagem).
   ".SubCard ::deep" (não "::deep" sozinho) mantém isso restrito a este modal - "::deep .form-control"
   sem ancorar num seletor escopado vira regra global, afetando ".form-control" de QUALQUER outra tela
   do app (2026-08-27). */
.form-control[b-gdh8kyjs5g],
input[type="text"][b-gdh8kyjs5g],
input[type="email"][b-gdh8kyjs5g],
input[type="number"][b-gdh8kyjs5g],
select[b-gdh8kyjs5g],
.SubCard[b-gdh8kyjs5g]  .form-control,
.SubCard[b-gdh8kyjs5g]  input[type="text"],
.SubCard[b-gdh8kyjs5g]  input[type="email"],
.SubCard[b-gdh8kyjs5g]  input[type="number"],
.SubCard[b-gdh8kyjs5g]  select {
    width: 100%;
    height: 40px;
    line-height: 38px;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1em;
    background: rgba(255, 255, 255, 0.9);
}

/* Botão "+" e tabela de itens da Declaração de Conteúdo - mesmo padrão de PrePostar.razor.css
   (2026-08-27). */
.btn-add-item[b-gdh8kyjs5g] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border: none;
    border-radius: 50%;
    background-color: #28a745;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1;
    cursor: pointer;
    align-self: flex-end;
    transition: background-color 0.2s ease;
}

.btn-add-item:hover[b-gdh8kyjs5g] {
    background-color: #218838;
}

.conteudo-itens-tabela[b-gdh8kyjs5g] {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0 15px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 6px;
    overflow: hidden;
}

.conteudo-itens-tabela th[b-gdh8kyjs5g],
.conteudo-itens-tabela td[b-gdh8kyjs5g] {
    padding: 8px 12px;
    text-align: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #222;
}

.conteudo-itens-tabela th[b-gdh8kyjs5g] {
    background-color: rgba(0, 0, 0, 0.08);
    font-weight: bold;
}

.btn-remover-item[b-gdh8kyjs5g] {
    background: none;
    border: none;
    color: #dc3545;
    cursor: pointer;
    font-size: 1.1em;
    line-height: 1;
}

.btn-remover-item:hover[b-gdh8kyjs5g] {
    color: #a71d2a;
}


/* Navegação entre etapas (Remetente -> Destinatário / Destinatário -> Finalizar) - o texto longo do
   MudButton "Próximo: Preencher dados do Destinatário" não tinha onde quebrar nem encolher nesta linha
   (só justify-content:space-between, sem wrap), e estourava a largura do modal em telas estreitas
   (2026-09-01, reportado pelo usuário: "o botão... está estourando o tamanho"). "::deep button" mira o
   <button> nativo que o MudButton renderiza por dentro - CSS isolation do Blazor não alcança elementos
   gerados por um componente filho sem "::deep" (mesmo motivo do comentário sobre ".form-control" acima). */
.d-flex.justify-space-between[b-gdh8kyjs5g] {
    flex-wrap: wrap;
    gap: 10px;
}

    .d-flex.justify-space-between[b-gdh8kyjs5g]  button {
        white-space: normal;
        text-align: center;
    }

@media (max-width: 480px) {
    .d-flex.justify-space-between[b-gdh8kyjs5g] {
        flex-direction: column;
    }

        .d-flex.justify-space-between[b-gdh8kyjs5g]  button {
            width: 100%;
        }
}

/* Responsividade */
@media (max-width: 768px) {
    .SubCard[b-gdh8kyjs5g], .SubCard-Large[b-gdh8kyjs5g] {
        min-width: 100%;
    }

    .form-group[b-gdh8kyjs5g],
    .form-group-row.dimensions .form-group[b-gdh8kyjs5g],
    .form-group-row.weights .form-group[b-gdh8kyjs5g],
    .form-group.half-width[b-gdh8kyjs5g] {
        min-width: 100%;
    }

    .embalagem-card[b-gdh8kyjs5g] {
        min-width: calc(50% - 15px);
    }
}

.grid-container[b-gdh8kyjs5g] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 10px;
    gap: 0; 
}

.title[b-gdh8kyjs5g] {
    grid-column: 1 / -1; /* Faz o título ocupar todas as colunas */
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 10px;
    color: white; 
    background: transparent; 
    border: none; 
    padding: 10px 0;
}

.grid-header[b-gdh8kyjs5g] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-gdh8kyjs5g] {
    display: contents;
    cursor: pointer;
}

    .grid-row:nth-child(odd) .grid-item[b-gdh8kyjs5g] {
        background-color: #f5fbfb;
        transition: all 0.2s ease;
    }

    .grid-row:nth-child(even) .grid-item[b-gdh8kyjs5g] {
        background-color: #e1f2f4;
        transition: all 0.2s ease;
    }

   
    .grid-row:hover .grid-item[b-gdh8kyjs5g] {
        background-color: #c0dfe3;
        filter: brightness(0.95); 
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

   
    .grid-row:active .grid-item[b-gdh8kyjs5g] {
        background-color: #a8d1d6;
        transform: translateY(0);
    }

  
    .grid-row.selected .grid-item[b-gdh8kyjs5g] {
        background-color: #8fc7ce;
        border-left: 3px solid #007bff;
        font-weight: bold;
    }

    /* Serviço indisponível pro trecho (ex: SEDEX 12 fora de área de cobertura) - continua na lista,
       só não clicável, com o motivo abaixo do nome (2026-08-31, pedido explícito). Mesmo padrão de
       OrcamentoModal.razor.css. */
    .grid-row.indisponivel[b-gdh8kyjs5g] {
        cursor: not-allowed;
    }

        .grid-row.indisponivel .grid-item[b-gdh8kyjs5g] {
            background-color: #f2f2f2 !important;
            color: #8a8a8a;
            transform: none !important;
            box-shadow: none !important;
        }

.grid-item-observacao[b-gdh8kyjs5g] {
    font-size: 0.78em;
    color: #b02a2a;
    margin-top: 4px;
    font-weight: normal;
}

.grid-item[b-gdh8kyjs5g] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.grid-item[b-gdh8kyjs5g] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}


.servico-link[b-gdh8kyjs5g] {
    color: #247FAC;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s ease;
}

    .servico-link:hover[b-gdh8kyjs5g] {
        color: #1a5f80;
        text-decoration: underline;
    }

/* Ajuste para manter o alinhamento */
.grid-item a[b-gdh8kyjs5g] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.servico-adicional[b-gdh8kyjs5g]{
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 8px;

}

.checkboxes[b-gdh8kyjs5g]{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 15px;
}

.checkboxes .mud-checkbox[b-gdh8kyjs5g]{
    margin-right: 15px;
}



.arquivo-selecionado[b-gdh8kyjs5g] {
    background-color: #e8f5e8;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
}

.modal-chave-nfe[b-gdh8kyjs5g] {
    padding: 20px;
}

.upload-container[b-gdh8kyjs5g] {
    border: 2px dashed #ccc;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}

    .upload-container:hover[b-gdh8kyjs5g] {
        border-color: #1976d2;
        background-color: #f5f5f5;
    }




.disabled[b-gdh8kyjs5g] {
    opacity: 0.6;
    pointer-events: none;
}

    .disabled input[b-gdh8kyjs5g],
    .disabled select[b-gdh8kyjs5g],
    .disabled button[b-gdh8kyjs5g],
    .disabled .mud-checkbox[b-gdh8kyjs5g] {
        pointer-events: none;
        opacity: 0.6;
    }


.valor-xml[b-gdh8kyjs5g] {
    background-color: #e8f5e8;
    border-left: 4px solid #28a745;
}


/* Estilos para MudAutocomplete - Fundo Branco */
.mud-autocomplete .mud-input-control[b-gdh8kyjs5g],
.mud-autocomplete .mud-input[b-gdh8kyjs5g],
.mud-autocomplete .mud-input-outlined[b-gdh8kyjs5g],
.mud-autocomplete .mud-input-slot[b-gdh8kyjs5g],
.mud-autocomplete .mud-input-control-input-container[b-gdh8kyjs5g],
.mud-autocomplete .mud-input-control .mud-input-label-outlined[b-gdh8kyjs5g] {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

/* Remove fundo escuro/transparente do autocomplete */
.mud-autocomplete .mud-popover[b-gdh8kyjs5g],
.mud-autocomplete .mud-list[b-gdh8kyjs5g],
.mud-autocomplete .mud-list-item[b-gdh8kyjs5g] {
    background-color: white !important;
    color: black !important;
}

    /* Hover nos itens da lista */
    .mud-autocomplete .mud-list-item:hover[b-gdh8kyjs5g] {
        background-color: #f0f8ff !important;
    }

    /* Item selecionado na lista */
    .mud-autocomplete .mud-list-item.mud-selected-item[b-gdh8kyjs5g] {
        background-color: #e1f2f4 !important;
    }

/* Ajusta a cor do texto dentro do campo */
.mud-autocomplete .mud-input-slot[b-gdh8kyjs5g] {
    color: black !important;
}

/* Ajusta a label quando flutuando */
.mud-autocomplete .mud-input-label-outlined.mud-input-label-shrink[b-gdh8kyjs5g] {
    color: white !important;
    background-color: transparent !important;
}

/* Ajusta a borda do campo */
.mud-autocomplete .mud-outlined-input[b-gdh8kyjs5g] {
    border-color: rgba(255, 255, 255, 0.5) !important;
}

    /* Quando o campo está em foco */
    .mud-autocomplete .mud-outlined-input.mud-focused[b-gdh8kyjs5g] {
        border-color: white !important;
    }

/* Ajusta o ícone de adornment (X) para ficar visível */
.mud-autocomplete .mud-input-adornment[b-gdh8kyjs5g] {
    color: #dc3545 !important;
}


[b-gdh8kyjs5g] input[type="number"]::-webkit-inner-spin-button,
[b-gdh8kyjs5g] input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

[b-gdh8kyjs5g] input[type="number"] {
    -moz-appearance: textfield;
}
/* _content/PrePostagem/Components/Pages/OrcamentoModal.razor.rz.scp.css */
/* Layout Principal */
.SubCards-Container[b-ltnw1f64yv] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
    width: 100%;
}

.SubCard[b-ltnw1f64yv] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    /* Mesmo tom "vidro" azul-petróleo mais claro já usado nas telas de cadastro (CadUsuario.razor.css/
       CadContrato.razor.css/...) - antes era um branco escurecido via backdrop-filter (brightness/contrast
       reduzidos), bem mais escuro que o padrão adotado nas outras telas (2026-08-24). */
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px) saturate(80%);
}

.SubCard-Large[b-ltnw1f64yv] {
    flex: 2;
    min-width: 300px;
}

/* Seletor de Embalagem */
.embalagem-container[b-ltnw1f64yv] {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.embalagem-card[b-ltnw1f64yv] {
    flex: 1;
    min-width: 120px;
    max-width: 150px;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    color: black;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .embalagem-card:hover[b-ltnw1f64yv] {
        border-color: #007bff;
        box-shadow: 0 0 10px rgba(0, 123, 255, 0.2);
    }

    .embalagem-card.selected[b-ltnw1f64yv] {
        border: 3px solid #007bff;
        background-color: #f0f8ff;
        transform: scale(1.05);
    }

.embalagem-icon img[b-ltnw1f64yv] {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 10px;
}

/* Formulários */
.form-container[b-ltnw1f64yv] {
    width: 100%;
}

.form-section[b-ltnw1f64yv] {
    margin-bottom: 20px;
}

.form-group-row[b-ltnw1f64yv] {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.form-group[b-ltnw1f64yv] {
    flex: 1;
    min-width: calc(33% - 15px);
    margin-bottom: 10px;
}

    .form-group.full-width[b-ltnw1f64yv] {
        min-width: 100%;
    }

    .form-group.half-width[b-ltnw1f64yv] {
        min-width: calc(50% - 15px);
    }

.form-group-row.dimensions .form-group[b-ltnw1f64yv] {
    min-width: calc(33.333% - 15px);
}

.form-group-row.weights .form-group[b-ltnw1f64yv] {
    min-width: calc(50% - 15px);
}

.form-group label[b-ltnw1f64yv] {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: white;
}

.form-control[b-ltnw1f64yv] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1em;
    background: rgba(255, 255, 255, 0.9);
}


/* Responsividade */
@media (max-width: 768px) {
    .SubCard[b-ltnw1f64yv], .SubCard-Large[b-ltnw1f64yv] {
        min-width: 100%;
    }

    .form-group[b-ltnw1f64yv],
    .form-group-row.dimensions .form-group[b-ltnw1f64yv],
    .form-group-row.weights .form-group[b-ltnw1f64yv],
    .form-group.half-width[b-ltnw1f64yv] {
        min-width: 100%;
    }

    .embalagem-card[b-ltnw1f64yv] {
        min-width: calc(50% - 15px);
    }
}

@media (max-width: 480px) {
    .SubCards-Container[b-ltnw1f64yv] {
        gap: 12px;
        margin-top: 12px;
    }

    .embalagem-container[b-ltnw1f64yv] {
        gap: 10px;
    }

    .embalagem-card[b-ltnw1f64yv] {
        min-width: calc(50% - 10px);
        padding: 10px;
    }

    /* Fallback "card empilhado" pro resultado do orçamento - mesmo padrão já aplicado em
       ConsultaContrato.razor.css/ConsultaCartao.razor.css/ConsultaCadCli.razor.css: esconde o cabeçalho
       da grade e transforma cada linha num cartão, usando data-label (adicionado no .razor) pra rotular
       cada valor (2026-09-01). */
    .grid-container[b-ltnw1f64yv] {
        display: block;
    }

    .title[b-ltnw1f64yv] {
        display: block;
    }

    .grid-header[b-ltnw1f64yv] {
        display: none;
    }

    .grid-row[b-ltnw1f64yv] {
        display: block;
        margin-bottom: 10px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 8px;
        overflow: hidden;
    }

    .grid-item[b-ltnw1f64yv] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        text-align: right;
        border: none;
        border-bottom: 1px solid #ddd;
        padding: 8px 12px;
    }

        .grid-item:last-child[b-ltnw1f64yv] {
            border-bottom: none;
        }

        .grid-item[b-ltnw1f64yv]::before {
            content: attr(data-label);
            font-weight: bold;
            text-align: left;
            color: #247FAC;
        }
}

.grid-container[b-ltnw1f64yv] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 10px;
    gap: 0; 
}

.title[b-ltnw1f64yv] {
    grid-column: 1 / -1; /* Faz o título ocupar todas as colunas */
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 10px;
    color: white; 
    background: transparent; 
    border: none; 
    padding: 10px 0;
}

.grid-header[b-ltnw1f64yv] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-ltnw1f64yv] {
    display: contents;
    cursor: pointer;
}

    .grid-row:nth-child(odd) .grid-item[b-ltnw1f64yv] {
        background-color: #f5fbfb;
        transition: all 0.2s ease;
    }

    .grid-row:nth-child(even) .grid-item[b-ltnw1f64yv] {
        background-color: #e1f2f4;
        transition: all 0.2s ease;
    }

   
    .grid-row:hover .grid-item[b-ltnw1f64yv] {
        background-color: #c0dfe3;
        filter: brightness(0.95); 
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

   
    .grid-row:active .grid-item[b-ltnw1f64yv] {
        background-color: #a8d1d6;
        transform: translateY(0);
    }

  
    .grid-row.selected .grid-item[b-ltnw1f64yv] {
        background-color: #8fc7ce;
        border-left: 3px solid #007bff;
        font-weight: bold;
    }

    /* Serviço indisponível pro trecho (ex: SEDEX 12 fora de área de cobertura) - continua na lista,
       só não clicável, com o motivo abaixo do nome (2026-08-31, pedido explícito). */
    .grid-row.indisponivel[b-ltnw1f64yv] {
        cursor: not-allowed;
    }

        .grid-row.indisponivel .grid-item[b-ltnw1f64yv] {
            background-color: #f2f2f2 !important;
            color: #8a8a8a;
            transform: none !important;
            box-shadow: none !important;
        }

.grid-item-observacao[b-ltnw1f64yv] {
    font-size: 0.78em;
    color: #b02a2a;
    margin-top: 4px;
    font-weight: normal;
}

.grid-item[b-ltnw1f64yv] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.grid-item[b-ltnw1f64yv] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}


.servico-link[b-ltnw1f64yv] {
    color: #247FAC;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s ease;
}

    .servico-link:hover[b-ltnw1f64yv] {
        color: #1a5f80;
        text-decoration: underline;
    }

/* Ajuste para manter o alinhamento */
.grid-item a[b-ltnw1f64yv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.servico-adicional[b-ltnw1f64yv]{
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 8px;

}

.checkboxes[b-ltnw1f64yv]{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 15px;
}

.checkboxes .mud-checkbox[b-ltnw1f64yv]{
    margin-right: 15px;
}



.arquivo-selecionado[b-ltnw1f64yv] {
    background-color: #e8f5e8;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
}

.modal-chave-nfe[b-ltnw1f64yv] {
    padding: 20px;
}

.upload-container[b-ltnw1f64yv] {
    border: 2px dashed #ccc;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}

    .upload-container:hover[b-ltnw1f64yv] {
        border-color: #1976d2;
        background-color: #f5f5f5;
    }




.disabled[b-ltnw1f64yv] {
    opacity: 0.6;
    pointer-events: none;
}

    .disabled input[b-ltnw1f64yv],
    .disabled select[b-ltnw1f64yv],
    .disabled button[b-ltnw1f64yv],
    .disabled .mud-checkbox[b-ltnw1f64yv] {
        pointer-events: none;
        opacity: 0.6;
    }


.valor-xml[b-ltnw1f64yv] {
    background-color: #e8f5e8;
    border-left: 4px solid #28a745;
}


/* Estilos para MudAutocomplete - Fundo Branco */
.mud-autocomplete .mud-input-control[b-ltnw1f64yv],
.mud-autocomplete .mud-input[b-ltnw1f64yv],
.mud-autocomplete .mud-input-outlined[b-ltnw1f64yv],
.mud-autocomplete .mud-input-slot[b-ltnw1f64yv],
.mud-autocomplete .mud-input-control-input-container[b-ltnw1f64yv],
.mud-autocomplete .mud-input-control .mud-input-label-outlined[b-ltnw1f64yv] {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

/* Remove fundo escuro/transparente do autocomplete */
.mud-autocomplete .mud-popover[b-ltnw1f64yv],
.mud-autocomplete .mud-list[b-ltnw1f64yv],
.mud-autocomplete .mud-list-item[b-ltnw1f64yv] {
    background-color: white !important;
    color: black !important;
}

    /* Hover nos itens da lista */
    .mud-autocomplete .mud-list-item:hover[b-ltnw1f64yv] {
        background-color: #f0f8ff !important;
    }

    /* Item selecionado na lista */
    .mud-autocomplete .mud-list-item.mud-selected-item[b-ltnw1f64yv] {
        background-color: #e1f2f4 !important;
    }

/* Ajusta a cor do texto dentro do campo */
.mud-autocomplete .mud-input-slot[b-ltnw1f64yv] {
    color: black !important;
}

/* Ajusta a label quando flutuando */
.mud-autocomplete .mud-input-label-outlined.mud-input-label-shrink[b-ltnw1f64yv] {
    color: white !important;
    background-color: transparent !important;
}

/* Ajusta a borda do campo */
.mud-autocomplete .mud-outlined-input[b-ltnw1f64yv] {
    border-color: rgba(255, 255, 255, 0.5) !important;
}

    /* Quando o campo está em foco */
    .mud-autocomplete .mud-outlined-input.mud-focused[b-ltnw1f64yv] {
        border-color: white !important;
    }

/* Ajusta o ícone de adornment (X) para ficar visível */
.mud-autocomplete .mud-input-adornment[b-ltnw1f64yv] {
    color: #dc3545 !important;
}
/* _content/PrePostagem/Components/Pages/OrcamentoModalContent.razor.rz.scp.css */
.grid-container[b-rna5ez1hca] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 10px;
}

.grid-header[b-rna5ez1hca] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-rna5ez1hca] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-rna5ez1hca] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-rna5ez1hca] {
        background-color: #e1f2f4;
    }


.grid-item[b-rna5ez1hca] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}
/* _content/PrePostagem/Components/Pages/Perfomance.razor.rz.scp.css */
.Fundo-Container[b-dag6qtcbx1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-dag6qtcbx1] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
}

.title[b-dag6qtcbx1] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
}

.Img-fundo[b-dag6qtcbx1] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-dag6qtcbx1] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-dag6qtcbx1] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-dag6qtcbx1] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-dag6qtcbx1] {
        flex: 1;
    }



.Button-Container[b-dag6qtcbx1] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.Button-V[b-dag6qtcbx1] {
    width: 30%;
    padding: 12px;
    background-color: #247FAC;
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.button-Menu[b-dag6qtcbx1] {
    width: 30%;
    padding: 12px;
    background-color: #247FAC;
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.Button[b-dag6qtcbx1] {
    width: 30%;
    padding: 12px;
    background-color: #28a745;
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .Button:hover[b-dag6qtcbx1] {
        background-color: #218838;
    }

.Button-V:hover[b-dag6qtcbx1] {
    background-color: #5a6268;
}

input[type="text"][b-dag6qtcbx1],
input[type="email"][b-dag6qtcbx1] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-dag6qtcbx1] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.SubCard-Large[b-dag6qtcbx1] {
    flex: 2;
}

.SubCard-Title[b-dag6qtcbx1] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-dag6qtcbx1] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/PrePostar.razor.rz.scp.css */
.Fundo-Container[b-ptcfev0jg1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-ptcfev0jg1] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background: rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: black;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - mesmo ajuste já aplicado nas demais telas de
       cadastro/consulta desta sessão (2026-09-01). */
    overflow-x: visible;
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
    font-size: 1.1em;
    font-weight: bold;
}

.title[b-ptcfev0jg1] {
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 20px;
    color: black;
}

.Img-fundo[b-ptcfev0jg1] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-ptcfev0jg1] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-ptcfev0jg1] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-ptcfev0jg1] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-ptcfev0jg1] {
        flex: 1 1 0;
        /* min-width:0 é necessário aqui - o padrão de flex item é min-width:auto, que deixa o item
           crescer além da fração "flex:1" quando o conteúdo (ex: texto mais longo em #pacoteCli que em
           #numCartao) não cabe no espaço dividido igualmente. Sem isso, dois .form-group com o mesmo
           "flex: 1" na mesma linha podem renderizar com larguras diferentes dependendo do texto de cada
           um (2026-08-25). */
        min-width: 0;
    }

    /* Campos com "col-md-2"/"col-md-4"/"col-md-6" no markup (CEP/Numero/Complemento do destinatário;
       E-mail; Altura/Largura/Comprimento; Diâmetro/Comprimento; Pedido/SSCC) - a regra acima usa
       min-width:0 de propósito (pra igualar largura entre campos da mesma linha), mas isso também deixa
       esses campos encolherem sem limite em tablet/celular até ficarem ilegíveis. Aqui um piso mínimo é
       aplicado só a esses campos específicos, que ainda quebram linha via o flex-wrap:wrap já existente em
       .form-group-row quando não couberem - as classes em si não têm efeito de grid próprio aqui (mesmo
       padrão usado em CadCliente.razor.css/CadDepartamento.razor.css/CadUsuario.razor.css, 2026-09-01). */
    .form-group.col-md-2[b-ptcfev0jg1] {
        min-width: 110px;
    }

    .form-group.col-md-4[b-ptcfev0jg1] {
        min-width: 140px;
    }

    .form-group.col-md-6[b-ptcfev0jg1] {
        min-width: 180px;
    }



.Button-Container[b-ptcfev0jg1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
}

/* Estilo comum para todos os botões - menores e mais arredondados (antes eram 30% da largura do card,
   quadrados, com border-radius: 3px e ícone de 40px). Mesmo padrão do CadContrato.razor.css/
   CadCliente.razor.css (2026-08-26). */
.Button-V[b-ptcfev0jg1], .button-Menu[b-ptcfev0jg1], .Button[b-ptcfev0jg1] {
    width: auto;
    min-width: 130px;
    padding: 10px 22px;
    border: none;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 8px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-ptcfev0jg1] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-ptcfev0jg1] {
    background-color: #247FAC;
}

/* Estilo específico para os botões "Próximo"/"Pré Postar" */
.Button[b-ptcfev0jg1] {
    background-color: #28a745;
}

/* Estilo para as imagens dentro dos botões */
.Button-V img[b-ptcfev0jg1], .button-Menu img[b-ptcfev0jg1], .Button img[b-ptcfev0jg1] {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1); /* Transforma a imagem em branco */
}

/* Efeito hover para os botões */
.Button-V:hover[b-ptcfev0jg1] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-ptcfev0jg1] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-ptcfev0jg1] {
    background-color: #218838; /* Cor mais escura para o hover */
}

button:disabled[b-ptcfev0jg1] {
    opacity: 0.6;
    cursor: not-allowed;
}

@media (max-width: 900px) {
    .Button-V[b-ptcfev0jg1], .button-Menu[b-ptcfev0jg1], .Button[b-ptcfev0jg1] {
        min-width: 0;
        font-size: 13px;
        padding: 9px 18px;
    }
}

/* Faixa de tablet - a tela não tinha nenhum breakpoint aqui antes; mesmas faixas usadas nas demais telas
   de cadastro (2026-09-01). */
@media (max-width: 768px) {
    .Fundo-Container[b-ptcfev0jg1] {
        padding: 12px;
    }

    .Card[b-ptcfev0jg1] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-ptcfev0jg1] {
        font-size: 1.3em;
        margin-bottom: 14px;
    }

    .SubCard[b-ptcfev0jg1], .SubCard-Large[b-ptcfev0jg1] {
        min-width: 100%;
        flex-basis: 100%;
        padding: 16px;
    }

    .SubCards-Container[b-ptcfev0jg1] {
        gap: 14px;
        margin-top: 14px;
    }

    input[type="text"][b-ptcfev0jg1],
    input[type="email"][b-ptcfev0jg1] {
        padding: 12px;
        font-size: 1em;
    }

    .Button-Container[b-ptcfev0jg1] {
        gap: 10px;
    }
}

@media (max-width: 480px) {
    /* Empilha um campo por linha em celular - faltava aqui (mesma regra já usada em
       CadCliente.razor.css/CadContrato.razor.css/CadDepartamento.razor.css/CadUsuario.razor.css). Sem
       isso, linhas com 2-3 campos (ex: CPF/CNPJ, E-mail, Celular) tentavam dividir espaço só com
       min-width/flex-wrap, e em telas bem estreitas (~360-384px, ex: Galaxy S22 real) o rótulo de um campo
       espremido demais (ex: "CPF/CNPJ") acabava transbordando por cima do rótulo do campo vizinho
       (2026-09-01, reportado com print de um S22 real: "os dados do destinatario não esta legal"). */
    .form-group-row[b-ptcfev0jg1] {
        flex-direction: column;
    }

        .form-group-row .form-group[b-ptcfev0jg1] {
            width: 100%;
        }

    .embalagem-container[b-ptcfev0jg1] {
        flex-wrap: wrap;
    }

    .embalagem-card[b-ptcfev0jg1] {
        flex: 1 1 calc(50% - 8px);
        min-width: 100px;
    }

    .Button-Container[b-ptcfev0jg1] {
        flex-direction: column;
    }

        .Button-Container .Button-V[b-ptcfev0jg1],
        .Button-Container .Button[b-ptcfev0jg1],
        .Button-Container .button-Menu[b-ptcfev0jg1] {
            width: 100%;
            min-width: 0;
        }
}



input[type="text"][b-ptcfev0jg1],
input[type="email"][b-ptcfev0jg1] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: black;
}

/* Estilização para os SubCards */
.SubCard[b-ptcfev0jg1] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
    
}

}

.SubCard-Large[b-ptcfev0jg1] {
    flex: 2;
}

.SubCard-Title[b-ptcfev0jg1] {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-ptcfev0jg1] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}


.embalagem-container[b-ptcfev0jg1]{
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}


.embalagem-card[b-ptcfev0jg1]{
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    color: black;
}

.embalagem-card:hover[b-ptcfev0jg1]{
    border-color: #007bff;
    box-shadow:  0 0 10px rgba(0, 123, 255, 0.2);
    color: black;
}

.embalagem-card.selected[b-ptcfev0jg1] {
   border: 5px solid #007bff;
   background-color: #f0f8ff;
}

.embalagem-icon img[b-ptcfev0jg1] {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.embalagem-title[b-ptcfev0jg1]{
    font-weight: bold;
    margin: 10px 0 5px;
}

.embalagem-desc[b-ptcfev0jg1] {
    font-size: 0.8rem;
    color: #666;
}

/* Botão "+" da Declaração de Conteúdo - só aparece quando Quantidade/Descrição/Valor estão preenchidos
   (PodeAdicionarItemConteudo), pra adicionar o item atual na lista antes de postar. Redondo e pequeno,
   não usa .Button-V/.Button (min-width:130px, largo demais pra um "+") (2026-08-26). */
.btn-add-item[b-ptcfev0jg1] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border: none;
    border-radius: 50%;
    background-color: #28a745;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1;
    cursor: pointer;
    align-self: flex-end;
    transition: background-color 0.2s ease;
}

.btn-add-item:hover[b-ptcfev0jg1] {
    background-color: #218838;
}

.conteudo-itens-tabela[b-ptcfev0jg1] {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0 20px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 6px;
    overflow: hidden;
}

.conteudo-itens-tabela th[b-ptcfev0jg1],
.conteudo-itens-tabela td[b-ptcfev0jg1] {
    padding: 8px 12px;
    text-align: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.conteudo-itens-tabela th[b-ptcfev0jg1] {
    background-color: rgba(0, 0, 0, 0.08);
    font-weight: bold;
}

.btn-remover-item[b-ptcfev0jg1] {
    background: none;
    border: none;
    color: #dc3545;
    cursor: pointer;
    font-size: 1.1em;
    line-height: 1;
}

.btn-remover-item:hover[b-ptcfev0jg1] {
    color: #a71d2a;
}


.disable-tab-headers[b-ptcfev0jg1] {
    display: none !important;
}

.mud-snackbar-content[b-ptcfev0jg1] {
    font-size: 14px;
}

.mud-alert-filled-error[b-ptcfev0jg1] {
    background-color: #d32f2f !important;
}


.Button-Container-Orca[b-ptcfev0jg1] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 20px; /* Espaço abaixo do botão */
}



.modal-header[b-ptcfev0jg1] {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title[b-ptcfev0jg1] {
    margin: 0;
}

.modal-body[b-ptcfev0jg1] {
    padding: 1rem;
}

.modal-footer[b-ptcfev0jg1] {
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.close[b-ptcfev0jg1] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
}

.custom-dialog .mud-dialog-container[b-ptcfev0jg1] {
    width: 90vw;
    max-width: 1200px;
    height: 80vh;
}

.custom-dialog .mud-dialog-content[b-ptcfev0jg1] {
    max-height: calc(80vh - 150px);
    overflow-y: auto;
}



.input-with-loader[b-ptcfev0jg1] {
    position: relative;
}

.loader-cep[b-ptcfev0jg1] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    animation: spin-b-ptcfev0jg1 1s linear infinite;
}

@keyframes spin-b-ptcfev0jg1 {
    0% {
        transform: translateY(-50%) rotate(0deg);
    }

    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}

.text-danger.small[b-ptcfev0jg1] {
    font-size: 0.8rem;
    100% {transform: translateY(-50) rotate(360deg);}

}


input[readonly][b-ptcfev0jg1]{
    background-color:#e9ecef;
    opacity: 1;
}
/* _content/PrePostagem/Components/Pages/PrePostar1.razor.rz.scp.css */
.Card[b-kctm481ili] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
}

.Img-fundo[b-kctm481ili] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-kctm481ili] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-kctm481ili] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-kctm481ili] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

    .form-group-row .form-group[b-kctm481ili] {
        flex: 1;
    }

.Button-Container[b-kctm481ili] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.Button-V[b-kctm481ili] {
    width: 48%;
    padding: 12px;
    background-color: #6c757d;
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.Button[b-kctm481ili] {
    width: 48%;
    padding: 12px;
    background-color: #28a745;
    border: none;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .Button:hover[b-kctm481ili] {
        background-color: #218838;
    }

.Button-V:hover[b-kctm481ili] {
    background-color: #5a6268;
}

input[type="text"][b-kctm481ili],
input[type="email"][b-kctm481ili] {
    width: 100%;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.5em;
}
/* _content/PrePostagem/Components/Pages/RelatorioConsumo.razor.rz.scp.css */
.Fundo-Container[b-86lho7i1nm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-86lho7i1nm] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-86lho7i1nm] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-86lho7i1nm] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-86lho7i1nm] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-86lho7i1nm] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-86lho7i1nm] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-86lho7i1nm] {
        flex: 1;
    }



.Button-Container[b-86lho7i1nm] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-86lho7i1nm], .button-Menu[b-86lho7i1nm], .Button[b-86lho7i1nm] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-86lho7i1nm] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-86lho7i1nm] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-86lho7i1nm] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-86lho7i1nm], .button-Menu img[b-86lho7i1nm], .Button img[b-86lho7i1nm] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-86lho7i1nm] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-86lho7i1nm] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-86lho7i1nm] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-86lho7i1nm],
input[type="email"][b-86lho7i1nm] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-86lho7i1nm] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-86lho7i1nm] {
    flex: 2;
}

.SubCard-Title[b-86lho7i1nm] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-86lho7i1nm] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/RelObjRetirados.razor.rz.scp.css */
/* Nome corrigido (2026-09-02) - estava ".Fundo-container" (c minúsculo), então NUNCA batia com
   class="Fundo-Container" no .razor (nomes de classe CSS são case-sensitive) - a tela inteira rodava sem
   nenhum flex/centralização deste container. */
.Fundo-Container[b-bl552c1m9l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-bl552c1m9l] {
    position: relative;
    z-index: 1;
    /* Valor corrigido (2026-09-02) - estava "rgba() (255, 255, 255, 0.2)", sintaxe inválida (função vazia
       seguida de um grupo solto) que o navegador descarta por inteiro - o Card não tinha fundo nenhum. */
    background-color: rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%;
    margin: 20px auto;
    color: black;
    overflow-y: auto;
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - mesmo ajuste aplicado nas demais telas
       (2026-09-02). */
    overflow-x: visible;
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
    font-size: 1.1em;
    font-weight: bold;
}

.title[b-bl552c1m9l] {
    text-align: center;
    /* Valor corrigido (2026-09-02) - estava "1.rem", uma unidade CSS inválida (falta o número antes do
       "rem"), descartada pelo navegador - o título rodava no tamanho de texto padrão (bem menor que o
       das outras telas). */
    font-size: 1.5em;
    margin-bottom: 20px;
    color: black;
}

.Img-fundo[b-bl552c1m9l] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.form-group[b-bl552c1m9l] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-bl552c1m9l] {
    max-width:900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-bl552c1m9l] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
    .form-group-row .form-group[b-bl552c1m9l] {
        flex: 1;
    }

.Button-Container[b-bl552c1m9l] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 20px;
    gap: 12px;
}

.Button[b-bl552c1m9l],
.Button-V[b-bl552c1m9l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 12px 18px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .Button:hover[b-bl552c1m9l],
    .Button-V:hover[b-bl552c1m9l] {
        transform: translateY(-1px);
    }

    .Button:disabled[b-bl552c1m9l],
    .Button-V:disabled[b-bl552c1m9l] {
        opacity: 0.6;
        cursor: not-allowed;
        transform: none;
    }

.Button[b-bl552c1m9l] {
    background-color: #28a745;
}

    .Button:hover[b-bl552c1m9l] {
        background-color: #218838;
    }

.Button-V[b-bl552c1m9l] {
    background-color: #247FAC;
}

    .Button-V:hover[b-bl552c1m9l] {
        background-color: #1d678d;
    }

.Button img[b-bl552c1m9l],
.Button-V img[b-bl552c1m9l] {
    width: 22px;
    height: 22px;
    filter: brightness(0) invert(1);
}


input[type="text"][b-bl552c1m9l],
input[type="email"][b-bl552c1m9l] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: black;
}

.SubCard[b-bl552c1m9l] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

/* Nome corrigido (2026-09-02) - estava ".SubCard-large" (L minúsculo), então NUNCA batia com
   class="SubCard SubCard-Large" no .razor - o card "Dados Cliente" nunca crescia (flex:2), ficando do
   mesmo tamanho do card "Informações de Busca" ao lado em vez de proporcionalmente maior. */
.SubCard-Large[b-bl552c1m9l] {
    flex: 2;
}

.SubCard-Title[b-bl552c1m9l] {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-bl552c1m9l] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.embalagem-container[b-bl552c1m9l] {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.embalagem-card[b-bl552c1m9l] {
    flex: 1;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    color: black;
}

    .embalagem-card:hover[b-bl552c1m9l] {
        border-color: #007bff;
        box-shadow: 0 0 10px rgba(0, 123, 255, 0.2);
        color: black;
    }

    .embalagem-card.selected[b-bl552c1m9l] {
        border: 5px solid #007bff;
        background-color: #f0f8ff;
    }

.embalagem-icon img[b-bl552c1m9l] {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.embalagem-title[b-bl552c1m9l] {
    font-weight: bold;
    margin: 10px 0 5px;
}

.embalagem-desc[b-bl552c1m9l] {
    font-size: 0.8rem;
    color: #666;
}

.disable-tab-headers[b-bl552c1m9l] {
    display: none !important;
}

.mud-snackbar-content[b-bl552c1m9l] {
    font-size: 14px;
}

.mud-alert-filled-error[b-bl552c1m9l] {
    background-color: #d32f2f !important;
}

.modal-header[b-bl552c1m9l] {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-ttle[b-bl552c1m9l] {
    margin: 0;
}

.modal-body[b-bl552c1m9l] {
    padding: 1rem;
}

.modal-footer[b-bl552c1m9l] {
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.close[b-bl552c1m9l] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
}

.custom-dialog .mud-dialog-container[b-bl552c1m9l] {
    width: 9-vw;
    max-width: 1200px;
    height: 80vh;
}

.custom-dialog .mud-dialog-content[b-bl552c1m9l] {
    max-height: calc(80vh - 150px);
    overflow-y: auto;
}

.input-with-loader[b-bl552c1m9l] {
    position: relative;
}

.loader-cep[b-bl552c1m9l] {
    position: absolute;
    right: 10px;
    top: 50px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius:  50%;
    animation: spin-b-bl552c1m9l 1s linear infinite;
}

.modal-blr-background[b-bl552c1m9l] {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    background-color: rgba(0, 0, 0, 0.25) !important;
}

@keyframes spin-b-bl552c1m9l {
    0% {
        transform: translateY(-50%) rotate(0deg);
    }
    100% {
        transform: translateY(-50%) rotate(260deg);
    }
}

.text-danger.small[b-bl552c1m9l] {
    font-size: 0.8rem;
    100%{
             transform: translateY(-50%) rotate(360deg);
         }
}

input[readonly][b-bl552c1m9l] {
    background-color: #e9ecef;
    opacity: 1;
}

.progress-container[b-bl552c1m9l] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    margin: 1rem 0;
}

/*cores customizadas para os status */
.status-retirado[b-bl552c1m9l] {
    background-color: #28a745 !important;
    color: white !important;
}

.status-retirado:hover[b-bl552c1m9l] {
    background-color: #218838 !important;
    color: white !important;
}

/* Faixa de tablet - tela não tinha NENHUMA media query antes (2026-09-02). */
@media (max-width: 768px) {
    .Fundo-Container[b-bl552c1m9l] {
        padding: 12px;
    }

    .Card[b-bl552c1m9l] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-bl552c1m9l] {
        font-size: 1.3em;
        margin-bottom: 14px;
    }

    .SubCard[b-bl552c1m9l], .SubCard-Large[b-bl552c1m9l] {
        min-width: 100%;
        flex-basis: 100%;
    }

    .SubCards-Container[b-bl552c1m9l] {
        gap: 14px;
        margin-top: 14px;
    }

    input[type="text"][b-bl552c1m9l],
    input[type="email"][b-bl552c1m9l] {
        padding: 12px;
        font-size: 1em;
    }
}

@media (max-width: 600px) {
    .form-group-row[b-bl552c1m9l] {
        flex-direction: column;
    }

        .form-group-row .form-group[b-bl552c1m9l] {
            width: 100%;
        }

    .Button-Container[b-bl552c1m9l] {
        flex-direction: column;
    }

        .Button-Container .Button[b-bl552c1m9l],
        .Button-Container .Button-V[b-bl552c1m9l] {
            width: 100%;
        }
}
/* _content/PrePostagem/Components/Pages/ResgatarDadosPLP.razor.rz.scp.css */
.Fundo-Container[b-v8b5mfqd5x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-v8b5mfqd5x] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-v8b5mfqd5x] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-v8b5mfqd5x] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-v8b5mfqd5x] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-v8b5mfqd5x] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-v8b5mfqd5x] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-v8b5mfqd5x] {
        flex: 1;
    }



.Button-Container[b-v8b5mfqd5x] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-v8b5mfqd5x], .button-Menu[b-v8b5mfqd5x], .Button[b-v8b5mfqd5x] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-v8b5mfqd5x] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-v8b5mfqd5x] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-v8b5mfqd5x] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-v8b5mfqd5x], .button-Menu img[b-v8b5mfqd5x], .Button img[b-v8b5mfqd5x] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-v8b5mfqd5x] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-v8b5mfqd5x] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-v8b5mfqd5x] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-v8b5mfqd5x],
input[type="email"][b-v8b5mfqd5x] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-v8b5mfqd5x] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-v8b5mfqd5x] {
    flex: 2;
}

.SubCard-Title[b-v8b5mfqd5x] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-v8b5mfqd5x] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/RetiradaProdutos.razor.rz.scp.css */
.Fundo-Container[b-nuf5805a29] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
    position: relative;
}

.Img-fundo[b-nuf5805a29] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.Card[b-nuf5805a29] {
    position: relative;
    z-index: 1;
    width: min(1200px, 100%);
    margin: 20px auto;
    padding: 24px;
    border-radius: 16px;
    color: white;
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px) saturate(120%);
    overflow: hidden;
}

.header-Container[b-nuf5805a29] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
}

.title[b-nuf5805a29] {
    margin: 0;
    text-align: center;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    line-height: 1.1;
}

.SubCards-Container[b-nuf5805a29] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 12px;
}

.SubCard[b-nuf5805a29] {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.08);
    padding: 20px;
    color: white;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(6px);
}

.SubCard-Large[b-nuf5805a29] {
    width: 100%;
}

.form-hint[b-nuf5805a29] {
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 16px;
}

.form-group-row[b-nuf5805a29] {
    display: flex;
    justify-content: flex-start;
    align-items: end;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.form-group[b-nuf5805a29] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 220px;
    margin-bottom: 0;
}

/* MudDateRangePicker do filtro de período (2026-08-17) - sem isso, o campo renderiza com o estilo
   padrão do MudBlazor (fundo cinza), destoando dos demais campos da tela. Mesmo ajuste já usado em
   EntradaProdutos.razor.css/ConsultaEstoque.razor.css. */
[b-nuf5805a29] .campo-mud .mud-input-outlined {
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 8px;
}

[b-nuf5805a29] .campo-mud .mud-input-outlined-border {
    border-color: rgba(255, 255, 255, 0.20);
}

[b-nuf5805a29] .campo-mud input,
[b-nuf5805a29] .campo-mud .mud-select-input,
[b-nuf5805a29] .campo-mud .mud-input-slot {
    color: #222;
}

    .form-group label[b-nuf5805a29] {
        font-weight: 600;
        color: #ffffff;
    }

.form-control[b-nuf5805a29],
select[b-nuf5805a29] {
    width: 100%;
    min-height: 46px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.96);
    color: #222;
    font-size: 1rem;
    outline: none;
    box-sizing: border-box;
}

    .form-control:focus[b-nuf5805a29],
    select:focus[b-nuf5805a29] {
        border-color: #247FAC;
        box-shadow: 0 0 0 3px rgba(36, 127, 172, 0.18);
    }

.Button-Container[b-nuf5805a29] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-top: 20px;
}

.Button[b-nuf5805a29],
.Button-V[b-nuf5805a29] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 12px 18px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .Button:hover[b-nuf5805a29],
    .Button-V:hover[b-nuf5805a29] {
        transform: translateY(-1px);
    }

    .Button:disabled[b-nuf5805a29] {
        opacity: 0.6;
        cursor: not-allowed;
        transform: none;
    }

.Button[b-nuf5805a29] {
    background-color: #28a745;
}

    .Button:hover[b-nuf5805a29] {
        background-color: #218838;
    }

.Button-V[b-nuf5805a29] {
    background-color: #247FAC;
}

    .Button-V:hover[b-nuf5805a29] {
        background-color: #1d678d;
    }

.Button img[b-nuf5805a29],
.Button-V img[b-nuf5805a29] {
    width: 22px;
    height: 22px;
}

.grid-container-feed[b-nuf5805a29] {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr 2fr 1fr 2.2fr;
    gap: 0;
    width: 100%;
    margin-top: 12px;
}

.grid-header[b-nuf5805a29] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-header-sortable[b-nuf5805a29] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    font-size: 1em;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .grid-header-sortable:hover[b-nuf5805a29] {
        background-color: #1d678d;
    }

.sort-indicator[b-nuf5805a29] {
    font-size: 0.75em;
    min-width: 0.9em;
}

.paginacao-container[b-nuf5805a29] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.paginacao-nav[b-nuf5805a29] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.paginacao-info[b-nuf5805a29] {
    font-weight: 600;
    color: #fff;
}

.paginacao-nav .Button-V[b-nuf5805a29] {
    min-height: 40px;
    padding: 8px 16px;
}

.grid-row[b-nuf5805a29] {
    display: contents;
}

.grid-item[b-nuf5805a29] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    background-color: #fff;
    min-height: 44px;
}

.grid-row:nth-of-type(odd) .grid-item[b-nuf5805a29] {
    background-color: #f5fbfb;
}

.grid-row:nth-of-type(even) .grid-item[b-nuf5805a29] {
    background-color: #e1f2f4;
}

.no-results[b-nuf5805a29] {
    grid-column: 1 / -1;
    padding: 12px;
    color: white;
    font-weight: bold;
}

.loading-message[b-nuf5805a29],
.info-message[b-nuf5805a29],
.error-message[b-nuf5805a29] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
}

.loading-message[b-nuf5805a29],
.info-message[b-nuf5805a29] {
    background-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.error-message[b-nuf5805a29] {
    background-color: rgba(220, 53, 69, 0.16);
    color: #fff;
}

@media (max-width: 768px) {
    .Fundo-Container[b-nuf5805a29] {
        padding: 16px;
    }

    .Card[b-nuf5805a29] {
        padding: 16px;
    }

    .form-group-row[b-nuf5805a29] {
        flex-direction: column;
        align-items: stretch;
    }

    /* "flex: 1 1 220px" (regra de desktop) define 220px de base pro eixo principal - na horizontal isso
       é largura, mas assim que ".form-group-row" vira "flex-direction:column" aqui, o eixo principal
       passa a ser a ALTURA, esticando cada ".form-group" pra 220px de altura em vez de largura (mesmo
       bug já corrigido nas demais telas de produto - ConsultaCadProd/EntradaProdutos/ConsultaEstoque/
       MovimentacaoEstoque) (2026-09-02). "flex-basis:auto" reseta a base pro tamanho do conteúdo. */
    .form-group[b-nuf5805a29] {
        width: 100%;
        flex-basis: auto;
    }

    .Button[b-nuf5805a29],
    .Button-V[b-nuf5805a29] {
        width: 100%;
    }

    .paginacao-container[b-nuf5805a29] {
        flex-direction: column;
        align-items: stretch;
    }

    /* A regra geral acima também alcançava "Anterior"/"Próxima" aqui dentro, que deveriam ficar
       compactos lado a lado com o texto de página, não 100% cada um numa linha de 3 itens (mesmo ajuste
       das demais telas de produto) (2026-09-02). */
    .paginacao-nav[b-nuf5805a29] {
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .paginacao-nav .Button-V[b-nuf5805a29] {
            width: auto;
            flex: 1 1 auto;
        }

    .grid-container-feed[b-nuf5805a29] {
        grid-template-columns: 1fr;
    }

    .grid-header[b-nuf5805a29] {
        display: none;
    }

    .grid-row[b-nuf5805a29] {
        display: block;
        margin-bottom: 12px;
        background-color: rgba(255, 255, 255, 0.92);
        border-radius: 10px;
        overflow: hidden;
    }

    .grid-item[b-nuf5805a29] {
        justify-content: space-between;
        text-align: left;
        border-radius: 0;
        border-bottom: 1px solid #e9ecef;
        padding: 12px;
    }

    .grid-row .grid-item:last-child[b-nuf5805a29] {
        border-bottom: none;
    }

    .grid-item[b-nuf5805a29]::before {
        content: attr(data-label);
        font-weight: 700;
        color: #247FAC;
        margin-right: 12px;
    }
}
/* _content/PrePostagem/Components/Pages/SimularUsuario.razor.rz.scp.css */
.Fundo-Container[b-aqe7t2v7kc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
    position: relative;
}

.Img-fundo[b-aqe7t2v7kc] {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.Card[b-aqe7t2v7kc] {
    position: relative;
    z-index: 1;
    width: min(560px, 100%);
    margin: 20px auto;
    padding: 24px;
    border-radius: 16px;
    color: white;
    background: rgba(72, 123, 142, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px) saturate(120%);
    overflow: hidden;
}

.title[b-aqe7t2v7kc] {
    margin: 0;
    text-align: center;
    font-size: clamp(1.5rem, 4vw, 2rem);
    line-height: 1.1;
}

.form-hint[b-aqe7t2v7kc] {
    color: rgba(255, 255, 255, 0.85);
    margin: 12px 0 4px;
    text-align: center;
}

.form-hint-inline[b-aqe7t2v7kc] {
    margin: 0;
    text-align: left;
}

.SubCard[b-aqe7t2v7kc] {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.08);
    padding: 14px 18px;
    color: white;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    backdrop-filter: blur(6px);
    margin: 16px 0;
}

.form-group[b-aqe7t2v7kc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
}

    .form-group label[b-aqe7t2v7kc] {
        font-weight: 600;
        color: #ffffff;
    }

.form-control[b-aqe7t2v7kc] {
    width: 100%;
    min-height: 46px;
    padding: 12px 14px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.96);
    color: #222;
    font-size: 1rem;
    outline: none;
    box-sizing: border-box;
}

[b-aqe7t2v7kc] .campo-mud .mud-input-outlined {
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 8px;
}

[b-aqe7t2v7kc] .campo-mud .mud-input-outlined-border {
    border-color: rgba(255, 255, 255, 0.20);
}

[b-aqe7t2v7kc] .campo-mud input,
[b-aqe7t2v7kc] .campo-mud .mud-select-input,
[b-aqe7t2v7kc] .campo-mud .mud-input-slot {
    color: #222;
}

.info-message[b-aqe7t2v7kc] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
    background-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.Button[b-aqe7t2v7kc],
.Button-V[b-aqe7t2v7kc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 12px 18px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

    .Button:disabled[b-aqe7t2v7kc] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.Button[b-aqe7t2v7kc] {
    background-color: #28a745;
}

    .Button:hover:not(:disabled)[b-aqe7t2v7kc] {
        background-color: #218838;
    }

.Button-V[b-aqe7t2v7kc] {
    background-color: #247FAC;
}

    .Button-V:hover[b-aqe7t2v7kc] {
        background-color: #1d678d;
    }

.Button-Container[b-aqe7t2v7kc] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-top: 20px;
    gap: 12px;
}

.error-message[b-aqe7t2v7kc] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    font-weight: 600;
    background-color: rgba(220, 53, 69, 0.16);
    color: #fff;
}

.sucesso-message[b-aqe7t2v7kc] {
    margin: 16px 0;
    padding: 18px 20px;
    border-radius: 10px;
    font-weight: 600;
    background-color: rgba(255, 193, 7, 0.18);
    border: 1px solid rgba(255, 193, 7, 0.4);
    color: #fff;
}

@media (max-width: 768px) {
    .Fundo-Container[b-aqe7t2v7kc] {
        padding: 16px;
    }

    .Card[b-aqe7t2v7kc] {
        padding: 16px;
    }

    .Button[b-aqe7t2v7kc],
    .Button-V[b-aqe7t2v7kc] {
        width: 100%;
    }

    .Button-Container[b-aqe7t2v7kc] {
        flex-direction: column;
    }
}
/* _content/PrePostagem/Components/Pages/StatusHabilitado.razor.rz.scp.css */
.Fundo-Container[b-9a6ra0w57h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-9a6ra0w57h] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
}

.title[b-9a6ra0w57h] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8);
}

.Img-fundo[b-9a6ra0w57h] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-9a6ra0w57h] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-9a6ra0w57h] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-9a6ra0w57h] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-9a6ra0w57h] {
        flex: 1;
    }



.Button-Container[b-9a6ra0w57h] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-9a6ra0w57h], .button-Menu[b-9a6ra0w57h], .Button[b-9a6ra0w57h] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-9a6ra0w57h] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-9a6ra0w57h] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-9a6ra0w57h] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-9a6ra0w57h], .button-Menu img[b-9a6ra0w57h], .Button img[b-9a6ra0w57h] {
        width: 40px; /* Imagens maiores */
        height: 40px;
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-9a6ra0w57h] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-9a6ra0w57h] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-9a6ra0w57h] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-9a6ra0w57h],
input[type="email"][b-9a6ra0w57h] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-9a6ra0w57h] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.SubCard-Large[b-9a6ra0w57h] {
    flex: 2;
}

.SubCard-Title[b-9a6ra0w57h] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-9a6ra0w57h] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.grid-container[b-9a6ra0w57h] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 10px;
}

.grid-header[b-9a6ra0w57h] {
    background-color: #247FAC;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

.grid-row[b-9a6ra0w57h] {
    display: contents;
}

    .grid-row:nth-child(odd) .grid-item[b-9a6ra0w57h] {
        background-color: #f5fbfb;
    }

    .grid-row:nth-child(even) .grid-item[b-9a6ra0w57h] {
        background-color: #e1f2f4;
    }


.grid-item[b-9a6ra0w57h] {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.btn-icon[b-9a6ra0w57h] {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 5px;
    color: #007bff; /* Cor dos ícones */
    font-size: 16px;
}

    .btn-icon:hover[b-9a6ra0w57h] {
        color: #0056b3; /* Cor dos ícones ao passar o mouse */
    }
/* _content/PrePostagem/Components/Pages/SuccessModal.razor.rz.scp.css */
/* _content/PrePostagem/Components/Pages/TrataCarga.razor.rz.scp.css */
.Fundo-Container[b-vh839o3hbe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-vh839o3hbe] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background: rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto;
    /* Sem isso, o CSS trata "overflow-x" como "auto" também (regra do spec: definir só um eixo faz o
       outro, se for "visible", virar "auto" escondido) - mesmo ajuste aplicado nas demais telas
       (2026-09-01). */
    overflow-x: visible;
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-vh839o3hbe] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
    color: black
}

.Img-fundo[b-vh839o3hbe] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-vh839o3hbe] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;

}

.form-container[b-vh839o3hbe] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-vh839o3hbe] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-vh839o3hbe] {
        flex: 1;
        min-width: 0;
    }

/* "Button-Container-Orca" (botão "Buscar") e "loading-overlay"/"loading-spinner" (indicador de
   carregamento) eram usados no .razor mas não tinham NENHUM CSS aqui - só existiam definidos no arquivo
   isolado de outras telas (PrePostar.razor.css/BalcaoAtendimento.razor.css), que não alcança esta página
   (2026-09-01, encontrado ao ajustar a responsividade). */
.Button-Container-Orca[b-vh839o3hbe] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 20px;
}

.loading-overlay[b-vh839o3hbe] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: white;
    font-weight: bold;
    z-index: 2000;
}

.loading-spinner[b-vh839o3hbe] {
    width: 42px;
    height: 42px;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-top: 4px solid white;
    border-radius: 50%;
    animation: trata-carga-spin-b-vh839o3hbe 1s linear infinite;
}

@keyframes trata-carga-spin-b-vh839o3hbe {
    to {
        transform: rotate(360deg);
    }
}



.Button-Container[b-vh839o3hbe] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-vh839o3hbe], .button-Menu[b-vh839o3hbe], .Button[b-vh839o3hbe] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-vh839o3hbe] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-vh839o3hbe] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-vh839o3hbe] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-vh839o3hbe], .button-Menu img[b-vh839o3hbe], .Button img[b-vh839o3hbe] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-vh839o3hbe] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-vh839o3hbe] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-vh839o3hbe] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-vh839o3hbe],
input[type="email"][b-vh839o3hbe] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-vh839o3hbe] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}



.SubCard-Large[b-vh839o3hbe] {
    flex: 2;
}

.SubCard-Title[b-vh839o3hbe] {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-vh839o3hbe] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

/* Faixa de tablet - tela não tinha NENHUMA media query antes, mesmas faixas já usadas em
   PrePostar.razor.css/BalcaoAtendimento.razor.css/ImportarPrePost.razor.css (2026-09-01). */
@media (max-width: 768px) {
    .Fundo-Container[b-vh839o3hbe] {
        padding: 12px;
    }

    .Card[b-vh839o3hbe] {
        padding: 14px;
        border-radius: 10px;
    }

    .title[b-vh839o3hbe] {
        font-size: 1.4em;
        margin-bottom: 14px;
    }

    .SubCard[b-vh839o3hbe], .SubCard-Large[b-vh839o3hbe] {
        min-width: 100%;
        flex-basis: 100%;
    }

    .SubCards-Container[b-vh839o3hbe] {
        gap: 14px;
        margin-top: 14px;
    }

    input[type="text"][b-vh839o3hbe],
    input[type="email"][b-vh839o3hbe] {
        padding: 12px;
        font-size: 1em;
    }
}

@media (max-width: 480px) {
    /* Empilha o campo da etiqueta acima do botão "Buscar" em vez de dividir a linha - mesmo padrão já
       usado nas demais telas (2026-09-01). */
    .form-group-row[b-vh839o3hbe] {
        flex-direction: column;
    }

        .form-group-row .form-group[b-vh839o3hbe] {
            width: 100%;
        }

    .Button-Container-Orca[b-vh839o3hbe] {
        justify-content: stretch;
        margin-bottom: 0;
    }

        .Button-Container-Orca[b-vh839o3hbe]  button {
            width: 100%;
        }
}
/* _content/PrePostagem/Components/Pages/TrataCarga_old.razor.rz.scp.css */
.Fundo-Container[b-vat30rae9i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-vat30rae9i] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-vat30rae9i] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-vat30rae9i] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-vat30rae9i] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-vat30rae9i] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-vat30rae9i] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-vat30rae9i] {
        flex: 1;
    }



.Button-Container[b-vat30rae9i] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-vat30rae9i], .button-Menu[b-vat30rae9i], .Button[b-vat30rae9i] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-vat30rae9i] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-vat30rae9i] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-vat30rae9i] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-vat30rae9i], .button-Menu img[b-vat30rae9i], .Button img[b-vat30rae9i] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-vat30rae9i] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-vat30rae9i] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-vat30rae9i] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-vat30rae9i],
input[type="email"][b-vat30rae9i] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-vat30rae9i] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-vat30rae9i] {
    flex: 2;
}

.SubCard-Title[b-vat30rae9i] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-vat30rae9i] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/TratamentoCarga.razor.rz.scp.css */
.Fundo-Container[b-3deajwncic] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.Card[b-3deajwncic] {
    position: relative; /* Permite que o z-index funcione */
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    width: 100%; /* Ajuste da largura para caber melhor em telas menores */
    margin: 20px auto; /* Evita corte em resoluções menores */
    color: white;
    overflow-y: auto; /* Permite scroll caso o conteúdo ultrapasse o limite */
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.title[b-3deajwncic] {
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.Img-fundo[b-3deajwncic] {
    position: fixed; /* A imagem de fundo se posiciona na tela inteira */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta proporção sem distorção */
    z-index: -1; /* Faz com que o fundo fique atrás do card */
}

.form-group[b-3deajwncic] {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-container[b-3deajwncic] {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.form-group-row[b-3deajwncic] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

    .form-group-row .form-group[b-3deajwncic] {
        flex: 1;
    }



.Button-Container[b-3deajwncic] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Estilo comum para todos os botões */
.Button-V[b-3deajwncic], .button-Menu[b-3deajwncic], .Button[b-3deajwncic] {
    width: 30%;
    padding: 12px;
    border: none;
    border-radius: 3px; /* Botões mais quadrados */
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Transição suave para o hover */
    display: flex; /* Para alinhar imagem e texto */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    gap: 10px; /* Espaço entre a imagem e o texto */
}

/* Estilo específico para o botão "Voltar" */
.Button-V[b-3deajwncic] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Menu" */
.button-Menu[b-3deajwncic] {
    background-color: #247FAC;
}

/* Estilo específico para o botão "Salvar" */
.Button[b-3deajwncic] {
    background-color: #28a745;
}

    /* Estilo para as imagens dentro dos botões */
    .Button-V img[b-3deajwncic], .button-Menu img[b-3deajwncic], .Button img[b-3deajwncic] {
        width: 40px; /* Imagens maiores */
        height: 40px;
        filter: brightness(0) invert(1); /* Transforma a imagem em branco */
    }

}

/* Efeito hover para os botões */
.Button-V:hover[b-3deajwncic] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.button-Menu:hover[b-3deajwncic] {
    background-color: #1c5f7d; /* Cor mais escura para o hover */
}

.Button:hover[b-3deajwncic] {
    background-color: #218838; /* Cor mais escura para o hover */
}



input[type="text"][b-3deajwncic],
input[type="email"][b-3deajwncic] {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.2em;
    color: #333;
}

/* Estilização para os SubCards */
.SubCard[b-3deajwncic] {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

}

.SubCard-Large[b-3deajwncic] {
    flex: 2;
}

.SubCard-Title[b-3deajwncic] {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.SubCards-Container[b-3deajwncic] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
/* _content/PrePostagem/Components/Pages/VisualizarObjeto.razor.rz.scp.css */
/* Layout Principal */
.SubCards-Container[b-zt526mz38v] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
    width: 100%;
}

.SubCard[b-zt526mz38v] {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(72, 123, 142, 0.4);
    padding: 20px;
    margin-bottom: 20px;
    color: white;
    flex: 1;
    min-width: 250px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
    backdrop-filter: brightness(60%);
    backdrop-filter: contrast(40%);
    backdrop-filter: drop-shadow(4px 4px 10px blue);
    backdrop-filter: grayscale(30%);
    backdrop-filter: hue-rotate(120deg);
    backdrop-filter: invert(70%);
    backdrop-filter: opacity(20%);
    backdrop-filter: sepia(90%);
    backdrop-filter: saturate(80%);
}

.dialog-title-center[b-zt526mz38v] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px;
    padding-top: 8px;
}

.dialog-title-text[b-zt526mz38v] {
    font-weight: 600;
    color: var(--mud-palette-primary);
}


.form-group-row[b-zt526mz38v] {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.form-group[b-zt526mz38v] {
    flex: 1;
    min-width: calc(25% - 12px); 
    margin-bottom: 10px;
}

    .form-group label[b-zt526mz38v] {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
        color: white;
    }

.form-control[b-zt526mz38v] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1em;
    background: rgba(255, 255, 255, 0.9);
}

.modal-blur-background[b-zt526mz38v] {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 0, 0.3) !important;
}



.adicionais-container[b-zt526mz38v] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
    background: white;
    border-radius: 6px;
    min-height: 60px;
    align-items: center;
    border: 1px solid #ccc;
}


.sigla-item[b-zt526mz38v] {
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
    min-width: 40px;
    background: #4CAF50;
    color: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

@media (max-width: 768px) {
    .SubCard[b-zt526mz38v] {
        min-width: 100%;
    }

    .form-group[b-zt526mz38v] {
        min-width: calc(50% - 15px); /* 2 colunas em tablets */
    }
}

@media (max-width: 480px) {
    .form-group[b-zt526mz38v] {
        min-width: 100%; /* 1 coluna em mobile */
    }
}