/* chat toolbar and account foot on the engine tokens; rounded throughout */
body.ct-on .pc-header :is(.cs-artifacts, .cs-bell, #pc-appearance, #pc-history, .pc-account) { display: none !important; }
.ct-bar { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; padding: 4px; }
.ct-btn { display: inline-grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 10px; background: none; color: var(--e-icon); cursor: pointer; }
.ct-btn svg { width: 19px; height: 19px; }
.ct-btn:hover { background: var(--e-hover); }
.ct-btn.on { background: var(--e-select); }
.ct-btn:focus-visible { outline: none; box-shadow: var(--e-ring); }
.ct-sep { width: 1px; height: 20px; background: var(--e-line); margin: 0 6px; }
.ct-more { position: relative; }
.ct-menu { position: absolute; right: 0; top: 40px; z-index: 50; min-width: 200px; padding: 6px; background: var(--e-panel); border: 1px solid var(--e-line); border-radius: 14px; box-shadow: var(--e-lift); }
.ct-item { display: block; width: 100%; text-align: left; padding: 9px 12px; border: 0; border-radius: 10px; background: none; color: var(--e-text); font: 400 14px var(--e-font); cursor: pointer; }
.ct-item:hover { background: var(--e-hover); }
.ct-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; }
.ct-who { display: inline-flex; align-items: center; gap: 8px; min-width: 0; padding: 6px 8px; border-radius: 12px; color: var(--e-text); text-decoration: none; }
.ct-who:hover { background: var(--e-hover); }
.ct-av { display: inline-grid; place-items: center; width: 30px; height: 30px; flex: none; border-radius: 50%; background: var(--e-raised); border: 1px solid var(--e-line); font: 600 13px var(--e-font); color: var(--e-text); }
.ct-name { font: 500 15px var(--e-font); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 110px; }
.ct-plan { font: 400 14px var(--e-font); color: var(--e-text-3); white-space: nowrap; }
.ct-plan::before { content: "· "; }
.ct-chev svg { width: 14px; height: 14px; color: var(--e-text-3); }
.ct-right { display: inline-flex; align-items: center; gap: 4px; }
.ct-seg { display: inline-flex; padding: 2px; border: 1px solid var(--e-line); border-radius: 999px; background: var(--e-field); }
.ct-seg .ct-btn { width: 28px; height: 28px; border-radius: 999px; }
.ct-seg .ct-btn svg { width: 15px; height: 15px; }
.ct-seg .ct-btn.on { background: var(--e-select); color: var(--e-text); }
.ct-search { width: 32px; height: 32px; }
/* plain icons, no outlines; the menu above every pane; the name always visible */
html body .ct-bar .ct-btn, html body .ct-foot .ct-btn { border: 0 !important; background: none !important; box-shadow: none !important; border-radius: 10px !important; width: 34px !important; height: 34px !important; padding: 0 !important; }
html body .ct-bar .ct-btn:hover, html body .ct-foot .ct-btn:hover { background: var(--e-hover) !important; }
html body .ct-bar .ct-btn.on { background: var(--e-select) !important; }
html body .ct-seg .ct-btn { width: 26px !important; height: 26px !important; border-radius: 999px !important; }
html body .ct-seg .ct-btn.on { background: var(--e-select) !important; }
html body .ct-menu { position: fixed !important; top: 52px !important; right: 12px !important; z-index: 2147483000 !important; }
html body .ct-menu[hidden] { display: none !important; }
html body .ct-foot { gap: 4px; }
html body .ct-who { flex: 1 1 auto; min-width: 0; padding: 4px 6px; }
html body .ct-name { flex: 0 1 auto; min-width: 0; max-width: none; font-size: 14px; }
html body .ct-plan { flex: none; font-size: 13px; }
html body .ct-right { flex: none; }
/* the account foot fits a narrow sidebar: initial and name on the left, looks and search on the right; the plan shows when there is room */
html body .ct-who { flex: 1 1 0 !important; overflow: hidden; }
html body .ct-name { display: block; flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .ct-plan { display: none; }
@container (min-width: 320px) { html body .ct-plan { display: inline; } }
html body .pc-sidebar-footer { container-type: inline-size; padding: 8px 10px !important; }
html body .ct-chev { flex: none; }
/* JudeAI mark and lettering, as the original JudeAI app draws them */
img.judeai-mark { border-radius: 20% !important; opacity: .9; }
img.judeai-word { height: 18px; width: auto; display: inline-block; vertical-align: middle; }
html[data-look="ice"] img.judeai-word, html[data-look="light"] img.judeai-word { filter: brightness(0) saturate(100%) invert(7%) sepia(18%) saturate(1800%) hue-rotate(170deg); }
/* the starters stand on their own: no unapproved heading above them */
body.personal-chat .pc-starters > :is(h1, h2, h3, p, header, .pc-starters-title):not(:has(button)) { display: none !important; }
/* the JudeAI lettering keeps its own proportions; it is never forced into the logo's square frame */
html body .pc-brand img.judeai-word, html body img.judeai-word { width: auto !important; height: 17px !important; max-width: none !important; min-width: 0 !important; object-fit: contain !important; border-radius: 0 !important; aspect-ratio: auto !important; flex: none !important; margin-left: 2px; }