/* Load after the existing inbox, home-focus and Staffmor guide styles.
   Only the heading and its controls; vacation art, cards and dock are unchanged. */
.answer-inbox .page-head.answer-inbox-head {
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;
  grid-template-areas:"title guide actions";align-items:center;gap:0 16px;
  min-width:0;margin:0;padding:0 0 12px;border:0;border-bottom:1px solid var(--line);
}
.answer-inbox .answer-inbox-head>h1 {
  grid-area:title;min-width:0;margin:0;font:600 1.625rem/1.25 var(--sans);
  color:var(--ink);letter-spacing:-.015em;overflow-wrap:normal;
}
.answer-inbox .answer-inbox-head>.answer-inbox-guide {
  grid-area:guide;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  gap:6px;min-width:44px;min-height:44px;max-width:100%;padding:6px;
  border:1px solid transparent;border-radius:6px;background:transparent;box-shadow:none;
  color:var(--muted);font:500 .875rem/1.3 var(--sans);white-space:nowrap;cursor:pointer;
}
.answer-inbox .answer-inbox-guide>img {
  display:block;flex:none;width:24px;height:24px;object-fit:contain;
  border:0;border-radius:0;background:transparent;
}
.answer-inbox .answer-inbox-utilities {
  grid-area:actions;display:flex;align-items:center;justify-content:flex-end;
  flex-wrap:wrap;gap:0 8px;min-width:0;
}
.answer-inbox .answer-inbox-utilities>.btn.answer-inbox-action {
  box-sizing:border-box;min-width:44px;min-height:44px;max-width:100%;margin:0;padding:8px;
  border:1px solid transparent;border-radius:6px;background:transparent;box-shadow:none;
  color:var(--muted);font:500 .875rem/1.3 var(--sans);white-space:normal;text-align:start;
}
.answer-inbox .answer-inbox-head :is(.answer-inbox-guide,.answer-inbox-action):hover:not(:disabled) {
  color:var(--ink);background:var(--surface-2);
}
.answer-inbox .answer-inbox-head :is(.answer-inbox-guide,.answer-inbox-action):focus-visible {
  outline:2px solid var(--accent);outline-offset:2px;
}
.answer-inbox .answer-inbox-head .answer-inbox-action:disabled {opacity:.65;cursor:default}
@media(max-width:820px) {
  .answer-inbox .page-head.answer-inbox-head {
    grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title guide" "actions actions";
    gap:0 10px;padding-bottom:8px;
  }
  .answer-inbox .answer-inbox-head>h1 {font-size:1.375rem}
  .answer-inbox .answer-inbox-utilities {justify-content:flex-start;margin-inline:-8px}
}
