/* Keep logo at the top once the sticky+search column grows taller. */
#gsHeader > table > tbody > tr > td,
#gsHeader > table > tr > td {
  vertical-align: top;
}

/* Compact header search — under the sticky; matches search.html pill bar. */
#gsHeaderTools {
  margin: 0;
  margin-left: auto;
  border-collapse: collapse;
}
#gsHeaderTools td.gsHeaderStickyCell {
  padding: 0;
}
#gsHeaderTools td.gsHeaderSearchCell {
  padding: 10px 0 0;
}

/* theme.css zeroes #gallery form margins — rebuild as a mini pill bar */
#gallery form#gsHeaderSearch {
  display: flex !important;
  align-items: stretch;
  justify-content: flex-end;
  gap: 0;
  /* Align with sticky width (125px); a touch wider so the field is usable */
  width: 11.5rem;
  max-width: 100%;
  margin: 0 0 0 auto !important;
  padding: 0;
  background: #fff;
  border: 1px solid #d0d0d0;
  border-radius: 999px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
#gallery form#gsHeaderSearch:focus-within {
  border-color: #6b8cb7;
  box-shadow: 0 6px 24px rgba(107, 140, 183, 0.28);
}

#gsHeaderSearch input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  margin: 0;
  padding: 0.6em 0.9em;
  border: 0;
  outline: none;
  background: transparent;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.95em;
  color: #222;
  -webkit-appearance: none;
  box-sizing: border-box;
}
#gsHeaderSearch input[type="search"]::placeholder {
  color: #9a9a9a;
}
#gsHeaderSearch input[type="search"]::-webkit-search-decoration,
#gsHeaderSearch input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
#gallery #gsHeaderSearch input[type="search"]:focus {
  background: transparent;
  color: #222;
}

#gallery #gsHeaderSearch input.inputTypeSubmit {
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 0.95em !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-left: 1px solid #5a7aa6 !important;
  background: #6b8cb7 !important;
  background-color: #6b8cb7 !important;
  color: #fff !important;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.95em;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.15s ease;
}
#gallery #gsHeaderSearch input.inputTypeSubmit:hover {
  background: #5a7aa6 !important;
  background-color: #5a7aa6 !important;
}