/* Utility bar + credit meter */
.util-date{font-size:12.5px;color:var(--text-tertiary);font-weight:500}
.credits-pill{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-card);font-size:12.5px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:border-color .2s ease}
.credits-pill:hover{border-color:var(--accent)}
.credits-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}
#creditsNum{color:var(--accent-text)}
/* Inline AI hero */
.ai-hero{position:relative;background:radial-gradient(120% 140% at 12% -10%,rgba(165,205,210,.4),transparent 55%),radial-gradient(90% 120% at 105% 0%,rgba(165,205,210,.26),transparent 60%),rgba(255,255,255,.5);backdrop-filter:blur(18px) saturate(175%);-webkit-backdrop-filter:blur(18px) saturate(175%);border:1px solid rgba(165,205,210,.42);border-radius:16px;overflow:hidden;color:var(--text-primary);margin-top:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 1px 2px rgba(16,28,38,.04),0 18px 40px -28px rgba(16,28,38,.2)}
.main.ai-focus .ai-hero{margin-top:0;border-radius:32px;background:radial-gradient(120% 140% at 12% -10%,rgba(165,205,210,.45),transparent 55%),radial-gradient(90% 120% at 105% 0%,rgba(165,205,210,.3),transparent 60%),rgba(255,255,255,.55);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-color:rgba(165,205,210,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 24px 48px -26px rgba(16,28,38,.24)}
.main.ai-focus .ai-hero-top h2{font-size:25px;font-weight:800}
.main.ai-focus{display:flex;flex-direction:column;justify-content:center;align-items:stretch;min-height:calc(100vh - 72px)}
.ai-hero-top{padding:15px 22px 9px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.ai-powered-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-full);background:var(--accent-bg);color:var(--accent-text);font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px}
.ai-powered-badge svg{width:13px;height:13px}
.ai-hero-foot{padding:0 22px 13px;display:flex;justify-content:flex-end}
.ai-powered-note{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--text-tertiary)}
.ai-powered-note svg{width:12px;height:12px;color:var(--accent-text)}
.ai-hero-top h2{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:2px}
.ai-hero-top p{font-size:12.5px;color:var(--text-secondary)}
.ai-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}
.ai-hero .ai-tabs{display:none}
.ai-hero .ai-conversation{padding:4px 22px 10px;min-height:56px}
.ai-hero .ai-composer{margin:0 22px 16px}
.credits-pill.dark{background:rgba(255,255,255,.5);border-color:rgba(165,205,210,.4);color:var(--text-primary);flex-shrink:0;cursor:default;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ai-tabs{display:flex;align-items:center;gap:12px;padding:0 30px 18px;flex-wrap:wrap}
.ai-tabgroup{display:flex;gap:4px;background:rgba(255,255,255,.4);border-radius:var(--radius-full);padding:4px}
.ai-tab{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 16px;border-radius:var(--radius-full);border:none;background:none;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,color .2s;font-family:var(--font-display)}
.ai-tab:hover{color:var(--text-primary)}
.ai-tab.active{background:rgba(255,255,255,.85);color:var(--text-primary);box-shadow:0 1px 3px rgba(16,28,38,.1)}
.ai-tab svg{width:14px;height:14px;color:var(--accent-text)}
.ai-ledger{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:var(--radius-full);border:1px solid rgba(165,205,210,.4);background:rgba(255,255,255,.5);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-display)}
.ai-ledger:hover{border-color:var(--accent)}
.ai-ledger svg{width:15px;height:15px;color:var(--text-secondary)}
.ai-conversation{flex:1;overflow-y:auto;padding:8px 30px 20px;min-height:60px;display:flex;flex-direction:column;gap:14px}
.ai-suggests{display:flex;flex-wrap:wrap;gap:8px}
.suggest-chip{text-align:left;padding:9px 13px;border-radius:var(--radius-md);border:1px solid rgba(165,205,210,.3);background:rgba(255,255,255,.4);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;line-height:1.4;transition:border-color .2s,background .2s;max-width:300px;font-family:var(--font-display)}
.suggest-chip:hover{border-color:var(--accent);background:var(--accent-bg);color:var(--text-primary)}
.ai-msg{display:flex;gap:10px;max-width:90%}
.ai-msg.user{align-self:flex-end;flex-direction:row-reverse}
.ai-bubble{padding:12px 15px;border-radius:var(--radius-md);font-size:13.5px;line-height:1.6}
.ai-msg.user .ai-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:5px}
.ai-msg.bot .ai-bubble{background:rgba(255,255,255,.55);color:var(--text-primary);border-bottom-left-radius:5px}
.ai-avatar{flex-shrink:0;width:30px;height:30px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));display:flex;align-items:center;justify-content:center;color:#052e1c}
.ai-avatar svg{width:16px;height:16px}
.ai-typing{display:inline-flex;gap:4px;align-items:center;padding:2px 0}
.ai-typing span{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);animation:ai-blink 1.2s infinite}
.ai-typing span:nth-child(2){animation-delay:.2s}
.ai-typing span:nth-child(3){animation-delay:.4s}
@keyframes ai-blink{0%,60%,100%{opacity:.25}30%{opacity:1}}
.ai-composer{margin:0 20px 20px;border:1px solid rgba(165,205,210,.4);border-radius:18px;background:rgba(255,255,255,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:11px 14px}
.ai-composer textarea{width:100%;border:none;outline:none;background:none;color:var(--text-primary);font-family:var(--font-body);font-size:14px;resize:none;line-height:1.5;min-height:26px;max-height:120px}
.ai-composer textarea::placeholder{color:var(--text-tertiary)}
.ai-composer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;flex-wrap:wrap}
.ai-tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.ai-tool{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:var(--radius-md);border:none;background:none;color:var(--text-secondary);font-size:12.5px;font-weight:600;cursor:pointer;transition:background .2s,color .2s;font-family:var(--font-display)}
.ai-tool:hover{background:var(--bg-subtle);color:var(--text-primary)}
.ai-tool svg{width:15px;height:15px}
.ai-tool.on{color:var(--accent-text)}
.ai-composer-right{display:flex;align-items:center;gap:10px}
.ai-model{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:none;color:var(--text-primary);font-size:12.5px;font-weight:600;cursor:pointer;font-family:var(--font-display)}
.ai-model svg{width:13px;height:13px;opacity:.7}
.ai-send{width:34px;height:34px;border-radius:50%;border:none;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.ai-send:hover{background:var(--accent-dark)}
.ai-send:disabled{background:var(--bg-subtle);color:var(--text-tertiary);cursor:default}
.ai-send svg{width:16px;height:16px}
.toast-stack{z-index:1200}
@media (max-width:640px){.ai-tabs{padding:0 20px 14px}.ai-conversation{padding:8px 20px 16px}}