#salary .salary-output-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 12px; min-width: 0; }
#salary .salary-builder-period strong { white-space: normal; overflow-wrap: anywhere; line-height: 1.5; }
#salary .salary-output-actions .salary-export-button { flex: 1 1 220px; width: auto; max-width: 320px; min-height: 48px; font-size: 16px; line-height: 1.4; padding: 12px 16px; }
#salary #salary-pdf-result[hidden] { display: none !important; }
#salary #salary-pdf-result { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 16px; border: 1px solid var(--admin-line); border-radius: 8px; color: var(--admin-text); background: var(--admin-surface); }
#salary-pdf-result span { flex: 1 1 100%; overflow-wrap: anywhere; font-weight: 700; }
#salary #salary-pdf-result a { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 18px; border: 1px solid var(--admin-line); border-radius: 8px; color: var(--admin-text); background: var(--admin-control); font-size: 16px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
#salary #salary-pdf-result a:hover { color: var(--admin-text); background: var(--admin-raised); }
#salary #salary-pdf-result a:focus-visible { outline: 3px solid var(--admin-focus); outline-offset: 3px; }
@media (max-width: 700px) {
  #salary .salary-output-actions { flex-direction: column; }
  #salary .salary-output-actions .salary-export-button { flex-basis: auto; width: 100%; max-width: none; }
}