/* Conversation-first layout; retain existing controls and approvals. */
@media (min-width:801px){.workspace{grid-template-columns:242px minmax(0,1fr)}.sidebar-collapsed .workspace{grid-template-columns:minmax(0,1fr)}.conversation-panel{min-width:0}.workspace>.right-column{display:none}}
.conversation-heading,.starter-prompts,.welcome-copy,#welcome-eyebrow,#composer-model{display:none!important}
.account-menu{position:relative;width:100%;margin-top:8px}.account-menu>summary,.chat-mode-menu>summary,.chat-search>summary,.sidebar-section-toggle,.pinned-section>summary{cursor:pointer;list-style:none;border:0;background:transparent;color:inherit;padding:9px;font:inherit}.account-menu>summary:before{content:'J';display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#4b7382;margin-right:8px}.account-menu-items{position:absolute;bottom:100%;left:0;z-index:20;min-width:185px;padding:8px;background:#19212d;border:1px solid #425063;border-radius:12px;box-shadow:0 12px 30px #0008}.account-menu-items>button{display:block;width:100%;text-align:left;margin:3px 0}.account-menu:not([open]) .account-menu-items{display:none}.sidebar-footer #app-extras-nav{display:flex;flex-direction:column;align-items:stretch}.chat-mode-menu,.chat-search{position:relative}.chat-mode-menu .mode-switch,.chat-search input{position:absolute;z-index:30;top:100%;background:#19212d;border:1px solid #425063;border-radius:10px;padding:8px}.chat-mode-menu:not([open]) .mode-switch{display:none}.chat-search{margin-left:auto}.chat-search input{right:0;min-width:220px}.pinned-section{padding:0 12px}.pinned-section button{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;background:transparent;border:0;color:inherit;padding:7px}.recent-item:has([aria-label="Unpin conversation"]){display:none}.sidebar-section-toggle{font-weight:600}.project-panel #project-dropdown[hidden]{display:none}.composer-context{display:flex;align-items:center;gap:8px}#inline-activity{margin:8px 14px;border:1px solid var(--line);border-radius:12px}#inline-activity[hidden]{display:none}#inline-activity>summary{cursor:pointer;padding:10px 12px}#inline-activity .right-column{padding:10px}#inline-activity .right-scroll{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}#inline-activity .panel{padding:12px}
#inline-work-feed{margin:6px 16px;padding:8px 12px;color:var(--muted,#aab6c8);font-size:12px}#inline-work-feed[hidden]{display:none}#inline-work-feed .task-work{border:0;padding:0;background:transparent}#inline-work-feed #task-work-note,#inline-work-feed #task-work-observations{display:none}#inline-work-feed #event-list{margin:4px 0;padding-left:18px}
@media(max-width:800px),(max-width:1100px) and (max-height:600px) and (pointer:coarse){
  .masthead #local-programs-service-status,.masthead .engine-status{display:none!important}
  .masthead .brand{flex:1 1 auto;min-width:0;overflow:hidden}.masthead .brand strong{font-size:14px}.masthead .brand-mark{display:none!important}
  .masthead .header-status{position:static;margin:0;flex:0 0 auto}.masthead #network-label{display:none}
  .masthead .chat-mode-menu,.masthead .chat-search{flex:0 0 auto}.masthead .chat-search{margin-left:0}
  .masthead .mobile-details-toggle{padding:4px 6px;font-size:10px;min-width:0}
}
.simple-settings{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:400px;gap:22px}.settings-categories{display:flex;flex-direction:column;gap:3px;border-right:1px solid var(--line);padding-right:12px}.settings-categories button{text-align:left;background:transparent;color:inherit;border:0;border-radius:8px;padding:10px;cursor:pointer}.settings-categories button[aria-current="page"]{background:#354053}.settings-pages{min-width:0}.settings-pages>section[hidden]{display:none}.settings-pages>section>h3{font-size:20px;margin:12px 0 20px}.settings-modal:has(.simple-settings){width:min(900px,calc(100vw - 28px));max-height:calc(100dvh - 32px)}
@media(max-width:800px){.simple-settings{grid-template-columns:1fr;gap:8px}.settings-categories{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:0 0 8px}.settings-categories button{white-space:nowrap}.settings-pages>section>h3{font-size:18px}}
.composer-toolbar{display:flex;align-items:center;gap:6px}.composer-toolbar .attachment-picker{position:relative;flex:0 0 auto}.composer-toolbar #attach-images-button{width:34px;height:34px;padding:0;border-radius:50%;font-size:23px}.composer-toolbar .attachment-menu{bottom:100%;top:auto}.composer-actions #dictation-button,.composer-actions #run-button{width:36px;height:36px;min-width:36px;padding:7px;border-radius:50%}.composer-actions #dictation-button span,.composer-actions #run-button span{display:none}.composer-actions #run-button svg{width:18px;height:18px}.composer-hint kbd,.composer-hint kbd+span{display:none}
.sidebar-wallet{margin-top:8px}.sidebar-wallet>summary{cursor:pointer;list-style:none;padding:8px;color:inherit}.sidebar-wallet #spending-indicator{margin:4px 0}.sidebar-wallet #cloud-workbench-open{width:100%;margin:4px 0}.composer-footnote>span:last-child{display:none}
.sidebar-wallet .wallet-balance{font-size:12px;padding:0 8px;color:var(--muted,#aab6c8)}
.composer-toolbar #network-toggle{flex:0 0 auto;padding:4px 6px;min-width:0;font-size:10px}.composer-toolbar .consent-checkbox{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:10px}.composer-toolbar .consent-checkbox input{width:auto}.composer-toolbar .composer-context{margin-left:auto;min-width:max-content}.composer-toolbar .composer-actions{flex:0 0 auto}@media(max-width:800px){.composer-toolbar{flex-wrap:wrap}.composer-toolbar #network-label{display:inline!important}}

/* Compact sidebar so Pinned, Projects and Recents keep room on laptop-height windows. */
@media (min-width:801px){
.feature-nav{gap:1px;padding-bottom:6px}
.feature-nav button{min-height:32px;padding:4px 11px}
.feature-nav button>span{font-size:17px}
.sidebar-footer{padding-top:6px}
.sidebar-footer #app-extras-nav{flex-direction:row;gap:6px}
.sidebar-footer #app-extras-nav>button{flex:1 1 0;min-height:30px;justify-content:center;padding:4px 6px;border-color:#2f4452}
.sidebar-wallet{margin-top:2px}
.account-menu{margin-top:2px}
}
@media (min-width:801px) and (max-height:820px){
.feature-nav button{min-height:27px;padding:2px 11px}
.feature-nav button>span{font-size:15px}
.sidebar-footer .local-footnote{display:none}
}
/* Fit the window: the older 720px minimum made short laptop windows scroll the whole page. */
@media (min-width:801px){
.workspace{min-height:0!important}
.conversation-panel,.left-column,.right-column{min-height:440px!important}
}
#inline-activity[open]{flex:0 1 auto;min-height:min(160px,28vh);max-height:min(46vh,440px);overflow-y:auto;overscroll-behavior:contain}#inline-activity .right-column{height:auto!important;min-height:0!important}#inline-activity .right-scroll{overflow:visible!important;flex:none}.conversation-panel:has(#inline-activity[open]) .conversation-content{min-height:72px}@media (max-height:1010px){.conversation-panel:has(#inline-activity[open]) #work-focus{display:none}}
.pinned-section .pinned-row{display:flex;align-items:center;gap:2px}.pinned-section .pinned-row .pinned-open{flex:1 1 auto;min-width:0;width:auto}.pinned-section .pinned-row .pinned-unpin{flex:none;width:30px;min-height:30px;padding:2px;text-align:center;border-radius:8px;opacity:.75}.pinned-section .pinned-row .pinned-unpin:hover,.pinned-section .pinned-row .pinned-unpin:focus-visible{opacity:1;background:#ffffff14}

/* ===== 30 Oct redesign: Claude-style shell ===== */
/* Left bar: one row height, one icon size, one gap. */
#workspace-sidebar .feature-nav{display:flex;flex-direction:column;gap:2px;padding:2px 0 8px}
#workspace-sidebar .feature-nav>button{display:flex;align-items:center;gap:11px;width:100%;height:36px;min-height:36px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:14px;text-align:left;cursor:pointer}
#workspace-sidebar .feature-nav>button:hover,#workspace-sidebar .feature-nav>button:focus-visible{background:#ffffff12}
#workspace-sidebar .feature-nav>button[aria-current="page"],#workspace-sidebar .feature-nav>button[aria-expanded="true"]{background:#ffffff0e}
#workspace-sidebar .feature-nav>button[hidden],#workspace-sidebar .feature-nav [hidden]{display:none!important}
#workspace-sidebar .nav-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
#workspace-sidebar .nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#workspace-sidebar .feature-nav>button>span[aria-hidden]:not(.nav-label){display:none}
.nav-search{padding:2px 6px 8px}.nav-search .recent-search{margin:0}.nav-search-files{display:flex;flex-direction:column;gap:1px;margin-top:6px}.nav-search-files h4{margin:6px 6px 2px;font-size:11px;font-weight:600;color:var(--muted,#9fb0c3);text-transform:uppercase;letter-spacing:.06em}.nav-search-file{background:transparent;border:0;color:inherit;text-align:left;padding:6px;border-radius:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;cursor:pointer}.nav-search-file:hover{background:#ffffff12}
.nav-projects-panel{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important}
.nav-projects{padding:2px 6px 8px 14px;display:flex;flex-direction:column;gap:6px}.nav-projects[hidden]{display:none}
.nav-projects .project-new-chat{background:transparent;border:1px dashed #44566a;color:inherit;border-radius:8px;padding:7px;font-size:13px;cursor:pointer}
.nav-projects .project-actions{display:flex;gap:6px}.nav-projects .project-actions button{flex:1;padding:6px;font-size:12px}
.nav-projects .panel-note{display:none}
#workspace-sidebar .sidebar-content{padding-top:2px}
#workspace-sidebar .recents-panel{padding-top:0}
#workspace-sidebar .recents-list{gap:2px;max-height:none}
#workspace-sidebar .recent-item{display:flex;align-items:center;gap:2px;padding:2px 6px;border:0;background:transparent;box-shadow:none}
#workspace-sidebar .recent-open{flex:1;min-width:0;padding:6px 4px;text-align:left}
#workspace-sidebar .recent-open strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
#workspace-sidebar .recent-open small,#workspace-sidebar .recents-note{display:none}
#workspace-sidebar .recent-controls{display:flex;flex:none;margin:0;opacity:0}
#workspace-sidebar .recent-item:hover .recent-controls,#workspace-sidebar .recent-item:focus-within .recent-controls{opacity:1}
#workspace-sidebar .recent-controls button{padding:2px 4px;min-width:22px}
#workspace-sidebar .pinned-row .pinned-delete{flex:none;width:30px;min-height:30px;padding:2px}
.projects-workspace{min-width:0;overflow:auto;padding:28px;border:1px solid var(--line);border-radius:16px;background:rgba(11,18,28,.88)}
.projects-workspace[hidden],.conversation-panel[hidden]{display:none!important}
.projects-workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}
.projects-workspace-heading h1{font-size:24px;margin:0}
#chat-project-spaces{margin:0 0 28px}#chat-project-spaces h2,.projects-folder-heading{font-size:16px;margin:0 0 8px}#chat-project-spaces p{font-size:13px;opacity:.75;margin:0 0 10px}#chat-project-spaces select{max-width:100%;margin-right:8px}
.projects-workspace #projects-view{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.projects-workspace .project-actions{display:flex;gap:8px;margin:16px 0}
.projects-workspace .project-new-chat{margin-top:16px}
@media(max-width:800px){.projects-workspace{flex:1;width:100%;padding:18px}.projects-workspace #projects-view{grid-template-columns:1fr}}
#workspace-sidebar .recents-panel #recent-search,#workspace-sidebar .recents-panel>.recent-search{display:none}
.recents-note{display:none}
.pinned-section{padding:0 6px}.pinned-section>summary,.recents-toggle{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--muted,#9fb0c3);padding:8px 6px}
.pinned-section>summary::marker{content:''}.pinned-section>summary:before{content:'\25B8';display:inline-block;width:10px;transition:transform .15s}.pinned-section[open]>summary:before{transform:rotate(90deg)}
.sidebar-footer .local-footnote{display:none}
.sidebar-footer{display:flex;flex-direction:column;gap:6px}
.wallet-line{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:var(--muted,#9fb0c3);font:inherit;font-size:12px;text-align:left;cursor:pointer}.wallet-line:hover{background:#ffffff12;color:inherit}
.wallet-dot{width:7px;height:7px;border-radius:50%;background:#7a8a99;flex:none}.wallet-line[data-state=free] .wallet-dot{background:#4cd6a3}.wallet-line[data-state=paid] .wallet-dot{background:#f0b44c}
.wallet-line .wallet-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-menu-items>button small{display:block;font-size:11px;opacity:.7}
#header-tools{display:block}
#header-tools>.account-menu{margin-top:0}

/* Header: Chrome browser button top right. */
.chrome-browser-button{display:inline-flex;align-items:center;gap:8px;margin-left:auto;height:34px;padding:0 12px;border:1px solid #3a4b5c;border-radius:9px;background:#ffffff0a;color:inherit;font:inherit;font-size:13px;cursor:pointer;flex:none}
.chrome-browser-button:hover{background:#ffffff18}.chrome-browser-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.chrome-browser-button[hidden]{display:none}
.masthead .header-status:empty{display:none}

/* Chat column: rolling, centred, nothing between messages and composer. */
@media (min-width:801px){
.workspace{--dock-width:380px}
body.dock-open .workspace{grid-template-columns:242px minmax(0,1fr) var(--dock-width)}
body.dock-open.sidebar-collapsed .workspace{grid-template-columns:minmax(0,1fr) var(--dock-width)}
}
.conversation-content>.messages,.conversation-content>.turn-status,.conversation-content>.welcome{width:100%;max-width:760px;margin-left:auto;margin-right:auto}
.composer,.composer-footnote,.voice-session-bar{width:calc(100% - 32px);max-width:760px;margin-left:auto;margin-right:auto}
.turn-status{margin-top:10px;border:0;font-size:13px;color:var(--muted,#aab6c8)}.turn-status[hidden]{display:none}
.turn-status>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:6px 2px}.turn-status>summary::-webkit-details-marker{display:none}
.turn-dot{width:8px;height:8px;border-radius:50%;background:#7de9df;flex:none;animation:breathing 1.6s ease-in-out infinite}
.turn-status[data-state=done] .turn-dot{background:#4cd6a3;animation:none}.turn-status[data-state=failed] .turn-dot{background:#f07178;animation:none}.turn-status[data-state=waiting] .turn-dot{background:#f0b44c}
.turn-text{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.turn-retry{margin-left:6px;padding:3px 12px;border:1px solid #5a6b7d;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}.turn-retry[hidden]{display:none}
#inline-work-feed{margin:2px 0 4px 17px;padding:2px 0 2px 12px;border-left:2px solid #34465a;font-size:12px}
#inline-work-feed .task-work{border:0;padding:0;background:transparent}#inline-work-feed #task-work-note,#inline-work-feed #task-work-observations{display:none}#inline-work-feed #event-list{margin:4px 0;padding-left:16px;max-height:180px;overflow:auto}
.thinking-indicator{display:none!important}
.conversation-panel>.task-recovery-notice{max-width:760px;margin-left:auto;margin-right:auto}

/* Right-side dock. */
.dock{display:flex;flex-direction:column;min-width:0;height:calc(100vh - 146px);max-height:1300px;border:1px solid var(--line);border-radius:14px;background:rgba(14,20,29,.96);overflow:hidden}
.dock[hidden]{display:none}
.dock-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line-soft,#25303d)}
.dock-tabs{display:flex;gap:2px;flex:1;min-width:0}.dock-tabs button{background:transparent;border:0;color:var(--muted,#9fb0c3);padding:7px 10px;border-radius:8px;font:inherit;font-size:13px;cursor:pointer}.dock-tabs button[aria-selected=true]{background:#ffffff14;color:inherit}
.dock-close{background:transparent;border:0;color:inherit;font-size:20px;line-height:1;width:30px;height:30px;border-radius:8px;cursor:pointer}.dock-close:hover{background:#ffffff14}
.dock-body{flex:1;min-height:0;overflow-y:auto;padding:10px}
.dock-body>.right-column{display:flex!important;height:auto!important;min-height:0!important;gap:12px}
.dock-body .right-scroll{overflow:visible!important;flex:none}
.dock-body>.browser-live-panel{position:static!important;width:auto!important;height:100%;min-height:360px;box-shadow:none;border-radius:10px}
.dock-body>.browser-live-panel[hidden]{display:none!important}
.dock[data-tab=details] .permission-panel,.dock[data-tab=approvals] .files-panel,.dock[data-tab=approvals] .activity-panel,.dock[data-tab=approvals] .hardware-panel,.dock[data-tab=browser] .right-column{display:none!important}
.dock[data-tab=browser] .browser-live-panel{display:flex}

/* Composer: + menu opens above the composer, never over the typed text; one aligned row. */
.composer{position:relative}
.attachment-picker{position:static!important}
.attachment-menu{position:absolute;left:0;bottom:calc(100% + 8px)!important;top:auto!important;min-width:230px;z-index:40}
.attachment-menu button,.attachment-menu .menu-khole{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer}
.attachment-menu .menu-khole{margin:0}.attachment-menu .menu-khole .starter-icon,.attachment-menu .menu-khole small{display:none}.attachment-menu .menu-khole strong{font-weight:inherit}
.attachment-menu button:hover{background:#ffffff14}
.composer-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.composer-toolbar>*{align-self:center}
.composer-toolbar #attach-images-button,.composer-toolbar #network-toggle,.composer-toolbar .consent-checkbox,.composer-toolbar #mode-picker-button,.composer-toolbar .composer-context>button{box-sizing:border-box;height:32px;min-height:32px;display:inline-flex;align-items:center;margin:0;line-height:1}
.composer-toolbar #attach-images-button{width:32px;min-width:32px;height:32px;padding:0;justify-content:center}
.composer-toolbar #network-toggle{padding:0 10px;font-size:12px;gap:6px}
.composer-toolbar .consent-checkbox{padding:0 10px;font-size:12px;gap:6px;border:1px solid #33465a;border-radius:999px}
.composer-toolbar .composer-context{display:flex!important;margin-left:auto}
#welcome-eyebrow,.welcome-copy{display:none!important}

/* Daniel: left of the chat column on wide windows, big, speech bubble behind him. */
@media (min-width:1180px){
.conversation-panel{position:relative}
.conversation-panel>.horse-conversation{position:absolute;left:12px;bottom:92px;width:clamp(240px,23vw,360px);padding:0;z-index:3;pointer-events:none}
.conversation-panel>.horse-conversation>*{pointer-events:auto}
.conversation-panel .horse-conversation #horse-avatar-mount{display:block}
.conversation-panel .horse-conversation .horse-avatar-button{width:100%;flex:none;padding:0;overflow:visible}
.conversation-panel .horse-conversation .horse-avatar-label{font-size:12px;text-align:center}
.conversation-panel .horse-conversation .horse-avatar-bubble{z-index:1}
.conversation-panel .horse-conversation .horse-avatar-button{position:relative;z-index:2}
.conversation-content,.composer,.composer-footnote,.voice-session-bar,.conversation-heading{margin-left:clamp(270px,25vw,380px)}
.composer,.composer-footnote,.voice-session-bar{width:calc(100% - clamp(270px,25vw,380px) - 24px);max-width:760px}
.conversation-content>.messages,.conversation-content>.turn-status,.conversation-content>.welcome{margin-left:0;margin-right:auto;max-width:760px}
body.dock-open .conversation-panel>.horse-conversation{width:clamp(180px,14vw,240px)}
body.dock-open .conversation-content,body.dock-open .composer,body.dock-open .composer-footnote,body.dock-open .voice-session-bar{margin-left:clamp(190px,15vw,250px)}
body.dock-open .composer,body.dock-open .composer-footnote{width:calc(100% - clamp(190px,15vw,250px) - 24px)}
}
@media (max-width:1179px){.horse-conversation{margin:0 auto}}

/* pass 2 */
#workspace-sidebar .feature-nav>button{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;justify-content:flex-start;text-align:left}
#workspace-sidebar .nav-label{text-align:left}
.composer-toolbar{position:static!important}
.composer-toolbar .consent-checkbox{margin:0!important;padding-top:0!important;padding-bottom:0!important;transform:none!important;align-self:center}
.composer-toolbar .consent-checkbox span{line-height:1}
.conversation-content>.messages,.conversation-content>.turn-status,.conversation-content>.welcome{margin-left:auto!important;margin-right:auto!important}
.music-player-slot{min-height:0;height:auto;flex:none}.music-player-slot:empty{display:block;height:6px}
.sidebar-footer{gap:4px}
.wallet-line,.music-player-slot,.account-menu{position:relative;z-index:1}
.sidebar-footer .music-player-slot{overflow:hidden;max-height:96px}
#workspace-sidebar .feature-nav>button,#workspace-sidebar .feature-nav>button .nav-label{font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:0!important;text-transform:none!important}
@media (min-width:801px) and (max-width:1250px){.composer-toolbar{flex-wrap:wrap;row-gap:6px}.composer-toolbar .composer-context{margin-left:0}}
/* Dock is a real grid column: width variable, resizable, browser tab at least 420px. */
@media (min-width:801px){
body.dock-open .workspace{--dock-width:clamp(320px,var(--dock-user,380px),65vw)}
body.dock-open[data-dock-tab=browser] .workspace{--dock-width:clamp(320px,var(--dock-user,560px),min(65vw,calc(100vw - 680px)))}
body.dock-open.sidebar-collapsed[data-dock-tab=browser] .workspace{--dock-width:clamp(320px,var(--dock-user,560px),min(65vw,calc(100vw - 380px)))}
}
.dock{position:relative!important}
.dock-resize{position:absolute;left:0;top:0;bottom:0;width:8px;cursor:col-resize;z-index:5}.dock-resize:hover,.dock-resize:focus-visible{background:#7de9df33;outline:0}
.dock-body>.browser-live-panel{inset:auto!important;transform:none!important}
@media (min-width:1180px){
body.dock-open[data-dock-tab=browser] .conversation-panel>.horse-conversation{position:static;width:140px;margin:0 auto}
body.dock-open[data-dock-tab=browser] .conversation-content,body.dock-open[data-dock-tab=browser] .composer,body.dock-open[data-dock-tab=browser] .composer-footnote,body.dock-open[data-dock-tab=browser] .voice-session-bar{margin-left:auto}
body.dock-open[data-dock-tab=browser] .composer,body.dock-open[data-dock-tab=browser] .composer-footnote{width:calc(100% - 32px)}
}
/* Light theme (html[data-theme="light"], set by the Settings panel). */
html[data-theme="light"]{color-scheme:light;--bg:#f5f6f9;--panel:rgba(255,255,255,.94);--panel-soft:#eef0f5;--line:#d2d8e2;--line-soft:#e1e5ed;--text:#1b2230;--muted:#566175;--dim:#6b7689;--cyan:#0d8f86;--violet:#6a4fc4;--gold:#9a6b12;--red:#b3303a}
html[data-theme="light"] body{background:#f5f6f9;color:#1b2230}
html[data-theme="light"] #fibre-canvas,html[data-theme="light"] .ambient-glow{opacity:.18}
html[data-theme="light"] .masthead,html[data-theme="light"] .left-column,html[data-theme="light"] .conversation-panel,html[data-theme="light"] .dock,html[data-theme="light"] .composer{background:#fff!important;border-color:#d2d8e2!important;color:#1b2230;box-shadow:0 1px 4px #0001!important;backdrop-filter:none}
html[data-theme="light"] .conversation-content{background:transparent!important}
html[data-theme="light"] .message-body,html[data-theme="light"] .message.assistant .message-body,html[data-theme="light"] .message.user .message-body{background:#f1f3f8!important;color:#1b2230;border-color:#dfe4ec!important}
html[data-theme="light"] #workspace-sidebar .feature-nav>button:hover,html[data-theme="light"] .wallet-line:hover,html[data-theme="light"] .dock-tabs button[aria-selected=true]{background:#0000000d}
html[data-theme="light"] .composer textarea,html[data-theme="light"] .recent-search{background:#fff;color:#1b2230;border-color:#cfd6e1}
html[data-theme="light"] .attachment-menu,html[data-theme="light"] .account-menu-items{background:#fff;border-color:#d2d8e2;color:#1b2230;box-shadow:0 8px 25px #0002}
html[data-theme="light"] .attachment-menu button:hover{background:#0000000d}
/* The chat column always fits what is left of the grid; with a margin it must shrink, not spill into the dock. */
.conversation-panel>.conversation-content{box-sizing:border-box;width:auto!important;max-width:100%;min-width:0}
.conversation-panel{min-width:0}
body.dock-open[data-dock-tab=browser] .conversation-panel>.conversation-content{margin-left:0!important;margin-right:0!important}
.turn-open-details{display:block;margin:0 0 4px;padding:2px 0;border:0;background:transparent;color:var(--cyan,#7de9df);font:inherit;font-size:12px;cursor:pointer}
/* Empty chat: Daniel stays centred on his welcome stage; the left-gutter layout starts once the conversation has messages. */
@media (min-width:1180px){
.conversation-panel:not(:has(#messages:not([hidden]))) .conversation-content,.conversation-panel:not(:has(#messages:not([hidden]))) .composer,.conversation-panel:not(:has(#messages:not([hidden]))) .composer-footnote,.conversation-panel:not(:has(#messages:not([hidden]))) .voice-session-bar{margin-left:auto!important}
.conversation-panel:not(:has(#messages:not([hidden]))) .composer,.conversation-panel:not(:has(#messages:not([hidden]))) .composer-footnote{width:calc(100% - 32px)!important}
.conversation-panel:not(:has(#messages:not([hidden])))>.horse-conversation{position:static;width:auto}
}
.conversation-panel:not(:has(#messages:not([hidden])))>.conversation-content{margin-left:0!important;margin-right:0!important}
/* Short laptop windows: same item height everywhere in the list, just tighter, so Pinned/Recents keep room. */
@media (min-width:801px) and (max-height:820px){
#workspace-sidebar .feature-nav{gap:0;padding-bottom:4px}
#workspace-sidebar .feature-nav>button{height:30px;min-height:30px;font-size:13px}
#workspace-sidebar .nav-icon{width:16px;height:16px;flex-basis:16px}
.wallet-line{padding:3px 10px}.sidebar-footer{gap:2px;padding-top:4px}
.account-menu>summary{padding:5px 9px}
}
@media (max-width:800px){.composer-toolbar{flex-wrap:wrap!important;row-gap:6px}.composer-toolbar .composer-context{margin-left:0!important}.composer,.composer-footnote,.voice-session-bar{width:auto;max-width:none}}
/* Open Projects list scrolls on its own so Recents stay reachable; Daniel's fibre canvas fades out instead of ending in a hard box. */
.nav-projects{max-height:min(240px,30vh);overflow-y:auto;overscroll-behavior:contain}
#workspace-sidebar .sidebar-content{min-height:0;overflow-y:auto}
.horse-conversation .horse-avatar-hair,.horse-conversation .horse-avatar-fibres{-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 45%,transparent 100%)}
#workspace-sidebar .sidebar-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
#workspace-sidebar .sidebar-scroll>.sidebar-content{overflow:visible;flex:none;height:auto;max-height:none}
.nav-projects{max-height:none;overflow:visible}

/* Keep the dock inside the available workspace even when a connection banner is visible. */
@media (min-width: 801px) {
  html:has(body.dock-open), body.dock-open { overflow: hidden; }
  body.dock-open .workspace { height: calc(100vh - 190px); max-height: calc(100vh - 190px); overflow: hidden; }
  body.dock-open .dock { height: min(calc(100vh - 190px), 100%); min-height: 0; }
  .dock-body { overflow: auto; }
  .dock-body > .browser-live-panel { min-height: 0; box-sizing: border-box; }
}



.simple-chat-option{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted,#adb8c5);cursor:pointer}.simple-chat-option[hidden]{display:none!important}.simple-chat-option input{accent-color:#7de9df}


/* === CLEAN CHATGPT CONTROLS (ORIGINAL THEME COLORS PRESERVED) === */
.masthead #local-programs-service-status,
.masthead .engine-status,
#spending-indicator,
#workspace-sidebar #coding-nav {
  display: none !important;
}
/* Topbar Chat | Work Pill placed cleanly next to brand logo (never covered by screen widgets) */
.anyki-top-mode-pill {
  display: inline-flex;
  align-items: center;
  background: rgba(12, 20, 32, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 3px;
  gap: 2px;
  margin-left: 16px;
  backdrop-filter: blur(10px);
  z-index: 30;
}
.anyki-top-mode-pill button {
  background: transparent;
  border: 0;
  color: var(--muted, #9fb0c6);
  font-size: 12.5px;
  font-weight: 600;
  padding: 4px 16px;
  border-radius: 999px;
  cursor: pointer;
  min-height: 26px;
  transition: all 0.15s ease;
}
.anyki-top-mode-pill button[aria-pressed="true"] {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
}
/* Pinned & Recents header row with ChatGPT Filter & Organize buttons */
.anyki-recents-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 6px;
  margin: 4px 0 2px;
}
.anyki-recents-head #recents-tab {
  flex: 1;
  margin: 0 !important;
}
.anyki-recents-actions {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.anyki-icon-btn {
  background: transparent;
  border: 0;
  color: var(--muted, #9fb0c6);
  width: 26px;
  height: 26px;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  padding: 0;
}
.anyki-icon-btn:hover, .anyki-icon-btn.is-active {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.pinned-section > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pinned-hide-btn {
  background: transparent;
  border: 0;
  color: var(--muted, #9fb0c6);
  font-size: 11px;
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 4px;
  opacity: 0.7;
}
.pinned-hide-btn:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
/* ChatGPT Sidebar Popover */
.anyki-pop-menu {
  position: fixed;
  z-index: 99999;
  background: rgba(18, 26, 38, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  padding: 6px;
  min-width: 205px;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(14px);
  color: #eef4fb;
  font-size: 12.5px;
}
.anyki-pop-label {
  padding: 5px 10px 3px;
  font-size: 11px;
  color: #8fa3ba;
  font-weight: 600;
}
.anyki-pop-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px;
  border-radius: 8px;
  cursor: pointer;
}
.anyki-pop-item:hover {
  background: rgba(255, 255, 255, 0.1);
}
.anyki-pop-sep {
  height: 1px;
  background: rgba(255, 255, 255, 0.09);
  margin: 5px 4px;
}

/* === CLEAN CHATGPT LAYOUT, LOCKED COMPOSER, CLIPBOARD & DRAG-DROP CHIPS === */

/* 1. Hide clutter: horse voice red error, "Connect to local runtime", "BUILT TO RUN HERE", Machine panel, Approvals tab */
.composer .inline-error,
.composer-footnote,
.statusbar > span:last-child,
#connection-banner,
.connection-banner,
.simple-chat-option,
.composer-toolbar .consent-checkbox,
.composer-toolbar label:has(input[type="checkbox"]),
.hardware-panel,
#dock .hardware-panel,
.dock-tabs button[data-dock-tab="approvals"],
.browser-live-heading > span:last-child,
#project-workspace,
.projects-workspace,
.schedule-eyebrow,
.schedule-notices {
  display: none !important;
}

/* 2. Top Masthead: Flush-left Any K-i?, Centered [Chat | Code], Compact Far-Right Symbol Switcher */
.masthead {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 18px !important;
  height: 58px !important;
  min-height: 58px !important;
  box-sizing: border-box !important;
}
.masthead > #sidebar-toggle,
.masthead > .sidebar-toggle {
  display: none !important;
}
.masthead .brand {
  margin-right: auto !important;
}
.anyki-top-mode-pill {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 10 !important;
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(12, 20, 32, 0.88) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 999px !important;
  padding: 3px !important;
  gap: 2px !important;
}
.anyki-top-mode-pill button {
  border: 0 !important;
  background: transparent !important;
  color: var(--muted, #9fb0c3) !important;
  padding: 5px 20px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
.anyki-top-mode-pill button[aria-pressed="true"] {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

.anyki-right-toolbar {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-left: 8px !important;
  padding: 3px !important;
  border-radius: 999px !important;
  background: rgba(12, 20, 32, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}
.anyki-right-toolbar button {
  width: 32px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--muted, #9fb0c3) !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
}
.anyki-right-toolbar button:hover,
.anyki-right-toolbar button[aria-expanded="true"] {
  background: rgba(125, 233, 223, 0.18) !important;
  color: #ffffff !important;
}
.anyki-right-toolbar button span {
  display: none !important;
}
.anyki-right-toolbar button svg {
  width: 16px !important;
  height: 16px !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  fill: none !important;
}

/* 3. Workspace Grid & 2-Column Left Sidebar (48px Icon Rail + Drawer) */
@media (min-width: 801px) {
  .workspace,
  body.dock-open .workspace,
  body.schedule-workspace-open .workspace,
  body.media-workspace-open .workspace,
  body.library-workspace-open .workspace {
    grid-template-columns: 300px minmax(0, 1fr) !important;
    gap: 14px !important;
    height: calc(100dvh - 76px) !important;
    max-height: calc(100dvh - 76px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  body.dock-open .workspace {
    grid-template-columns: 300px minmax(0, 1fr) var(--dock-width, 380px) !important;
  }
  body.sidebar-collapsed .workspace {
    grid-template-columns: 52px minmax(0, 1fr) !important;
  }
  body.sidebar-collapsed.dock-open .workspace {
    grid-template-columns: 52px minmax(0, 1fr) var(--dock-width, 380px) !important;
  }
  .workspace > #workspace-sidebar {
    grid-column: 1 !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    padding: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
  }
  body.sidebar-collapsed .workspace > #workspace-sidebar {
    grid-template-columns: 52px !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
  }
  .workspace > .conversation-panel,
  .schedule-workspace,
  .media-workspace,
  .library-workspace {
    grid-column: 2 !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    width: 100% !important;
  }
  body.dock-open .workspace > #dock {
    grid-column: 3 !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
  }
}

#anyki-left-rail {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 10px 4px 12px 4px;
  border-right: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(8, 13, 22, 0.55);
  height: 100%;
  box-sizing: border-box;
}
.anyki-rail-top, .anyki-rail-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
}
.anyki-rail-btn {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  border: 0;
  background: transparent;
  color: var(--muted, #9fb0c3);
  display: grid;
  place-items: center;
  cursor: pointer;
  padding: 0;
}
.anyki-rail-btn:hover, .anyki-rail-btn.is-active {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.anyki-rail-btn svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 1.75;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#anyki-drawer-col {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  padding: 10px 8px 8px;
  box-sizing: border-box;
}
body.sidebar-collapsed #anyki-drawer-col {
  display: none !important;
}

/* + New chat and Search Magnifying Glass on ONE single top row */
#workspace-sidebar .feature-nav {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  padding: 0 4px 6px 4px !important;
}
#workspace-sidebar .feature-nav > button:not(#new-conversation-button):not(#search-nav) {
  display: none !important;
}
#workspace-sidebar .feature-nav > #new-conversation-button {
  flex: 1 1 auto !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  font-size: 13px !important;
}
#workspace-sidebar .feature-nav > #search-nav {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  justify-content: center !important;
}
#workspace-sidebar .feature-nav > #search-nav .nav-label {
  display: none !important;
}

/* Sidebar Projects & Recents Collapsible Headers */
.anyki-projects-sec-head,
.anyki-recents-head,
.pinned-section > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 6px 8px 3px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: var(--muted, #8fa3ba) !important;
}
.anyki-sec-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: transparent;
  color: var(--muted, #8fa3ba);
  font: inherit;
  font-size: 11.5px;
  font-weight: 600;
  padding: 0;
  cursor: pointer;
}
.anyki-sec-toggle:hover { color: #ffffff; }
.anyki-sec-arrow {
  display: inline-block;
  font-size: 10px;
  transition: transform 0.15s ease;
}
.anyki-sec-toggle[aria-expanded="true"] .anyki-sec-arrow {
  transform: rotate(90deg);
}
#anyki-projects-tree-list[hidden],
#recents-list[hidden],
.anyki-sidebar-hidden {
  display: none !important;
}
/* Hide any numeric count badge inside #recents-tab without deleting its DOM nodes */
#recents-count,
#recents-tab .count,
#recents-tab small {
  display: none !important;
}

.anyki-folder-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 6px 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--text, #e5eef7);
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.anyki-folder-btn:hover, .anyki-folder-btn.is-active {
  background: rgba(255, 255, 255, 0.08);
}
.anyki-folder-btn svg {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  stroke: currentColor;
  stroke-width: 1.7;
  fill: none;
}
.anyki-folder-chats {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding-left: 22px;
  margin: 1px 0 3px;
}
.anyki-folder-chats[hidden] { display: none !important; }
.anyki-folder-chat-item {
  display: block;
  width: 100%;
  padding: 5px 8px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--muted, #b5c4d4);
  font: inherit;
  font-size: 12.5px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.anyki-folder-chat-item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

/* 4. Locked, Clean Composer Box (Never stretches vertically or disappears!) + Drag-and-Drop highlight */
.conversation-panel {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  overflow: hidden !important;
}
.conversation-panel > .conversation-content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 18px 20px 20px 20px !important;
}
.composer {
  flex: 0 0 auto !important;
  max-width: 760px !important;
  width: calc(100% - 32px) !important;
  margin: 0 auto 14px auto !important;
  padding: 10px 14px !important;
  border-radius: 20px !important;
  background: rgba(18, 26, 38, 0.92) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}
.composer.anyki-drag-over {
  border-color: #4cd6a3 !important;
  box-shadow: 0 0 0 2px rgba(76, 214, 163, 0.35), 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}
.composer textarea,
#prompt-input {
  resize: none !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 150px !important;
  overflow-y: auto !important;
  font-size: 14.5px !important;
  line-height: 1.45 !important;
  padding: 4px 6px !important;
  background: transparent !important;
  border: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.composer-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding-top: 6px !important;
  flex-wrap: nowrap !important;
}

/* Clean Green Tick Online Button + Repo Selector Dropdown inside Composer */
.anyki-online-tick-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(76, 214, 163, 0.4) !important;
  background: rgba(76, 214, 163, 0.13) !important;
  color: #6bf0be !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
}
.anyki-online-tick-btn[data-online="false"] {
  border-color: rgba(255, 255, 255, 0.15) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--muted, #9fb0c3) !important;
}
.anyki-repo-select {
  max-width: 175px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(15, 23, 35, 0.9);
  color: #e4eef8;
  font-size: 12px;
  cursor: pointer;
}
body:not(.coding-chats) .anyki-repo-select {
  display: none !important;
}

/* 5. Clipboard Copy Button & Draggable File Chips After Every Chat Answer */
.anyki-msg-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.anyki-copy-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: var(--muted, #b4c3d4);
  font-size: 11.5px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.anyki-copy-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.anyki-drag-file-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 11px;
  border-radius: 8px;
  border: 1px solid rgba(125, 233, 223, 0.35);
  background: rgba(125, 233, 223, 0.1);
  color: #b8f7f0;
  font-size: 12px;
  font-weight: 500;
  cursor: grab;
  user-select: none;
  text-decoration: none;
}
.anyki-drag-file-chip:active {
  cursor: grabbing;
}
.anyki-drag-file-chip:hover {
  background: rgba(125, 233, 223, 0.2);
  color: #ffffff;
}

/* 6. Inline Customize (Plugins & Skills) View */
body.ps-inline-open .workspace > .conversation-panel { display: none !important; }
body.ps-inline-open #anyki-drawer-col > *:not(#anyki-ps-sidebar-slot) { display: none !important; }
#anyki-ps-sidebar-slot { display: none; flex-direction: column; height: 100%; min-height: 0; overflow: hidden; }
body.ps-inline-open #anyki-ps-sidebar-slot { display: flex !important; }
#plugins-skills-dialog.ps-inline-workspace {
  position: static !important;
  grid-column: 2 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 24px 36px !important;
  border-radius: 16px !important;
  background: rgba(11, 18, 28, 0.9) !important;
  border: 1px solid var(--line, #303a48) !important;
  box-shadow: none !important;
  overflow-y: auto !important;
  display: none !important;
}
body.ps-inline-open #plugins-skills-dialog.ps-inline-workspace {
  display: flex !important;
  flex-direction: column !important;
}
#plugins-skills-dialog.ps-inline-workspace > .modal-heading { display: none !important; }
#plugins-skills-dialog.ps-inline-workspace .ps-layout { display: block !important; }

/* Custom Right-Click Menu */
.anyki-ctx-menu {
  position: fixed;
  z-index: 999999;
  min-width: 195px;
  padding: 6px;
  border-radius: 11px;
  background: rgba(16, 23, 34, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(16px);
  color: #eef4fb;
  font-size: 12.5px;
}
.anyki-ctx-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 7px 10px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.anyki-ctx-item:hover { background: rgba(255, 255, 255, 0.1); }

/* === SIDEBAR TOP SEARCH MORPH, INLINE ARROWS & WALLET OVERLAY === */

/* 1. Hide redundant bottom-drawer Jamie account menu, wallet text line, and old Hide buttons */
#workspace-sidebar .sidebar-footer,
.account-menu,
#wallet-line,
.pinned-hide-btn,
#anyki-proj-hide-btn,
#anyki-recents-actions {
  display: none !important;
}

/* 2. Top Row of Sidebar: 'New chat' (no +, same font size as sidebar) + Search Magnifying Glass */
#workspace-sidebar .feature-nav {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  padding: 2px 4px 8px 4px !important;
  min-height: 36px !important;
}
/* Hide every button in .feature-nav except #new-conversation-button and #search-nav */
#workspace-sidebar .feature-nav > *:not(#new-conversation-button):not(#search-nav):not(#anyki-top-search-bar) {
  display: none !important;
}
#workspace-sidebar .feature-nav > #new-conversation-button {
  flex: 1 1 auto !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 8px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: var(--text, #e4edf6) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
}
/* Hide the + SVG icon inside New chat so it is clean text matching the rest of the sidebar */
#workspace-sidebar .feature-nav > #new-conversation-button svg,
#workspace-sidebar .feature-nav > #new-conversation-button > span:not(.nav-label) {
  display: none !important;
}
#workspace-sidebar .feature-nav > #search-nav {
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 8px !important;
}
#workspace-sidebar .feature-nav > #search-nav .nav-label {
  display: none !important;
}

/* When Search is active, hide New chat & magnifying glass and show full-width top search bar */
#workspace-sidebar .feature-nav.search-mode-active > #new-conversation-button,
#workspace-sidebar .feature-nav.search-mode-active > #search-nav {
  display: none !important;
}
#anyki-top-search-bar {
  display: none;
  align-items: center;
  gap: 6px;
  width: 100%;
  height: 32px;
  padding: 0 8px;
  border-radius: 8px;
  background: rgba(10, 16, 26, 0.85);
  border: 1px solid rgba(125, 233, 223, 0.4);
  box-sizing: border-box;
}
#workspace-sidebar .feature-nav.search-mode-active > #anyki-top-search-bar {
  display: flex !important;
}
#anyki-top-search-bar input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 12.5px !important;
  padding: 0 !important;
  outline: none !important;
}
#anyki-top-search-bar button {
  border: 0;
  background: transparent;
  color: var(--muted, #9fb0c3);
  font-size: 15px;
  line-height: 1;
  padding: 0 2px;
  cursor: pointer;
}
#anyki-top-search-bar button:hover {
  color: #ffffff;
}
#nav-search {
  display: none !important;
}

/* 3. Fix Pinned, Projects, and Recents Headers so Arrow and Title sit strictly on ONE horizontal line */
.pinned-section > summary,
.anyki-projects-sec-head,
.anyki-recents-head {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 6px 8px 4px 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--muted, #8fa3ba) !important;
  cursor: pointer !important;
  user-select: none !important;
}
.pinned-section > summary {
  justify-content: flex-start !important;
  gap: 6px !important;
}
#recents-tab,
.recents-toggle,
#anyki-proj-collapse-btn {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: var(--muted, #8fa3ba) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  cursor: pointer !important;
}
#recents-tab:hover,
#anyki-proj-collapse-btn:hover,
.pinned-section > summary:hover {
  color: #ffffff !important;
}
.anyki-inline-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 10px !important;
  font-size: 10px !important;
  transition: transform 0.15s ease !important;
  flex: 0 0 10px !important;
}
[aria-expanded="true"] > .anyki-inline-arrow {
  transform: rotate(90deg) !important;
}

/* Match all sidebar item text sizes (12.5px) */
#workspace-sidebar .recent-open strong,
#workspace-sidebar .pinned-open,
.anyki-folder-btn {
  font-size: 12.5px !important;
  font-weight: 400 !important;
}

/* 4. Wallet Hover/Click Popover Overlay above Settings on Far-Left Rail */
.anyki-wallet-popover {
  position: fixed;
  left: 58px;
  bottom: 52px;
  z-index: 999999;
  min-width: 235px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(14, 21, 32, 0.98);
  border: 1px solid rgba(125, 233, 223, 0.35);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(16px);
  color: #eef5fc;
  display: none;
  flex-direction: column;
  gap: 8px;
}
.anyki-wallet-popover.is-open {
  display: flex !important;
}
.anyki-wallet-popover-eyebrow {
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8fa3ba;
  font-weight: 600;
}
.anyki-wallet-popover-amount {
  font-size: 24px;
  font-weight: 700;
  color: #4cd6a3;
  letter-spacing: -0.02em;
}
.anyki-wallet-popover-sub {
  font-size: 12px;
  color: #9fb0c3;
}
.anyki-wallet-popover-actions {
  display: flex;
  gap: 6px;
  margin-top: 4px;
}
.anyki-wallet-popover-actions button {
  flex: 1;
  padding: 5px 8px;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.06);
  color: #e4eef8;
  font-size: 11.5px;
  cursor: pointer;
}
.anyki-wallet-popover-actions button:hover {
  background: rgba(255, 255, 255, 0.14);
}

/* === MOBILE PHONE RESPONSIVE OVERRIDES === */

/* Hide content protection / daemon warnings on mobile */
.content-protection-warning,
.turn-status:has(.turn-text:empty),
p:has(> .status-dot.danger),
.conversation-panel .inline-error,
#connection-banner {
  display: none !important;
}

@media (max-width: 768px) {
  /* Header: Clean layout for phone screens */
  .masthead {
    height: 52px !important;
    min-height: 52px !important;
    padding: 6px 12px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
  .masthead .brand {
    font-size: 14px !important;
    margin-right: 0 !important;
  }
  .anyki-top-mode-pill {
    position: static !important;
    transform: none !important;
    padding: 2px !important;
  }
  .anyki-top-mode-pill button {
    padding: 4px 12px !important;
    font-size: 12px !important;
  }
  .anyki-right-toolbar {
    margin-left: 0 !important;
    padding: 2px !important;
  }
  .anyki-right-toolbar button {
    width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
  }

  /* Full screen dock on mobile (Fix image_f87378.jpg) */
  #dock,
  .dock,
  .browser-live-panel {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    z-index: 99999 !important;
    border-radius: 0 !important;
    border: 0 !important;
    background: rgba(12, 18, 28, 0.98) !important;
  }
  .dock-body {
    padding: 12px !important;
    height: calc(100dvh - 54px) !important;
  }

  /* Composer padding on mobile */
  .composer {
    width: calc(100% - 16px) !important;
    margin: 0 auto 8px auto !important;
    padding: 8px 12px !important;
    border-radius: 16px !important;
  }
  .composer textarea {
    font-size: 15px !important;
    min-height: 40px !important;
  }
}

/* === PRECISION SIDEBAR & DANIEL FIX CSS === */

/* 1. HIDE REPO SELECTOR IN CHAT MODE (Only show when Code mode is active!) */
body:not(.coding-chats) #anyki-custom-repo-wrap,
body:not(.coding-chats) .anyki-custom-repo-wrap,
body:not(.coding-chats) select.anyki-repo-select,
body:not(.coding-chats) #anyki-repo-picker,
body:not(.coding-chats) #anyki-composer-subtray {
  display: none !important;
}

/* 2. HIDE PINNED SECTION WHEN EMPTY */
.pinned-section.is-empty-pinned {
  display: none !important;
}

/* 3. EXACT 07.14.53.PNG FLAT 'New chat' & 'Daniel' ROWS (Zero button boxes, zero 'CEO' tag!) */
#workspace-sidebar .feature-nav,
#anyki-daniel-sidebar-row,
#anyki-top-drawer-nav {
  display: none !important;
}

#anyki-clean-top-nav {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  padding: 2px 4px 8px 4px !important;
  margin-bottom: 4px !important;
  width: 100 !important;
  box-sizing: border-box !important;
}

.anyki-flat-row {
  all: unset !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 8px !important;
  border-radius: 7px !important;
  color: #e3e3e3 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}
.anyki-flat-row:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}
.anyki-flat-row.is-active {
  background: rgba(255, 255, 255, 0.09) !important;
  color: #ffffff !important;
}
.anyki-flat-row-left {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.anyki-flat-row-left svg {
  width: 15px !important;
  height: 15px !important;
  stroke: #b4c0ce !important;
  stroke-width: 1.75 !important;
  fill: none !important;
  flex: 0 0 15px !important;
}
.anyki-flat-row-left img {
  width: 17px !important;
  height: 17px !important;
  max-width: 17px !important;
  max-height: 17px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  flex: 0 0 17px !important;
}
.anyki-flat-search-btn {
  all: unset !important;
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 5px !important;
  color: #8fa3ba !important;
  cursor: pointer !important;
}
.anyki-flat-search-btn:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}
.anyki-flat-search-btn svg {
  width: 13.5px !important;
  height: 13.5px !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  fill: none !important;
}

#anyki-flat-search-input-wrap {
  display: none;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 8px;
  margin: 2px 4px 4px 4px;
  border-radius: 7px;
  background: rgba(10, 16, 26, 0.85);
  border: 1px solid rgba(125, 233, 223, 0.35);
}
#anyki-flat-search-input-wrap.is-open {
  display: flex !important;
}
#anyki-flat-search-input-wrap input {
  all: unset !important;
  flex: 1 !important;
  color: #ffffff !important;
  font-size: 12px !important;
}

/* 4. Format 'Pinned ›', 'Projects ›', 'Recents ›' cleanly like 07.14.53.png */
.pinned-section > summary,
.anyki-projects-sec-head,
.anyki-recents-head,
#anyki-proj-collapse-btn,
#recents-tab,
.recents-toggle {
  all: unset !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #8fa3ba !important;
  padding: 5px 8px !important;
  cursor: pointer !important;
}
.anyki-projects-sec-head {
  display: flex !important;
  justify-content: space-between !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
/* Put chevron arrow AFTER the section title ('Projects ›', 'Recents ›') */
.pinned-section > summary .anyki-inline-arrow,
#anyki-proj-collapse-btn .anyki-inline-arrow,
#recents-tab .anyki-inline-arrow {
  order: 2 !important;
  font-size: 10px !important;
  opacity: 0.75 !important;
}

/* 5. Center Daniel: Visible 140px Circle, Zero Square Box, Zero Hover Border */
#voice-orb-shell,
.voice-orb-shell,
#voice-orb,
.voice-orb {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 8px auto !important;
}
#voice-orb img,
.voice-orb img,
.voice-orb-image {
  display: block !important;
  width: 140px !important;
  height: 140px !important;
  max-width: 140px !important;
  max-height: 140px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
}
.voice-orb-caption,
#voice-orb-caption,
#voice-orb-shell span,
#voice-orb-shell small {
  display: none !important;
}

/* 6. Fix Ugly Grey Windows Buttons inside Voice Studio Popover (07.16.45.jpg) */
#anyki-helpers-popover select,
#anyki-helpers-popover button {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-color: rgba(20, 30, 46, 0.95) !important;
  color: #e6edf5 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 8px !important;
  padding: 7px 10px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
}
#anyki-helpers-popover button:hover {
  background-color: rgba(125, 233, 223, 0.16) !important;
  border-color: rgba(125, 233, 223, 0.4) !important;
  color: #ffffff !important;
}
#anyki-helpers-popover select option {
  background-color: #0f1724 !important;
  color: #ffffff !important;
}

/* === ROOT CAUSE FINAL FIX CSS === */

/* 1. HIDE PINNED SECTION COMPLETELY WHEN EMPTY */
.pinned-section:has(.empty-note),
.pinned-section:has(#pinned-list:empty),
.pinned-section.is-empty-pinned,
#workspace-sidebar .pinned-section[data-empty="true"] {
  display: none !important;
}

/* 2. FIX FIBRE-OPTIC BACKGROUND: Crisp, rich contrast (NO milky washout on .conversation-panel!) */
.conversation-panel {
  background: transparent !important;
}
.conversation-panel canvas,
.workspace canvas,
body > canvas,
#background-canvas,
.background-waves,
.fiber-optic-bg {
  filter: brightness(1.18) saturate(1.35) contrast(1.12) !important;
  opacity: 0.92 !important;
}

/* 3. BRIGHT ARCADE BLUE PAC-MAN GHOST (No ugly box, real glowing cyan/blue ghost with eyes!) */
#anyki-helpers-menu-btn,
#anyki-helpers-popover {
  display: none !important;
}
#anyki-ghost-wrap {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 10px !important;
  margin-right: auto !important;
}
#anyki-ghost-btn {
  all: unset !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-grid !important;
  place-items: center !important;
  cursor: pointer !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transition: transform 0.16s ease, filter 0.16s ease !important;
  filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.85)) !important;
}
#anyki-ghost-btn:hover {
  transform: scale(1.15) !important;
  filter: drop-shadow(0 0 12px rgba(0, 229, 255, 1)) !important;
}
#anyki-ghost-btn svg {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
}

/* 4. SHRINK CENTER DANIEL TO 96PX & KILL ALL SPEECH BUBBLES ('Hurry up, ya little sap ye', 'Tap to talk') */
.conversation-panel img:not(.message img):not(.turn-card img),
#voice-orb img,
.voice-orb img,
.voice-orb-image,
.hero-avatar,
#avatar-image,
.avatar-stage img,
.voice-avatar-card img {
  width: 96px !important;
  height: 96px !important;
  max-width: 96px !important;
  max-height: 96px !important;
  min-width: 96px !important;
  min-height: 96px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1.5px solid rgba(0, 229, 255, 0.3) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
  margin: 0 auto !important;
  display: block !important;
}

/* Hide 'Hurry up, ya little sap ye.' bubble and 'Tap to talk' caption around center Daniel */
#voice-orb-caption,
.voice-orb-caption,
.avatar-speech-bubble,
.speech-bubble,
.voice-bubble,
.orb-bubble,
.empty-state p,
.empty-state span,
.empty-state small,
#voice-orb-shell span,
#voice-orb-shell p,
#voice-orb-shell small,
#voice-orb-shell div:not(:has(img)):not(:has(button)) {
  display: none !important;
}

/* 5. PHONE / MOBILE LAYOUT (<= 768px): Clean Off-Canvas Drawer, Compact 80px Daniel, Docked Composer */
@media (max-width: 768px) {
  .masthead {
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 10px !important;
  }
  .masthead .brand small {
    display: none !important;
  }
  .anyki-top-mode-pill {
    position: static !important;
    transform: none !important;
    margin: 0 auto !important;
  }
  .anyki-top-mode-pill button {
    padding: 4px 12px !important;
    font-size: 12px !important;
  }
  .workspace,
  body.dock-open .workspace,
  body.sidebar-collapsed .workspace {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    height: calc(100dvh - 48px) !important;
    max-height: calc(100dvh - 48px) !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  /* Hide sidebar off-canvas on phone unless toggled open */
  .workspace > #workspace-sidebar {
    position: fixed !important;
    top: 48px !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 270px !important;
    max-width: 82vw !important;
    z-index: 99999 !important;
    transform: translateX(-105%) !important;
    transition: transform 0.22s ease !important;
    border-radius: 0 14px 14px 0 !important;
  }
  body:not(.sidebar-collapsed) .workspace > #workspace-sidebar.mobile-open {
    transform: translateX(0) !important;
  }
  .workspace > .conversation-panel {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    border: 0 !important;
  }
  .conversation-panel > .conversation-content {
    padding: 10px 12px 90px 12px !important;
  }
  /* Smaller 80px Daniel on phone screens */
  .conversation-panel img:not(.message img):not(.turn-card img),
  #voice-orb img,
  .voice-orb-image {
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
  }
  /* Docked mobile composer pill */
  .composer {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border-radius: 22px !important;
    z-index: 9999 !important;
  }
  .composer textarea,
  #prompt-input {
    height: 34px !important;
    min-height: 34px !important;
    font-size: 14px !important;
  }
}

/* === PERMANENTLY KILL NATIVE SELECT REPO DROPDOWN === */
select#anyki-repo-picker,
select.anyki-repo-select,
.composer-toolbar select {
  display: none !important;
}

/* Sleek Dark-Glass Repo Pill (Matches '✓ Online' and 'laguna-v2.1' pill style) */

#anyki-sleek-repo-wrap {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}
#anyki-sleek-repo-btn {
  all: unset !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 26px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: rgba(16, 24, 36, 0.9) !important;
  color: #dce7f3 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}
#anyki-sleek-repo-btn:hover {
  background: rgba(125, 233, 223, 0.12) !important;
  border-color: rgba(125, 233, 223, 0.4) !important;
  color: #ffffff !important;
}
#anyki-sleek-repo-btn svg {
  width: 13px !important;
  height: 13px !important;
  stroke: #7de9df !important;
  stroke-width: 1.8 !important;
  fill: none !important;
}
#anyki-sleek-repo-menu {
  position: absolute !important;
  left: 0 !important;
  bottom: calc(100% + 8px) !important;
  min-width: 205px !important;
  padding: 6px !important;
  border-radius: 13px !important;
  background: rgba(12, 19, 30, 0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.85) !important;
  backdrop-filter: blur(20px) !important;
  display: none;
  flex-direction: column !important;
  gap: 2px !important;
  z-index: 999999 !important;
}
#anyki-sleek-repo-menu.is-open {
  display: flex !important;
}
.anyki-sleek-repo-opt {
  all: unset !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 10px !important;
  border-radius: 8px !important;
  color: #dce7f3 !important;
  font-size: 12.5px !important;
  cursor: pointer !important;
}
.anyki-sleek-repo-opt:hover {
  background: rgba(125, 233, 223, 0.14) !important;
  color: #ffffff !important;
}
.anyki-sleek-repo-opt svg {
  width: 14px !important;
  height: 14px !important;
  stroke: #8fa3ba !important;
  stroke-width: 1.75 !important;
  fill: none !important;
}

/* === LOCK STABLE DANIEL (NO CIRCLE, NO GLITCH) === */
#anyki-clean-center-daniel-wrap,
#anyki-clean-center-daniel-wrap > div:not(#anyki-daniel-live-bubble):not(#anyki-daniel-laser-beam) {
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  clip-path: none !important;
}

#anyki-clean-center-daniel-wrap {
  position: absolute !important;
  left: 50% !important;
  top: 41% !important;
  transform: translate(-50%, -50%) !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 30 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  transition: none !important;
}

#anyki-clean-center-daniel-wrap.is-docked-left {
  left: 18px !important;
  top: 18px !important;
  transform: translate(0, 0) !important;
}

/* Rocket to the moon and LAND on it: fly up in an arc to #anyki-svg-moon, then sit small on top, still visible. */
#anyki-clean-center-daniel-wrap.is-on-moon {
  left: var(--moon-left, calc(100% - 40px)) !important;
  top: var(--moon-top, 20px) !important;
  transform: translate(-50%, -100%) scale(0.26) rotate(-12deg) !important;
  opacity: 1 !important;
  animation: anyki-rocket-arc 1.1s cubic-bezier(0.22, 1, 0.36, 1) both !important;
  transition: left 1.1s cubic-bezier(0.22, 1, 0.36, 1), top 1.1s cubic-bezier(0.22, 1, 0.36, 1), transform 1.1s cubic-bezier(0.22, 1, 0.36, 1) !important;
  z-index: 40 !important;
}
#anyki-clean-center-daniel-wrap.is-on-moon #anyki-single-clean-daniel {
  filter: drop-shadow(0 0 18px rgba(255, 241, 181, 0.9)) !important;
}
#anyki-clean-center-daniel-wrap.is-on-moon::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -70px !important;
  width: 46px !important;
  height: 110px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(to bottom, rgba(255,160,40,0.95), rgba(255,80,0,0.6) 50%, rgba(0,229,255,0) 100%) !important;
  border-radius: 50% 50% 60% 60% !important;
  filter: blur(4px) !important;
  animation: anyki-rocket-flame 1.1s ease-out both !important;
  pointer-events: none !important;
}
@keyframes anyki-rocket-arc {
  0%   { transform: translate(-50%, -50%) scale(1) rotate(0deg); }
  35%  { transform: translate(-50%, -140%) scale(0.75) rotate(-30deg); }
  100% { transform: translate(-50%, -100%) scale(0.26) rotate(-12deg); }
}
@keyframes anyki-rocket-flame {
  0% { opacity: 1; height: 110px; }
  80% { opacity: 1; }
  100% { opacity: 0; height: 20px; }
}
#anyki-clean-center-daniel-wrap.is-syndicate-no {
  animation: anyki-syndicate-shake 0.6s ease both !important;
}
@keyframes anyki-syndicate-shake {
  0%, 100% { transform: translate(-50%, -50%) rotate(0); }
  20% { transform: translate(-52%, -50%) rotate(-6deg); }
  40% { transform: translate(-48%, -50%) rotate(6deg); }
  60% { transform: translate(-52%, -50%) rotate(-4deg); }
  80% { transform: translate(-48%, -50%) rotate(4deg); }
}

#anyki-single-clean-daniel {
  width: var(--daniel-size, 145px) !important;
  height: var(--daniel-size, 145px) !important;
  min-width: var(--daniel-size, 145px) !important;
  min-height: var(--daniel-size, 145px) !important;
  max-width: var(--daniel-size, 145px) !important;
  max-height: var(--daniel-size, 145px) !important;
  object-fit: contain !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  pointer-events: auto !important;
  transition: none !important;
}

#anyki-clean-center-daniel-wrap.is-docked-left #anyki-single-clean-daniel {
  width: 78px !important;
  height: 78px !important;
  min-width: 78px !important;
  min-height: 78px !important;
  max-width: 78px !important;
  max-height: 78px !important;
}

#anyki-daniel-live-bubble {
  position: static !important;
  margin: 10px auto 0 auto !important;
  border-radius: 999px !important;
  pointer-events: auto !important;
}

/* === FINAL DANIEL + LAPTOP & BOT SELECTORS === */
#anyki-single-clean-daniel {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: var(--daniel-size, 145px) !important;
  height: var(--daniel-size, 145px) !important;
  object-fit: contain !important;
  /* Feathered edge mask removes outer square corners cleanly without putting him in a hard circle */
  -webkit-mask-image: radial-gradient(circle at 50% 48%, #000 58%, rgba(0,0,0,0.6) 69%, transparent 76%) !important;
  mask-image: radial-gradient(circle at 50% 48%, #000 58%, rgba(0,0,0,0.6) 69%, transparent 76%) !important;
}

#anyki-sleek-repo-wrap,
#anyki-sleek-bot-wrap {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  pointer-events: auto !important;
  z-index: 500 !important;
}

#anyki-sleek-bot-btn {
  all: unset !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 26px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: rgba(16, 24, 36, 0.92) !important;
  color: #dce7f3 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}
#anyki-sleek-bot-btn:hover {
  background: rgba(125, 233, 223, 0.14) !important;
  border-color: rgba(125, 233, 223, 0.45) !important;
  color: #ffffff !important;
}

#anyki-sleek-repo-menu,
#anyki-sleek-bot-menu {
  position: absolute !important;
  bottom: calc(100% + 8px) !important;
  min-width: 235px !important;
  max-height: 310px !important;
  overflow-y: auto !important;
  padding: 6px !important;
  border-radius: 13px !important;
  background: rgba(10, 17, 28, 0.98) !important;
  border: 1px solid rgba(125, 233, 223, 0.3) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.9) !important;
  backdrop-filter: blur(20px) !important;
  display: none;
  flex-direction: column !important;
  gap: 2px !important;
  z-index: 999999 !important;
}
#anyki-sleek-repo-menu { left: 0 !important; }
#anyki-sleek-bot-menu { right: 0 !important; }
#anyki-sleek-repo-menu.is-open,
#anyki-sleek-bot-menu.is-open {
  display: flex !important;
}

.anyki-menu-hdr {
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #6e86a0 !important;
  padding: 6px 10px 3px 10px !important;
}

/* === CLAUDE FIX 2026-10-31: no dark box around Daniel, mecha in Code mode, moon, mobile === */
/* 4. Kill the rectangular border/shadow box around the transparent Daniel PNG */
#anyki-single-clean-daniel {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 14px rgba(0, 229, 255, 0.45)) drop-shadow(0 10px 18px rgba(0, 0, 0, 0.6)) !important;
}
/* 2. Code mode = mecha suit + red laser glow */
body.coding-chats #anyki-single-clean-daniel,
#anyki-single-clean-daniel.is-mecha {
  border: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 0 16px rgba(255, 23, 68, 0.6)) drop-shadow(0 10px 18px rgba(0, 0, 0, 0.6)) !important;
}
body.coding-chats #anyki-daniel-laser-beam {
  display: block !important;
  opacity: 1 !important;
}
/* 3. Moon in the top-right corner of the conversation panel */
#anyki-svg-moon {
  position: absolute !important;
  top: 14px !important;
  right: 18px !important;
  width: 46px !important;
  height: 46px !important;
  display: block !important;
  z-index: 6 !important;
  pointer-events: none !important;
  opacity: 0.92 !important;
  filter: drop-shadow(0 0 12px rgba(255, 241, 181, 0.55)) !important;
  transition: filter 0.4s ease, transform 0.4s ease !important;
}
body.daniel-on-moon #anyki-svg-moon {
  filter: drop-shadow(0 0 24px rgba(0, 229, 255, 0.95)) !important;
  transform: scale(1.15) !important;
}
/* 5. iPhone / phone layout */
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
  .masthead {
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }
  #anyki-phone-menu-btn,
  #anyki-mobile-menu-btn {
    display: inline-grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    margin-right: 4px !important;
  }
  #anyki-svg-moon {
    width: 34px !important;
    height: 34px !important;
    top: 10px !important;
    right: 12px !important;
  }
  #anyki-clean-center-daniel-wrap {
    max-width: 92vw !important;
  }
  #anyki-single-clean-daniel {
    width: min(var(--daniel-size, 145px), 38vw) !important;
    height: min(var(--daniel-size, 145px), 38vw) !important;
    max-width: 38vw !important;
    max-height: 38vw !important;
  }
  #anyki-daniel-laser-beam {
    width: 120px !important;
  }
  .composer {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    max-width: calc(100vw - 16px) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border-radius: 22px !important;
    z-index: 9999 !important;
    overflow: hidden !important;
  }
  .composer textarea,
  #prompt-input {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}
@media (min-width: 769px) {
  #anyki-phone-menu-btn,
  #anyki-mobile-menu-btn { display: none !important; }
}

/* === CLAUDE FIX 2026-10-31 (round 2): no repo pill in Chat mode, one hamburger on phone === */
body:not(.coding-chats) #anyki-sleek-repo-wrap,
body:not(.coding-chats) #anyki-sleek-repo-btn,
body:not(.coding-chats) #anyki-sleek-repo-menu {
  display: none !important;
}
@media (max-width: 768px) {
  #anyki-phone-menu-btn,
  #anyki-mobile-menu-btn { display: none !important; }
  #sidebar-toggle {
    display: inline-grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
  }
  #anyki-mobile-backdrop {
    position: fixed !important;
    inset: 48px 0 0 0 !important;
    background: rgba(0, 0, 0, 0.55) !important;
    z-index: 99998 !important;
    display: none !important;
  }
  #anyki-mobile-backdrop.is-open { display: block !important; }
  .workspace > #workspace-sidebar.mobile-open {
    transform: translateX(0) !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .masthead .anyki-right-toolbar button,
  .masthead .icon-button { width: 34px !important; height: 34px !important; min-height: 34px !important; }
  .composer { max-height: 46vh !important; }
}

/* 2026-10-31: desktop masthead was clipping the "Any K-i?" brand at the top edge; let the row size to its content. */
@media (min-width: 801px) {
  .masthead { height: auto !important; min-height: 72px !important; overflow: visible !important; align-items: center !important; padding-top: 8px !important; padding-bottom: 8px !important; }
  .masthead .brand, .masthead .brand * { overflow: visible !important; line-height: 1.15 !important; }
  .app-shell { padding-top: 0 !important; margin-top: 0 !important; transform: none !important; }
}

/* 31 Oct: no square/rounded box around centre Daniel — kill every border/outline/shadow on the centre stage candidates. */
#anyki-clean-center-daniel-wrap, #anyki-clean-center-daniel-wrap > *:not(#anyki-daniel-live-bubble), #anyki-clean-center-daniel-wrap img,
.horse-avatar-button, .horse-avatar-button:hover, .horse-avatar-button:focus, .horse-avatar-button:focus-visible, .horse-avatar-button[aria-pressed=true],
.welcome, .welcome-emblem, .work-focus-hub, .work-focus-hub.has-mascot, .horse-avatar-power, .conversation-content > .welcome > * {
  border: 0 !important; border-color: transparent !important; outline: 0 !important; box-shadow: none !important; background-image: none !important;
}
.horse-avatar-power { display: none !important; }
#anyki-daniel-live-bubble { white-space: pre-line !important; max-width: 340px !important; font-size: 14px !important; }

/* 31 Oct: model menu — solid #11131a, ordered Ultra → Laptop by model-menu.js; Escodebars (squad) outlined gold as BEST FREE. */
#anyki-sleek-bot-menu, #anyki-sleek-repo-menu, .mode-picker-menu { background: #11131a !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; z-index: 9999 !important; border-color: rgba(160,210,225,.32) !important; }
#anyki-sleek-bot-menu .anyki-sleek-repo-opt.is-best-free { position: relative; margin: 4px 0; border: 1.5px solid #eab308 !important; border-radius: 8px; background: rgba(234,179,8,.09) !important; box-shadow: 0 0 0 1px rgba(234,179,8,.22), 0 0 18px rgba(234,179,8,.38), inset 0 0 14px rgba(234,179,8,.08); }
#anyki-sleek-bot-menu .anyki-sleek-repo-opt.is-best-free:hover { background: rgba(234,179,8,.16) !important; }
#anyki-sleek-bot-menu .anyki-sleek-repo-opt.is-best-free span { color: #ffe9a8; }
.anyki-best-free { display: inline-block; margin-left: 8px; padding: 2px 7px; border-radius: 99px; background: #eab308; color: #15120a; font: 800 9.5px/1.3 system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; box-shadow: 0 0 10px rgba(234,179,8,.6); vertical-align: middle; }
/* Fibre-optic lines: completely off (Jamie, 31 Oct 16:10). */
#anyki-connected-fibre-canvas, #fibre-canvas { display: none !important; }

/* 31 Oct: while the Syndicate stage is up (Code mode), centre Daniel steps aside — the crew is the centre. */
body.syn-code-mode #anyki-clean-center-daniel-wrap:not(.is-docked-left):not(.is-on-moon) { display: none !important; }
#syndicate-stage .syn-room img, #syndicate-stage .syn-skin img, #syndicate-stage img.syn-bg, body.syn-code-mode #syndicate-stage img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; border-radius: 0 !important; object-fit: fill !important; }


/* === 31 Oct composer layout (Jamie): + far left, model picker next, Send far right === */
.composer-toolbar{display:flex!important;flex-wrap:nowrap!important;align-items:center!important}
.composer-toolbar>.attachment-picker,.composer-toolbar>#attach-images-button{order:-3!important}
#anyki-sleek-bot-wrap{order:-2!important}
#anyki-online-tick{order:-1!important}
.composer-toolbar>.composer-context{order:0!important;flex:1 1 auto!important;min-width:0!important}
.composer-toolbar>.composer-actions{order:99!important;margin-left:auto!important}
/* Repo pill removed from the composer (projects live in the sidebar) */
#anyki-sleek-repo-wrap{display:none!important}
/* Online toggle only makes sense on the laptop; on the cloud/phone you're always online */
body.anyki-remote #anyki-online-tick,body.anyki-remote #network-toggle,body.anyki-remote #enable-online-button{display:none!important}
/* Dictate button becomes the Stop button while recording */
#dictation-button.is-recording{background:#d33a3a!important;color:#fff!important;border-color:#ff6b6b!important;animation:anyki-rec-pulse 1.2s ease-in-out infinite}
#dictation-button.is-recording span::after{content:" (stop)"}
@keyframes anyki-rec-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,80,80,.55)}50%{box-shadow:0 0 0 7px rgba(255,80,80,0)}}
/* Moon only shows while Daniel is flying to it / sitting on it */
#anyki-svg-moon{opacity:0!important;transition:opacity .4s ease,filter .4s ease,transform .4s ease!important}
body.daniel-on-moon #anyki-svg-moon,body.daniel-flying #anyki-svg-moon{opacity:.95!important}
/* Blue ghost idles side to side until clicked */
@keyframes anyki-ghost-drift{0%,100%{transform:translateX(-5px)}50%{transform:translateX(5px)}}
#anyki-ghost-btn{animation:anyki-ghost-drift 3.4s ease-in-out infinite}
#anyki-ghost-btn:hover{animation-play-state:paused}
body.daniel-on-moon #anyki-ghost-btn{animation:none}
/* === 31 Oct phone fit: toolbar wraps, Send never clipped, touch targets >=44px === */
@media (max-width:800px){
.composer-toolbar{flex-wrap:wrap!important;row-gap:8px;column-gap:6px;max-width:100%}
.composer-toolbar>.composer-context{flex:1 1 100%!important;order:-1!important;min-width:0!important}
.composer-toolbar>.composer-actions{flex:0 0 auto;margin-left:auto!important}
.composer-toolbar button,.composer-toolbar select{min-height:44px;min-width:44px}
.composer{box-sizing:border-box;max-width:100%;overflow:hidden}
}
/* === 31 Oct phone: no mascot flip-flop while squad selected; top buttons tap cleanly === */
body.anyki-squad-selected #anyki-single-clean-daniel,body.anyki-squad-selected #anyki-daniel-laser-beam,body.anyki-squad-selected [data-mecha-mascot]{display:none!important}
@media (max-width:800px){
#anyki-single-clean-daniel,#anyki-clean-center-daniel-wrap{transition:none!important;animation-duration:0s!important}
.masthead button,.masthead [role=button],#anyki-top-chat,#anyki-top-code{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px}
}
/* === 31 Oct phone: Daniel keeps ONE size (no small->big jump), "Animation loading" label hidden === */
@media (max-width:800px){
#anyki-single-clean-daniel{width:190px!important;height:190px!important;min-width:190px!important;min-height:190px!important;max-width:190px!important;max-height:190px!important}
.horse-avatar-availability,.horse-avatar-label{display:none!important}
#anyki-clean-center-daniel-wrap{top:38%!important}
}
/* === 31 Oct phone: visible menu button opens projects/recents/plugins drawer; composer never wider than screen === */
@media (max-width:800px){
body .masthead>#sidebar-toggle.sidebar-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;order:-2;position:relative;z-index:60;touch-action:manipulation}
html,body{max-width:100vw;overflow-x:hidden}
.composer,.composer-footnote{left:8px!important;right:8px!important;width:auto!important;max-width:calc(100vw - 16px)!important;box-sizing:border-box}
#workspace-sidebar.mobile-open{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;width:min(86vw,340px)!important;z-index:2000!important;overflow-y:auto}
}
@media (max-width:800px){
#mobile-workspace-drawer[open]{display:flex!important;position:fixed;inset:0 auto 0 0;width:min(88vw,360px);height:100dvh;max-height:100dvh;margin:0;padding:0;z-index:3000;overflow:hidden}
#mobile-workspace-drawer .mobile-drawer-content,#mobile-workspace-drawer #mobile-workspace-slot{width:100%;height:100%;overflow-y:auto}
#mobile-workspace-drawer #workspace-sidebar{display:flex!important;position:static!important;width:100%!important;transform:none!important;visibility:visible!important;opacity:1!important}
.masthead{flex-wrap:nowrap;overflow:hidden}
.masthead .brand{min-width:0;flex:0 1 auto}
}
@media (max-width:800px){
#mobile-workspace-drawer #anyki-left-rail{flex-direction:row!important;flex-wrap:wrap!important;height:auto!important;width:100%!important;gap:6px!important;padding:8px!important;justify-content:flex-start!important;position:static!important}
#mobile-workspace-drawer #anyki-left-rail button{width:44px!important;height:44px!important;flex:0 0 44px!important}
#mobile-workspace-drawer #workspace-sidebar{flex-direction:column!important;height:auto!important;min-height:100%}
#mobile-workspace-drawer #anyki-drawer-col{width:100%!important;height:auto!important;overflow:visible!important;flex:1 1 auto}
}
@media (max-width:800px){
#mobile-workspace-drawer #anyki-left-rail .anyki-rail-top,#mobile-workspace-drawer #anyki-left-rail .anyki-rail-bottom{flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-start!important;width:100%!important;gap:6px!important}
#mobile-workspace-drawer #anyki-left-rail .anyki-rail-btn{width:44px!important;height:44px!important;flex:0 0 44px!important}
}
@media (max-width:800px){
.masthead .brand{flex:0 0 auto!important;max-width:64px;overflow:hidden;align-items:center}
.masthead .brand>span:not(:has(svg)):not(:has(img)),.masthead .brand .brand-name,.masthead .brand strong{display:none!important}
}
/* === 4 Nov (Jamie): Daniel is ONE fixed size, every state, so he never jumps between ~85px and ~160px.
   160px on desktop, 132px on the phone. Higher specificity than the sizes navigation.js injects later.
   The moon trip still works (it uses transform: scale on the wrap, not width). === */
html body #anyki-clean-center-daniel-wrap #anyki-single-clean-daniel,
html body #anyki-clean-center-daniel-wrap.is-docked-left #anyki-single-clean-daniel,
html body.coding-chats #anyki-clean-center-daniel-wrap #anyki-single-clean-daniel{
  width:240px!important;height:240px!important;min-width:240px!important;min-height:240px!important;max-width:240px!important;max-height:240px!important;
  flex:0 0 240px!important;transition:none!important}
html body #anyki-clean-center-daniel-wrap{min-width:240px!important}   /* 5 Nov (Jamie): bigger on the laptop (was 160px) */
@media (max-width:800px){
  html body #anyki-clean-center-daniel-wrap #anyki-single-clean-daniel,
  html body #anyki-clean-center-daniel-wrap.is-docked-left #anyki-single-clean-daniel,
  html body.coding-chats #anyki-clean-center-daniel-wrap #anyki-single-clean-daniel{
    width:132px!important;height:132px!important;min-width:132px!important;min-height:132px!important;max-width:132px!important;max-height:132px!important;flex:0 0 132px!important}
  html body #anyki-clean-center-daniel-wrap{min-width:132px!important}
}
/* 4 Nov: greeting centred under Daniel (was left-aligned in its box). */
#anyki-daniel-live-bubble { text-align: center !important; margin-left: auto !important; margin-right: auto !important; }

/* 5 Nov (Jamie): no "This chat is archived / Open refreshed chat" banner and no "Refresh now" button, ever. */
#auto-refresh-banner,.auto-refresh-banner,#refresh-now-button{display:none!important}