/* Sales & Marketing Quick Access. Navy strip under the header (navy in every theme, like the sidebar). Bookmarks only. */
.quickbar { background: var(--navy-800, #003B5E); color: #E3EDF4; border-bottom: 1px solid rgba(255, 255, 255, .08); position: relative; z-index: 15; }
.quickbar[hidden], body.signedout .quickbar { display: none; }
.qa { display: flex; align-items: center; gap: 6px; padding: 4px 24px; min-height: 44px; }
.qa .sr, .qa-collapse .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.qa-collapse, .qa-tools-btn { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; min-height: 36px; min-width: 36px; padding: 0 8px; border-radius: var(--r-sm, 6px); color: #BCD2E1; cursor: pointer; font-size: 13px; font-weight: 600; flex: none; justify-content: center; }
.quickbar button.qa-collapse:hover:not(:disabled), .quickbar button.qa-tools-btn:hover:not(:disabled) { background: rgba(255, 255, 255, .10); border-color: transparent; color: #fff; }
.qa-collapse svg, .qa-tools-btn svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.qa-collapsed-hint { color: #A9C3D5; font-size: 12.5px; }
.qa-collapse-text { font-size: 12.5px; }
.qa-list { list-style: none; margin: 0; padding: 0 2px; display: flex; gap: 2px; align-items: center; flex: 1 1 auto; min-width: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
.qa-list[hidden] { display: none; }
.qa-list li { flex: none; scroll-snap-align: start; }
.qa-item { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 10px 0 6px; border-radius: var(--r-sm, 6px); color: #fff; text-decoration: none; font-size: 13.5px; font-weight: 600; white-space: nowrap; }
.qa-item:hover { background: rgba(255, 255, 255, .12); }
.qa-item:focus-visible, .qa-collapse:focus-visible, .qa-tools-btn:focus-visible, .qa-act:focus-visible { outline: 2px solid var(--cyan, #00C2FF); outline-offset: 1px; }
.qa-tile { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 6px; font-size: 11px; font-weight: 800; letter-spacing: -.02em; flex: none; line-height: 1; }
.qa-ext { width: 12px; height: 12px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: .75; flex: none; }
.qa-pin { color: #FFD66B; font-size: 11px; }
.qa-tools { position: relative; flex: none; }
.qa-menu { position: absolute; right: 0; top: calc(100% + 6px); width: min(360px, calc(100vw - 24px)); max-height: min(70vh, 520px); overflow-y: auto; background: var(--card, #fff); color: var(--ink, #12212e); border: 1px solid var(--line, #d6e0e8); border-radius: var(--r-md, 10px); box-shadow: 0 12px 32px rgba(0, 24, 40, .28); padding: 10px 12px 12px; z-index: 40; }
.qa-menu[hidden] { display: none; }
.qa-note { margin: 0 0 6px; font-size: 12px; color: var(--muted, #53677a); }
.qa-cat { margin: 10px 0 2px; font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted, #53677a); }
.qa-row { display: flex; align-items: center; gap: 4px; }
.qa-row.is-hidden .qa-menu-item { opacity: .6; }
.qa-menu .qa-item { color: var(--ink, #12212e); flex: 1 1 auto; min-width: 0; min-height: 40px; }
.qa-menu .qa-item:hover { background: var(--brand-50, #E8F3FA); }
.qa-menu .qa-ext { margin-left: auto; }
.qa-act { all: unset; box-sizing: border-box; min-width: 40px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--r-sm, 6px); cursor: pointer; color: var(--ink, #12212e); font-size: 12.5px; font-weight: 600; padding: 0 6px; }
.qa-menu button.qa-act:hover:not(:disabled) { background: var(--brand-50, #E8F3FA); border-color: transparent; color: var(--ink, #12212e); }
.qa-act[aria-pressed=true] { color: #7A4B00; }
.qa-manage { margin-top: 10px; border-top: 1px solid var(--line, #d6e0e8); padding-top: 10px; }
.pill.na { background: transparent; color: var(--muted, #53677a); border: 1px dashed var(--line, #d6e0e8); }
/* Manage page */
.qa-form .grid2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px 14px; }
.qa-form label { display: grid; gap: 4px; }
.qa-table td, .qa-table th { vertical-align: middle; }
.qa-name { display: inline-flex; align-items: center; gap: 8px; } .qa-name small { display: block; color: var(--muted, #53677a); }
.qa-order, .qa-actions { display: flex; gap: 4px; flex-wrap: wrap; }
.tablewrap { overflow-x: auto; }
@media (max-width: 900px) {
  .qa { padding: 2px 8px 2px 10px; gap: 4px; min-height: 52px; }
  .qa-item { min-height: 44px; padding: 0 12px 0 8px; }
  .qa-collapse, .qa-tools-btn { min-height: 44px; min-width: 44px; }
  .qa-act { min-width: 44px; min-height: 44px; }
  .qa-menu { position: fixed; left: 8px; right: 8px; top: auto; width: auto; bottom: 72px; max-height: 60vh; }
}
@media (prefers-reduced-motion: no-preference) { .qa-item, .qa-collapse, .qa-tools-btn { transition: background .12s; } }

/* provider tiles (monograms, not official logos). Colors live here because the CSP forbids inline styles. */
.qa-tile.t-apollo { background: #FFD400; color: #1A1A1A; } .qa-tile.t-mailgen { background: #6B3FA0; color: #fff; } .qa-tile.t-azure { background: #0067B8; color: #fff; }
.qa-tile.t-entra { background: #0B7A5B; color: #fff; } .qa-tile.t-m365 { background: #C43E00; color: #fff; } .qa-tile.t-outlook { background: #0F6CBD; color: #fff; }
.qa-tile.t-godaddy { background: #00757A; color: #fff; } .qa-tile.t-analytics { background: #B45309; color: #fff; } .qa-tile.t-link { background: #475569; color: #fff; }