/* Screenshot reference: blue header, readable bubbles and fixed composer. */
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell {--cp-workspace:#f6f7fa!important;--cp-composer:#fff!important;--cp-divider:#e3e6ed!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-main{display:flex!important;flex-direction:column!important;overflow:hidden!important;background:var(--cp-workspace)!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-chat-head{background:linear-gradient(110deg,#2865ef,#347ff5)!important;color:#fff!important;height:68px!important;min-height:68px!important;padding:10px 16px!important;border:0!important;flex:none!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-heading-text b{color:white!important;font-size:18px!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-heading-text span{display:block!important;color:#e2edff!important;font-size:12px!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-chat-identity{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:50%!important;background:#ffffff20!important;border:1px solid #ffffff70!important;color:#fff!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell #gcCopilotClearBtn{background:#ffffff24!important;border:0!important;border-radius:50%!important;color:#fff!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-feed{flex:1 1 0!important;min-height:0!important;height:auto!important;overflow:auto!important;padding:18px 16px!important;display:flex!important;flex-direction:column!important;gap:16px!important;background:var(--cp-workspace)!important;background-image:none!important;overscroll-behavior:contain!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-msg{display:flex!important;max-width:88%!important;gap:0!important;margin:0!important;width:max-content!important;flex:none!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-msg.owner{align-self:flex-end!important;margin-left:auto!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-msg.alex{align-self:flex-start!important;margin-right:auto!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-msg-avatar{display:none!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-bubble{font-size:16px!important;line-height:1.6!important;padding:12px 14px!important;border-radius:20px 20px 20px 4px!important;background:var(--cp-composer)!important;color:var(--text-primary)!important;border:1px solid var(--cp-divider)!important;box-shadow:0 5px 16px #14243b12!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;max-width:100%!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .owner .gc-copilot-bubble{background:linear-gradient(135deg,#6b52f6,#305ced)!important;color:#fff!important;border:0!important;border-radius:24px 24px 5px 24px!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-welcome{margin:0!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;max-width:88%!important;padding:18px!important;border:1px solid var(--cp-divider)!important;background:var(--cp-composer)!important;border-radius:20px 20px 20px 4px!important;box-shadow:0 5px 16px #14243b12!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-welcome h3{font-size:18px!important;margin:0 0 8px!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-suggestions{flex:none!important;padding:8px 20px!important;gap:6px!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-composer{display:grid!important;grid-template-columns:28px minmax(0,1fr) 46px!important;grid-template-rows:auto!important;align-items:center!important;gap:8px!important;flex:none!important;position:relative!important;bottom:auto!important;margin:0!important;padding:12px 16px!important;background:var(--cp-composer)!important;border:0!important;border-top:1px solid var(--cp-divider)!important;border-radius:0!important;box-shadow:none!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell #gcCopilotInput{grid-column:2!important;grid-row:1!important;width:100%!important;min-height:46px!important;max-height:120px!important;border:1px solid var(--cp-divider)!important;border-radius:20px!important;background:var(--cp-composer)!important;padding:10px 12px!important;font-size:16px!important;line-height:24px!important;color:var(--text-primary)!important;box-shadow:0 0 0 3px #3665ec0c!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell #gcCopilotAttachBtn{grid-column:1!important;grid-row:1!important;width:34px!important;height:42px!important;color:#5472a1!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell #gcCopilotSendBtn{grid-column:3!important;grid-row:1!important;width:46px!important;height:46px!important;border-radius:14px!important;background:#2863ed!important;color:#fff!important;border:0!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-footnote{flex:none!important;padding:10px 16px max(10px,env(safe-area-inset-bottom))!important;text-align:center!important;font-size:11px!important;background:var(--cp-composer)!important;border-top:1px solid var(--cp-divider)!important}
@media(max-width:768px){html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-feed{padding:18px 16px!important}html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-msg{max-width:92%!important}html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-chat-head{padding:12px 16px!important}}

/* Canonical reset: older dashboard styles must not resize this chat. */
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell,
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell *{box-sizing:border-box!important;min-width:0}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-chat-head{background-image:linear-gradient(110deg,#2865ef,#347ff5)!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-heading-text *,
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-chat-head svg{color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-feed{max-height:none!important;width:100%!important;overflow-x:hidden!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-feed:after{display:none!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-welcome{display:block!important;flex:none!important;min-height:0!important;height:auto!important;width:auto!important;max-width:88%!important;padding:12px 14px!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-welcome h3,
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-welcome p{font-size:15px!important;line-height:1.6!important;font-weight:400!important;max-width:none!important;margin:0!important;letter-spacing:normal!important;text-align:left!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-welcome h3{margin-bottom:4px!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell #gcCopilotSuggestions{display:none!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-composer{height:auto!important;min-height:0!important;max-width:100%!important;width:100%!important;padding:12px 10px!important;overflow:hidden!important;grid-template-rows:auto!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell #gcCopilotInput{height:46px;resize:none!important;min-width:0!important;max-width:100%!important;outline:none!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell #gcCopilotAttachBtn{width:28px!important;padding:0!important;border:0!important;background:transparent!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell #gcCopilotSendBtn svg{width:20px!important;height:20px!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-footnote{padding:9px 12px!important;color:var(--text-secondary)!important}

/* Match the landing chat reference even when dashboard theme is dark. */
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell{--cp-workspace:#f8fafc!important;--cp-composer:#fff!important;--cp-divider:#e2e8f0!important;color-scheme:light!important;color:#0f172a!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-bubble,
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-welcome,
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-welcome *{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .owner .gc-copilot-bubble{color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell #gcCopilotInput{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;background:#fff!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell #gcCopilotInput::placeholder{color:#94a3b8!important;-webkit-text-fill-color:#94a3b8!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-footnote{color:#334155!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell .gc-copilot-chat-head>div{flex:1!important}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell #gcCopilotCloseBtn{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;flex:none!important;margin-left:8px!important;border:0!important;border-radius:50%!important;background:#ffffff24!important;color:#fff!important;cursor:pointer}
html[data-theme] body.gc-copilot-screen .app-shell #gcCopilotPage #gcCopilotShell #gcCopilotClearBtn{width:32px!important;height:32px!important;flex:none!important;padding:6px!important}
@media(max-width:768px){html body.gc-copilot-screen .app-shell .mobile-bottom-nav{display:none!important}}