.cc-root,.cc-dialog{--cc-panel:var(--panel,#302e34);--cc-bg:var(--bg,#242226);--cc-line:var(--border,var(--line,#48434e));--cc-soft:var(--soft,var(--muted,#bdb7c4));--cc-purple:#d3a5f3;--cc-gold:#edb94f;color:var(--text,#f4f0f5);font:inherit;box-sizing:border-box}
.cc-root *,.cc-dialog *{box-sizing:border-box;min-width:0}.cc-root{width:100%;max-width:1500px;margin:0 auto}.cc-root button,.cc-dialog button{font:inherit;font-size:13px;line-height:1.35;font-weight:600;padding:10px 13px;border:1px solid var(--cc-line);border-radius:9px;min-height:40px;background:var(--cc-bg);color:inherit;cursor:pointer;box-shadow:none;margin:0;white-space:normal}.cc-root button:hover,.cc-dialog button:hover{background:color-mix(in srgb,var(--cc-purple) 10%,var(--cc-bg));color:inherit}.cc-root button:disabled,.cc-dialog button:disabled{opacity:.5;cursor:default}.cc-root .cc-primary,.cc-dialog .cc-primary{background:var(--cc-gold);color:#2a2112;border-color:transparent}.cc-root button:focus-visible,.cc-dialog button:focus-visible,.cc-root textarea:focus-visible,.cc-dialog input:focus-visible{outline:2px solid var(--cc-purple);outline-offset:3px}
.cc-root .cc-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0;margin:0 0 18px;border:0;max-width:none}.cc-title small{font-size:10px;letter-spacing:2px;color:var(--cc-gold)}.cc-title h1{font-size:28px;line-height:1.2;margin:8px 0}.cc-title p,.cc-root p.cc-status{font-size:13px;color:var(--cc-soft);margin:8px 0;line-height:1.6}.cc-root p.cc-error,.cc-dialog p.cc-error{color:#f3a9b9}.cc-status:empty,.cc-pending:empty{display:none}.cc-pending{border:1px solid var(--cc-gold);border-radius:12px;padding:14px;margin-bottom:16px}.cc-pending p{font-size:13px;margin:0 0 10px}
.cc-workspace{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);border:1px solid var(--cc-line);border-radius:16px;overflow:hidden;background:var(--cc-panel);min-height:560px}.cc-list-pane{border-right:1px solid var(--cc-line);padding:16px;background:color-mix(in srgb,var(--cc-bg) 42%,var(--cc-panel))}.cc-boxes{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.cc-boxes button{padding:7px 9px;font-size:12px;min-height:36px}.cc-boxes button[aria-pressed=true]{background:color-mix(in srgb,var(--cc-purple) 18%,var(--cc-bg));color:var(--cc-purple)}.cc-root label.cc-filter{font-size:12px;display:block;margin:8px 0;color:var(--cc-soft)}.cc-root select,.cc-root textarea,.cc-dialog select,.cc-dialog textarea,.cc-dialog input{width:100%;font:inherit;font-size:14px;border:1px solid var(--cc-line);background:var(--cc-bg);color:inherit;border-radius:9px;padding:10px;margin:6px 0;line-height:1.5;resize:vertical}.cc-root .cc-refresh{font-size:12px;padding:7px 10px;margin:4px 0 12px}.cc-topic-list{display:grid;gap:7px}.cc-root button.cc-topic{display:flex;align-items:stretch;flex-direction:column;gap:6px;text-align:left;min-height:112px;background:transparent;border-color:transparent;padding:13px 12px}.cc-topic strong{font-size:14px;overflow-wrap:anywhere}.cc-topic span{font-size:12px;color:var(--cc-soft);line-height:1.45}.cc-topic small{font-size:10px;color:var(--cc-soft)}.cc-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.cc-root button.cc-topic:hover,.cc-root button.cc-topic.cc-selected{background:color-mix(in srgb,var(--cc-purple) 11%,var(--cc-bg));border-color:color-mix(in srgb,var(--cc-purple) 35%,var(--cc-line))}.cc-pagination{display:flex;justify-content:space-between;gap:8px;margin-top:14px}.cc-pagination button{font-size:11px}.cc-empty,.cc-placeholder{padding:25px 14px;color:var(--cc-soft);font-size:13px}
.cc-detail{display:flex;flex-direction:column;min-height:560px;max-height:min(850px,calc(100dvh - 165px));padding:0;min-width:0}.cc-root .cc-detail-heading{padding:18px 20px;border:0;border-bottom:1px solid var(--cc-line);display:flex;align-items:center;gap:12px;max-width:none;margin:0}.cc-detail-heading h2{font-size:18px;line-height:1.4;margin:0 0 3px;overflow-wrap:anywhere}.cc-detail-heading small{color:var(--cc-soft);font-size:11px}.cc-detail-actions{display:flex;gap:6px;margin-left:auto}.cc-detail-actions button{font-size:11px;padding:7px}.cc-root .cc-back{display:none}.cc-privacy{font-size:10px!important;color:var(--cc-soft);margin:0!important;padding:10px 20px}.cc-chat{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:14px 22px;min-height:170px;scrollbar-width:thin}.cc-bubbles{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.cc-bubble{max-width:85%;padding:13px 16px;border-radius:16px 16px 16px 4px;background:var(--cc-bg);border:1px solid var(--cc-line);overflow-wrap:anywhere}.cc-bubble.cc-mine{align-self:flex-end;border-radius:16px 16px 4px 16px;background:color-mix(in srgb,#704798 35%,var(--cc-panel));border-color:color-mix(in srgb,var(--cc-purple) 30%,var(--cc-line))}.cc-bubble>small{font-size:10px;color:var(--cc-purple)}.cc-bubble p{white-space:pre-wrap;line-height:1.65;font-size:14px;color:inherit;margin:6px 0 10px}.cc-root .cc-bubble footer{max-width:none;padding:0;margin:0;border:0;display:flex;align-items:center;gap:12px;justify-content:space-between}.cc-bubble time{font-size:10px;color:var(--cc-soft)}.cc-bubble footer button{font-size:10px;padding:4px 6px;border-color:transparent;min-height:28px;background:transparent}.cc-attachment{display:flex;flex-direction:column;gap:5px;font-size:12px;margin:12px 0;padding-top:10px;border-top:1px solid var(--cc-line)}.cc-attachment small{color:var(--cc-soft)}.cc-attachment button{font-size:11px;margin-right:6px}.cc-older{display:block;margin:0 auto 15px!important;font-size:11px!important}.cc-reply{padding:14px 20px;border-top:1px solid var(--cc-line);background:color-mix(in srgb,var(--cc-bg) 25%,var(--cc-panel))}.cc-reply label{font-size:12px;margin:0}.cc-reply textarea{min-height:65px;max-height:180px}.cc-compose-files{display:flex;align-items:center;gap:12px}.cc-compose-files input{max-width:230px;font-size:11px}.cc-compose-files small,.cc-send-row small{font-size:10px;color:var(--cc-soft)}.cc-send-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.cc-dialog{background:var(--cc-panel);border:1px solid var(--cc-line);border-radius:16px;padding:24px;max-height:calc(100dvh - 32px);width:min(560px,calc(100vw - 28px));overflow:auto}.cc-dialog::backdrop{background:#0009}.cc-dialog header{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:0;margin:0 0 16px;border:0}.cc-dialog h2{font-size:20px;line-height:1.4;margin:0}.cc-dialog p{color:var(--cc-soft);font-size:13px;line-height:1.65}.cc-dialog label{display:block;font-size:13px;margin:14px 0}.cc-dialog small{font-size:11px;color:var(--cc-soft)}.cc-dialog-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}.cc-confirm{width:min(440px,calc(100vw - 28px))}.cc-preview{width:min(1000px,calc(100vw - 28px))}.cc-preview iframe{width:100%;height:65vh;border:0;background:white}.cc-preview img{display:block;max-width:100%;max-height:65vh;margin:auto;object-fit:contain}
html[data-gg-theme=light] .cc-root,html[data-gg-theme=light] .cc-dialog,html[data-theme=light] .cc-root,html[data-theme=light] .cc-dialog{--cc-purple:#74409c;color:#302a3b}
@media(max-width:1000px){.cc-workspace{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.cc-detail-heading{flex-wrap:wrap}.cc-detail-actions{margin-left:0}.cc-compose-files{display:block}}
@media(max-width:700px){.cc-title h1{font-size:24px}.cc-root .cc-title{align-items:flex-start;gap:12px}.cc-title p{font-size:12px}.cc-root .cc-title>button{font-size:12px;max-width:130px;min-width:110px}.cc-workspace{display:block;min-height:400px}.cc-list-pane{border-right:0}.cc-detail{display:none;max-height:none;min-height:0}.cc-open .cc-list-pane{display:none}.cc-open .cc-detail{display:flex;min-height:500px;max-height:calc(100dvh - 150px)}.cc-root .cc-back{display:block}.cc-root .cc-detail-heading{padding:12px;gap:10px}.cc-detail-heading h2{font-size:16px}.cc-detail-actions{width:100%;justify-content:flex-end}.cc-chat{padding:14px 12px}.cc-bubble{max-width:92%;padding:11px 13px}.cc-bubble p{font-size:14px}.cc-reply{padding:12px}.cc-compose-files input{max-width:100%;font-size:12px}.cc-send-row small{max-width:65%}.cc-root button,.cc-dialog button{min-height:44px}.cc-dialog input,.cc-dialog select,.cc-dialog textarea,.cc-root textarea{font-size:16px}.cc-dialog{padding:20px}.cc-dialog header h2{font-size:18px}.cc-bubble footer button{min-height:32px}}

/* The Portal already provides the page heading. Keep a single title. */
body.ui-signed #ggConversationCentre .cc-title>div>small,body.ui-signed #ggConversationCentre .cc-title h1{display:none}
body.ui-signed #ggConversationCentre .cc-title{margin-top:0}
@media(max-width:700px){.cc-root{padding-bottom:calc(105px + env(safe-area-inset-bottom,0px))}}
/* Isolate the shared centre from the Portal's broad legacy header/button rules. */
html body .cc-root,html body .cc-dialog{--cc-panel:#302e34;--cc-bg:#242226;--cc-line:#48434e;--cc-soft:#bdb7c4;--cc-text:#f4f0f5;color:var(--cc-text)}
html[data-gg-theme=midnight] body .cc-root,html[data-gg-theme=midnight] body .cc-dialog{--cc-panel:#172039;--cc-bg:#0c1325;--cc-line:#34415d;--cc-soft:#bdc8e1;--cc-text:#f4f7ff}
html[data-gg-theme=light] body .cc-root,html[data-gg-theme=light] body .cc-dialog{--cc-panel:#fff;--cc-bg:#f5f3f7;--cc-line:#ddd3e7;--cc-soft:#71657d;--cc-text:#302a3b;--cc-purple:#74409c}
html body .cc-root button,html body .cc-dialog button{background:var(--cc-bg)!important;color:var(--cc-text)!important}
html body .cc-root button:hover,html body .cc-dialog button:hover{background:color-mix(in srgb,var(--cc-purple) 12%,var(--cc-bg))!important}
html body .cc-root .cc-primary,html body .cc-dialog .cc-primary{background:var(--cc-gold)!important;color:#2a2112!important}
html body .cc-root button.cc-topic{background:transparent!important}
html body .cc-root button.cc-topic:hover,html body .cc-root button.cc-topic.cc-selected,html body .cc-root .cc-boxes button[aria-pressed=true]{background:color-mix(in srgb,var(--cc-purple) 13%,var(--cc-bg))!important}
html body .cc-root .cc-boxes button[aria-pressed=true]{color:var(--cc-purple)!important}
html body .cc-root .cc-bubble footer button{background:transparent!important;color:var(--cc-soft)!important}
html body .cc-root header,html body .cc-dialog header{position:static!important;inset:auto!important;transform:none!important;height:auto!important;min-height:0!important;max-width:none!important;width:auto!important;overflow:visible!important;box-shadow:none!important;background:transparent!important;z-index:auto!important;backdrop-filter:none!important}
html body .cc-root .cc-bubble footer{position:static!important;max-width:none!important;background:transparent!important;box-shadow:none!important}
.cc-reply button[type=submit]{scroll-margin-bottom:120px}
