/* Ghatan Commercial · Concierge (AI + people) — v8.3.
   Its own stylesheet so it looks the same on the site and inside the Desk's Auxiliary (which doesn't load
   the site stylesheet). Tokens fall back from the site's names to the Desk's names to sensible defaults. */
.gcc, .gcc__panel {
  --g-bg:  var(--bg, var(--surface, #0b1118));
  --g-bg2: var(--bg-2, var(--surface-2, #111820));
  --g-bg3: var(--bg-3, var(--card, #161e27));
  --g-line:  var(--border, var(--line, rgba(255,255,255,.09)));
  --g-line2: var(--border-2, var(--line-strong, rgba(255,255,255,.15)));
  --g-t1: var(--text-1, var(--text, #e8e0d0));
  --g-t2: var(--text-2, var(--muted, #9aa0a8));
  --g-t3: var(--text-3, var(--muted, #7d848d));
  --g-gold: var(--gold, #b8973a);
  --g-goldline: var(--gold-line, rgba(184,151,58,.35));
  --g-goldlt: var(--gold-light, var(--gold-hi, #cba94b));
  --g-body: var(--ff-body, var(--sans, 'Inter', system-ui, sans-serif));
  --g-mono: var(--ff-mono, var(--mono, 'IBM Plex Mono', ui-monospace, monospace));
  --g-r: 16px;
}
.gcc__panel *, .gcc__panel *::before, .gcc__panel *::after { box-sizing: border-box; }
.gcc__panel button { font-family: inherit; }
.gcc__panel textarea::placeholder, .gcc__panel input::placeholder { color: var(--g-t3); opacity: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gcc__form textarea { overflow: hidden; }
.gcc { position: fixed; z-index: 9000; left: 20px; top: calc(100vh - 72px); }
.gcc.is-drag { cursor: grabbing; user-select: none; }
.gcc__launch { display: inline-flex; align-items: center; gap: .55rem; height: 48px; padding: 0 1.1rem 0 .95rem; border-radius: 999px; border: 1px solid var(--g-goldline); background: rgba(10,18,28,.92); color: var(--g-t1); font: 600 .9375rem/1 var(--g-body); cursor: grab; box-shadow: 0 14px 34px -12px rgba(0,0,0,.6); backdrop-filter: blur(10px); transition: border-color .2s, transform .2s; touch-action: none; position: relative; }
[data-theme="light"] .gcc__launch { background: rgba(255,255,255,.95); }
.gcc__launch:hover { border-color: var(--g-gold); }
.gcc__launch svg { width: 20px; height: 20px; fill: none; stroke: var(--g-gold); stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; }
.gcc.is-open .gcc__launch { border-color: var(--g-gold); }
.gcc__dot { position: absolute; top: 6px; right: 8px; width: 9px; height: 9px; border-radius: 50%; background: #E0705C; box-shadow: 0 0 0 2px var(--g-bg); }
.gcc__dot[hidden] { display: none; }
.gcc__box { position: absolute; bottom: calc(100% + 12px); left: 0; width: min(400px, calc(100vw - 24px)); }
.gcc__box.is-left { left: auto; right: 0; }
.gcc__box.is-down { bottom: auto; top: calc(100% + 12px); }
.gcc__panel { display: flex; flex-direction: column; height: var(--gcc-h, min(600px, calc(100vh - 110px))); background: var(--g-bg2); border: 1px solid var(--g-line); border-radius: var(--g-r); box-shadow: 0 30px 70px -20px rgba(0,0,0,.7); overflow: hidden; color: var(--g-t1); font-family: var(--g-body); }
.gcc__panel.is-inline { height: 100%; min-height: 420px; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.gcc__head { display: flex; align-items: center; gap: .7rem; padding: .85rem 1rem; border-bottom: 1px solid var(--g-line2); cursor: grab; touch-action: none; }
.gcc__grip svg { width: 10px; height: 16px; fill: var(--g-t3); display: block; }
.gcc__head > div { flex: 1; min-width: 0; }
.gcc__k { margin: 0; font: 500 .6875rem/1 var(--g-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--g-gold); }
.gcc__h { margin: .25rem 0 0; font-size: 1.125rem; font-weight: 650; }
.gcc__x { width: 34px; height: 34px; border-radius: 999px; border: 1px solid var(--g-line2); background: none; color: var(--g-t2); display: grid; place-items: center; cursor: pointer; }
.gcc__x svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }
.gcc__mode { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin: .75rem .9rem 0; padding: 4px; border-radius: 999px; border: 1px solid var(--g-line2); }
.gcc__mode button { position: relative; display: inline-flex; justify-content: center; align-items: center; gap: .4rem; height: 34px; border-radius: 999px; border: 0; background: none; color: var(--g-t2); font: 500 .875rem/1 var(--g-body); cursor: pointer; }
.gcc__mode button svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.gcc__mode button[aria-selected="true"] { background: var(--g-gold); color: #0E1C2F; font-weight: 600; }
.gcc__mode .gcc__dot { top: 4px; right: 10px; }
.gcc__ai, .gcc__person { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.gcc__ai[hidden], .gcc__person[hidden] { display: none; }
.gcc__log { flex: 1; min-height: 0; overflow-y: auto; padding: 1rem .9rem; display: flex; flex-direction: column; gap: .6rem; }
.gcc__msg { max-width: 86%; padding: .65rem .85rem; border-radius: 14px; font-size: .9375rem; line-height: 1.5; }
.gcc__msg p { margin: 0; }
.gcc__msg--bot { align-self: flex-start; background: var(--g-bg3); border: 1px solid var(--g-line2); border-bottom-left-radius: 4px; }
.gcc__msg--me { align-self: flex-end; background: color-mix(in srgb, var(--g-gold) 18%, var(--g-bg3)); border: 1px solid var(--g-goldline); border-bottom-right-radius: 4px; }
.gcc__msg.is-typing p { letter-spacing: .2em; animation: gcc-blink 1s infinite; }
@keyframes gcc-blink { 50% { opacity: .35; } }
.gcc__msg time { display: block; margin-top: .3rem; font-size: .6875rem; color: var(--g-t3); }
.gcc__by { display: block; font-size: .75rem; color: var(--g-gold); margin-bottom: .2rem; }
.gcc__chips { display: flex; flex-wrap: wrap; gap: .4rem; padding: 0 .9rem .6rem; }
.gcc__chip { padding: .45rem .75rem; border-radius: 999px; border: 1px solid var(--g-line); background: none; color: var(--g-t1); font: 500 .8125rem/1.2 var(--g-body); cursor: pointer; text-align: start; }
.gcc__chip:hover { border-color: var(--g-gold); }
.gcc__form { display: flex; gap: .5rem; align-items: flex-end; padding: .7rem .9rem; border-top: 1px solid var(--g-line2); }
.gcc__form textarea { flex: 1; resize: none; min-height: 42px; max-height: 140px; padding: .65rem .8rem; border-radius: 12px; border: 1px solid var(--g-line); background: var(--g-bg); color: var(--g-t1); font: 400 .9375rem/1.4 var(--g-body); }
.gcc__form textarea:focus { outline: 2px solid var(--g-goldline); border-color: var(--g-gold); }
.gcc__send { width: 42px; height: 42px; flex: none; border-radius: 12px; border: 0; background: var(--g-gold); color: #0E1C2F; display: grid; place-items: center; cursor: pointer; }
.gcc__send svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
[dir="rtl"] .gcc__send svg, [dir="rtl"] .gcc__back svg { transform: scaleX(-1); }
.gcc__send:disabled { opacity: .5; }
.gcc__fine { margin: 0; padding: 0 .9rem .75rem; font-size: .75rem; color: var(--g-t3); line-height: 1.45; }
.gcc__fine a { color: var(--g-goldlt); }
.gcc__who { margin: 1rem .9rem .5rem; font-weight: 600; }
.gcc__people { list-style: none; margin: 0; padding: 0 .9rem 1rem; display: grid; gap: .45rem; overflow-y: auto; }
.gcc__people button { width: 100%; display: flex; align-items: center; gap: .75rem; padding: .7rem .8rem; border-radius: 12px; border: 1px solid var(--g-line2); background: none; color: var(--g-t1); text-align: start; cursor: pointer; position: relative; }
.gcc__people button:hover { border-color: var(--g-goldline); background: color-mix(in srgb, var(--g-gold) 4%, transparent); }
.gcc__people small { margin-inline-start: auto; color: var(--g-gold); font-size: .75rem; }
.gcc__people .gcc__dot { position: static; margin-inline-start: auto; }
.gcc__av { width: 40px; height: 40px; flex: none; border-radius: 999px; overflow: hidden; display: grid; place-items: center; background: color-mix(in srgb, var(--g-gold) 22%, var(--g-bg3)); color: var(--g-goldlt); font-weight: 700; font-size: .875rem; }
.gcc__av img { width: 100%; height: 100%; object-fit: cover; }
.gcc__pn { display: grid; gap: .1rem; min-width: 0; }
.gcc__pn em { font-style: normal; font-size: .8125rem; color: var(--g-t3); }
.gcc__ph { display: flex; align-items: center; gap: .65rem; padding: .7rem .9rem; border-bottom: 1px solid var(--g-line2); }
.gcc__back { width: 32px; height: 32px; border-radius: 999px; border: 1px solid var(--g-line2); background: none; color: var(--g-t2); display: grid; place-items: center; cursor: pointer; }
.gcc__back svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.gcc__id { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; padding: .6rem .9rem 0; }
.gcc__id[hidden] { display: none; }
.gcc__id input { min-width: 0; padding: .55rem .7rem; border-radius: 10px; border: 1px solid var(--g-line); background: var(--g-bg); color: var(--g-t1); font: 400 .875rem var(--g-body); }
@media (max-width: 560px) { .gcc__box { position: fixed; left: 8px !important; right: 8px !important; top: auto !important; bottom: 76px !important; width: auto; } }
/* inside Auxiliary */
.aux__pane--chat { padding: 0 !important; display: flex; flex-direction: column; min-height: 440px; }
.aux__pane--chat .gcc__panel.is-inline { flex: 1; }

.gcc__form textarea { height: 42px; }
[data-theme="light"] .gcc__launch, [data-theme="daylight"] .gcc__launch { background: rgba(255,255,255,.96); color: #0E1C2F; }

/* v8.4 · full screen */
.gcc__full { margin-inline-start: auto; }
.gcc__full + .gcc__x { margin-inline-start: .35rem; }
.gcc__full .gcc-i-min { display: none; }
.gcc.is-full .gcc__full .gcc-i-max { display: none; }
.gcc.is-full .gcc__full .gcc-i-min { display: inline; }
.gcc.is-full { inset: 0 !important; left: 0 !important; top: 0 !important; width: 100vw; height: 100vh; z-index: 9500; pointer-events: none; }
.gcc.is-full .gcc__launch { display: none; }
.gcc.is-full::before { content: ""; position: fixed; inset: 0; background: rgba(8, 12, 18, .5); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); pointer-events: auto; }
.gcc.is-full .gcc__box { position: fixed !important; inset: clamp(.5rem, 3vh, 2rem) max(.5rem, calc((100vw - 980px) / 2)) !important; width: auto !important; height: auto !important; pointer-events: auto; }
.gcc.is-full .gcc__panel { height: 100% !important; max-height: none !important; }
.gcc.is-full .gcc__head { cursor: default; }
.gcc.is-full .gcc__log { font-size: 1rem; }
html.gcc-full-on { overflow: hidden; }

/* v8.6: in Auxiliary the conversation sits on a solid panel (never see-through), and in full screen it reads
   in a comfortable column instead of stretching across the whole screen */
.aux.is-chat .aux__panel, .aux.is-full .aux__panel { background: var(--g-bg2, #fffdf8) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
[data-theme="daylight"] .aux.is-chat .aux__panel, [data-theme="daylight"] .aux.is-full .aux__panel { background: #fffdf8 !important; }
[data-theme="evening"] .aux.is-chat .aux__panel, [data-theme="evening"] .aux.is-full .aux__panel { background: #0f141c !important; }
.aux.is-full .aux__pane--chat .gcc__panel { width: 100%; max-width: 820px; margin: 0 auto; }
.aux.is-full .aux__pane--chat .gcc__msg { max-width: 78%; }

/* v8.6: compact controls — one slim bar, smaller switch, quieter fine print: more room to talk */
.gcc__head { gap: .45rem; padding: .45rem .5rem .45rem .6rem; }
.gcc__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: 0; }
.gcc__head .gcc__mode { flex: 1; min-width: 0; margin: 0; }
.gcc__mode { gap: 2px; padding: 2px; margin: .5rem .6rem 0; }
.gcc__mode button { height: 28px; gap: .3rem; padding: 0 .55rem; font-size: .78rem; white-space: nowrap; overflow: hidden; }
.gcc__mode button span { overflow: hidden; text-overflow: ellipsis; }
.gcc__mode button svg { width: 12px; height: 12px; flex: none; }
.gcc__x { width: 30px; height: 30px; flex: none; }
.gcc__x svg { width: 12px; height: 12px; }
.gcc__log { padding: .75rem .75rem; gap: .5rem; }
.gcc__chips { padding: 0 .75rem .5rem; gap: .3rem; }
.gcc__chip { padding: .35rem .65rem; font-size: .75rem; }
.gcc__form { padding: .5rem .6rem; }
.gcc__form textarea { min-height: 38px; padding: .55rem .7rem; }
.gcc__send { width: 38px; height: 38px; }
.gcc__fine { padding: 0 .75rem .5rem; font-size: .6875rem; line-height: 1.4; }
@media (max-width: 380px) { .gcc__mode button { font-size: .72rem; padding: 0 .4rem; } }

/* v8.7.1 · contrast: initials, roles and the launcher's icon read clearly in both themes */
.gcc__av { color: var(--g-t1); background: color-mix(in srgb, var(--g-gold) 30%, var(--g-bg3)); }
.gcc__pn em { color: var(--g-t2) !important; }
[data-theme="light"] .gcc__launch svg, [data-theme="daylight"] .gcc__launch svg { stroke: #7d6318; }
.gcc__mode button { color: var(--g-t1); }
.gcc__mode button:not([aria-selected="true"]) { opacity: .82; }
.gcc__mode button[aria-selected="true"] { color: #0E1C2F; }