/* Shared header menus + footer for every operator page (console AND rfq views).
   Companion of console_header.js. Tokens come from console_shared.css; this file
   only adds the pieces the console did not have yet: the settings/account
   dropdowns (ported from the pre-merge RFQ app's HeaderMenus) and the footer. */

a.tab { text-decoration:none; color:inherit; }

/* Cross-document view transition: page-to-page navigation cross-fades instead
   of flashing white; the header is identical on every page, so it reads as a
   stationary shell. No-op on browsers without support. */
@view-transition { navigation: auto; }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}

.hdr-menus { display:flex; align-items:center; gap:2px; }
.hdr-menus .mbtn { border:0; background:transparent; cursor:pointer; color:var(--mut);
                   width:34px; height:34px; border-radius:999px; display:flex;
                   align-items:center; justify-content:center; font-size:17px;
                   transition:background .15s, color .15s; }
.hdr-menus .mbtn:hover { background:var(--soft); color:var(--ink); }
.hdr-menu { position:relative; }
.hdr-menu .mpop { position:absolute; right:0; top:40px; min-width:220px; z-index:60;
                  background:var(--card); border:1px solid var(--line); border-radius:10px;
                  box-shadow:0 8px 24px rgba(10,10,10,.08); padding:6px; display:none; }
.hdr-menu.open .mpop { display:block; }
.hdr-menu .mlabel { font-size:11px; text-transform:uppercase; letter-spacing:.04em;
                    color:var(--mut); padding:6px 10px 4px; }
.hdr-menu .msep { height:1px; background:var(--line); margin:4px 0; }
.hdr-menu a.mitem { display:block; padding:7px 10px; border-radius:7px; font-size:13.5px;
                    color:var(--ink); text-decoration:none; }
.hdr-menu a.mitem:hover { background:var(--soft); }
.hdr-menu .mwho { padding:7px 10px; font-size:12.5px; color:var(--mut); }

.app-footer { border-top:1px solid var(--line); background:var(--card); margin-top:40px; }
.app-footer .inner { max-width:1400px; margin:0 auto; padding:14px 22px; display:flex;
                     flex-wrap:wrap; align-items:center; gap:8px 18px; font-size:12.5px;
                     color:var(--mut); }
.app-footer .wm { height:13px; width:auto; display:block; opacity:.75; }
.app-footer .right { margin-left:auto; display:flex; gap:14px; }
.app-footer a { color:var(--mut); text-decoration:none; }
.app-footer a:hover { color:var(--ink); }

/* search + client selector + inbox (pedido-era header, 2026-08-26) */
.hdr-search { display:inline-flex; align-items:center; gap:7px;
  border:1px solid rgba(0,0,0,.09); border-radius:999px; padding:6px 12px;
  background:#fff; color:#6b6760; cursor:pointer; font:inherit; }
.hdr-search .hs-ph { font-size:13px; color:#8a867e; }
.hdr-search .hs-ico { display:inline-flex; }
.hdr-search kbd { font:10.5px/1 ui-monospace, Menlo, monospace;
  background:#efece4; border-radius:5px; padding:2px 5px; color:#6b6760; }
.hdr-search .hs-ico { font-size:14px; }
.hdr-conta { border:1px solid rgba(0,0,0,.09); border-radius:999px;
  background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23615f58' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;
  font:inherit; font-size:13px; padding:6px 28px 6px 12px; color:#0a0a0a;
  max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  appearance:none; -webkit-appearance:none; }
.hdr-inbox { position:relative; display:inline-flex; align-items:center;
  color:#615f58; padding:6px; border-radius:8px; text-decoration:none; }
.hdr-inbox:hover { background:#f5f3ee; color:#0a0a0a; }
.hdr-inbox .n { position:absolute; top:-2px; right:-4px; background:#3d63d8;
  color:#fff; border-radius:999px; font-size:10px; font-weight:600;
  padding:1px 5px; }
.hdr-inbox .n:empty { display:none; }
@media (max-width: 900px) { .hdr-search, .hdr-conta { display:none; } }
.hdr-ctx { font-size:12.5px; color:#615f58; text-decoration:none; }
.hdr-ctx:hover { color:#0a0a0a; }

/* ⌘K palette */
.pal-back { position:fixed; inset:0; background:rgba(10,10,10,.32); z-index:80;
  display:flex; align-items:flex-start; justify-content:center; padding-top:12vh; }
.pal { width:min(560px, 92vw); background:#fff; border-radius:14px;
  box-shadow:0 18px 60px rgba(0,0,0,.22); overflow:hidden; }
.pal-inp { width:100%; border:0; outline:0; font:15px/1.4 inherit;
  padding:15px 18px; border-bottom:1px solid rgba(0,0,0,.08); box-sizing:border-box; }
.pal-res { max-height:46vh; overflow-y:auto; padding:6px 6px 10px; }
.pal-hint { font-size:13px; color:#8a867e; padding:10px 14px; margin:0; }
.pal-g { font-size:10.5px; font-weight:700; text-transform:uppercase;
  letter-spacing:.05em; color:#8a867e; margin:10px 12px 2px; }
.pal-row { display:flex; justify-content:space-between; gap:12px; padding:8px 12px;
  border-radius:8px; text-decoration:none; color:#0a0a0a; font-size:13.5px; }
.pal-row:hover { background:#f5f3ee; }
.pal-s { color:#8a867e; font-size:12px; overflow:hidden; text-overflow:ellipsis;
  white-space:nowrap; max-width:45%; }

/* smooth cross-document transitions (the pre-merge SPA feel) */
@view-transition { navigation: auto; }