/* Timur 6 UI (preview account only, switched on by t6ui.js). */
/* --- source pills: as tall as the text, sitting on the baseline --- */
a.t6-pill { display: inline-flex; align-items: center; justify-content: center; vertical-align: -0.2em; width: 1.25em; height: 1.25em; margin: 0 .12em; padding: 0;
  border-radius: 50%; border: 1px solid rgba(255, 255, 255, .2); background: #1b1d24; overflow: hidden; text-decoration: none !important; line-height: 1; cursor: pointer;
  transition: transform .12s, border-color .12s; }
a.t6-pill:hover, a.t6-pill:focus-visible { transform: scale(1.15); border-color: #6b8cff; outline: none; }
a.t6-pill .t6-ico { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; display: block; background: #fff; }
a.t6-pill .t6-ltr { font: 700 .62em/1 system-ui, sans-serif; color: #cdd6ff; text-transform: uppercase; }
/* --- hover card (clickable: the header opens the source) --- */
#t6-card { position: fixed; z-index: 10001; width: min(320px, calc(100vw - 24px)); padding: 12px 14px; border-radius: 14px; background: #15171d; color: #eceef5;
  border: 1px solid rgba(255, 255, 255, .14); box-shadow: 0 14px 44px rgba(0, 0, 0, .55); font: 400 13px/1.4 system-ui, -apple-system, 'Segoe UI', sans-serif;
  opacity: 0; transform: translateY(4px); pointer-events: none; transition: opacity .12s, transform .12s; }
#t6-card.show { opacity: 1; transform: none; pointer-events: auto; }
#t6-card a.t6-link { display: flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; }
#t6-card a.t6-link:hover .t6-title { text-decoration: underline; }
#t6-card .t6-ball { flex: none; width: 28px; height: 28px; border-radius: 50%; overflow: hidden; background: #fff; display: grid; place-items: center; }
#t6-card .t6-ball img { width: 100%; height: 100%; object-fit: cover; }
#t6-card .t6-ball span { font: 700 14px/1 system-ui, sans-serif; color: #2a3a8f; text-transform: uppercase; }
#t6-card .t6-title { font-weight: 650; font-size: 13.5px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
#t6-card .t6-host { font-size: 11.5px; color: #8e95aa; }
#t6-card .t6-desc { margin-top: 8px; color: #b9bfd1; font-size: 12.5px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; }
/* --- thinking effort: plain text button like ChatGPT's "Medium v" + slider popup --- */
button.t6-effort { display: inline-flex; align-items: center; gap: 4px; margin-right: 6px; padding: 6px 8px; border: 0; border-radius: 8px; background: transparent; color: #a3a5ad;
  font: inherit; font-size: 14px; line-height: 1; cursor: pointer; white-space: nowrap; transition: color .12s, background .12s; }
button.t6-effort:hover, button.t6-effort[aria-expanded="true"] { color: #eceef5; background: rgba(255, 255, 255, .06); }
button.t6-effort:focus-visible { outline: 2px solid #6b8cff; outline-offset: 1px; }
button.t6-effort .t6-bc { flex: none; opacity: .8; }
#t6-effort-pop { position: fixed; z-index: 10001; width: 300px; padding: 16px 18px 14px; border-radius: 20px; background: #1a1b1f; color: #eceef5;
  border: 1px solid rgba(255, 255, 255, .08); box-shadow: 0 12px 40px rgba(0, 0, 0, .5); font: 400 13px/1.4 system-ui, -apple-system, 'Segoe UI', sans-serif; }
#t6-effort-pop .t6-eh { position: relative; display: flex; align-items: center; justify-content: center; gap: 4px; margin-bottom: 14px; }
#t6-effort-pop .t6-en { font-size: 17px; font-weight: 500; }
#t6-effort-pop .t6-track { position: relative; height: 30px; border-radius: 15px; background: #2a2b31; cursor: pointer; touch-action: none; outline: none; }
#t6-effort-pop .t6-track:focus-visible { box-shadow: 0 0 0 2px #6b8cff; }
#t6-effort-pop .t6-dot { position: absolute; z-index: 1; top: 13px; width: 4px; height: 4px; border-radius: 50%; background: rgba(255, 255, 255, .55); pointer-events: none; }
#t6-effort-pop .t6-fill { z-index: 0; position: absolute; left: 0; top: 0; height: 100%; border-radius: 15px; background: #3b82f6; transition: width .12s; }
#t6-effort-pop .t6-thumb { z-index: 2; position: absolute; top: 0; width: 30px; height: 30px; border-radius: 50%; background: #fff; box-shadow: 0 1px 6px rgba(0, 0, 0, .45); transition: left .12s; }
#t6-effort-pop .t6-ed { margin-top: 12px; color: #9b9dac; font-size: 12.5px; text-align: center; min-height: 2.8em; }
@media (prefers-reduced-motion: reduce) { a.t6-pill, #t6-card, #t6-effort-pop .t6-fill, #t6-effort-pop .t6-thumb { transition: none; } }

/* ================= cleaner composer (only when body.t6on) ================= */
body.t6on .chat-input-box { background: #1a1b1f; border: 1px solid rgba(255, 255, 255, .08); border-radius: 24px; box-shadow: 0 8px 32px rgba(0, 0, 0, .35); transition: border-color .15s, box-shadow .15s; }
body.t6on .chat-input-box:focus-within { border-color: rgba(107, 140, 255, .5); box-shadow: 0 8px 32px rgba(0, 0, 0, .35), 0 0 0 3px rgba(77, 124, 244, .12); }
body.t6on .chat-input-box textarea { padding: 18px 22px 6px; font-size: 16px; line-height: 1.5; }
body.t6on .chat-input-box textarea::placeholder { color: #6a6d7c; }
body.t6on .input-toolbar { padding: 4px 12px 12px 14px; align-items: center; }
body.t6on .input-toolbar-right { display: flex; align-items: center; gap: 2px; }
body.t6on .input-toolbar-left { display: flex; align-items: center; gap: 2px; }
/* every control in the bar: borderless, same quiet look */
body.t6on .model-pill-btn, body.t6on button.t6-effort, body.t6on .input-toolbar .mic-btn {
  background: transparent; border: 0; border-radius: 10px; color: #9b9dac; box-shadow: none; transition: background .12s, color .12s; }
body.t6on .model-pill-btn { padding: 7px 10px; font-size: 14px; font-weight: 500; height: auto; }
body.t6on button.t6-effort { margin: 0; padding: 7px 10px; font-size: 14px; font-weight: 500; }
body.t6on .input-toolbar .mic-btn { width: 34px; height: 34px; display: inline-grid; place-items: center; }
body.t6on .model-pill-btn:hover, body.t6on button.t6-effort:hover, body.t6on button.t6-effort[aria-expanded="true"], body.t6on .input-toolbar .mic-btn:hover { background: rgba(255, 255, 255, .07); color: #eceef5; }
/* send: a calm round button with an up arrow, bright only when there is something to send */
body.t6on .send-btn { width: 36px; height: 36px; margin-left: 6px; border-radius: 50%; border: 0; background: #eceef5; color: #14151a; box-shadow: none; display: inline-grid; place-items: center; transition: background .15s, opacity .15s, transform .1s; }
body.t6on .send-btn svg { display: none; }
body.t6on .send-btn::before { content: ''; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--t6-arrow) center / contain no-repeat; mask: var(--t6-arrow) center / contain no-repeat; }
body.t6on { --t6-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7'/%3E%3C/svg%3E"); }
body.t6on .send-btn:disabled { background: rgba(255, 255, 255, .08); color: #6a6d7c; cursor: default; }
body.t6on .send-btn:not(:disabled):hover { background: #fff; transform: scale(1.05); }
/* suggestions: quiet ghost chips */
body.t6on .suggestion-chips { gap: 8px; margin-top: 14px; }
body.t6on .suggestion-chips .chip { background: transparent; border: 1px solid rgba(255, 255, 255, .09); color: #9b9dac; border-radius: 999px; padding: 7px 14px; font-size: 13px; transition: background .12s, color .12s, border-color .12s; }
body.t6on .suggestion-chips .chip:hover { background: rgba(255, 255, 255, .05); color: #eceef5; border-color: rgba(255, 255, 255, .16); }
@media (max-width: 640px) { body.t6on button.t6-effort { padding: 7px 6px; } body.t6on .chat-input-box { border-radius: 20px; } }

/* ===== one shared look: send bar, model menu, three-dots menu, effort popup, your message bubble ===== */
body.t6on { --t6-surface: #1a1b1f; --t6-line: rgba(255, 255, 255, .08); --t6-text: #eceef5; --t6-muted: #9b9dac; --t6-hover: rgba(255, 255, 255, .07); --t6-shadow: 0 12px 40px rgba(0, 0, 0, .5); }
/* model menu */
body.t6on .model-mini-menu { background: var(--t6-surface); border: 1px solid var(--t6-line); border-radius: 18px; padding: 6px; box-shadow: var(--t6-shadow); min-width: 220px; }
body.t6on .model-mini-row { border-radius: 12px; padding: 9px 12px; font-size: 14px; color: #d4d6e1; background: transparent; transition: background .12s, color .12s; }
body.t6on .model-mini-row:hover { background: var(--t6-hover); color: var(--t6-text); }
body.t6on .model-mini-row.selected { background: rgba(255, 255, 255, .06); color: #fff; }
body.t6on .model-mini-star { color: #6a6d7c; }
body.t6on .model-mini-star:hover, body.t6on .model-mini-star.active { color: #f2c94c; }
body.t6on .model-show-all-btn { margin-top: 4px; border-top: 1px solid var(--t6-line); border-radius: 0 0 12px 12px; padding: 10px 12px 8px; font-size: 12.5px; color: #7c7f90; }
body.t6on .model-show-all-btn:hover { color: var(--t6-text); }
/* three-dots menu */
body.t6on .input-menu-dropdown { background: var(--t6-surface); border: 1px solid var(--t6-line); border-radius: 18px; padding: 6px; box-shadow: var(--t6-shadow); }
body.t6on .input-menu-item { border-radius: 12px; padding: 9px 12px; font-size: 14px; color: #d4d6e1; background: transparent; transition: background .12s, color .12s; }
body.t6on .input-menu-item:hover:not(:disabled) { background: var(--t6-hover); color: var(--t6-text); }
body.t6on .input-menu-item:disabled { color: #5d6070; }
/* your message: same surface as the send bar instead of the grey pill */
body.t6on .msg-content.user { background: var(--t6-surface); border: 1px solid var(--t6-line); border-radius: 22px; padding: 11px 18px; box-shadow: 0 4px 18px rgba(0, 0, 0, .25); }

/* ===== sidebar in the same style ===== */
body.t6on .sidebar { background: #131418; border: 1px solid var(--t6-line); border-radius: 24px; box-shadow: 0 8px 32px rgba(0, 0, 0, .3); }
body.t6on .sidebar-brand { padding: 20px 18px 14px; }
body.t6on .sidebar-new-chat { padding: 0 14px 6px; }
body.t6on .new-chat-btn { width: 100%; height: 42px; border-radius: 14px; background: var(--t6-surface); border: 1px solid var(--t6-line); color: #d4d6e1; font-size: 14px; font-weight: 500; transition: background .12s, color .12s, border-color .12s; }
body.t6on .new-chat-btn:hover { background: #202127; color: #fff; border-color: rgba(255, 255, 255, .14); }
body.t6on .sidebar-section-label, body.t6on .history-group-label { color: #6a6d7e; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
body.t6on .project-folder-header { border-radius: 12px; padding: 7px 10px; color: #b4b7c6; font-size: 13.5px; font-weight: 500; transition: background .12s; }
body.t6on .project-folder-header:hover { background: var(--t6-hover); color: var(--t6-text); }
body.t6on .project-count { background: transparent; border: 0; padding: 0; color: #6a6d7e; font-size: 12px; font-weight: 500; }
body.t6on .chat-history { padding: 0 10px; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, .14) transparent; }
body.t6on .history-item { border-radius: 12px; transition: background .12s; }
body.t6on .history-item-main { padding: 9px 12px; }
body.t6on .history-text { color: #a9acba; font-size: 13.5px; transition: color .12s; }
body.t6on .history-date { color: #5d6070; font-size: 11px; }
body.t6on .history-item:hover { background: var(--t6-hover); }
body.t6on .history-item:hover .history-text { color: var(--t6-text); }
body.t6on .history-action-btn { border-radius: 8px; color: #8b8e9f; transition: background .12s, color .12s; }
body.t6on .history-action-btn:hover { background: rgba(255, 255, 255, .1); color: #fff; }
body.t6on .sidebar-bottom { border-top: 1px solid var(--t6-line); margin-top: 8px; }
body.t6on .sidebar-legal-btn, body.t6on .sidebar-legal-dot { color: #5d6070; }
body.t6on .sidebar-legal-btn:hover { color: var(--t6-text); }
body.t6on .sidebar-bottom-user { padding: 12px 18px 16px; }
body.t6on .history-item.active { background: rgba(255, 255, 255, .08); }
body.t6on .history-item.active .history-text { color: #fff; font-weight: 500; }

/* inline code: soft pill instead of boxed accent field */
body.t6on .msg-content .inline-code, body.t6on .msg-content :not(pre) > code:not(.inline-code) { background: rgba(255, 255, 255, .07); border: 0; border-radius: 8px; padding: .12em .5em; color: var(--t6-text); font-size: .86em; font-family: JetBrains Mono, ui-monospace, monospace; white-space: break-spaces; }

/* generated files: card instead of tiny underlined link */
body.t6on .generated-files { margin-top: 14px; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
body.t6on .generated-files .files-header { display: none; }
body.t6on .generated-files .file-download-button { display: inline-flex; align-items: center; gap: 10px; max-width: 100%; padding: 10px 14px; background: var(--t6-surface); border: 1px solid var(--t6-line); border-radius: 14px; color: var(--t6-text); font-size: 14px; font-weight: 500; text-decoration: none; transition: background .12s, border-color .12s; }
body.t6on .generated-files .file-download-button:hover { background: #22242a; border-color: rgba(255, 255, 255, .16); }
body.t6on .generated-files .file-download-button svg { flex: none; width: 18px; height: 18px; padding: 7px; box-sizing: content-box; border-radius: 10px; background: rgba(255, 255, 255, .07); color: var(--t6-muted); }
body.t6on .generated-files .file-download-button span:not(.file-size) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.t6on .generated-files .file-download-button .file-size { color: var(--t6-muted); font-size: 12px; font-weight: 400; }

/* file card inside the answer text */
body.t6on .file-download-button.t6-filechip { display: inline-flex; vertical-align: middle; margin: 2px 4px; padding: 5px 12px 5px 6px; gap: 8px; background: var(--t6-surface); border: 1px solid var(--t6-line); border-radius: 12px; color: var(--t6-text); font-size: .93em; font-weight: 500; text-decoration: none; align-items: center; }
body.t6on .file-download-button.t6-filechip:hover { background: #22242a; border-color: rgba(255, 255, 255, .16); }
body.t6on .file-download-button.t6-filechip svg { width: 15px; height: 15px; padding: 5px; box-sizing: content-box; border-radius: 8px; background: rgba(255, 255, 255, .07); color: var(--t6-muted); }
body.t6on p > .t6-filechip:only-child, body.t6on .msg-content > .t6-filechip { display: flex; width: fit-content; margin: 8px 0; }

/* T3-style inline file reference: icon + teal link text, no box */
body.t6on .file-download-button.t6-filechip { background: none; border: 0; border-radius: 0; padding: 0; margin: 0 2px; gap: 5px; color: #2bb3c4; font: inherit; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
body.t6on .file-download-button.t6-filechip:hover { background: none; color: #5fd0de; }
body.t6on .file-download-button.t6-filechip svg { width: 15px; height: 15px; padding: 0; background: none; border-radius: 0; color: var(--t6-muted); flex: none; }
body.t6on .file-download-button.t6-filechip .file-size { color: var(--t6-muted); font-size: .82em; font-weight: 400; text-decoration: none; }

/* charts: no box, no white hover block */
body.t6on .vr-root:has(.vr-chart, .t6-bars) { border: 0; background: none; padding: 0; border-radius: 0; overflow: visible; }
body.t6on .recharts-tooltip-cursor { fill: rgba(255, 255, 255, .05); stroke: none; }
body.t6on .t6-bars { margin: 6px 0 14px; }
body.t6on .t6-bars-title { font-size: 14px; font-weight: 600; color: var(--t6-text); margin-bottom: 2px; }
body.t6on .t6-bars-sub { font-size: 12px; color: var(--t6-muted); margin-bottom: 12px; }
body.t6on .t6-bar-row { display: grid; grid-template-columns: minmax(110px, 190px) 1fr 84px; gap: 14px; align-items: center; min-height: 32px; border-radius: 8px; padding: 0 6px; margin: 0 -6px; }
body.t6on .t6-bar-row:hover { background: var(--t6-hover); }
body.t6on .t6-bar-name { font-size: 14px; color: var(--t6-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.t6on .t6-bar-track { height: 10px; border-radius: 6px; background: rgba(255, 255, 255, .06); overflow: hidden; }
body.t6on .t6-bar-fill { display: block; height: 100%; border-radius: 6px; background: #34d399; }
body.t6on .t6-bar-row:first-of-type .t6-bar-fill { background: #34d399; }
body.t6on .t6-bar-val { font-size: 13px; color: var(--t6-muted); text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* scatter / cost-vs-X charts */
body.t6on .t6-sc { margin: 6px 0 14px; }
body.t6on .t6-sc-svg { width: 100%; height: auto; display: block; overflow: visible; font-family: inherit; }
body.t6on .t6-sc-grid { stroke: rgba(255, 255, 255, .07); stroke-dasharray: 2 4; }
body.t6on .t6-sc-axis { stroke: rgba(255, 255, 255, .22); }
body.t6on .t6-sc-tick { fill: #8b8d9b; font-size: 11px; }
body.t6on .t6-sc-axlabel { fill: #a4a6b4; font-size: 12px; }
body.t6on .t6-sc-label { font-size: 13px; font-weight: 500; }
body.t6on .t6-sc-lead { stroke: rgba(255, 255, 255, .14); }

/* scatter hover card + highlight */
body.t6on .t6-sc-svg.hov [data-g]:not(.on) { opacity: .18; }
body.t6on .t6-sc-svg.hov polyline.on { stroke-width: 2.6; stroke-opacity: 1; }
body.t6on .t6-sc-dot { cursor: pointer; transition: opacity .1s; }
body.t6on .t6-sc-tip { display: none; position: absolute; z-index: 5; min-width: 190px; padding: 12px 14px; background: #101114; border: 1px solid rgba(255, 255, 255, .14); border-radius: 10px; box-shadow: 0 12px 32px rgba(0, 0, 0, .55); pointer-events: none; font-size: 13px; }
body.t6on .t6-tip-h { font-weight: 600; font-size: 14px; }
body.t6on .t6-tip-s { color: var(--t6-muted); font-size: 12px; margin: 1px 0 8px; }
body.t6on .t6-tip-r { display: flex; justify-content: space-between; gap: 18px; padding: 2px 0; color: var(--t6-muted); }
body.t6on .t6-tip-r b { color: var(--t6-text); font-weight: 500; font-variant-numeric: tabular-nums; }
/* model-written HTML graphics */
body.t6on .t6-widget-wrap { margin: 8px 0 14px; }
body.t6on .t6-widget { width: 100%; border: 0; display: block; background: transparent; color-scheme: dark; min-height: 60px; }
/* tables: open, readable, T3 style */
body.t6on .msg-content table, body.t6on .vr-table { width: 100%; border-collapse: collapse; background: none; border: 0; margin: 10px 0 14px; font-size: 14px; }
body.t6on .msg-content thead, body.t6on .msg-content thead tr, body.t6on .vr-table thead, body.t6on .vr-table thead tr { background: none; }
body.t6on .msg-content th, body.t6on .vr-table th { background: none; border: 0; border-bottom: 1px solid rgba(255, 255, 255, .16); padding: 10px 14px 10px 0; text-align: left; font-weight: 600; color: var(--t6-text); }
body.t6on .msg-content td, body.t6on .vr-table td { border: 0; border-bottom: 1px solid rgba(255, 255, 255, .07); padding: 11px 14px 11px 0; color: var(--t6-text); vertical-align: top; }
body.t6on .msg-content tbody tr:nth-child(even), body.t6on .msg-content tbody tr:nth-child(odd) { background: none; }
body.t6on .msg-content tbody tr:last-child td { border-bottom: 0; }
body.t6on .msg-content tbody tr:hover td { background: var(--t6-hover); }
body.t6on .vr-table-wrap, body.t6on .vr-table-scroll { border: 0; background: none; border-radius: 0; }

/* ================= Settings, rebuilt from scratch (owner only) =================
   Layout: two floating panels like the sidebar. Content: no cards inside the panel; sections are separated by hairlines.
   Tokens: surface #1a1b1f, line rgba(255,255,255,.08), text #eceef5, muted #9b9dac, accent #4d7cf4. */
body.t6on .settings-page { background: #0b0c0f; padding: 14px; gap: 14px; }
body.t6on .settings-left, body.t6on .settings-right { border: 1px solid var(--t6-line); border-radius: 24px; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.12) transparent; }
body.t6on .settings-left { width: 264px; min-width: 264px; background: #131418; padding: 18px 12px; box-shadow: 0 8px 32px rgba(0,0,0,.3); }
body.t6on .settings-right { background: #101115; }
body.t6on .settings-back { border-radius: 12px; color: #9b9dac; padding: 7px 10px; }
body.t6on .settings-back:hover { background: var(--t6-hover); color: #fff; }
body.t6on .settings-user-card { background: var(--t6-surface); border: 1px solid var(--t6-line); border-radius: 18px; padding: 12px; }
body.t6on .settings-user-badge { background: rgba(255,255,255,.08) !important; color: #c9cbd8 !important; border-radius: 8px; }
body.t6on .settings-nav-label { color: #6a6d7e; font-size: 11px; letter-spacing: .08em; }
body.t6on .settings-nav { gap: 2px; }
body.t6on .settings-tab { border-radius: 12px; padding: 9px 12px; color: #aeb0bf; font-size: 14px; font-weight: 500; transition: background .12s, color .12s; }
body.t6on .settings-tab:hover { background: var(--t6-hover); color: #fff; }
body.t6on .settings-tab.active { background: rgba(255,255,255,.08); color: #fff; }
body.t6on .settings-tab.active svg { opacity: 1; color: #fff; }
body.t6on .shortcut-key { background: var(--t6-surface); border: 1px solid var(--t6-line); border-radius: 8px; color: #c9cbd8; }
body.t6on .settings-right-header { border-bottom: 1px solid var(--t6-line); padding: 18px 32px; }
body.t6on .settings-right-title { font-size: 17px; font-weight: 600; color: #fff; }
body.t6on .settings-close { background: var(--t6-surface); border: 1px solid var(--t6-line); border-radius: 12px; }
body.t6on .settings-close:hover { background: #22242a; color: #fff; }
body.t6on .settings-right-body { padding: 36px 40px 56px; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.12) transparent; }

/* every content block in the panel: flat sections */
body.t6on .settings-right-body .account-tab { max-width: 880px; margin: 0 auto; }
body.t6on .settings-right-body .account-desc { color: #9b9dac; font-size: 14px; margin: 4px 0 28px; }
body.t6on .settings-right-body .account-tab > h2, body.t6on .settings-right-body .account-tab > h3 { font-size: 22px; font-weight: 650; color: #fff; margin: 0; letter-spacing: -.01em; }
body.t6on .settings-right-body .account-section, body.t6on .settings-right-body .panel-section { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--t6-line) !important; border-radius: 0 !important; padding: 0 0 30px !important; margin: 0 0 30px !important; box-shadow: none !important; }
body.t6on .settings-right-body .account-section:last-child, body.t6on .settings-right-body .panel-section:last-child { border-bottom: 0 !important; margin-bottom: 0 !important; }
body.t6on .settings-right-body .account-section-header { margin-bottom: 14px; }
body.t6on .settings-right-body .account-section-header h4, body.t6on .settings-right-body .section-title { font-size: 15px; font-weight: 600; color: #fff; margin: 0 0 3px; text-transform: none; letter-spacing: 0; }
body.t6on .settings-right-body .account-section-header p, body.t6on .settings-right-body .email-description, body.t6on .settings-right-body .toggle-info { font-size: 13px; color: #9b9dac; line-height: 1.5; }
body.t6on .settings-right-body .account-section-header svg { color: #6a6d7e; }
/* rows, lists, badges (mail / nextcloud / routines) */
body.t6on .settings-right-body .config-row, body.t6on .settings-right-body .feature-item { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--t6-line); background: none; border-radius: 0; font-size: 14px; }
body.t6on .settings-right-body .config-row:last-child, body.t6on .settings-right-body .feature-item:last-child { border-bottom: 0; }
body.t6on .settings-right-body .config-label { color: #9b9dac; }
body.t6on .settings-right-body .config-value { color: #eceef5; font-family: ui-monospace, monospace; font-size: 13px; }
body.t6on .settings-right-body .email-connected-info, body.t6on .settings-right-body .security-info, body.t6on .settings-right-body .server-config, body.t6on .settings-right-body .features-list { background: none !important; border: 0 !important; padding: 0 !important; }
body.t6on .settings-right-body .connected-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(77,124,244,.12); color: #4d7cf4; border: 0; border-radius: 999px; padding: 4px 12px; font-size: 12px; font-weight: 600; }
body.t6on .settings-right-body .connected-email { color: #fff; font-size: 15px; font-weight: 500; }
/* controls */
body.t6on .settings-right-body input[type="text"], body.t6on .settings-right-body input[type="email"], body.t6on .settings-right-body input[type="password"], body.t6on .settings-right-body input:not([type]), body.t6on .settings-right-body textarea, body.t6on .settings-right-body select, body.t6on .settings-right-body .device-key-input, body.t6on .settings-right-body .delete-input { background: #15161b; border: 1px solid var(--t6-line); border-radius: 12px; color: #eceef5; padding: 11px 14px; font-size: 14px; transition: border-color .12s; }
body.t6on .settings-right-body input:focus, body.t6on .settings-right-body textarea:focus, body.t6on .settings-right-body select:focus { outline: none; border-color: rgba(255,255,255,.3); }
body.t6on .settings-right-body button { border-radius: 12px; font-size: 14px; font-weight: 500; transition: background .12s, border-color .12s, color .12s; }
body.t6on .settings-right-body .btn-export, body.t6on .settings-right-body .btn-contact, body.t6on .settings-right-body .disconnect-btn { background: var(--t6-surface); border: 1px solid var(--t6-line); color: #eceef5; padding: 9px 16px; }
body.t6on .settings-right-body .btn-export:hover, body.t6on .settings-right-body .btn-contact:hover, body.t6on .settings-right-body .disconnect-btn:hover { background: #23252b; border-color: rgba(255,255,255,.18); }
body.t6on .settings-right-body .disconnect-btn, body.t6on .settings-right-body .btn-delete { color: #f87171; }
body.t6on .settings-right-body .btn-delete { background: rgba(248,113,113,.08); border: 1px solid rgba(248,113,113,.3); padding: 9px 16px; }
body.t6on .settings-right-body .btn-delete:hover { background: rgba(248,113,113,.16); }
body.t6on .settings-right-body .danger-section { border-bottom: 0 !important; }
body.t6on .settings-right-body .toggle-slider { background: rgba(255,255,255,.14); }
body.t6on .settings-right-body input:checked + .toggle-slider { background: #4d7cf4; }
body.t6on .settings-right-body .memory-toggle-section { background: none !important; border: 0 !important; padding: 0 !important; }

/* ===== Nutzung page (rendered by t6ui.js, replaces the app's own usage UI) ===== */
body.t6on .t6n { color: #eceef5; }
body.t6on .t6n-head { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; }
body.t6on .t6n-h { font-size: 22px; font-weight: 650; color: #fff; margin: 0; letter-spacing: -.01em; }
body.t6on .t6n-plan { font-size: 12px; font-weight: 600; color: #4d7cf4; background: rgba(77,124,244,.12); border-radius: 999px; padding: 4px 12px; }
body.t6on .t6n-sub { color: #9b9dac; font-size: 14px; margin: 0 0 32px; }
body.t6on .t6n-meters { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; padding-bottom: 32px; border-bottom: 1px solid var(--t6-line); }
body.t6on .t6n-m-label { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #6a6d7e; }
body.t6on .t6n-m-num { font-size: 44px; font-weight: 650; line-height: 1.1; margin: 8px 0 14px; color: #fff; font-variant-numeric: tabular-nums; }
body.t6on .t6n-m-num small { font-size: 18px; font-weight: 500; color: #9b9dac; margin-left: 2px; }
body.t6on .t6n-bar { height: 8px; border-radius: 6px; background: rgba(255,255,255,.07); overflow: hidden; }
body.t6on .t6n-bar > i { display: block; height: 100%; border-radius: 6px; background: #4d7cf4; transition: width .35s; }
body.t6on .t6n-bar > i.warn { background: #fbbf24; }
body.t6on .t6n-bar > i.hot { background: #f87171; }
body.t6on .t6n-m-sub { margin-top: 12px; font-size: 13px; color: #9b9dac; display: flex; justify-content: space-between; gap: 12px; }
body.t6on .t6n-m-sub b { color: #c9cbd8; font-weight: 500; font-family: ui-monospace, monospace; font-size: 12.5px; }
body.t6on .t6n-sec { padding: 28px 0; border-bottom: 1px solid var(--t6-line); }
body.t6on .t6n-sec:last-child { border-bottom: 0; }
body.t6on .t6n-sec-h { font-size: 15px; font-weight: 600; color: #fff; margin: 0 0 4px; }
body.t6on .t6n-sec-p { font-size: 13px; color: #9b9dac; margin: 0 0 16px; line-height: 1.5; }
body.t6on .t6n-reset { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
body.t6on .t6n-btn { background: #eceef5; color: #111216; border: 0; border-radius: 12px; padding: 10px 18px; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; transition: background .12s; }
body.t6on .t6n-btn:hover:not(:disabled) { background: #fff; }
body.t6on .t6n-btn:disabled { opacity: .35; cursor: not-allowed; }
body.t6on .t6n-days { display: flex; align-items: flex-end; gap: 6px; height: 84px; }
body.t6on .t6n-day { flex: 1; min-width: 6px; background: rgba(77,124,244,.55); border-radius: 5px 5px 2px 2px; transition: background .12s; }
body.t6on .t6n-day:hover { background: #4d7cf4; }
body.t6on .t6n-days-x { display: flex; justify-content: space-between; margin-top: 8px; font-size: 11.5px; color: #6a6d7e; }
body.t6on .t6n-tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
body.t6on .t6n-tier { padding: 14px 18px 14px 0; border-right: 1px solid var(--t6-line); margin-right: 18px; }
body.t6on .t6n-tier:last-child { border-right: 0; margin-right: 0; }
body.t6on .t6n-tier-n { font-size: 14px; font-weight: 600; color: #fff; display: flex; align-items: center; gap: 8px; }
body.t6on .t6n-tier-n em { font-style: normal; font-size: 11px; color: #4d7cf4; background: rgba(77,124,244,.12); border-radius: 999px; padding: 2px 8px; }
body.t6on .t6n-tier-r { display: flex; justify-content: space-between; margin-top: 8px; font-size: 13px; color: #9b9dac; }
body.t6on .t6n-tier-r b { color: #c9cbd8; font-weight: 500; font-family: ui-monospace, monospace; font-size: 12.5px; }
body.t6on .t6n-note { font-size: 12.5px; color: #6a6d7e; line-height: 1.55; margin-top: 18px; }
body.t6on .t6n-hide { display: none !important; }
@media (max-width: 900px) { body.t6on .t6n-meters { grid-template-columns: 1fr; gap: 32px; } body.t6on .t6n-tiers { grid-template-columns: 1fr; } body.t6on .t6n-tier { border-right: 0; margin-right: 0; border-bottom: 1px solid var(--t6-line); } }

body.t6on .settings-right-body .feature-item { justify-content: flex-start; align-items: center; gap: 12px; border: 0 !important; padding: 7px 0; color: #c9cbd8; }
body.t6on .settings-right-body .feature-item svg { color: #4d7cf4; flex: none; }
body.t6on .settings-right-body .security-info { display: flex; align-items: center; gap: 10px; color: #9b9dac; font-size: 13px; }
body.t6on .settings-right-body .disconnect-btn { width: auto; align-self: flex-start; }
body.t6on .settings-right-body .modal-body { max-width: 880px; margin: 0 auto; padding: 0 !important; }
body.t6on .settings-right-body .email-connected-info { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }

/* hide the app's own usage UI by structure (survives React re-renders), keep only its admin test tools, flat */
body.t6on .account-tab:has(> .t6n) > :not(.t6n):not(.account-section) { display: none; }
body.t6on .account-tab:has(> .t6n) > .account-section > .account-section-header { display: none; }
body.t6on .account-tab:has(> .t6n) > .account-section > div > div:first-child { display: none; }
body.t6on .account-tab:has(> .t6n) > .account-section { border: 0 !important; padding: 0 !important; margin: 0 !important; }
body.t6on .account-tab:has(> .t6n) > .account-section > div { margin-top: 0 !important; }
body.t6on .account-tab:has(> .t6n) > .account-section [style*="var(--bg-3)"] { background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 28px 0 0 !important; border-top: 1px solid var(--t6-line) !important; }
body.t6on .t6n-tip { position: fixed; z-index: 3000; pointer-events: none; background: #101114; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; box-shadow: 0 12px 32px rgba(0,0,0,.55); padding: 10px 12px; font-size: 13px; color: #c9cbd8; min-width: 150px; }
body.t6on .t6n-tip b { display: block; color: #fff; font-weight: 600; margin-bottom: 4px; }
body.t6on .t6n-tip div { display: flex; justify-content: space-between; gap: 16px; padding: 1px 0; }
body.t6on .t6n-tip span { color: #fff; font-variant-numeric: tabular-nums; }