/* Support-only presentation. Existing gateway CSS owns states and tool layout. */
.cg-support-gateway .cg-support-workspace {
  background:#faf9f4;border-color:#d5ddd8;border-radius:22px;
  box-shadow:0 16px 42px rgba(30,56,51,.12);
}
.cg-support-gateway .cg-support-workspace__header {
  position:relative;align-items:flex-start;min-height:280px;aspect-ratio:3/1;
  padding:24px 28px;
  background:linear-gradient(180deg,rgba(8,27,36,.66),rgba(8,27,36,.22) 36%,transparent 62%),url('cg-support-farm-panorama.png') center/cover no-repeat;
}
.cg-support-gateway .cg-support-workspace__identity {gap:16px;text-shadow:0 2px 6px #183c45;}
.cg-support-gateway .cg-support-workspace__avatar {
  flex-shrink:0;width:76px;height:76px;border-radius:50%;color:transparent;
  background:#f4fafb url('cg-support-technician.png') center/contain no-repeat;
  box-shadow:0 4px 18px #173d4555;text-shadow:none;
}
.cg-support-gateway .cg-support-workspace__eyebrow {font-size:16px;opacity:1;letter-spacing:.12em;}
.cg-support-gateway .cg-support-workspace__identity h3 {font-size:32px;color:#fff;}
.cg-support-gateway .cg-support-workspace__status {font-size:16px;opacity:1;}
.cg-support-gateway .cg-support-workspace__close {background:#132f45a6;min-height:44px;}
.cg-support-gateway .cg-support-workspace__body {background:#faf9f4;}
.cg-support-gateway .cg-support-workspace__footer {background:#f1f2eb;border-color:#d5ddd8;color:#4e6668;}
.cg-support-gateway .cg-support-chat {background:#faf9f4;border-color:#d5ddd8;}
.cg-support-gateway .cg-support-chat__messages {background:#faf9f4;}
.cg-support-gateway .cg-support-chat__bubble {background:#f0f4ed;border-color:#d9e1d3;color:#253d3b;}
.cg-support-gateway .cg-support-chat__message--user .cg-support-chat__bubble {background:#0879b4;border-color:#0879b4;color:#fff;}
.cg-support-gateway .cg-support-chat__composer {background:#f4f5ef;border-color:#d5ddd8;}
.cg-support-gateway .cg-support-chat__thinking-bubble {background:#edf5f8;border-color:#c5dce6;}
.cg-support-gateway .cg-support-ready {background:#eef4e9;border-color:#cfdcc6;color:#35543a;}
.cg-support-gateway .cg-support-workspace .cg-support-gateway__button {background:#0879b4;box-shadow:0 4px 12px #0879b421;}
.cg-support-gateway .cg-support-workspace .cg-support-gateway__button--secondary {background:#fff;color:#065a88;}
.cg-support-gateway .cg-support-tool-cube {background:#fff;border-color:#cbd8d5;box-shadow:0 3px 10px #254c3610;}
.cg-support-gateway .cg-support-tool-cube__button {background:#edf5f8;color:#07547e;border:1px solid #c5dce6;box-shadow:none;}
.cg-support-gateway .cg-support-tool-cube__button:hover {background:#dfedf3;}
.cg-support-gateway .cg-support-tool-cube__icon,
.cg-support-gateway .cg-support-mobile-image-button__icon {width:64px;height:64px;flex-shrink:0;background:transparent center/contain no-repeat;font-size:0;}
.cg-support-gateway [data-cg-screen-button] .cg-support-tool-cube__icon {background-image:url('cg-support-screen.svg');}
.cg-support-gateway [data-cg-qr-button] .cg-support-tool-cube__icon {background-image:url('cg-support-phone.svg');}
.cg-support-gateway [data-cg-handoff-button] .cg-support-tool-cube__icon {background-image:url('cg-support-transfer.svg');}
.cg-support-gateway [data-cg-attach-button] .cg-support-tool-cube__icon,
.cg-support-gateway [data-cg-mobile-picker-button] .cg-support-mobile-image-button__icon {background-image:url('cg-support-photo.svg');}
.cg-support-gateway [data-cg-camera-button] .cg-support-mobile-image-button__icon {background-image:url('cg-support-camera.svg');}
.cg-support-gateway .cg-support-mobile-image-button {background:#edf5f8;border-color:#c5dce6;box-shadow:0 3px 10px #254c3610;}
.cg-support-gateway .cg-support-tool-cube .cg-support-phone-bridge__panel {background:#fff;border-color:#cbd8d5;}
.cg-support-gateway .cg-support-workspace :is(button,input,textarea,a):focus-visible {outline:3px solid #956715;outline-offset:3px;}
.cg-support-gateway .cg-support-chat__entry-box:focus-within {border-color:#0879b4;box-shadow:0 0 0 3px #95671555;}
@media(min-width:1000px) {
 .cg-support-gateway .cg-support-workspace__identity {margin:0 auto;padding-left:140px;gap:22px;}
 .cg-support-gateway .cg-support-workspace__avatar {width:106px;height:106px;}
 .cg-support-gateway .cg-support-workspace__eyebrow {font-size:22px;}
 .cg-support-gateway .cg-support-workspace__identity h3 {font-size:45px;}
 .cg-support-gateway .cg-support-workspace__status {font-size:22px;}
 .cg-support-gateway .cg-support-workspace__status span {width:13px;height:13px;}
}
@media(max-width:760px) {
 .cg-support-gateway .cg-support-workspace {margin-left:0;margin-right:0;border-radius:18px;}
 .cg-support-gateway .cg-support-workspace__header {min-height:240px;aspect-ratio:auto;padding:18px 14px;background-position:48% center;gap:10px;flex-wrap:wrap;align-content:flex-start;}
 .cg-support-gateway .cg-support-workspace__identity {gap:10px;}
 .cg-support-gateway .cg-support-workspace__avatar {width:52px;height:52px;}
 .cg-support-gateway .cg-support-workspace__eyebrow {font-size:12px;}
 .cg-support-gateway .cg-support-workspace__identity h3 {font-size:21px;}
 .cg-support-gateway .cg-support-workspace__status {font-size:13px;}
 .cg-support-gateway .cg-support-workspace__close {margin-left:auto;align-self:flex-start;}
 .cg-support-gateway .cg-support-workspace__body {padding-left:14px;padding-right:14px;}
}