/* ============================================================================
   /sistema/css/agenda.css — Onda 37 (2026-05-07)
   Especialista: arquiteto
   Escopo: visual fidelity Agenda_Atividades.html (FullCalendar v3) vs Imoview
   Referencia: IA_PAGINAS/agenda_imov_2026-05-07.{html,png}
   Regras: ver vault Arquitetura/Normalizacao Font Weight e Overflow Tabelas.md
   ----------------------------------------------------------------------------
   Premissas:
   - HTML partial (#page-content > .panel > .panel-body > #agenda) eh renderizado
     pelo FullCalendar v3 via enhancer (engenheiro). Nao depende de classes
     custom Interact alem de #novaAtividade e #ModalAgenda.
   - Interact herda Bootstrap 3 + Nifty + tema imoview. CSS aqui usa !important
     onde precisa vencer cascata Bootstrap/Nifty (ver licao P1 da nota
     Normalizacao Font Weight).
   - Responsividade Imoview literal: .col-xs-12 + sem larguras fixas em colunas
     dinamicas FullCalendar (FC ja gerencia internamente).
   ========================================================================== */


/* ---------------------------------------------------------------------------
   1. Container principal #agenda + panel-body
   --------------------------------------------------------------------------- */
#page-content .panel .panel-body > #agenda,
#page-content #agenda.fc {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-family: inherit !important;
  font-size: 13px !important;
}

/* Botao "Nova atividade" topo (Imoview literal: btn-mint largura total mobile,
   inline desktop). Imoview usa btn-block-custom = block em < 768px) */
#novaAtividade.btn-mint.btn-custom {
  background-color: #26c6da !important;     /* mint Imoview */
  border-color: #26c6da !important;
  color: #fff !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  padding: 8px 18px !important;
  margin-bottom: 12px !important;
}
#novaAtividade.btn-mint.btn-custom:hover,
#novaAtividade.btn-mint.btn-custom:focus {
  background-color: #1eb6cb !important;
  border-color: #1eb6cb !important;
}
#novaAtividade.btn-mint .fa {
  margin-right: 4px !important;
}

/* Estilos atividadeIcones — badges (realizado/convidado) ao lado do título do
   evento. Ver eventRender em enhancers-agenda.js (literal Imoview canônico). */
.fc-event .atividadeIcones {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
}
.fc-event .atividadeIcon {
  display: inline-block;
  margin-left: 2px;
  padding: 0 3px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 14px;
  background-color: rgba(255,255,255,0.85);
  color: #333;
}
.fc-event .atividadeIcon.atividadeChecked { color: #3aa66f; }
.fc-event .atividadeIcon.atividadeConvite { color: #5bc0de; }

/* Esconde FAB duplicado btnNovaAtividadeFAB ate engenheiro remover do enhancer
   (gap reportado ao engenheiro via Status note). Imoview NAO tem FAB. */
.btnNovaAtividadeFAB {
  display: none !important;
}


/* ---------------------------------------------------------------------------
   2. Toolbar FullCalendar (.fc-toolbar) — Mes/Semana/Dia + Hoje + nav
   --------------------------------------------------------------------------- */
#agenda .fc-toolbar {
  margin-bottom: 12px !important;
  padding: 0 !important;
}
#agenda .fc-toolbar h2 {
  font-size: 18px !important;
  font-weight: 500 !important;        /* Imoview: nao bold absoluto */
  color: #555 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  text-transform: capitalize !important;
}

/* Botoes da toolbar (prev/next/Hoje + Mes/Semana/Dia) */
#agenda .fc-button {
  background: #fff !important;
  background-image: none !important;     /* remove gradient default FC */
  border: 1px solid #ccd1d9 !important;
  color: #555 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  padding: 6px 14px !important;
  height: auto !important;
  text-shadow: none !important;
  box-shadow: none !important;
  text-transform: none !important;
}
#agenda .fc-button:hover {
  background: #f5f7fa !important;
  border-color: #bcc3cd !important;
}
#agenda .fc-button.fc-state-active {
  background: #5fa2dd !important;        /* azul ativo Imoview (header dias) */
  border-color: #5fa2dd !important;
  color: #fff !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.08) !important;
}
#agenda .fc-button.fc-state-disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}
#agenda .fc-button-group > .fc-button {
  margin: 0 !important;
}

/* Icones prev/next setas */
#agenda .fc-icon {
  font-size: 13px !important;
  vertical-align: middle !important;
}


/* ---------------------------------------------------------------------------
   3. Cabecalho dias da semana (.fc-day-header) — fundo azul Imoview
   --------------------------------------------------------------------------- */
#agenda .fc-head .fc-widget-header,
#agenda .fc-day-header.fc-widget-header {
  background-color: #5fa2dd !important;  /* azul Imoview literal */
  border-color: #5fa2dd !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 6px 4px !important;
  text-align: center !important;
  text-transform: capitalize !important;
}
#agenda .fc-day-header span {
  color: #fff !important;
  font-weight: 600 !important;
}


/* ---------------------------------------------------------------------------
   4. Grid de dias (.fc-day, .fc-day-top, fc-day-number)
   --------------------------------------------------------------------------- */
#agenda .fc-day-grid-container {
  /* FC seta inline overflow:hidden + height — preserve responsividade */
  width: 100% !important;
}
#agenda .fc-day,
#agenda .fc-day-top {
  border-color: #e6e9ed !important;
  background: #fff !important;
}
#agenda .fc-day-top .fc-day-number {
  display: inline-block !important;
  padding: 4px 6px 0 0 !important;
  float: right !important;
  color: #c00 !important;                /* numero dia em vermelho fraco — Imoview */
  font-size: 12px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}
#agenda .fc-day-top.fc-other-month .fc-day-number {
  color: #b8b8b8 !important;             /* dias outro mes em cinza */
  opacity: 0.55 !important;
}
#agenda .fc-day.fc-other-month {
  background-color: #fafbfc !important;
}

/* Hoje destacado (Imoview literal: amarelo pastel) */
#agenda .fc-day.fc-state-highlight,
#agenda .fc-day-top.fc-state-highlight,
#agenda .fc-day.fc-today,
#agenda .fc-day-top.fc-today {
  background-color: #fcf8e3 !important;   /* yellow-50 Bootstrap state-highlight */
}
#agenda .fc-day-top.fc-today .fc-day-number {
  color: #c00 !important;
  font-weight: 600 !important;
}


/* ---------------------------------------------------------------------------
   5. Eventos (.fc-event, .fc-day-grid-event) — pills coloridas
   --------------------------------------------------------------------------- */
#agenda .fc-event,
#agenda .fc-day-grid-event {
  border: none !important;
  border-radius: 3px !important;
  padding: 2px 4px !important;
  margin: 1px 2px !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  cursor: pointer !important;
  color: #fff !important;
  text-shadow: none !important;
  box-shadow: 0 1px 1px rgba(0,0,0,0.08) !important;
}
#agenda .fc-event:hover {
  filter: brightness(0.95) !important;
  text-decoration: none !important;
}
#agenda .fc-event .fc-content {
  white-space: pre-wrap !important;
  overflow: hidden !important;
  word-break: break-word !important;
}
#agenda .fc-event .fc-time {
  font-weight: 600 !important;
  margin-right: 4px !important;
}
#agenda .fc-event .fc-title {
  font-weight: 400 !important;
}
#agenda .fc-event .fc-title .fa {
  margin-right: 3px !important;
}

/* Icones de status do evento (atividadeIcon) — sobreposto top-right */
#agenda .atividadeIcones {
  position: absolute !important;
  top: 2px !important;
  right: 2px !important;
}
#agenda .atividadeIcon {
  display: inline-block !important;
  background-color: #fff !important;
  border-radius: 12px !important;
  color: #565656 !important;
  height: 14px !important;
  width: 14px !important;
  font-size: 9px !important;
  line-height: 14px !important;
  text-align: center !important;
  margin-left: 3px !important;
  vertical-align: top !important;
  box-shadow: 0 1px 1px rgba(0,0,0,0.15) !important;
}


/* ---------------------------------------------------------------------------
   6. Modal "ModalAgenda" + abas tabs (form Nova atividade)
   --------------------------------------------------------------------------- */
#ModalAgenda .modal-dialog {
  width: 600px !important;
  max-width: 95% !important;
}
#ModalAgenda .modal-content {
  border-radius: 4px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.18) !important;
}
#ModalAgenda .tab-content {
  padding: 16px 0 0 !important;
}
#ModalAgenda #detalhesAtividade .fixed-table-body {
  height: auto !important;
  padding-bottom: 0 !important;
}
/* Datas + notificacao layout 49% como no partial inline */
#ModalAgenda .datas input {
  width: 49.3% !important;
}
#ModalAgenda .notifica .form-control {
  width: 49% !important;
}
#ModalAgenda .notifica #notificacaoTipoAtividade {
  float: right !important;
}
#ModalAgenda .marTop33 {
  margin-top: 33px !important;
}


/* ---------------------------------------------------------------------------
   7. Responsividade — Bootstrap 3 (col-xs/sm/md/lg) preservado
   --------------------------------------------------------------------------- */
@media (max-width: 768px) {
  #agenda .fc-toolbar h2 {
    font-size: 15px !important;
  }
  #agenda .fc-toolbar .fc-left,
  #agenda .fc-toolbar .fc-right,
  #agenda .fc-toolbar .fc-center {
    float: none !important;
    text-align: center !important;
    margin-bottom: 6px !important;
  }
  #agenda .fc-button {
    padding: 5px 10px !important;
    font-size: 12px !important;
  }
  #agenda .fc-day-header.fc-widget-header {
    font-size: 11px !important;
    padding: 4px 2px !important;
  }
  #agenda .fc-event {
    font-size: 10px !important;
  }
}

@media (max-width: 480px) {
  /* Em mobile o FC pode ficar bem apertado. Garante scroll vertical interno
     sem quebrar layout responsive Bootstrap. */
  #agenda .fc-day-grid-container {
    overflow-x: auto !important;
  }
}


/* ---------------------------------------------------------------------------
   8. Total de registros / footer (caso enhancer adicione contagem)
   --------------------------------------------------------------------------- */
#page-content #totalAtividades,
#page-content .agenda-footer {
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #777 !important;
  padding-top: 6px !important;
}