/**
 * Ajustes do PrimeFaces 16 sobre o tema Diamond 15, carregado DEPOIS do tema em
 * todos os templates. Portado do horusconnect-theme.css (2026-09-18).
 */

/* ========== DIALOG: PRIMEFACES 16 x DIAMOND 15 ========== */
/* No PF 16 o .ui-dialog virou a camada de rolagem (tela inteira) e a caixa
   passou para o .ui-dialog-box. O Diamond 15 ainda estiliza o .ui-dialog como a
   caixa: sem isto a camada fica do tamanho da caixa e o JS posiciona a caixa em
   relação a ela, fora da tela. Estrutura copiada do tema saga do PF 16; a
   sombra/raio são os do Diamond. Remover quando vier o Diamond para o PF 16. */
body.ui-dialog-open {
    position: relative;
}

body .ui-dialog {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    /* a camada cobre a tela: em dialog não modal ela não pode engolir os cliques */
    pointer-events: none;
}

body .ui-dialog.ui-overflow-hidden,
body .ui-dialog.ui-dialog-absolute,
body .ui-dialog.ui-dialog-fitviewport {
    overflow-y: hidden;
}

body .ui-dialog .ui-dialog-box {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    pointer-events: auto;
}

body .ui-dialog.ui-dialog-absolute .ui-dialog-box {
    position: absolute;
}

/*
 * PF 16: datePicker com showIcon e autoComplete com dropdown são <span> inline com o
 * input e o botão. Quando a tela dá width:100% ao input (cards estreitos do Hub, diálogos),
 * o botão quebrava para a linha de baixo. Em flex, o input encolhe e o botão fica ao lado.
 */
.ui-calendar:has(> .ui-datepicker-trigger),
.ui-autocomplete.ui-autocomplete-dd {
    display: inline-flex;
    align-items: stretch;
    max-width: 100%;
}
.ui-calendar:has(> .ui-datepicker-trigger) > input,
.ui-autocomplete.ui-autocomplete-dd > input {
    flex: 1 1 auto;
    min-width: 0;
}
.ui-calendar:has(> .ui-datepicker-trigger) > .ui-datepicker-trigger,
.ui-autocomplete.ui-autocomplete-dd > .ui-autocomplete-dropdown {
    flex: none;
}

/* agenda (FullCalendar): o dia de hoje vinha com fundo azul forte, cobrindo a coluna toda */
.fc .fc-day-today,
.fc .fc-timegrid-col.fc-day-today {
    background: rgba(103, 61, 230, 0.06) !important;
}