/* =============================================================================
 * Arquivo........: topbar.css
 * Caminho........: /var/www/sniper/research/static/topbar.css
 * Sistema........: Sniper
 * Módulo.........: Cabeçalho do sistema
 * Camada.........: Apresentação / Estilos
 * Versão.........: v1.1.0 — 03/11/2026
 * Autor..........: Maroun Simão Padilha / André Gomes Alay Esteves
 *
 * Resumo das alterações:
 *   v1.1.0 - Botão e janela da busca rápida.
 *   v1.0.0 - Trilha projeto › tela, execuções, sino de avisos e menu da conta.
 * ============================================================================= */
.topbar{gap:16px;font-size:13px;letter-spacing:normal;color:var(--ink)}
.topbar-left{flex:1;min-width:0}
.topbar-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.topbar .screen-help{margin-left:0}

/* Trilha */
.topbar-trail{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px}
.topbar-left>*,.project-menu,.project-menu>summary{min-width:0}
.project-menu>summary{max-width:100%}
.trail-area{font-weight:600;color:var(--muted);white-space:nowrap}
.trail-sep{color:#a0b3c2}
.trail-page{font-weight:650;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trail-kicker{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:600}
.project-menu>summary strong{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Menus */
.topbar-menu{position:relative}
.topbar-menu>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 11px;border-radius:10px;border:1px solid var(--line);background:#fff;white-space:nowrap;min-height:40px}
.topbar-menu>summary::-webkit-details-marker{display:none}
.topbar-menu>summary:hover,.topbar-menu[open]>summary{border-color:var(--accent)}
.topbar-menu>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.caret{font-size:10px;color:var(--muted)}
.topbar-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:300px;max-width:calc(100vw - 28px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 48px #10233624;padding:8px}
.project-menu .topbar-dropdown{left:0;right:auto}
.dropdown-title{margin:6px 10px 8px;font-size:12px;font-weight:700;color:var(--ink)}
.dropdown-title small{display:block;font-weight:400;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.dropdown-scroll{max-height:260px;overflow:auto}
.dropdown-actions{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
.topbar-dropdown form{margin:0}
.dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);font-size:13px;font-weight:500;text-align:left;white-space:normal;line-height:1.4;cursor:pointer}
a.dropdown-item:hover,button.dropdown-item:hover{background:#f0f4f8;text-decoration:none}
.dropdown-item.current{font-weight:700;color:var(--accent)}
.dropdown-item small{font-size:10px;color:var(--muted);font-weight:600}
.dropdown-empty{margin:8px 10px 10px;font-size:12px;color:var(--muted)}
.logout-item{color:#b3323a}

/* Execuções */
.topbar-runs{position:relative;margin:0;padding:0;background:none;border:0}
.runs-pill{min-height:40px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:600;color:var(--muted);background:#fff;border:1px solid var(--line)}
.runs-pill.busy{color:#1d5f9a;background:#e6f0fb;border-color:#b9d3ee}
.topbar-runs .completion-notices{position:absolute;right:0;top:calc(100% + 8px);z-index:55;width:300px}

/* Sino */
.bell-menu>summary{padding:8px 10px}
.bell-icon{font-size:15px;line-height:1}
.bell-count{min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#c2343c;color:#fff;font-size:11px;font-weight:700;display:inline-grid;place-items:center}
.bell-count[hidden]{display:none}
.notice-item.unread{font-weight:700}
.notice-item span{color:var(--accent)}

/* Conta */
.account-initial{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e3ecf5;color:#173659;font-weight:700;font-size:12px}
.account-name{max-width:140px;overflow:hidden;text-overflow:ellipsis}

/* Busca rápida */
.search-open{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 10px 8px 12px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:500;font-size:13px}
.search-open:hover{border-color:var(--accent);color:var(--ink)}
.search-open kbd,.search-box kbd{font:600 10px/1 system-ui,sans-serif;padding:4px 6px;border:1px solid var(--line);border-radius:6px;background:#f4f7fa;color:var(--muted)}
.search-dialog{width:min(640px,calc(100vw - 24px));max-height:min(560px,calc(100dvh - 80px));margin:10vh auto auto;padding:0;border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 80px #10233640;overflow:hidden}
.search-dialog::backdrop{background:#0b1f3550}
.search-box{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);margin:0}
.search-box input{border:0!important;outline:0;padding:6px 0!important;font-size:16px;background:transparent}
.search-results{max-height:calc(min(560px,100dvh - 80px) - 64px);overflow:auto;padding:6px}
.search-group{margin:10px 10px 4px;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:700}
.search-item{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-radius:8px;color:var(--ink)}
.search-item small{color:var(--muted);font-size:12px}
.search-item:hover,.search-item[aria-selected=true]{background:#eaf2fc;text-decoration:none}
.search-hint{margin:14px;font-size:13px;color:var(--muted)}

@media (max-width:1100px){.account-name,.trail-kicker,.search-open kbd,.search-label{display:none}.project-menu>summary strong{max-width:160px}}
@media (max-width:800px){
 .topbar{height:auto;min-height:56px;padding:6px 0;gap:6px}
 .topbar-left{gap:6px}
 .topbar-trail{font-size:13px}
 .trail-area,.trail-sep,.trail-page,.caret{display:none}
 .topbar-menu>summary{padding:7px 8px;min-height:38px}
 .project-menu>summary strong{max-width:30vw}
 .runs-pill:not(.busy){display:none}
 .runs-pill{font-size:0;padding:7px 9px;min-height:38px}
 .runs-pill::before{content:'⟳';font-size:15px}
 .runs-pill.busy::after{content:attr(data-count);font-size:11px;margin-left:4px}
 .topbar .screen-help>summary{padding:7px 8px}
 .topbar .screen-help>summary span:not(.help-symbol){display:none}
 .topbar-right{gap:5px}
 .topbar-dropdown{position:fixed;left:12px;right:12px;top:64px;width:auto;max-width:none}
 .project-menu .topbar-dropdown{left:12px;right:12px}
}