.hosted-utility-bar {
  position: relative;
  z-index: 1001;
  min-height: 42px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 4px 16px;
  padding: 6px 12px;
  border-bottom: 1px solid #263448;
  background: #0b1220;
  color: #e5edf7;
  font: 700 12px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.hosted-back-link,
.hosted-suggestion-link { color: #dbeafe; text-underline-offset: 3px; }
.hosted-back-link { text-decoration: none; }
.hosted-utility-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.hosted-feedback-controls { display: inline-flex; align-items: center; gap: 5px; color: #aebdd0; }
.hosted-utility-bar .hosted-utility-button,
.hosted-utility-bar .hosted-feedback-button {
  min-height: 30px;
  margin: 0;
  padding: 5px 9px;
  border: 1px solid #43536a;
  border-radius: 7px;
  background: #152236;
  color: #f8fafc;
  font: inherit;
  cursor: pointer;
}
.hosted-utility-bar .hosted-feedback-button { width: 32px; padding: 4px; }
.hosted-utility-bar button:hover { background: #22334a; }
.hosted-utility-bar button[aria-pressed="true"] { border-color: #7dd3fc; background: #153750; }
.hosted-utility-bar a:focus-visible,
.hosted-utility-bar button:focus-visible { outline: 3px solid #7dd3fc; outline-offset: 2px; }
.hosted-utility-status { grid-column: 1 / -1; min-height: 0; color: #aebdd0; font-weight: 500; }
.hosted-utility-status:empty { display: none; }
@media (max-width: 720px) {
  .hosted-utility-bar { grid-template-columns: 1fr; }
  .hosted-utility-actions { justify-content: flex-start; }
}