/* Shared Agent shell and welcome screen. Loaded after the desktop layout. */
#agentChatPanel { border-radius:20px !important; overflow:hidden; background:var(--ag-bg) !important; }
#agentChatPanel .agc-header { position:relative; inset:auto; display:flex; align-items:center; flex:0 0 auto; min-height:56px; padding:8px 16px !important; gap:8px; pointer-events:auto; }
#agentChatPanel .agc-header > .category-tagline, #agentChatPanel .agc-header > .agc-back-btn, #agentChatPanel .agc-contact { display:none; }
#agentChatPanel .agc-desktop-control, #agentChatPanel .agc-desktop-controls { display:flex; align-items:center; }
#agentChatPanel .agc-desktop-title { display:block; font-size:13px; font-weight:700; color:var(--ag-text); }
#agentChatPanel .agc-desktop-title small { display:block; color:var(--ag-muted); font-size:10px; font-weight:400; margin-top:3px; }
#agentChatPanel .agc-desktop-title small::before { content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:#62d9aa; margin-right:5px; }
#agentChatPanel .agc-desktop-controls { margin-left:auto; gap:2px; }
#agentChatPanel .agc-desktop-controls button, #agentChatPanel .agc-desktop-control { display:grid; place-items:center; width:32px; height:36px; padding:0; border:0; border-radius:10px; background:transparent; color:var(--ag-muted); cursor:pointer; font-size:21px; }
#agentChatPanel .agc-desktop-settings { background:var(--ag-surface2); color:var(--ag-accent); border-radius:50%; }
#agentChatPanel .agc-thread { flex:1; min-height:0; padding:16px !important; scroll-padding-top:16px; }
#agentChatPanel [hidden] { display:none !important; }
.agc-welcome { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:0 18px 8px; text-align:left; background:radial-gradient(ellipse at 35% 12%, #7460bf24, transparent 47%); }
.agc-hero { height:134px; display:flex; justify-content:center; align-items:center; position:relative; }
.agc-hero img { width:215px; height:155px; object-fit:contain; filter:drop-shadow(0 7px 20px #7686ff24); }
.agc-hero p { margin:0 20px 0 -4px; transform:rotate(-8deg); font-family:'Segoe Print','Comic Sans MS',cursive; font-size:24px; line-height:1.2; color:var(--ag-text); }
.agc-hero p span { font-size:23px; }
.agc-welcome h2 { margin:2px 0 5px; font-size:23px; line-height:1.2; letter-spacing:-.6px; color:var(--ag-text); }
.agc-intro { margin:0 0 16px; font-size:12px; line-height:1.5; color:var(--ag-muted); }
.agc-start-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-bottom:14px; }
.agc-start-card { min-width:0; padding:11px 8px; border:1px solid var(--ag-line); border-radius:14px; background:linear-gradient(140deg,var(--ag-surface2),var(--ag-bg)); color:var(--ag-text); text-align:left; cursor:pointer; font:inherit; }
.agc-start-card > span { display:block; font-size:25px; margin-bottom:10px; }
.agc-start-card strong { display:block; font-size:11px; line-height:1.4; }
.agc-start-card small { display:block; font-size:9px; color:var(--ag-muted); margin-top:4px; line-height:1.4; }
.agc-try { border:1px solid var(--ag-line); border-radius:13px; overflow:hidden; background:linear-gradient(130deg,var(--ag-surface),var(--ag-bg)); }
.agc-try-heading { display:flex; align-items:center; justify-content:space-between; min-height:30px; padding:0 10px; font-size:11px; color:var(--ag-text); }
.agc-refresh { background:none; color:var(--ag-muted); border:0; width:32px; height:30px; cursor:pointer; font-size:18px; }
.agc-prompt { display:flex; align-items:center; gap:9px; width:100%; min-height:33px; padding:6px 10px; border:0; border-top:1px solid var(--ag-line); color:var(--ag-text); background:transparent; text-align:left; cursor:pointer; font:inherit; font-size:11px; line-height:1.4; }
.agc-prompt > span:first-child { font-size:17px; }
.agc-prompt > span:last-child { margin-left:auto; color:var(--ag-muted); }
.agc-resume { background:transparent; color:var(--ag-accent); border:0; padding:10px 0 2px; font:inherit; font-size:12px; cursor:pointer; }
#agentChatPanel .agc-composer-wrap { padding:8px 16px max(12px,env(safe-area-inset-bottom)); }
#agentChatPanel .agc-composer-wrap .agc-input { font-size:13px !important; }
#agentChatPanel .agc-composer-wrap .agc-camera-btn { color:var(--ag-accent) !important; font-size:25px; min-width:32px; width:32px !important; }
.agc-photo-btn svg { width:18px; height:18px; }
.agc-photo-btn { flex:0 0 30px; height:40px; background:none; border:0; color:var(--ag-muted); cursor:pointer; font-size:23px; }
.agc-topics { display:flex; gap:5px; flex-wrap:wrap; margin-top:8px; }
.agc-topic { flex:1 0 auto; min-height:28px; border:1px solid var(--ag-line); border-radius:18px; color:var(--ag-text); background:var(--ag-surface); padding:4px 7px; font:inherit; font-size:9px; cursor:pointer; }
.agc-topic[aria-pressed=true] { border-color:var(--ag-accent); background:var(--ag-mine); }
.agc-start-card:hover, .agc-prompt:hover, .agc-topic:hover, #agentChatPanel .agc-desktop-controls button:hover { background:var(--ag-surface2); border-color:var(--ag-accent); }
html[data-theme=light] #agentChatPanel { --ag-bg:#f9fafc; --ag-surface:#f0f2f6; --ag-surface2:#e7eaf1; --ag-text:#202a35; --ag-muted:#526172; --ag-line:#c9d2dd; --ag-mine:#fff0c7; }
@media(min-width:1024px) { #agentChatPanel { width:454px; height:min(710px,calc(100dvh - 110px)); bottom:24px; } #agentChatPanel.agc-desktop-expanded { width:480px; height:100dvh; bottom:0; border-radius:0 !important; } }
@media(max-width:1023px) { #agcExpandButton { display:none !important; } }
@media(max-width:600px) { #agentChatPanel { height:100%; border-radius:0 !important; } .agc-welcome { padding-inline:14px; } .agc-start-card { padding:10px 6px; } .agc-start-card small { font-size:9px; } }
@media(prefers-reduced-motion:reduce) { #agentChatPanel, #agentChatOverlay { transition:none !important; } }

html[data-theme=light] .agc-resume { color:#765512; }
/* Keep the full set of starting prompts in view on a typical desktop. */
#agentChatPanel .agc-header { box-sizing:border-box; }
.agc-hero { height:116px; }
.agc-hero img { height:140px; }
.agc-start-card { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:0; padding:10px 8px; }
.agc-start-card > span { margin-bottom:7px; }
.agc-start-card strong { font-size:10px; }
@media(min-width:1024px) { #agentChatPanel:not(.agc-desktop-expanded) { height:min(760px,calc(100dvh - 48px)); } }