/* ============================================================
   CSS especifico - ezyEstoque / consultaEstoque
   Modulo: ezyEstoque
   ============================================================ */

/* ---- Oculta o cabecalho padrao do MyASK (barra duplicada no iframe) ---- */
table.fixed.cabecalho {
    display: none !important;
}

/* ---- Oculta o rodape padrao do MyASK (barra azul) ---- */
table.fixed.rodape {
    display: none !important;
}

/* ---- Ajuste do container para remover o espaco do cabecalho oculto ---- */
.container {
    margin-top: 0 !important;
    padding-top: 10px;
}

/* ---- Rodape personalizado ezyEstoque ---- */
#rodape-ezy {
    background-color: #000000;
    width: 100%;
    padding: 6px 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

/* Logo ASK no canto esquerdo */
#rodape-ezy .rodape-logo-esquerda {
    display: flex;
    align-items: center;
}

/* Logo MyASK no canto direito */
#rodape-ezy .rodape-logo-direita {
    display: flex;
    align-items: center;
}

#rodape-ezy img {
    height: 18px;
    width: auto;
    opacity: 0.70;
}

/* ---- Badge is_skin ---- */
.list-group-item-skin {
    font-size: 12px;
}

.badge-skin-sim {
    background-color: #e8f5e9;
    border-left: 3px solid #4caf50;
    color: #2e7d32;
}

.badge-skin-nao {
    background-color: #f5f5f5;
    border-left: 3px solid #9e9e9e;
    color: #555555;
}

/* ---- Select2 customizacao para os combos de Perfil e Cor ---- */
.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 34px;
    border: 1px solid #ced4da;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
    padding-left: 8px;
    color: #495057;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
}

.select2-dropdown {
    border: 1px solid #ced4da;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e8501a;
    color: #fff;
}

.select2-search--dropdown .select2-search__field {
    border: 1px solid #ced4da;
    border-radius: 3px;
    padding: 4px 8px;
    font-size: 12px;
}

/* ---- Ajuste de layout da linha de filtros ---- */
#tableForm .title {
    font-weight: bold;
    vertical-align: middle;
    white-space: nowrap;
}

#tableForm td {
    padding: 6px 8px;
    vertical-align: middle;
}

/* ---- Cards de resultado ---- */
#ret-perfis .card {
    border: 1px solid #dee2e6;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

#ret-perfis .card-img-top {
    border-radius: 6px 6px 0 0;
    object-fit: cover;
    max-height: 160px;
}