:root {
  --cs-btn-h: 36px;
  --cs-btn-min-w: 96px;
  --cs-btn-pad: 0 14px;
  --cs-btn-fs: 13px;
  --cs-main-h: 42px;
  --cs-main-min-w: 170px;
  --cs-main-pad: 0 20px;
  --cs-main-fs: 14px;
}

/* Botões secundários do cabeçalho */
body button.library-header-action,
body button.theme-toggle {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: var(--cs-btn-min-w) !important;
  height: var(--cs-btn-h) !important;
  min-height: var(--cs-btn-h) !important;
  padding: var(--cs-btn-pad) !important;
  font-size: var(--cs-btn-fs) !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

/* Botão principal: "Registrar Nova Obra" */
body button.cs-wizard-trigger {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: var(--cs-main-min-w) !important;
  height: var(--cs-main-h) !important;
  min-height: var(--cs-main-h) !important;
  padding: var(--cs-main-pad) !important;
  font-size: var(--cs-main-fs) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

/* Botão de fechar do cadastro */
body button.cs-registration-close {
  box-sizing: border-box !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
}

#root .library-header-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

#root .eyebrow-company {
  display: block !important;
  margin-top: 6px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  opacity: .96 !important;
}

@media (max-width: 640px) {
  /* alvo de toque maior no celular */
  body button.library-header-action,
  body button.theme-toggle,
  body button.cs-wizard-trigger {
    height: 44px !important;
    min-height: 44px !important;
  }
  body button.cs-wizard-trigger {
    width: 100% !important;
  }
  body button.cs-registration-close {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }
  #root .eyebrow-company { font-size: 13px !important; }
}