/* css/tabs/baixaki.css: Aba 1, Baixaki / Downloads (inclui os abas do site do IE6) */
.site-tabs { flex: none; display: flex; gap: 3px; padding: 6px 8px 0; background: linear-gradient(#2f9a2a, #1f7a1c); border-bottom: 3px solid #f0a020; overflow-x: auto; }
.site-tab { display: flex; align-items: center; gap: 6px; padding: 6px 14px; border: 1px solid #14591a; border-bottom: 0; border-radius: 7px 7px 0 0; font-size: 12.5px; font-weight: bold; color: #fff; cursor: pointer; white-space: nowrap; background: linear-gradient(#4cb845, #2f8f2a); position: relative; }
.site-tab:hover { filter: brightness(1.12); }
.site-tab.active { background: linear-gradient(#fffbe0, #fff); color: #1a5a1a; box-shadow: 0 3px 0 #fff; }
.tab-ico { width: 18px; height: 18px; }
.tab-badge { font-style: normal; min-width: 18px; padding: 0 5px; border-radius: 9px; background: #c4161c; color: #fff; font-size: 11px; text-align: center; }
.site-tab.blink { animation: blink .9s steps(2) infinite; }

.bx { padding: 10px 12px 16px; display: flex; flex-direction: column; gap: 10px; }
.bx-head { display: flex; align-items: center; gap: 16px; padding: 8px 12px; border-radius: 8px; background: linear-gradient(90deg, #e9f7e4, #fff); border: 1px solid #b8dcae; }
.bx-logo { font: bold 30px Georgia, serif; letter-spacing: -1px; }
.bx-logo-a { color: #2f8f2a; }
.bx-logo-b { color: #f08a00; }
.bx-slogan { color: #3a5a30; font-size: 12px; }
.bx-grid { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 12px; align-items: start; }
.bx-main, .bx-side { display: flex; flex-direction: column; gap: 10px; min-width: 0; }

.bx-current h3 { color: #1f6f1f; }
.cur-idle { padding: 18px 10px; text-align: center; color: #666; font-style: italic; }
.cur-top { display: flex; gap: 10px; align-items: center; margin-bottom: 8px; }
.cur-icon { width: 38px; height: 38px; display: block; }
.cur-icon svg { width: 100%; height: 100%; }
.cur-title { display: flex; flex-direction: column; min-width: 0; }
.cur-name { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cur-meta { color: #666; font-size: 11px; }
.cur-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 8px 0 2px; text-align: center; }
.cur-stats small { display: block; color: #777; font-size: 10px; }
.cur-stats b, .cur-stats span { font-size: 13px; color: #0a3aa8; font-weight: bold; }
.cur-line { min-height: 1.4em; margin-top: 4px; font-size: 12px; text-align: center; }
.cur-line.warn { color: #c4161c; font-weight: bold; }
.cur-actions { display: flex; gap: 10px; align-items: stretch; margin-top: 10px; }
.accel {
  flex: 1; display: flex; flex-direction: column; align-items: center; padding: 10px 12px; border: 2px solid #1a5a1a; border-radius: 8px; color: #fff; cursor: pointer; touch-action: manipulation;
  background: linear-gradient(#7de06c, #2fa82a 50%, #1f8a1c); box-shadow: 0 3px 0 #145214, inset 0 1px 0 rgba(255,255,255,.5); text-shadow: 1px 1px 1px #145214;
}
.accel:hover:not(:disabled) { filter: brightness(1.1); }
.accel:active:not(:disabled) { transform: translateY(2px); box-shadow: 0 1px 0 #145214; }
.accel:disabled { filter: grayscale(1); opacity: .6; cursor: not-allowed; }
.accel-main { font-size: 16px; font-weight: bold; }
.accel-sub { font-size: 11px; opacity: .9; }

.bx-banner-slot { min-height: 54px; }
.banner { position: relative; display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 14px; border: 3px ridge #888; border-radius: 4px; font: bold 14px Impact, Tahoma, sans-serif; letter-spacing: .5px; text-align: left; cursor: pointer; animation: banner-blink 1s steps(2) infinite; }
.banner-ico { width: 34px; height: 34px; }
.banner-text { flex: 1; }
.banner-tag { position: absolute; right: 4px; top: 1px; font: 9px Tahoma, sans-serif; color: #555; }
.bn-green { background: #19c04a; color: #fff; }
.bn-yellow { background: #ffe14a; color: #c4161c; }
.bn-pink { background: #ff6ec7; color: #fff; }
.bn-red { background: #d62020; color: #fff; }
.bn-blue { background: #2e8bff; color: #ffff7a; }
.bn-purple { background: #8a3fd6; color: #fff; }
@keyframes banner-blink { 50% { filter: brightness(1.35) saturate(1.3); } }

.bx-list { display: flex; flex-direction: column; }
.bx-row { display: grid; grid-template-columns: 34px minmax(0, 1fr) 96px 96px; align-items: center; gap: 8px; padding: 6px 4px; border-bottom: 1px solid #eef0f5; }
.bx-row.locked { opacity: .55; }
.bx-ico { width: 30px; height: 30px; }
.bx-info { display: flex; flex-direction: column; min-width: 0; }
.bx-info strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #0a3aa8; }
.bx-info small { color: #666; }
.bx-size { display: flex; flex-direction: column; text-align: right; font-size: 11px; }
.bx-size small { color: #1f8a1f; font-weight: bold; }

.bx-clock .clock-time { font: bold 26px "Courier New", monospace; text-align: center; background: #111; color: #4fe04f; border-radius: 4px; padding: 4px; }
.bx-clock .clock-note { margin-top: 6px; font-size: 11px; text-align: center; color: #555; }
.bx-clock .clock-note.on { color: #a06a00; font-weight: bold; }
.q-item { display: flex; align-items: center; gap: 6px; padding: 3px 0; font-size: 11px; }
.q-item span:nth-child(2) { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.q-ico { width: 18px; height: 18px; }
.q-x { border: 0; background: none; font-size: 16px; color: #c4161c; cursor: pointer; }
.bx-stats { display: grid; grid-template-columns: 1fr auto; gap: 3px 8px; margin: 0; font-size: 11px; }
.bx-stats dd { margin: 0; font-weight: bold; text-align: right; }
.ut-info { margin-bottom: 6px; font-size: 11px; }

@media (max-width: 900px) {
  .bx-grid { grid-template-columns: 1fr; }
  .bx-row { grid-template-columns: 30px minmax(0, 1fr) 84px; }
  .bx-row .xp-btn { grid-column: 2 / -1; justify-self: start; }
  .cur-stats { grid-template-columns: repeat(2, 1fr); }
}

/* ---------- v2: filtros do catálogo ---------- */
.bx-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 4px 0 8px; }
.bx-chip { padding: 2px 10px; border-radius: 10px; border: 1px solid #9ec59a; background: #eef8ec; color: #1a5a1a; font-size: 11.5px; cursor: pointer; }
.bx-chip.on, .bx-chip:hover { background: #3c9a2a; color: #fff; border-color: #1f6a1a; }
.bx-lockopt { margin-left: auto; font-size: 11px; color: #555; }