[hidden] { display: none !important; }
.settingsTabs { display: flex; flex-wrap: wrap; gap: 0; border-bottom: 2px solid var(--line); background: white; }
.settingsTabs [role="tab"] { border: 0; border-radius: 0; background: transparent; padding: 15px 18px; color: var(--muted); border-bottom: 3px solid transparent; }
.settingsTabs [aria-selected="true"] { border-bottom-color: #13a7ce; color: #087494; background: #effaff; }
.settingsTabs button:focus-visible { outline: 2px solid #087494; outline-offset: -3px; }
#settingsForm > [role="tabpanel"] { border-radius: 0; border-top: 0; }
.documentsHeading { margin: 22px 20px 0; font-size: 16px; }
.documentsGrid { padding-bottom: 18px !important; }
.documentsGrid label, .documentsGrid input, .documentsGrid select, .documentsGrid textarea { min-width: 0; max-width: 100%; }
.documentsFieldTitle { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; min-width: 0; }
.documentsGrid .templateToken { appearance: none; border: 0; margin: 0; padding: 0; background: transparent; color: #087494; font: inherit; line-height: inherit; text-align: left; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; cursor: copy; overflow-wrap: anywhere; }
.documentsGrid .templateToken:hover, .documentsGrid .templateToken:focus-visible { color: #055f7d; }
.documentsGrid .templateToken:focus-visible { outline: 2px solid #087494; outline-offset: 2px; border-radius: 2px; }
.documentsGrid .templateToken[data-copied="true"] { color: #198754; }
.specificationTableVariables { display: grid; grid-column: 1 / -1; gap: 7px 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: 8px; color: #526780; }
.specificationTableVariables > :first-child { grid-column: 1 / -1; color: var(--text); font-weight: 600; }
.specificationTableVariables > span { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; min-width: 0; }
.contractTemplateChoice { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px 20px; align-items: center; padding: 20px; }
.contractTemplateTitle { font-size: 16px; font-weight: 600; }
.contractTemplateChoice .picker { justify-self: start; }
.contractTemplateChoice .documentsTemplateActions { flex-wrap: wrap; }
.contractTemplateActive { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; margin: 0; }
.contractTemplateStatusLabel { font: inherit; }
.contractTemplateLinks { display: grid; gap: 4px; min-width: 0; }
.contractTemplateLink { min-width: 0; color: #087494; overflow-wrap: anywhere; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.contractTemplateLink:hover, .contractTemplateLink:focus-visible { color: #055f7d; }
.contractTemplateLink:focus-visible { outline: 2px solid #087494; outline-offset: 2px; border-radius: 2px; }
.documentsActions { gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 20px; }
.documentsActions [role="status"] { overflow-wrap: anywhere; }
.documentsChecks { margin-top: 20px; overflow-wrap: anywhere; }
.documentsCheck { padding: 12px 0; border-bottom: 1px solid var(--line); }
#settingsForm #resultPanel { border: 0; padding: 20px 0 0; margin: 0; }
@media (max-width: 640px) {
  .settingsTabs [role="tab"] { flex: 1 1 50%; padding: 12px 8px; font-size: 13px; }
  .documentsGrid, .specificationTableVariables { grid-template-columns: minmax(0, 1fr); }
  .contractTemplateChoice, .contractTemplateActive { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .contractTemplateActive { grid-column: auto; }
  #settingsForm .picker { flex-wrap: wrap; }
  #settingsForm .picker input { flex: 1 1 100%; min-width: 0; }
  #settingsForm .blockHead { flex-wrap: wrap; }
}