/* =========================
   ESTILO ERP PARA NODE VIEW
   ========================= */

/* Área principal do conteúdo */
.node--view-mode-full,
.node {
  background: #ffffff;
  border: 1px solid #d9e1ea;
  border-radius: 10px;
  padding: 24px 28px;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.06);
  max-width: 980px;
}

/* Título */
.node__title,
h1.title,
.page-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  color: #1f2937;
  margin-bottom: 18px;
}

/* Meta info tipo "Submetido por..." */
.node__meta {
  margin-bottom: 24px;
  padding: 10px 14px;
  background: #f8fafc;
  border: 1px solid #e5edf5;
  border-radius: 8px;
  color: #5b6777;
  font-size: 0.95rem;
}

/* Cada campo */
.node .field {
  margin-bottom: 0;
  padding: 14px 0;
  border-bottom: 1px solid #edf2f7;
}

/* Último campo sem linha */
.node .field:last-child {
  border-bottom: 0;
}

/* Label do campo */
.node .field__label {
  display: block;
  margin-bottom: 6px;
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #64748b;
}

/* Valor do campo */
.node .field__item,
.node .field__items {
  font-size: 1.05rem;
  line-height: 1.5;
  color: #111827;
  word-break: break-word;
}

/* Links dentro dos campos */
.node .field__item a,
.node .field__items a,
.node__meta a {
  color: #0b63ce;
  text-decoration: none;
  font-weight: 500;
}

.node .field__item a:hover,
.node .field__items a:hover,
.node__meta a:hover {
  text-decoration: underline;
}

/* Espaço das tabs locais tipo Mostrar / Editar / Eliminar */
.tabs,
.tabs-wrapper,
nav.tabs {
  margin: 18px 0 22px;
}

/* Lista das tabs */
.tabs ul,
ul.tabs,
nav.tabs ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Cada tab */
.tabs ul li,
ul.tabs li,
nav.tabs ul li {
  margin: 0;
}

/* Link das tabs */
.tabs ul li a,
ul.tabs li a,
nav.tabs ul li a {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 8px;
  border: 1px solid #d9e1ea;
  background: #f8fafc;
  color: #1f2937;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.2s ease;
}

/* Hover tabs */
.tabs ul li a:hover,
ul.tabs li a:hover,
nav.tabs ul li a:hover {
  background: #eef4ff;
  border-color: #bfd3f2;
  color: #0b63ce;
}

/* Tab ativa */
.tabs ul li.is-active a,
ul.tabs li.is-active a,
nav.tabs ul li.is-active a,
.tabs ul li a.is-active,
ul.tabs li a.is-active,
nav.tabs ul li a.is-active {
  background: #dbeafe;
  border-color: #b6ccf3;
  color: #0b63ce;
}

/* Mensagens/ações acima do conteúdo */
.region-content .messages,
.messages {
  border-radius: 8px;
}

/* Melhor leitura em ecrãs largos */
.layout-content,
.dialog-off-canvas-main-canvas .layout-content,
main[role="main"] {
  padding-bottom: 32px;
}

/* Vista tipo formulário ERP com duas colunas em ecrãs maiores */
@media (min-width: 900px) {
  .node {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
  }

  .node__title,
  .node__meta,
  .tabs,
  .tabs-wrapper,
  nav.tabs {
    grid-column: 1 / -1;
  }

  .node .field {
    min-width: 0;
  }
}

/* Em mobile volta a uma coluna */
@media (max-width: 899px) {
  .node--view-mode-full,
  .node {
    padding: 18px;
    border-radius: 8px;
  }

  .node__title,
  h1.title,
  .page-title {
    font-size: 1.7rem;
  }
}

.toolbar-tab--toolbar-item-shortcuts {
  display: none !important;
}

.node-colaborador-form .field--name-field-utilizador select,
.node-colaborador-form .field--name-field-utilizador input.form-autocomplete,
.node-colaborador-form .field--name-field-utilizador .ui-autocomplete-input,
.node-colaborador-form .field--name-field-utilizador .ui-autocomplete-input + .ui-autocomplete-trigger,
.node-colaborador-edit-form .field--name-field-utilizador select,
.node-colaborador-edit-form .field--name-field-utilizador input.form-autocomplete,
.node-colaborador-edit-form .field--name-field-utilizador .ui-autocomplete-input,
.node-colaborador-edit-form .field--name-field-utilizador .ui-autocomplete-input + .ui-autocomplete-trigger {
  pointer-events: none;
  background: #f3f4f6;
  cursor: not-allowed;
}

.view-procedimentos-alerta-prazo tbody tr.deadline-warning,
.view-contratos-alerta-registo-rfc tbody tr.deadline-warning {
  background-color: #fff8db;
}

.view-procedimentos-alerta-prazo tbody tr.deadline-danger,
.view-contratos-alerta-registo-rfc tbody tr.deadline-danger {
  background-color: #ffe1e1;
}

.view-procedimentos-alerta-prazo.deadline-warning-state .view-title,
.view-procedimentos-alerta-prazo.deadline-warning-state h2,
.view-contratos-alerta-registo-rfc.deadline-warning-state .view-title,
.view-contratos-alerta-registo-rfc.deadline-warning-state h2 {
  background-color: #fff8db;
}

.view-procedimentos-alerta-prazo.deadline-danger-state .view-title,
.view-procedimentos-alerta-prazo.deadline-danger-state h2,
.view-contratos-alerta-registo-rfc.deadline-danger-state .view-title,
.view-contratos-alerta-registo-rfc.deadline-danger-state h2 {
  background-color: #ffe1e1;
}