/* ai-usagebar guide — extracted from resources/views/projects/ai-usagebar.blade.php in 0.7.1.
   Was an inline <style> block, re-sent in every HTML response and
   impossible to allow under a `style-src 'self'` policy. */

/* ── Tipografia de seção ─────────────────────────────────────── */
.aub-h2{ font-family:var(--s-sans); font-size:1.35rem; font-weight:700; color:#f1f5f9; letter-spacing:-.01em; margin:0 0 6px; }
.aub-lead{ font-family:var(--s-sans); font-size:.95rem; color:#94a3b8; line-height:1.7; margin:0 0 22px; }
.aub-h3{ font-family:var(--s-sans); font-size:1.02rem; font-weight:600; color:#e2e8f0; margin:26px 0 10px; display:flex; align-items:center; gap:9px; }
.aub-h3 i{ color:#6366f1; font-size:.95rem; }

/* ── Blocos de comando com copiar ────────────────────────────── */
.aub-cmd{ position:relative; margin:0 0 14px; }
.aub-code{ margin:0; background:#0a0a12; border:1px solid rgba(99,102,241,0.16); border-radius:11px; padding:15px 54px 15px 16px; overflow-x:auto; }
.aub-code code{ font-family:'JetBrains Mono',monospace; font-size:.8rem; line-height:1.75; color:#c7d2fe; white-space:pre; background:none; padding:0; }
.aub-code .cmt{ color:#5b6478; }
.aub-code .prompt{ color:#6366f1; user-select:none; }
.aub-copy{ position:absolute; top:9px; right:9px; font-family:'JetBrains Mono',monospace; font-size:.66rem; color:#818cf8; background:#12121c; border:1px solid rgba(99,102,241,0.22); border-radius:7px; padding:4px 9px; cursor:pointer; transition:.15s; }
.aub-copy:hover{ color:#c7d2fe; border-color:rgba(99,102,241,0.5); }
.aub-copy.copied{ color:#34d399; border-color:rgba(52,211,153,0.5); }

/* ── Callout ─────────────────────────────────────────────────── */
.aub-note{ display:flex; gap:11px; background:rgba(99,102,241,0.07); border:1px solid rgba(99,102,241,0.2); border-radius:11px; padding:13px 16px; margin:0 0 16px; font-family:var(--s-sans); font-size:.86rem; color:#cbd5e1; line-height:1.6; }
.aub-note i{ color:#6366f1; margin-top:2px; flex-shrink:0; }
.aub-note.amber{ background:rgba(234,179,8,0.07); border-color:rgba(234,179,8,0.25); color:#fde68a; }
.aub-note.amber i{ color:#eab308; }

/* ── Screenshots ─────────────────────────────────────────────── */
.aub-shots{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; margin:8px 0 6px; }
.aub-shot{ margin:0; }
.aub-shot img{ width:100%; height:auto; border-radius:12px; border:1px solid rgba(99,102,241,0.18); background:#0a0a12; display:block; box-shadow:0 8px 30px rgba(0,0,0,0.4); }
.aub-shot figcaption{ font-family:'JetBrains Mono',monospace; font-size:.68rem; color:#64748b; margin-top:8px; line-height:1.5; }

/* ── Abas por SO ─────────────────────────────────────────────── */
.os-tabs{ display:flex; gap:8px; margin:0 0 22px; flex-wrap:wrap; }
.os-tab{ font-family:var(--s-sans); font-size:.85rem; font-weight:600; color:#94a3b8; background:#11111c; border:1px solid rgba(99,102,241,0.15); border-radius:9px; padding:9px 18px; cursor:pointer; display:inline-flex; align-items:center; gap:8px; transition:.15s; }
.os-tab:hover{ color:#e2e8f0; border-color:rgba(99,102,241,0.4); }
.os-tab.is-active{ color:#fff; background:rgba(99,102,241,0.15); border-color:#6366f1; }
.os-panel{ animation:aubFade .2s ease; }
@keyframes aubFade{ from{opacity:0; transform:translateY(4px);} to{opacity:1; transform:none;} }
@media (max-width:560px){ .os-tabs{ overflow-x:auto; } }