/* 右下角 Gemini 對話窗的標題列（高度跟 ai_panel.rs 的 HEADER_HEIGHT 一致） */
:root { color-scheme: light dark; --bg: #f7f7f9; --text: #1d1d1f; --muted: #8e8e93; --border: rgba(0,0,0,.1); --hover: rgba(0,0,0,.06); }
@media (prefers-color-scheme: dark) {
  :root { --bg: #2a2a2d; --text: #f2f2f5; --muted: #8e8e93; --border: rgba(255,255,255,.12); --hover: rgba(255,255,255,.08); }
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; overflow: hidden; background: var(--bg); color: var(--text);
  font: 13px -apple-system, BlinkMacSystemFont, "PingFang TC", "Noto Sans TC", sans-serif; -webkit-user-select: none; user-select: none; cursor: default; }
body { display: flex; align-items: center; gap: 2px; padding-right: 6px; border-bottom: 1px solid var(--border); }
/* 左上角：拖曳調大小（往左上拖變大） */
.grip { width: 18px; align-self: stretch; cursor: nwse-resize; flex-shrink: 0; position: relative; }
.grip::before, .grip::after { content: ""; position: absolute; left: 4px; height: 1.5px; background: var(--muted); transform: rotate(45deg); transform-origin: left center; }
.grip::before { top: 8px; width: 12px; }
.grip::after { top: 14px; width: 6px; }
.logo { width: 22px; height: 22px; flex-shrink: 0; }
.logo svg { width: 100%; height: 100%; display: block; }
.name { font-weight: 600; margin: 0 4px 0 6px; white-space: nowrap; }
.spacer { flex: 1; min-width: 4px; }
button { height: 28px; border: none; background: transparent; color: var(--text); border-radius: 7px; padding: 0 8px;
  font: inherit; cursor: pointer; white-space: nowrap; flex-shrink: 0; }
button.icon { width: 28px; padding: 0; font-size: 14px; }
button:hover { background: var(--hover); }
/* 對話窗窄的時候（預設 360）名稱讓出位置給按鈕 */
@media (max-width: 440px) { .name { display: none; } }
body.resizing, body.resizing * { cursor: nwse-resize !important; }