/* Shared interaction and responsive fixes layered on top of the original mockup styles. */
@media (max-width: 940px) {
  .header-actions .icon-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #e4eaf3;
    border-radius: 10px;
    background: #fbfcfe;
    color: #1769f5;
    cursor: pointer;
  }
}
@media (max-width: 620px) {
  .site-header { gap: 8px; }
  .site-header .header-actions { gap: 6px; }
  .site-header .header-actions .button { padding: 9px 10px; }
  .search-dialog { max-height: 80vh; overflow-y: auto; }
  .dialog-top { position: sticky; top: 0; background: #fff; z-index: 2; }
}
.header-search input { cursor: pointer; }
.search-overlay[aria-hidden="true"] { pointer-events: none; }
.search-overlay.open { pointer-events: auto; }