/* Main app model picker: expanded within the existing attachment menu. */

.chat-provider-menu .inline-picker{position:static;width:100%;min-width:0;max-width:none;box-shadow:none!important;border:0!important;background:transparent!important}

.chat-provider-menu .chat-robot-avatar img{width:24px;height:24px;display:block;object-fit:contain}

.chat-provider-menu button:focus-visible{outline:none!important;box-shadow:inset 0 0 0 1px #99ad9f}

/* Chosen direction: refine the existing attachment/model dropdown only. */

.chat-provider-menu{

 width:264px;min-width:0;max-width:calc(100vw - 24px);padding:0 8px 0 0;border:8px solid transparent!important;

 max-height:calc(100dvh - 24px);overflow-y:auto!important

}

.chat-plus-menu-item{

 min-height:44px;padding:10px 12px!important;gap:12px;border-radius:10px;

 font-family:var(--font-family);font-size:15px;font-weight:500;line-height:20px

}

.chat-plus-menu-item+.chat-plus-menu-item{margin-top:4px}

.chat-plus-menu-sep{margin:9px 12px}

.chat-plus-robot{gap:10px}

.robot-current{font-size:12px;font-weight:400;line-height:18px}

.robot-disclosure{display:flex;width:14px;height:14px;flex:none}

.chat-plus-robot .robot-disclosure svg{width:14px;height:14px}

.chat-plus-robot[aria-expanded="true"] .robot-disclosure{transform:rotate(180deg)}

.chat-robot-picker.inline-picker{padding:0;margin:6px 0 0}

.inline-picker.open{display:flex;flex-direction:column;gap:6px}

.inline-picker .chat-robot-option{

 min-height:60px;padding:10px 12px;gap:12px;border-radius:10px;

 border:0;font-family:var(--font-family)

}

.inline-picker .chat-robot-name{

 font-family:var(--font-family);font-size:15px;font-weight:500;line-height:20px;color:var(--warm-text)

}

.inline-picker .chat-robot-desc{font-size:12px;font-weight:400;line-height:17px;margin-top:2px;color:#6f685f}

.inline-picker .chat-robot-avatar{width:32px;min-width:32px;height:32px;border-radius:8px;background:transparent;color:inherit}

.chat-robot-avatar img{width:24px;height:24px;display:block;object-fit:contain}

.chat-robot-avatar.robot-openai{background:#fff}

.inline-picker .chat-robot-option:hover{background:#eef3ef}

.inline-picker .chat-robot-option.active{background:#e9f0eb}

.inline-picker .chat-robot-option.active:hover{background:#dfeae2}

.inline-picker .chat-robot-option:focus-visible{

 background:#eef3ef!important;box-shadow:inset 0 0 0 1px #99ad9f

}

.inline-picker .chat-robot-option.active:focus-visible{background:#e9f0eb!important}

html[data-theme="dark"] .inline-picker .chat-robot-name{color:#e5dfd5}

html[data-theme="dark"] .inline-picker .chat-robot-desc{color:#b9b1a5}

html[data-theme="dark"] .inline-picker .chat-robot-option:hover{background:#45413a}

html[data-theme="dark"] .inline-picker .chat-robot-option.active{background:#35483e}

html[data-theme="dark"] .inline-picker .chat-robot-option.active:hover{background:#40564a}

html[data-theme="dark"] .inline-picker .chat-robot-option:focus-visible{background:#45413a!important;box-shadow:inset 0 0 0 1px #94ad9e}

html[data-theme="dark"] .inline-picker .chat-robot-option.active:focus-visible{background:#35483e!important}

@media(prefers-reduced-motion:reduce){.chat-plus-menu,.chat-robot-picker{transition:none!important}}



/* Locked models stay focusable so keyboard and touch users can reach the upgrade link. */

.chat-provider-menu .chat-robot-option.is-locked{cursor:default}

.chat-provider-menu .chat-robot-option.is-locked .chat-robot-text,

.chat-provider-menu .chat-robot-option.is-locked .chat-robot-avatar{opacity:.48;filter:grayscale(1)}

.chat-provider-menu .chat-provider-upgrade{

 margin:0 8px 4px;padding:10px 12px;border-radius:10px;background:#f4eee7;

 color:#62574c;font:12px/1.5 var(--font-family)

}

.chat-provider-menu .chat-provider-upgrade[hidden]{display:none!important}

.chat-provider-menu .chat-provider-upgrade a{display:block;border-radius:4px;color:inherit;text-decoration:underline;text-underline-offset:3px;padding:8px 0;margin-top:2px;font-weight:600}

html[data-theme="dark"] .chat-provider-menu .chat-provider-upgrade{background:#413b33!important;color:#e5dfd5!important}


.chat-provider-menu .chat-provider-upgrade a:focus-visible{outline:none!important;box-shadow:inset 0 0 0 1px #99ad9f}

/* Match the shared navigation hover; keep model selection colors separate. */
.chat-provider-menu .chat-plus-menu-item:is(:hover,:focus-visible){background:#eef3ef!important;color:#3a2f26!important}
html[data-theme="dark"] .chat-provider-menu .chat-plus-menu-item:is(:hover,:focus-visible){background:#45413a!important;color:#eee9df!important}


/* Model access hints are tooltips, never expanding rows inside the menu. */
.chat-provider-tooltip{
 position:fixed;z-index:2147483000;max-width:min(240px,calc(100vw - 24px));
 padding:10px;border-radius:8px;background:#fffdf9;color:#62574c;
 border:1px solid #e6e1d9;box-shadow:0 3px 12px #30281e14;
 font:12px/1.45 var(--font-family);pointer-events:none;
}
.chat-provider-tooltip[hidden]{display:none!important}
html[data-theme="dark"] .chat-provider-tooltip{
 background:#332f29;color:#eee9df;border-color:#575149
}
.chat-provider-menu{scrollbar-width:thin;scrollbar-color:#d4d0c9 transparent;overscroll-behavior:contain}
@supports selector(::-webkit-scrollbar){
 .chat-provider-menu{scrollbar-width:auto;scrollbar-color:auto}
 .chat-provider-menu::-webkit-scrollbar{width:4px;height:4px}
 .chat-provider-menu::-webkit-scrollbar-track{background:transparent;margin-block:2px}
 .chat-provider-menu::-webkit-scrollbar-thumb{background:#d4d0c9;border-radius:8px}
 .chat-provider-menu::-webkit-scrollbar-thumb:hover{background:#beb9b1}
 .chat-provider-menu::-webkit-scrollbar-button{display:none;width:0;height:0}
}
html[data-theme="dark"] .chat-provider-menu{scrollbar-color:#777168 transparent}
@supports selector(::-webkit-scrollbar){
 html[data-theme="dark"] .chat-provider-menu{scrollbar-color:auto}
 html[data-theme="dark"] .chat-provider-menu::-webkit-scrollbar-thumb{background:#777168}
}

/* Fixed inner rim stays visible while rows and the native scrollbar scroll. */
.chat-provider-menu{background-clip:border-box;scroll-padding-block:8px}